/* All screen widths share one quiet, icon-only navigation. */
body .header{height:92px}
body .menu-toggle{display:flex;align-items:center;justify-content:center;width:48px;min-height:48px;gap:0;position:relative;z-index:2}
body .menu-toggle>span{display:block;width:26px;height:9px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;transition:transform .35s ease}
body .menu-toggle[aria-expanded=true]>span{height:1px;transform:rotate(-45deg);border-bottom:0}
body .header nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100svh - 92px);overflow-y:auto;background:#f4f0ec;color:#393636;padding:38px max(6%,calc((100% - 1120px)/2)) 45px;border-bottom:1px solid #d8d1cb;font-size:16px;letter-spacing:.06em;box-shadow:0 16px 25px #3936360c}
body .header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}
body .header nav>a{display:block;min-height:55px;padding:15px 0;border-bottom:1px solid #d8d1cb}
body .header nav .shop-link{align-self:flex-start;gap:40px;min-height:54px;margin-top:15px;font-size:14px;color:#6d2936}
body .header nav a:hover,body .header nav button:hover{color:#6d2936;opacity:1}
body.brand-home .header.menu-open{background:#f4f0ec;color:#393636}
body.brand-home .header.menu-open .header-logo-dark{visibility:visible}
body.brand-home .header.menu-open .header-logo-white{visibility:hidden}
body.brand-home .header.menu-open a:hover,body.brand-home .header.menu-open button:hover{color:#6d2936;opacity:1}
body.brand-home .header.menu-open .shop-link{color:#6d2936}
body.about-page .about-hero{position:relative;isolation:isolate;display:grid;place-items:center;min-height:520px;height:72svh;max-height:900px;padding:50px 8%;margin:0;background:#f4f0ec;overflow:hidden}
.about-hero-visual{position:absolute;inset:0;z-index:-1;animation:about-photo-reveal 1.8s cubic-bezier(.22,.61,.36,1) .25s both}
.about-hero-visual img{object-position:center 55%;width:100%;height:100%}
.about-hero-visual:after{content:'';position:absolute;inset:0;background:rgba(35,28,25,.4)}
body.about-page .about-hero>h1{font-size:clamp(34px,4vw,60px);font-weight:400;letter-spacing:.1em;color:white;margin:0;text-align:center;animation:about-title-reveal 1.2s ease .9s both}
body .about-story-heading{font-size:clamp(28px,3vw,42px);line-height:1.8;margin:0 0 65px}
body.about-page .about-story{padding-top:90px}
@keyframes about-photo-reveal{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@keyframes about-title-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){
 body .header{height:78px}
 body .header nav{max-height:calc(100svh - 78px);padding:25px 8% 35px;font-size:15px}
 body .header nav .shop-link{align-self:stretch;justify-content:space-between}
 body.about-page .about-hero{height:66svh;min-height:420px;max-height:650px}
 .about-hero-visual img{object-position:58% center}
 body.about-page .about-hero>h1{font-size:34px}
 body.about-page .about-story{padding-top:65px}
 body .about-story-heading{font-size:27px;margin-bottom:40px}
}
@media(prefers-reduced-motion:reduce){.about-hero-visual,body.about-page .about-hero>h1{animation:none}body .menu-toggle>span{transition:none}}