/* Hero-only motion layer. The rest of the page retains its original layout. */
.hero-stage{background:var(--ink);perspective:1600px;isolation:isolate}
.hero-stage:after{display:none}
.hero-portal{position:absolute;inset:0;background:var(--paper);overflow:hidden;transform-origin:50% 48%;will-change:transform;border:1px solid transparent;backface-visibility:hidden}
.hero-portal:after{content:'';position:absolute;inset:auto 0 0;height:190px;z-index:4;pointer-events:none;background:linear-gradient(transparent,var(--paper))}
.hero-stage.light-labels .hero-portal:after{background:linear-gradient(transparent,rgba(20,24,16,.65))}
.hero-backdrop{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:10px;overflow:hidden;pointer-events:none;color:var(--paper)}
.hero-backdrop span{font:600 clamp(140px,22vw,380px)/.86 var(--display);letter-spacing:-.03em;white-space:nowrap;width:max-content;will-change:transform}
.hero-backdrop span:first-child{color:var(--lime);font-family:Georgia,serif;font-size:17vw;font-weight:400;font-style:italic}
.hero-backdrop:after{content:'';position:absolute;width:140vw;height:140vw;border:1px solid #d4ff0020;border-radius:43% 57% 62% 38%;left:-20vw;top:-50vw;transform:rotate(23deg)}
#hero-depth{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none}
.hero-model.depth-ready #hero-depth{opacity:1}
.hero-model.depth-ready #campaign-image{opacity:0}
.hero-model{will-change:transform;transform-origin:50% 60%}
.hero-portal .hero-title,.hero-portal .contours{will-change:transform}
.hero-caption,.hero-cta,.hero-bottom{transition:color .25s}
.hero-interaction{position:absolute;z-index:6;top:49%;right:26px;writing-mode:vertical-rl;letter-spacing:.13em;font-size:8px;opacity:.6;pointer-events:none}
.hero-stage.light-labels .hero-interaction{color:var(--paper)}
.header.hero-dark{background:var(--ink);backdrop-filter:none;color:var(--paper)}
.hero-stage.light-labels .hero-caption,.hero-stage.light-labels .hero-cta{bottom:75px}
.header.hero-dark .store-link{color:var(--ink)}
.hero-stage .hero-look{opacity:0;clip-path:inset(0);transition:none;will-change:opacity,transform}
.hero-stage .hero-look img{object-position:center 35%}
.hero-stage .look-overlay{inset:21% 7% auto}
.hero-stage .hero-look-two{z-index:4}
.hero-stage .hero-look-three{z-index:5}
@media(max-width:800px){.hero-interaction{display:none}.hero-backdrop span{font-size:28vw}.hero-backdrop span:first-child{font-size:24vw}}
@media(prefers-reduced-motion:reduce){.hero-stage{background:var(--paper)}.hero-portal{transform:none!important}.hero-backdrop,#hero-depth,.hero-interaction{display:none}.hero-model.depth-ready #campaign-image{opacity:1}.hero-model{transform:none!important}.hero-portal .contours,.hero-portal .hero-title{transform:none!important}}