/* Final usability and resilience pass. Preserve the approved cinematic design. */
body{opacity:1;transition:none}
html:not(.anim) #hero{display:none}
html:not(.anim) .statichero{display:block}
html:not(.anim) nav{position:relative;transform:none}
html:not(.anim) .navin{flex-wrap:wrap}
html:not(.anim) .navlinks{display:flex;position:static;flex-wrap:wrap;padding:0;border:0;box-shadow:none}
html:not(.anim) .menu-toggle{display:none}
nav{background:#f6f0e5}
#motionToggle[hidden]{display:none}
nav:focus-within,nav.menu-open{transform:none}
section[id],main[id]{scroll-margin-top:84px}
.hero-brand{position:absolute;top:34px;left:max(6vw,calc((100vw - 1180px)/2));right:6vw;z-index:3;display:flex;justify-content:space-between;align-items:center;color:#f7f1e4;text-shadow:0 2px 10px rgba(18,12,6,.35);pointer-events:none}
.hero-brand>span:first-child{font:600 22px Fraunces,serif;letter-spacing:-.015em}
.hero-brand>span:last-child{font:10px 'Space Mono',monospace;letter-spacing:.16em;text-transform:uppercase}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px}
.hero-visit{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-underline-offset:5px;text-decoration-color:rgba(247,241,228,.4)}
.man-nums a{display:flex;flex-direction:column;gap:4px;text-decoration:none}
.man-nums a:hover b{color:var(--accent-deep)}
.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;flex:0 0 44px;padding:12px;cursor:pointer;color:var(--text)}
.menu-toggle span{display:block;background:currentColor;height:1.5px;margin:5px 0;transition:transform .2s}
.menu-open .menu-toggle span:first-child{transform:translateY(3.25px) rotate(45deg)}
.menu-open .menu-toggle span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.voices-head{position:relative;display:flex;align-items:end;gap:26px;flex-wrap:wrap}
.voices-head .kicker{flex-basis:100%}
.voices-head h2{font-size:clamp(32px,4vw,48px)}
.voices-head em{font-style:normal;color:var(--accent-deep)}
.voices-head>a{margin-left:auto;font-size:14px;text-underline-offset:5px;color:var(--text-soft)}
.quotes{grid-template-columns:1fr 1fr}
.qcard{border-radius:10px}
.qcard cite{font-size:12px}
.esp-copy h2{max-width:none}
.openstate{white-space:normal;text-decoration:none;line-height:1.6;text-transform:none;letter-spacing:.04em}
.openstate:hover{color:var(--accent-hi);border-color:var(--accent-hi)}
.loc{border-radius:10px}
.form-help,.form-error{grid-column:1/-1;font-size:13px}
.form-help{color:var(--text-soft)}
.field-error,.form-error{color:#963d25;font-size:13px;line-height:1.4}
.formdone{scroll-margin-top:90px}
.field-error:empty,.form-error:empty{display:none}
[aria-invalid="true"]{border-color:#963d25}
label{font-size:11px;letter-spacing:.12em}
input,textarea{border-radius:8px;min-width:0;width:100%}
.f{min-width:0}
.formdone{border-radius:12px;background:var(--panel)}
.formdone pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 Archivo,sans-serif;margin:18px 0 24px;color:var(--text-soft)}
.formdone .formnote{margin-top:18px;max-width:none}
.btn:disabled{opacity:.5;cursor:wait}
.motion-toggle{font:inherit;color:inherit;border:0;padding:0;background:none;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:30px}
html[data-motion-paused="true"] .mq{animation-play-state:paused!important}
.stage.video-failed .poster{opacity:1}.stage.video-failed video{opacity:0}
@media(max-width:940px){
 .navin{gap:12px}.brandmark{margin-right:auto}.menu-toggle{display:block;order:3}
 .navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:#f6f0e5;border-bottom:1px solid var(--line);box-shadow:0 18px 24px -24px rgba(31,26,19,.45);padding:16px 24px 24px;margin:0;gap:0}
 .menu-open .navlinks{display:grid}.navlinks a{padding:13px 4px;font-size:17px;border-bottom:1px solid var(--line)}
 .navlinks a::after{content:none}.navlinks a.active{color:var(--accent-deep)}
 .hero-brand{top:24px}
}
@media(max-width:460px){
 .brandmark{font-size:14px;gap:7px}.brandmark svg{width:20px;height:20px}.navin{padding:10px 14px;gap:8px}
 .hero-brand>span:first-child{font-size:18px}.hero-brand>span:last-child{font-size:8px;letter-spacing:.1em}
 .man-nums{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px}
 .nav-route-long{display:none}.navin>.btn{padding:10px 13px!important;font-size:13px!important}
 .statichero .shin{padding-bottom:46px}.statichero h1{font-size:clamp(38px,11vw,48px)}
 .quotes{grid-template-columns:1fr}.voices-head>a{margin-left:0}.hero-actions{gap:18px}
}
@media(max-width:720px),(orientation:portrait) and (max-width:1024px),(orientation:portrait) and (pointer:coarse),(orientation:landscape) and (pointer:coarse) and (max-height:560px),(prefers-reduced-motion:reduce){
 .anim #kugel.ingredient-story{height:auto}.anim .ingredient-stage{position:relative;height:auto}
 .anim .ingredient-track{height:auto;flex-direction:column;transform:none}.anim .ingredient-panel{height:auto;flex-basis:auto}
 .anim .ingredient-progress{display:none}
 .hw-grid{grid-template-columns:1fr;gap:0}.sticky-col{display:none}.hw-mobile{display:block;margin-bottom:22px}
 .hw-step{padding:44px 0}.hw-step:first-child{padding-top:0}
 .h-track .pic img{transform:none!important}
}
@media(prefers-reduced-motion:reduce){.menu-toggle span{transition:none}.motion-toggle{display:none}.hero-actions .btn{transform:none}}