:root{
  --ink:#161514;--sumi:#23201d;--paper:#f7f1e6;--paper2:#fffaf0;--gold:#c79a42;--vermilion:#9d3328;--green:#123f3a;--line:rgba(22,21,20,.14);--shadow:0 26px 80px rgba(22,21,20,.18);--radius:28px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP",system-ui,sans-serif;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 10% 10%,rgba(199,154,66,.16),transparent 30%),linear-gradient(90deg,rgba(22,21,20,.035) 1px,transparent 1px),linear-gradient(rgba(22,21,20,.03) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.sp{display:none}.loading{position:fixed;inset:0;z-index:999;display:grid;place-content:center;gap:18px;background:var(--ink);color:var(--paper);transition:.85s cubic-bezier(.19,1,.22,1)}.loading.is-hide{opacity:0;visibility:hidden}.loading__mark{width:82px;height:82px;border:1px solid rgba(247,241,230,.3);border-radius:50%;display:grid;place-items:center;animation:pulse 1.4s infinite}.loading__mark img{width:54px;filter:invert(1)}.loading p{letter-spacing:.28em;font-size:12px}.site-header{position:fixed;z-index:100;top:22px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;padding:12px 14px 12px 18px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(22,21,20,.44);backdrop-filter:blur(18px);color:#fff}.brand{display:flex;align-items:center;gap:10px;font-family:"Noto Serif JP",serif;font-weight:900}.brand__mark{width:36px;height:36px;border-radius:50%;background:var(--paper);display:grid;place-items:center}.brand__mark img{width:25px}.brand__text{letter-spacing:.12em}.global-nav{display:flex;align-items:center;gap:22px;font-size:14px}.global-nav a{opacity:.9}.global-nav a:hover{opacity:1;color:#f1d69a}.nav-cta{padding:10px 18px;border-radius:999px;background:var(--gold);color:var(--ink)!important;font-weight:700}.menu-btn{display:none}.hero{min-height:100svh;position:relative;display:grid;align-items:center;overflow:hidden;color:#fff;background:var(--ink)}.hero__bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,12,10,.92),rgba(14,12,10,.62) 45%,rgba(14,12,10,.2)),url("https://images.unsplash.com/photo-1528360983277-13d401cdc186?auto=format&fit=crop&w=2100&q=80") center/cover;transform:scale(1.04);animation:kenburns 18s ease-in-out infinite alternate}.hero::after{content:"和";position:absolute;right:-.05em;bottom:-.24em;font-family:"Noto Serif JP",serif;font-weight:900;font-size:42vw;line-height:.8;color:rgba(255,255,255,.055)}.hero__inner{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));margin:auto;padding-top:70px}.eyebrow,.section__kicker{display:inline-flex;align-items:center;gap:10px;letter-spacing:.18em;font-size:12px;font-weight:700;color:var(--gold)}.eyebrow::before,.section__kicker::before{content:"";width:42px;height:1px;background:currentColor}.hero h1{font-family:"Noto Serif JP",serif;font-size:clamp(48px,8vw,108px);line-height:1.1;letter-spacing:.08em;margin:22px 0 26px;text-shadow:0 14px 35px rgba(0,0,0,.32)}.hero__lead{font-size:clamp(16px,2vw,22px);line-height:2;max-width:720px;color:rgba(255,255,255,.86)}.hero__actions{display:flex;gap:14px;margin-top:40px}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:180px;padding:16px 24px;border-radius:999px;border:1px solid currentColor;font-weight:700;transition:.28s ease}.btn:hover{transform:translateY(-3px)}.btn--primary{background:linear-gradient(135deg,#dbb869,var(--gold));border-color:transparent;color:var(--ink);box-shadow:0 18px 45px rgba(199,154,66,.28)}.btn--ghost{color:inherit;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}.scroll-sign{position:absolute;right:32px;bottom:30px;z-index:2;writing-mode:vertical-rl;letter-spacing:.2em;font-size:12px;color:rgba(255,255,255,.65)}.scroll-sign::after{content:"";display:block;width:1px;height:72px;margin:14px auto 0;background:linear-gradient(#fff,transparent);animation:scrollLine 1.8s infinite}.section{padding:110px 20px}.section__head{width:min(1180px,100%);margin:0 auto 46px}.section h2{font-family:"Noto Serif JP",serif;font-size:clamp(34px,5vw,64px);line-height:1.25;margin:12px 0 0;letter-spacing:.06em}.intro__grid{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}.intro__text{padding:38px;border-left:1px solid var(--gold);font-size:18px;line-height:2.1}.intro__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mini-card{background:rgba(255,250,240,.74);border:1px solid var(--line);border-radius:var(--radius);padding:30px 22px;box-shadow:var(--shadow);min-height:260px;transition:.3s}.mini-card:hover{transform:translateY(-8px)}.mini-card img{width:66px;height:66px;object-fit:contain;margin-bottom:28px;opacity:.72}.mini-card h3,.service-card h3,.work-card h3{font-family:"Noto Serif JP",serif;letter-spacing:.04em}.service{background:var(--sumi);color:var(--paper);position:relative;overflow:hidden}.service::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(157,51,40,.28),transparent 32%),radial-gradient(circle at 80% 40%,rgba(199,154,66,.16),transparent 26%)}.service>*{position:relative}.service__list{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(247,241,230,.18);border:1px solid rgba(247,241,230,.18)}.service-card{background:rgba(35,32,29,.88);padding:36px 26px;min-height:340px}.service-card span{font-family:"Noto Serif JP",serif;font-size:44px;color:var(--gold)}.service-card p{line-height:1.9;color:rgba(247,241,230,.78)}.works__slider{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work-card{border-radius:var(--radius);overflow:hidden;background:var(--paper2);box-shadow:var(--shadow)}.work-card__visual{height:260px;background:linear-gradient(135deg,rgba(18,63,58,.75),rgba(199,154,66,.55)),url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1200&q=80") center/cover}.visual2{background-image:linear-gradient(135deg,rgba(157,51,40,.72),rgba(199,154,66,.46)),url("https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1200&q=80")}.visual3{background-image:linear-gradient(135deg,rgba(22,21,20,.82),rgba(18,63,58,.48)),url("https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1200&q=80")}.work-card p,.work-card h3{padding:0 24px}.work-card p{margin:22px 0 8px;color:var(--gold);font-weight:700}.work-card h3{margin:0 0 28px}.flow{background:linear-gradient(180deg,var(--paper),#ede1cf)}.flow__list{width:min(980px,100%);margin:auto;padding:0;list-style:none;counter-reset:item}.flow__list li{display:grid;grid-template-columns:90px 220px 1fr;gap:20px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.flow__list b{font-family:"Noto Serif JP",serif;color:var(--gold);font-size:34px}.flow__list span{font-weight:800;font-size:20px}.flow__list p{margin:0;line-height:1.8}.message{width:min(1180px,calc(100% - 40px));margin:0 auto 110px;padding:0;display:grid;grid-template-columns:.92fr 1.08fr;gap:52px;align-items:center}.message__photo{position:relative;border-radius:34px;overflow:hidden;box-shadow:var(--shadow);background:#ddd}.message__photo img{height:620px;object-fit:cover;object-position:center top}.message__body{background:rgba(255,250,240,.82);border:1px solid var(--line);border-radius:34px;padding:56px;box-shadow:var(--shadow)}.message__body p{font-size:17px;line-height:2}.sign{font-family:"Noto Serif JP",serif;font-size:22px!important;text-align:right;margin-top:34px}.footer{background:var(--ink);color:var(--paper);padding:90px 20px 28px;text-align:center;position:relative;overflow:hidden}.footer::before{content:"";position:absolute;inset:auto -20% -55% -20%;height:90%;background:radial-gradient(ellipse at center,rgba(199,154,66,.18),transparent 65%)}.footer__inner{position:relative}.footer h2{font-family:"Noto Serif JP",serif;font-size:clamp(32px,5vw,62px);line-height:1.3;margin:18px 0 32px}.copy{margin-top:70px;color:rgba(247,241,230,.55);font-size:12px}.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes kenburns{to{transform:scale(1.12) translate3d(-1.5%,1%,0)}}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 0 18px rgba(247,241,230,.04)}}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}46%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media (max-width:900px){.sp{display:block}.site-header{top:12px}.global-nav{position:fixed;inset:68px 16px auto;display:grid;gap:0;padding:18px;background:rgba(22,21,20,.94);border:1px solid rgba(255,255,255,.14);border-radius:24px;transform:translateY(-12px);opacity:0;visibility:hidden;transition:.28s}.global-nav.is-open{opacity:1;visibility:visible;transform:none}.global-nav a{padding:15px;border-bottom:1px solid rgba(255,255,255,.1)}.nav-cta{text-align:center;margin-top:12px}.menu-btn{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.14)}.menu-btn span{grid-area:1/1;width:20px;height:2px;background:#fff;transition:.25s}.menu-btn span:nth-child(1){transform:translateY(-7px)}.menu-btn span:nth-child(3){transform:translateY(7px)}.menu-btn.is-open span:nth-child(1){transform:rotate(45deg)}.menu-btn.is-open span:nth-child(2){opacity:0}.menu-btn.is-open span:nth-child(3){transform:rotate(-45deg)}.hero__inner{width:calc(100% - 32px)}.hero h1{letter-spacing:.04em}.hero__actions{flex-direction:column;align-items:flex-start}.section{padding:78px 18px}.intro__grid,.message{grid-template-columns:1fr}.intro__cards,.works__slider{grid-template-columns:1fr}.intro__text{padding:26px 0 26px 22px}.service__list{grid-template-columns:1fr}.service-card{min-height:auto}.flow__list li{grid-template-columns:1fr;gap:8px}.message{width:calc(100% - 36px);margin-bottom:78px;gap:24px}.message__photo img{height:auto}.message__body{padding:32px 24px}.scroll-sign{display:none}}

/* --- more decorative / portfolio update --- */
.section{position:relative;overflow:hidden}.section::before,.section::after{content:"";position:absolute;pointer-events:none;z-index:0}.section>*{position:relative;z-index:1}.intro::before{width:520px;height:520px;right:-180px;top:40px;background:repeating-conic-gradient(from 0deg,rgba(199,154,66,.18) 0 8deg,transparent 8deg 16deg);border-radius:50%;filter:blur(.2px);opacity:.55;animation:slowRotate 38s linear infinite}.intro::after{left:-80px;bottom:40px;width:360px;height:160px;background:linear-gradient(135deg,transparent 20%,rgba(157,51,40,.12) 21% 24%,transparent 25% 45%,rgba(18,63,58,.12) 46% 49%,transparent 50%);transform:rotate(-8deg)}.section__head h2{position:relative;display:inline-block}.section__head h2::after{content:"";position:absolute;left:0;bottom:-14px;width:120px;height:8px;background:linear-gradient(90deg,var(--gold),transparent);border-radius:999px}.intro__text{background:linear-gradient(135deg,rgba(255,250,240,.78),rgba(247,241,230,.42));border-radius:0 34px 34px 0;box-shadow:0 22px 70px rgba(22,21,20,.08)}.mini-card{position:relative;overflow:hidden}.mini-card::before{content:"";position:absolute;inset:10px;border:1px solid rgba(199,154,66,.28);border-radius:calc(var(--radius) - 8px)}.mini-card::after{content:"✦";position:absolute;right:22px;top:18px;color:rgba(199,154,66,.42);font-size:24px}.service{background-color:#181513;background-image:linear-gradient(135deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),radial-gradient(circle at 15% 15%,rgba(157,51,40,.34),transparent 28%),radial-gradient(circle at 84% 38%,rgba(199,154,66,.2),transparent 28%);background-size:42px 42px,42px 42px,auto,auto}.service::after{content:"商";right:-.1em;top:.05em;font-family:"Noto Serif JP",serif;font-size:32vw;font-weight:900;color:rgba(255,255,255,.035);line-height:1}.service-card{position:relative;overflow:hidden;transition:.32s}.service-card::after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,var(--gold),var(--vermilion));transform:scaleX(0);transform-origin:left;transition:.32s}.service-card:hover{transform:translateY(-8px);background:rgba(47,41,34,.95)}.service-card:hover::after{transform:scaleX(1)}.works{background:linear-gradient(180deg,#f7f1e6 0%,#fffaf0 55%,#efe2cf 100%)}.works::before{width:100%;height:100%;inset:0;background:radial-gradient(circle at 12% 18%,rgba(199,154,66,.18),transparent 22%),radial-gradient(circle at 92% 10%,rgba(18,63,58,.11),transparent 26%),linear-gradient(45deg,transparent 48%,rgba(157,51,40,.08) 49% 51%,transparent 52%);background-size:auto,auto,54px 54px}.works::after{content:"WORKS";right:-20px;bottom:20px;font-size:12vw;font-weight:900;letter-spacing:.02em;color:rgba(22,21,20,.045);font-family:"Noto Sans JP",sans-serif}.works__lead{width:min(1180px,100%);margin:-18px auto 34px;padding:22px 28px;border:1px solid rgba(199,154,66,.32);border-radius:22px;background:rgba(255,250,240,.7);box-shadow:0 18px 55px rgba(22,21,20,.08)}.works__lead p{margin:0;line-height:1.9}.works__gallery{grid-template-columns:repeat(3,1fr)}.work-card{position:relative;border:1px solid rgba(199,154,66,.22);transition:.34s cubic-bezier(.19,1,.22,1)}.work-card:hover{transform:translateY(-10px);box-shadow:0 32px 90px rgba(22,21,20,.24)}.work-card--large{grid-column:span 2}.work-card__visual{height:280px;background:#151515;overflow:hidden;position:relative}.work-card--large .work-card__visual{height:360px}.work-card__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(22,21,20,.5));opacity:.7}.work-card__visual img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.19,1,.22,1),filter .65s}.work-card:hover .work-card__visual img{transform:scale(1.07);filter:saturate(1.08) contrast(1.04)}.work-card p{letter-spacing:.08em}.flow{background-image:linear-gradient(180deg,var(--paper),#ede1cf),repeating-linear-gradient(90deg,rgba(199,154,66,.1) 0 1px,transparent 1px 90px)}.flow::before{inset:0;background:radial-gradient(circle at 70% 20%,rgba(157,51,40,.1),transparent 28%)}.flow__list li{background:rgba(255,250,240,.45);padding-left:20px;padding-right:20px;margin-bottom:12px;border:1px solid rgba(22,21,20,.08);border-radius:20px;box-shadow:0 12px 34px rgba(22,21,20,.05)}.message::before{content:"";position:absolute;left:-70px;top:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(199,154,66,.22),transparent 68%);z-index:-1}.message::after{content:"";position:absolute;right:-60px;bottom:-60px;width:240px;height:240px;background:repeating-conic-gradient(rgba(18,63,58,.12) 0 12deg,transparent 12deg 24deg);border-radius:50%;z-index:-1}.message__body{position:relative;overflow:hidden}.message__body::after{content:"縁";position:absolute;right:-.2em;bottom:-.32em;font-family:"Noto Serif JP",serif;font-size:220px;color:rgba(199,154,66,.08);font-weight:900}.footer{background-image:radial-gradient(circle at 50% 120%,rgba(199,154,66,.25),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.025) 25%,transparent 25%);background-size:auto,54px 54px,54px 54px}.footer__inner::before,.footer__inner::after{content:"";position:absolute;top:50%;width:90px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.footer__inner::before{left:8%;transform:translateY(-50%) rotate(90deg)}.footer__inner::after{right:8%;transform:translateY(-50%) rotate(90deg)}@keyframes slowRotate{to{transform:rotate(360deg)}}
@media (max-width:900px){.intro::before{width:320px;height:320px;right:-160px}.works__gallery{grid-template-columns:1fr}.work-card--large{grid-column:auto}.work-card__visual,.work-card--large .work-card__visual{height:230px}.works__lead{padding:18px}.footer__inner::before,.footer__inner::after{display:none}}

/* --- revision: portfolio images should show the whole screenshot, not crop --- */
.work-card__visual{
  background:
    linear-gradient(135deg, rgba(22,21,20,.05), rgba(199,154,66,.08)),
    #fffaf0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
}
.work-card__visual::after{opacity:.18;pointer-events:none;}
.work-card__visual img{
  width:100%;
  height:100%;
  object-fit:contain !important;
  object-position:center center;
  background:#fff;
  border-radius:14px;
  box-shadow:0 10px 28px rgba(22,21,20,.12);
}
.work-card:hover .work-card__visual img{transform:scale(1.015);}
.work-card__desc{
  padding:0 24px 28px;
  color:rgba(22,21,20,.68);
  font-size:14px;
  line-height:1.8;
}
.work-card h3{margin-bottom:12px;}
@media (max-width:900px){.work-card__visual{padding:10px}.work-card__desc{padding:0 20px 24px}}


/* ===== requested refinements ===== */
@media (min-width: 901px){
  .hero h1{
    font-size:clamp(46px,5.4vw,78px);
    white-space:nowrap;
    letter-spacing:.04em;
  }
  .about-title{
    font-size:clamp(30px,3.6vw,54px);
    white-space:nowrap;
    letter-spacing:.035em;
  }
}
.service-card h3{
  font-size:clamp(24px,2.2vw,34px);
  line-height:1.35;
}
.it-copy{
  display:inline-block;
  margin:10px 0 22px;
  padding:10px 18px;
  border:1px solid rgba(199,154,66,.45);
  border-radius:999px;
  color:var(--gold);
  font-family:"Noto Serif JP",serif;
  font-weight:900;
  letter-spacing:.08em;
  background:rgba(199,154,66,.08);
}
@media (max-width:900px){
  .hero h1{font-size:clamp(40px,12vw,68px);}
  .about-title{font-size:clamp(28px,8vw,42px);}
}


/* ===== requested update 2026-06-03 ===== */
.hero h1 br{display:block;}
@media (min-width:901px){
  .hero h1{white-space:normal;line-height:1.16;font-size:clamp(52px,6.2vw,86px);}
  .about-title{font-size:clamp(24px,2.55vw,38px);white-space:nowrap;letter-spacing:.02em;}
}
@media (max-width:900px){
  .hero h1 br{display:block;}
}
.identity-mark{
  display:inline-grid;grid-template-columns:auto auto auto auto;align-items:end;gap:8px;margin:8px 0 24px;padding:12px 18px 13px;
  border:1px solid rgba(199,154,66,.42);border-radius:18px;background:linear-gradient(135deg,rgba(22,21,20,.86),rgba(18,63,58,.82));
  color:#fffaf0;box-shadow:0 18px 48px rgba(22,21,20,.18);font-family:"Noto Serif JP",serif;position:relative;overflow:hidden;
}
.identity-mark::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(199,154,66,.18),transparent);transform:translateX(-100%);animation:identityShine 4.5s ease-in-out infinite;}
.identity-mark span,.identity-mark strong{font-size:28px;line-height:1;font-weight:900;color:var(--gold);position:relative;}
.identity-mark em{font-size:13px;letter-spacing:.16em;opacity:.78;font-style:normal;position:relative;}
.identity-mark small{font-size:16px;letter-spacing:.12em;color:#fff;position:relative;}
@keyframes identityShine{0%,55%{transform:translateX(-100%)}80%,100%{transform:translateX(100%)}}
.menu{background:linear-gradient(180deg,#1b1714 0%,#27211a 100%);color:var(--paper);}
.menu::before{inset:0;background:radial-gradient(circle at 12% 12%,rgba(199,154,66,.22),transparent 25%),radial-gradient(circle at 88% 22%,rgba(157,51,40,.2),transparent 28%),repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 1px,transparent 1px 28px);}
.menu::after{content:"品";right:-.08em;bottom:-.18em;font-family:"Noto Serif JP",serif;font-size:34vw;font-weight:900;color:rgba(255,255,255,.035);line-height:1;}
.menu .section__kicker{color:var(--gold);}
.menu .section__head h2{color:var(--paper);}
.menu__note{width:min(1100px,100%);margin:-12px auto 34px;color:rgba(247,241,230,.75);line-height:1.9;text-align:center;}
.menu__grid{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.menu-card{position:relative;min-height:250px;padding:28px 22px;border:1px solid rgba(199,154,66,.26);border-radius:24px;background:linear-gradient(135deg,rgba(255,250,240,.09),rgba(255,250,240,.035));box-shadow:0 22px 60px rgba(0,0,0,.18);overflow:hidden;transition:.34s cubic-bezier(.19,1,.22,1);}
.menu-card::before{content:"";position:absolute;inset:10px;border:1px solid rgba(199,154,66,.18);border-radius:16px;pointer-events:none;}
.menu-card:hover{transform:translateY(-8px);background:linear-gradient(135deg,rgba(199,154,66,.16),rgba(255,250,240,.055));}
.menu-card span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(199,154,66,.16);color:var(--gold);font-family:"Noto Serif JP",serif;font-weight:900;margin-bottom:22px;}
.menu-card h3{font-family:"Noto Serif JP",serif;font-size:clamp(21px,1.7vw,28px);line-height:1.35;margin:0 0 14px;color:#fffaf0;}
.menu-card p{color:rgba(247,241,230,.72);line-height:1.75;margin:0 0 24px;font-size:14px;}
.menu-card b{position:absolute;left:22px;bottom:24px;color:var(--gold);font-size:22px;font-family:"Noto Serif JP",serif;}
@media (max-width:1100px){.menu__grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:900px){.about-title{white-space:normal;}.menu__grid{grid-template-columns:1fr}.menu-card{min-height:220px}}


/* ===== final ABOUT refinement ===== */
.intro{
  position:relative;
  overflow:hidden;
  padding:120px 20px 130px;
  background:
    radial-gradient(circle at 18% 20%, rgba(199,154,66,.18), transparent 26%),
    radial-gradient(circle at 82% 76%, rgba(18,63,58,.12), transparent 30%),
    linear-gradient(180deg, #f7f1e6 0%, #fffaf0 52%, #f0e3d1 100%);
}
.intro::before{
  content:"";
  position:absolute;
  inset:34px;
  border:1px solid rgba(199,154,66,.26);
  border-radius:34px;
  pointer-events:none;
}
.intro::after{
  content:"想";
  position:absolute;
  right:-.12em;
  bottom:-.26em;
  font-family:"Noto Serif JP",serif;
  font-size:34vw;
  line-height:1;
  font-weight:900;
  color:rgba(199,154,66,.07);
  pointer-events:none;
}
.section__head--center{
  text-align:center;
  margin-bottom:30px;
  position:relative;
  z-index:1;
}
.section__head--center .section__kicker{
  justify-content:center;
}
.section__head--center .section__kicker::after{
  content:"";
  width:42px;
  height:1px;
  background:currentColor;
}
.section__head--center .about-title{
  display:inline-block;
  position:relative;
  margin-top:18px;
  padding:0 34px 22px;
}
.section__head--center .about-title::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:min(220px,70%);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.intro__statement{
  position:relative;
  z-index:1;
  width:min(860px,100%);
  margin:0 auto;
  padding:44px 56px;
  text-align:center;
  border:1px solid rgba(199,154,66,.28);
  border-radius:30px;
  background:rgba(255,250,240,.76);
  box-shadow:0 26px 80px rgba(22,21,20,.12);
  overflow:hidden;
}
.intro__statement::before,
.intro__statement::after{
  content:"";
  position:absolute;
  width:86px;
  height:86px;
  border:1px solid rgba(199,154,66,.32);
  transform:rotate(45deg);
  pointer-events:none;
}
.intro__statement::before{left:-43px;top:-43px;}
.intro__statement::after{right:-43px;bottom:-43px;}
.intro__statement p{
  position:relative;
  margin:0;
  font-size:clamp(16px,1.7vw,21px);
  line-height:2.15;
  letter-spacing:.045em;
}
@media (max-width:900px){
  .intro{padding:90px 20px 96px;}
  .intro::before{inset:18px;border-radius:24px;}
  .section__head--center .about-title{padding-inline:0;white-space:normal;}
  .intro__statement{padding:34px 22px;border-radius:22px;}
  .intro__statement p{line-height:2;}
  .intro__statement br{display:none;}
}

/* ===== ABOUT design polish: statement as designed panel + ornament moved right ===== */
.intro{
  isolation:isolate;
  padding:128px 20px 140px;
  background:
    linear-gradient(90deg, rgba(199,154,66,.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(22,21,20,.035) 1px, transparent 1px),
    radial-gradient(circle at 84% 30%, rgba(199,154,66,.2), transparent 28%),
    radial-gradient(circle at 14% 82%, rgba(157,51,40,.12), transparent 30%),
    linear-gradient(180deg, #f7f1e6 0%, #fffaf0 48%, #efe1cf 100%);
  background-size:54px 54px,54px 54px,auto,auto,auto;
}
.intro::before{
  content:"";
  position:absolute;
  right:-210px;
  left:auto;
  top:50%;
  width:520px;
  height:520px;
  border:0;
  border-radius:50%;
  background:
    repeating-conic-gradient(from 0deg, rgba(199,154,66,.22) 0 7deg, transparent 7deg 15deg),
    radial-gradient(circle, transparent 0 47%, rgba(199,154,66,.22) 48% 49%, transparent 50%);
  opacity:.58;
  filter:blur(.15px);
  transform:translateY(-50%);
  animation:aboutSlowRotate 46s linear infinite;
  pointer-events:none;
  z-index:0;
}
.intro::after{
  content:"想";
  position:absolute;
  right:.02em;
  bottom:-.3em;
  font-family:"Noto Serif JP",serif;
  font-size:31vw;
  line-height:1;
  font-weight:900;
  color:rgba(22,21,20,.045);
  pointer-events:none;
  z-index:0;
}
.intro .section__head--center::before{
  content:"";
  position:absolute;
  left:50%;
  top:-34px;
  width:min(760px,82vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(199,154,66,.75),transparent);
}
.intro .section__head--center::after{
  content:"◆";
  position:absolute;
  left:50%;
  top:-45px;
  transform:translateX(-50%);
  color:var(--gold);
  font-size:15px;
  text-shadow:0 0 18px rgba(199,154,66,.45);
}
.intro__statement{
  width:min(920px,100%);
  padding:58px clamp(28px,6vw,82px);
  color:#fffaf0;
  border:1px solid rgba(199,154,66,.48);
  border-radius:34px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.075) 25%, transparent 25%) 0 0/34px 34px,
    linear-gradient(225deg, rgba(255,255,255,.045) 25%, transparent 25%) 0 0/34px 34px,
    radial-gradient(circle at 12% 18%, rgba(199,154,66,.22), transparent 28%),
    linear-gradient(135deg, rgba(22,21,20,.96), rgba(35,32,29,.92) 58%, rgba(18,63,58,.9));
  box-shadow:0 34px 100px rgba(22,21,20,.24), inset 0 0 0 1px rgba(255,250,240,.08);
}
.intro__statement::before{
  content:"FUJI SHOGYO";
  position:absolute;
  left:24px;
  top:50%;
  width:auto;
  height:auto;
  border:0;
  transform:translateY(-50%) rotate(180deg);
  writing-mode:vertical-rl;
  letter-spacing:.22em;
  font-size:11px;
  font-weight:700;
  color:rgba(199,154,66,.62);
}
.intro__statement::after{
  content:"";
  position:absolute;
  inset:16px;
  width:auto;
  height:auto;
  border:1px solid rgba(199,154,66,.34);
  border-radius:24px;
  transform:none;
  pointer-events:none;
}
.intro__statement p{
  position:relative;
  z-index:1;
  color:#fffaf0;
  font-family:"Noto Serif JP",serif;
  font-size:clamp(18px,1.75vw,24px);
  line-height:2.2;
  letter-spacing:.055em;
  text-shadow:0 2px 18px rgba(0,0,0,.22);
}
.intro__statement p::before,
.intro__statement p::after{
  content:"";
  display:block;
  width:min(180px,42%);
  height:1px;
  margin:0 auto 24px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.intro__statement p::after{margin:24px auto 0;}
@keyframes aboutSlowRotate{
  from{transform:translateY(-50%) rotate(0deg)}
  to{transform:translateY(-50%) rotate(360deg)}
}
@media (max-width:900px){
  .intro{padding:92px 18px 104px;background-size:38px 38px,38px 38px,auto,auto,auto;}
  .intro::before{right:-180px;top:34%;width:330px;height:330px;opacity:.36;}
  .intro::after{font-size:52vw;right:-.14em;bottom:-.18em;}
  .intro__statement{padding:42px 24px;border-radius:26px;}
  .intro__statement::before{display:none;}
  .intro__statement::after{inset:10px;border-radius:18px;}
  .intro__statement p{font-size:16px;line-height:2;}
}