:root{--black:#000;--white:#f2efea;--gray:#bbb6ae;--line:rgba(242,239,234,.18);--acid:#d9c49a;--sans:"Noto Sans JP",sans-serif;--latin:"Inter",sans-serif;--display:"Archivo Black",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans);font-size:16px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{height:84px;padding:0 clamp(20px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:absolute;inset:0 0 auto;z-index:20;border-bottom:1px solid var(--line)}.brand{width:max-content}.brand img{width:118px;height:52px;object-fit:cover}.desktop-nav{display:flex;gap:34px;font:600 .75rem/1 var(--latin);letter-spacing:.1em;text-transform:uppercase}.header-book{justify-self:end;display:flex;gap:24px;align-items:center;font:600 .78rem/1 var(--latin);letter-spacing:.12em}.header-book span{color:var(--acid)}
.hero{min-height:800px;height:100svh;position:relative;display:grid;grid-template-columns:54% 46%;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{padding:150px clamp(28px,6vw,96px) 64px;display:flex;flex-direction:column;position:relative;z-index:2}.kicker,.section-label{margin:0;color:var(--acid);font:600 .7rem/1.4 var(--latin);letter-spacing:.18em}.hero h1{margin:auto 0 0;font:400 clamp(4.2rem,6.9vw,8rem)/.88 var(--display);letter-spacing:-.075em;text-transform:uppercase}.hero h1 small{display:block;margin-bottom:22px;font:600 clamp(.76rem,1vw,.95rem)/1.4 var(--sans);letter-spacing:.14em;color:var(--white)}.hero h1 span{display:inline-block;white-space:nowrap;-webkit-text-stroke:1px var(--white);color:transparent}.hero-lead{margin:32px 0 0;color:var(--gray);font-weight:500;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:34px}.button{min-height:58px;padding:0 28px;display:inline-flex;justify-content:space-between;align-items:center;gap:38px;font-weight:700;letter-spacing:.03em}.button-acid{background:var(--acid);color:var(--black)}.hero-actions p{margin:0;display:grid;gap:7px}.hero-actions b{font:600 .95rem/1 var(--latin)}.hero-actions small{color:var(--gray);font-size:.75rem}.hero-image{margin:0;position:relative;overflow:hidden;background:#222}.hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.35),transparent 36%),linear-gradient(0deg,rgba(10,10,10,.32),transparent 40%)}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:grayscale(1) contrast(1.12)}.hero-image figcaption{position:absolute;right:28px;bottom:30px;z-index:2;font:500 .63rem/1 var(--latin);letter-spacing:.14em;writing-mode:vertical-rl}.hero-stat{position:absolute;right:46%;top:84px;z-index:3;transform:translateX(100%);padding:24px 30px;background:var(--acid);color:var(--black);display:grid}.hero-stat strong{font:400 2rem/1 var(--display);letter-spacing:-.05em}.hero-stat sup{font-size:.5em}.hero-stat span{margin-top:5px;font:600 .55rem/1 var(--latin);letter-spacing:.16em}
.manifesto{padding:130px clamp(24px,8vw,128px);display:grid;grid-template-columns:1fr 2.3fr;gap:8vw;border-bottom:1px solid var(--line)}.manifesto h2,.result-copy h2,.menu-head h2,.flow-head h2,.salon h2,.booking h2{margin:0;font-size:clamp(2.5rem,5vw,5.8rem);line-height:1.25;letter-spacing:-.055em}.manifesto>div>p{max-width:650px;margin:42px 0 0 auto;color:var(--gray);line-height:2.1}
.result-feature{display:grid;grid-template-columns:58% 42%;min-height:720px;border-bottom:1px solid var(--line)}.result-image{margin:0;position:relative;overflow:hidden;background:#202020}.result-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08)}.result-image figcaption{position:absolute;left:22px;bottom:20px;padding:10px 12px;background:var(--acid);color:var(--black);font:700 .65rem/1 var(--latin);letter-spacing:.12em}.result-copy{padding:clamp(70px,8vw,124px) clamp(28px,6vw,90px);align-self:center}.result-copy h2{margin-top:30px;font-size:clamp(2.3rem,4vw,4.5rem)}.result-copy>p:not(.section-label){color:var(--gray);line-height:2;margin:32px 0 46px}.result-copy dl{margin:0;border-top:1px solid var(--line)}.result-copy dl div{display:grid;grid-template-columns:96px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}.result-copy dt{color:var(--acid);font:600 .68rem/1.5 var(--latin);letter-spacing:.1em}.result-copy dd{margin:0;font-size:.88rem;color:#ddd}
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.proof-strip div{min-height:180px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}.proof-strip div:last-child{border-right:0}.proof-strip strong{font:400 clamp(2rem,3.4vw,4rem)/1 var(--display);letter-spacing:-.06em}.proof-strip span{color:var(--gray);font-size:.8rem}
.menu{padding:130px clamp(24px,6vw,96px);background:var(--white);color:var(--black)}.menu-head{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:7vw;align-items:start}.menu-head .section-label{color:#5a6c00}.menu-head h2{font-size:clamp(2.6rem,4.6vw,5rem)}.menu-head>p:last-child{margin:0;color:#666;line-height:2}.menu-list{display:grid;grid-template-columns:1.25fr 1fr 1fr;margin-top:80px;border:1px solid rgba(10,10,10,.22)}.menu-list article{min-height:390px;padding:34px;display:flex;flex-direction:column;border-right:1px solid rgba(10,10,10,.22)}.menu-list article:last-child{border-right:0}.menu-list article>span{font:600 .65rem/1 var(--latin);letter-spacing:.14em;color:#666}.menu-list .featured{background:var(--black);color:var(--white)}.menu-list .featured>span{color:var(--acid)}.menu-list h3{margin:88px 0 22px;font:400 clamp(1.6rem,2.4vw,2.6rem)/1.1 var(--display);letter-spacing:-.04em}.menu-list p{margin:0;color:#666;line-height:1.85;font-size:.9rem}.menu-list .featured p{color:var(--gray)}.menu-list strong{margin-top:auto;font:600 1rem/1 var(--latin)}.menu-list a{margin-top:auto;padding-top:28px;font-size:.8rem;font-weight:700}.menu-list .featured a{color:var(--acid)}
.works{padding:130px clamp(24px,5vw,76px)}.works-head{display:grid;grid-template-columns:1fr 2fr;gap:5vw;margin-bottom:70px}.works-head h2{margin:0;font:400 clamp(3rem,7vw,8rem)/.9 var(--display);letter-spacing:-.065em}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.works-grid figure{margin:0;position:relative;min-height:520px;overflow:hidden;background:#222}.works-grid figure:first-child{grid-row:span 2;min-height:1058px}.works-grid img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);transition:transform .6s ease}.works-grid figure:hover img{transform:scale(1.02)}.works-grid figcaption{position:absolute;left:18px;bottom:18px;padding:9px 11px;background:var(--black);font:600 .63rem/1 var(--latin);letter-spacing:.12em}
.flow{padding:130px clamp(24px,8vw,128px);background:#1a1a1a}.flow-head{display:grid;grid-template-columns:1fr 2.2fr;gap:6vw}.flow-head h2{font-size:clamp(2.8rem,5vw,5.6rem)}.flow ol{list-style:none;margin:90px 0 0;padding:0;border-top:1px solid var(--line)}.flow li{display:grid;grid-template-columns:140px 1fr;padding:32px 0;border-bottom:1px solid var(--line)}.flow li>span{color:var(--acid);font:400 2rem/1 var(--display)}.flow li div{display:grid;grid-template-columns:200px 1fr;gap:50px}.flow h3{margin:0;font-size:1.4rem}.flow li p{margin:0;max-width:620px;color:var(--gray);line-height:1.9}
.faq{padding:130px clamp(24px,8vw,128px);display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;border-bottom:1px solid var(--line)}.faq-head h2{margin:30px 0 28px;font:400 clamp(3.4rem,6vw,7rem)/.88 var(--display);letter-spacing:-.065em}.faq-head>p:last-child{max-width:390px;color:var(--gray);line-height:1.9}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:25px 42px 25px 0;position:relative;font-weight:600;line-height:1.6}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:4px;top:22px;color:var(--acid);font:400 1.5rem/1 var(--latin)}.faq details[open] summary::after{content:"−"}.faq details p{margin:0;padding:0 42px 28px 0;color:var(--gray);font-size:.9rem;line-height:1.9}
.salon{display:grid;grid-template-columns:1.15fr .85fr;min-height:700px;border-bottom:1px solid var(--line)}.salon figure{margin:0;overflow:hidden}.salon figure img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.salon>div{padding:clamp(70px,8vw,120px) clamp(28px,6vw,90px);align-self:center}.salon h2{margin-top:28px;font-size:clamp(2.5rem,4.2vw,4.8rem)}.salon>div>p:last-child{margin-top:34px;color:var(--gray);line-height:2}
.access{padding:130px clamp(24px,8vw,128px);display:grid;grid-template-columns:1fr 1fr;gap:8vw;position:relative}.access h2{margin:28px 0 0;font:400 clamp(4rem,8vw,9rem)/.82 var(--display);letter-spacing:-.08em}.access dl{margin:0}.access dl div{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.access dt{color:var(--acid);font:600 .66rem/1.5 var(--latin);letter-spacing:.12em}.access dd{margin:0;color:#ddd;line-height:1.8;font-size:.9rem}.access small{color:var(--gray)}.map-link{position:absolute;right:clamp(24px,8vw,128px);bottom:70px;border-bottom:1px solid var(--acid);padding-bottom:7px;color:var(--acid);font:600 .75rem/1 var(--latin);letter-spacing:.1em}
.booking{padding:140px 24px;text-align:center;background:var(--acid);color:var(--black)}.booking .section-label{color:var(--black)}.booking h2{margin:34px auto 44px;font-size:clamp(3rem,7vw,8rem);line-height:1.08}.booking .button-acid{background:var(--black);color:var(--white);min-width:260px}
footer{min-height:150px;padding:36px clamp(24px,5vw,76px);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;border-top:1px solid var(--line)}footer p,footer small{margin:0;color:#777;font:500 .62rem/1.5 var(--latin);letter-spacing:.14em}footer small{justify-self:end}.mobile-book{display:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:800px){.site-header{height:72px;grid-template-columns:1fr auto}.desktop-nav{display:none}.header-book{font-size:.7rem}.brand img{width:96px;height:44px}.hero{height:auto;min-height:100svh;grid-template-columns:1fr}.hero-copy{min-height:64svh;padding:110px 22px 36px}.hero h1{font-size:clamp(3.7rem,17vw,6rem)}.hero-image{height:48svh}.hero-image img{object-position:center 28%}.hero-stat{top:auto;right:0;bottom:calc(48svh - 1px);transform:none;padding:17px 20px}.hero-stat strong{font-size:1.45rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.manifesto,.menu-head,.works-head,.flow-head{grid-template-columns:1fr;gap:34px}.manifesto{padding-block:88px}.manifesto>div>p{margin-left:0}.result-feature{grid-template-columns:1fr}.result-image{min-height:520px}.result-copy{padding:76px 24px}.proof-strip{grid-template-columns:1fr 1fr}.proof-strip div:nth-child(2){border-right:0}.proof-strip div{min-height:145px;padding:24px}.menu,.works,.flow{padding-block:88px}.menu-list{grid-template-columns:1fr;margin-top:50px}.menu-list article{min-height:330px;border-right:0;border-bottom:1px solid rgba(10,10,10,.22)}.menu-list article:last-child{border-bottom:0}.menu-list h3{margin-top:58px}.works-grid{grid-template-columns:1fr}.works-grid figure,.works-grid figure:first-child{min-height:520px;grid-row:auto}.flow ol{margin-top:58px}.flow li{grid-template-columns:62px 1fr}.flow li div{grid-template-columns:1fr;gap:10px}.salon{grid-template-columns:1fr}.salon figure{height:430px}.salon>div{padding:76px 24px}.access{padding-block:88px;grid-template-columns:1fr;gap:54px}.access h2{font-size:18vw}.access dl div{grid-template-columns:88px 1fr}.map-link{position:static;width:max-content}.booking{padding:100px 22px 130px}footer{padding-bottom:100px;grid-template-columns:1fr auto}footer p{display:none}.mobile-book{display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:30;left:12px;right:12px;bottom:12px;min-height:58px;padding:0 22px;background:var(--acid);color:var(--black);box-shadow:0 10px 30px rgba(0,0,0,.34);font-weight:700}}
@media(max-width:800px){.faq{padding:88px 24px;grid-template-columns:1fr;gap:50px}.faq-head h2{font-size:17vw}.faq details p{padding-right:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Gender-inclusive refinement: retain the strong men's-brow positioning while
   softening the palette and letting eye-design work feel equally at home. */
.hero-image::after{background:linear-gradient(90deg,rgba(9,9,9,.34),transparent 36%),linear-gradient(0deg,rgba(9,9,9,.28),transparent 40%)}
.hero-image img{filter:grayscale(.82) sepia(.08) contrast(1.08)}
.manifesto{background:linear-gradient(120deg,#090909 0%,#11100f 100%)}
.result-image img{filter:grayscale(.88) sepia(.06) contrast(1.05)}
.menu{background:linear-gradient(135deg,#f2efea 0%,#e7e0d7 100%)}
.menu-head .section-label{color:#765f38}
.works-grid img{filter:grayscale(.72) sepia(.06) contrast(1.04);transition:transform .6s ease,filter .6s ease}
.works-grid figure:hover img{filter:grayscale(.18) sepia(.04) contrast(1.02)}
.flow{background:#171614}
.salon figure img{filter:grayscale(.75) sepia(.08)}
.button{white-space:nowrap}
.authority-line{margin:24px 0 0;padding:11px 0 11px 18px;border-left:2px solid var(--acid);color:#ded9d1;font-size:.82rem;line-height:1.75;letter-spacing:.02em}.authority-line strong{color:var(--white);font-size:.9rem}.hero-stat em{margin-bottom:7px;font:700 .56rem/1 var(--latin);font-style:normal;letter-spacing:.14em}
@media(max-width:800px){.authority-line{margin-top:20px}.hero-copy{min-height:72svh}.hero-stat{bottom:calc(48svh - 1px)}}
.about-summary{padding:110px clamp(24px,8vw,128px);display:grid;grid-template-columns:1fr 1.35fr;gap:8vw;background:var(--white);color:var(--black);border-bottom:1px solid rgba(0,0,0,.16)}.about-summary .section-label{color:#765f38}.about-title{min-width:0}.about-title h2{margin:28px 0 0;font-size:clamp(2rem,3vw,3.8rem);line-height:1.28;letter-spacing:-.055em}.about-content>p{margin:0 0 38px;color:#4e4b46;line-height:2}.about-content dl{margin:0;border-top:1px solid rgba(0,0,0,.18)}.about-content dl div{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid rgba(0,0,0,.18)}.about-content dt{font-weight:700;font-size:.82rem}.about-content dd{margin:0;color:#4e4b46;font-size:.9rem;line-height:1.7}
.about-title h2 span{display:block;white-space:nowrap}
@media(max-width:800px){.about-summary{padding:82px 24px;grid-template-columns:1fr;gap:44px}.about-title h2{font-size:clamp(2.3rem,10vw,3.5rem)}.about-content dl div{grid-template-columns:100px 1fr;gap:16px}}

/* Mobile-first finishing pass */
html,body{max-width:100%;overflow-x:hidden}html{scroll-padding-top:84px}button,a,summary{-webkit-tap-highlight-color:rgba(217,196,154,.2)}
@media(max-width:800px){
  html{scroll-padding-top:72px}
  body{font-size:15px;padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}
  .site-header{position:absolute;height:calc(72px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 18px 0;background:linear-gradient(180deg,rgba(0,0,0,.72),transparent)}
  .brand img{width:92px;height:40px}
  .header-book{min-height:48px;padding-left:12px;gap:10px;font-size:.66rem;letter-spacing:.09em}
  .hero{display:flex;flex-direction:column;min-height:0;height:auto}
  .hero-copy{min-height:0;padding:56px 20px 46px}
  .kicker,.section-label{font-size:.64rem;letter-spacing:.16em}
  .hero h1{margin:72px 0 0;font-size:clamp(3rem,13vw,4rem);line-height:.92;letter-spacing:-.07em}
  .hero h1 small{margin-bottom:18px;font-size:.72rem;line-height:1.7;letter-spacing:.09em}
  .hero-lead{margin-top:26px;font-size:.92rem;line-height:1.85}
  .authority-line{margin-top:22px;padding:10px 0 10px 14px;font-size:.8rem}
  .authority-line strong{font-size:.88rem}
  .hero-actions{gap:18px;margin-top:28px}
  .button{min-height:56px;padding:0 22px;gap:20px}
  .hero-actions p{grid-template-columns:auto 1fr;align-items:center;gap:12px}
  .hero-actions small{line-height:1.45}
  .hero-image{order:-1;height:54svh;min-height:420px;max-height:560px;flex:none}
  .hero-image figcaption{right:16px;bottom:22px}
  .hero-stat{top:clamp(420px,54svh,560px);right:0;bottom:auto;transform:translateY(-100%);padding:15px 18px}
  .hero-stat strong{font-size:1.35rem}
  .manifesto,.about-summary,.menu,.works,.flow,.faq,.access{padding:76px 20px}
  .manifesto h2,.result-copy h2,.menu-head h2,.flow-head h2,.salon h2,.booking h2{font-size:clamp(2.3rem,10.5vw,3.6rem);line-height:1.22}
  .manifesto>div>p,.about-content>p{margin-top:28px;line-height:1.9}
  .about-title h2{font-size:clamp(1.9rem,8.2vw,2.5rem);line-height:1.3}
  .about-title h2 span{white-space:nowrap}
  .about-content dl div{grid-template-columns:88px minmax(0,1fr);gap:14px}
  .about-content dd{overflow-wrap:anywhere}
  .result-image{min-height:420px}
  .result-copy{padding:68px 20px}
  .result-copy dl div{grid-template-columns:78px minmax(0,1fr);gap:16px}
  .proof-strip div{min-height:128px;padding:20px}
  .proof-strip strong{font-size:clamp(1.65rem,8vw,2.4rem)}
  .proof-strip span{font-size:.72rem;line-height:1.5}
  .menu-head,.works-head,.flow-head{gap:28px}
  .menu-list{margin-top:42px}
  .menu-list article{min-height:300px;padding:28px 24px}
  .menu-list h3{margin-top:48px;font-size:2rem}
  .menu-list a{min-height:48px;display:flex;align-items:flex-end}
  .works-head h2{font-size:clamp(2.35rem,10.5vw,3.7rem);line-height:.94;white-space:nowrap;overflow-wrap:normal}
  .works-grid figure,.works-grid figure:first-child{min-height:430px}
  .works-grid figcaption{left:14px;bottom:14px}
  .flow ol{margin-top:46px}
  .flow li{grid-template-columns:50px minmax(0,1fr);padding:26px 0}
  .flow li>span{font-size:1.55rem}
  .faq-head h2{font-size:clamp(3rem,15vw,4.5rem);white-space:nowrap}
  .faq summary{min-height:64px;padding:22px 42px 22px 0}
  .salon figure{height:360px}
  .salon>div{padding:68px 20px}
  .access h2{font-size:clamp(3.7rem,18vw,5.5rem);line-height:.86}
  .access dl div{grid-template-columns:76px minmax(0,1fr);gap:14px}
  .access dd{overflow-wrap:anywhere}
  .map-link{min-height:48px;display:inline-flex;align-items:center}
  .booking{padding:88px 20px 108px}
  .booking h2{margin:28px auto 36px}
  .booking .button{width:100%;max-width:390px}
  footer{min-height:132px;padding:28px 20px calc(102px + env(safe-area-inset-bottom,0px))}
  .mobile-book{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));min-height:60px;padding:0 20px;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 32px rgba(0,0,0,.5)}
}
@media(max-width:430px){
  .hero h1{margin-top:60px;font-size:clamp(2.9rem,13vw,3.6rem)}
  .hero-image{height:50svh;min-height:390px}
  .hero-stat{top:clamp(390px,50svh,560px)}
  .proof-strip div{padding:18px 16px}
  .works-grid figure,.works-grid figure:first-child{min-height:390px}
  .salon figure{height:330px}
  .access h2{font-size:17vw}
}
@media(max-width:360px){
  .header-book{font-size:.61rem}.hero h1{font-size:2.72rem}.hero-copy{padding-inline:16px}
  .manifesto,.about-summary,.menu,.works,.flow,.faq,.access,.result-copy,.salon>div{padding-left:16px;padding-right:16px}
  .about-content dl div,.access dl div{grid-template-columns:1fr;gap:6px}
}

/* Mobile navigation */
.menu-toggle,.mobile-nav{display:none}
.access-photo{margin:52px 0 0;overflow:hidden;aspect-ratio:4/3;background:#181818}.access-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(.75) sepia(.06) contrast(1.02)}
@media(max-width:800px){
  .site-header{position:absolute;z-index:60;grid-template-columns:1fr auto}
  .header-book{display:none}
  .menu-toggle{display:grid;justify-self:end;width:48px;height:48px;padding:13px 10px;border:0;background:transparent;color:var(--white);cursor:pointer;align-content:center;gap:5px}
  .menu-toggle span{display:block;width:28px;height:1px;background:currentColor;transition:transform .3s ease,opacity .2s ease,width .3s ease;transform-origin:center}
  .menu-toggle span:nth-child(2){width:20px;justify-self:end}
  .menu-open .menu-toggle span:first-child{transform:translateY(6px) rotate(45deg)}
  .menu-open .menu-toggle span:nth-child(2){opacity:0;width:0}
  .menu-open .menu-toggle span:last-child{transform:translateY(-6px) rotate(-45deg)}
  .mobile-nav{display:flex;visibility:hidden;opacity:0;pointer-events:none;position:fixed;z-index:50;inset:0;min-height:100dvh;padding:calc(96px + env(safe-area-inset-top,0px)) 20px calc(100px + env(safe-area-inset-bottom,0px));flex-direction:column;justify-content:space-between;background:rgba(5,5,5,.98);transform:translateY(-12px);transition:opacity .28s ease,transform .28s ease,visibility .28s}
  .menu-open{overflow:hidden}
  .menu-open .site-header{position:fixed;background:#050505}
  .menu-open .mobile-nav{visibility:visible;opacity:1;pointer-events:auto;transform:none}
  .mobile-nav nav{border-top:1px solid var(--line)}
  .mobile-nav nav>a{min-height:68px;display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);font-size:1.12rem;font-weight:600}
  .mobile-nav nav>a>span{color:var(--acid);font:600 .62rem/1 var(--latin);letter-spacing:.1em}
  .mobile-nav nav>a>small{color:#777;font:600 .58rem/1 var(--latin);letter-spacing:.12em}
  .mobile-nav-meta{display:grid;gap:18px}
  .mobile-nav-meta p{margin:0;color:#777;font:600 .59rem/1.4 var(--latin);letter-spacing:.14em}
  .mobile-nav-meta>a{min-height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:var(--acid);color:var(--black);font-weight:700}
  .menu-open .mobile-book{opacity:0;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){.menu-toggle span,.mobile-nav{transition:none}}
@media(max-width:800px){.access-photo{margin-top:36px}}