/* The original film becomes a native, reversible scroll narrative. */
.hero{display:block;min-height:0;padding:0}
.hero-sticky{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;min-height:720px;position:relative;gap:0}
.hero.scroll-story{height:620svh;display:block;padding:0}
.scroll-story .hero-sticky{position:sticky;top:0;height:100svh;min-height:0;max-height:none;padding-bottom:90px}
.hero .hero-copy{min-width:0;padding:0 12px 25px 0}
.story-scene:not([hidden]){animation:story-copy-enter .38s ease-out both}
@keyframes story-copy-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.story-scene h2{font-size:clamp(40px,4.5vw,70px);line-height:1.075;letter-spacing:-2.4px;font-weight:350;margin:0 0 26px}
.story-scene>p:not(.product-kind){font-size:18px;line-height:1.7;max-width:440px;color:#b0b4af;margin:0}
.story-scene .product-kind{font-size:12px;color:#d5c7a9;font-weight:400;margin:0 0 22px}
.hero #hero-stage-slot{min-width:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}
.scroll-story #stage{height:calc(100% - 46px);max-height:900px;min-height:0}
.hero .hero-transport{flex-shrink:0;margin:0;min-height:40px}
.story-rail{position:absolute;bottom:20px;left:0;right:0;z-index:4}
.story-cue{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#c3bdaf;margin-bottom:12px}
.story-cue a{color:#e1ceaa;padding:4px 0}
.story-chapters{display:flex;gap:16px}
.story-chapters button{flex:1;text-align:left;padding:8px 0;min-height:44px;min-width:0;color:#8f938e;font-size:10px}
.story-chapter-track{display:block;height:2px;background:#ffffff24;margin-bottom:10px}
.story-chapter-track i{display:block;height:100%;background:#dbc394;transform:scaleX(var(--chapter-progress,0));transform-origin:left}
.story-chapters [aria-current]{color:#e9d6b1}
.story-chapters [aria-current] .story-chapter-track{background:#dbc39470}
.hero[data-story-chapter="4"] .hero-reassurance{visibility:hidden}
.story-static .hero-sticky{min-height:680px}
#stage[data-mode="hero"][data-video="unavailable"] canvas{visibility:hidden}
#stage[data-mode="hero"][data-video="unavailable"] .model-fallback{display:block;z-index:2}
.mobile-menu-button,.mobile-menu{display:none}
.mobile-menu[open]{display:flex;flex-direction:column;gap:0;background:#10110f;color:#eeeae3;border:1px solid #d4a54a44;border-radius:8px;width:min(430px,calc(100vw - 32px));max-height:calc(100svh - 48px);padding:24px}
.mobile-menu::backdrop{background:#000b;backdrop-filter:blur(6px)}
.mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;color:#bcb5a6;font-size:12px;margin-bottom:24px}
.mobile-menu-heading button{font-size:28px;width:44px;height:44px}
.mobile-menu>a:not(.primary){display:flex;align-items:center;justify-content:space-between;min-height:60px;font-size:22px;border-bottom:1px solid #ffffff16}
.mobile-menu>a>span{font-size:11px;color:#c4b48e}.mobile-menu>.primary{margin-top:30px;min-height:48px}
@media(min-width:1600px){.scroll-story .hero-sticky{max-height:1100px;top:max(0px,calc((100svh - 1100px)/2))}}
@media(max-width:1000px) and (min-width:761px){.hero-sticky{grid-template-columns:1fr 1fr}.story-scene h2{font-size:48px}.story-scene>p:not(.product-kind){font-size:16px}}
@media(max-width:760px){
 body{padding-top:64px}
 .nav{position:fixed;inset:0 0 auto;height:64px;padding:0 22px;z-index:15;background:#080808f5;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff20}
 .nav .wordmark{font-size:15px}.nav .nav-order{display:none}
 .mobile-menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;margin-left:auto}
 .mobile-menu-button span{width:22px;height:1px;background:#e3d1ab}
 .hero.scroll-story{height:440svh}
 .hero-sticky,.scroll-story .hero-sticky{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto auto;gap:0;height:calc(100svh - 64px);min-height:0;padding:24px 0 92px;top:64px}
 .hero .hero-copy{display:contents}
 .story-scene{grid-column:1;grid-row:1;min-height:110px;position:relative;z-index:3}
 .hero h1,.story-scene h2{font-size:clamp(32px,8.6vw,48px);letter-spacing:-1.5px;line-height:1.06;margin:0}
 .story-scene .product-kind{font-size:10px;margin:0 0 12px}
 .story-scene>p:not(.product-kind){display:none}
 .hero #hero-stage-slot{grid-column:1;grid-row:2;min-height:0;height:100%;padding:0}
 .hero #stage{height:100%;min-height:0;max-height:none}
 .hero .scene-label{display:none}.hero .stage-caption{bottom:0;font-size:9px}
 .hero .hero-actions{grid-column:1;grid-row:3;justify-content:center;margin:8px 0 0;gap:18px}
 .hero .primary{min-height:44px;font-size:12px;padding:12px 18px}
 .hero .film-link{font-size:11px;min-height:44px}
 .hero .hero-reassurance{display:none}
 .hero .hero-transport{min-height:28px;gap:12px}.hero .hero-transport>span{display:inline;font-size:9px}.hero .hero-transport button{min-height:28px;font-size:10px}
 .story-rail{bottom:9px}.story-cue{font-size:9px;margin-bottom:0;align-items:center}.story-cue a{min-height:30px;display:flex;align-items:center}
 .story-chapters{gap:8px}.story-chapters button{min-height:44px;padding:6px 0}.story-chapter-track{margin-bottom:0}.story-chapter-label{display:none}
 .story-static .hero-sticky{min-height:650px;height:calc(100svh - 64px);padding-bottom:20px}
 html{scroll-padding-top:82px}
 .mobile-order-bar{z-index:14}
}
@media(max-height:720px) and (min-width:761px){.hero h1,.story-scene h2{font-size:44px}.story-scene>p:not(.product-kind){font-size:15px}.hero .hero-actions{margin-top:18px}.hero .hero-reassurance{font-size:10px}.story-scene .product-kind{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.story-scene:not([hidden]){animation:none}.story-chapter-track i{transition:none}.hero-sticky{position:relative!important}}