/* Keep the existing hero copy/layout; change only its media and legibility. */
.hero-film{background:#b0b0b0}
.hero-face .hero-video-poster,.hero-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.hero-video{opacity:0}
.hero-film.is-playing-video .hero-video{opacity:1}
.hero-film.is-playing-video .hero-video-poster{opacity:0}
.hero-film:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(242,242,240,.95) 0%,rgba(242,242,240,.90) 32%,rgba(242,242,240,.75) 37%,rgba(242,242,240,0) 50%)}
.hero-motion-toggle{position:absolute;right:var(--gutter);bottom:57px;z-index:3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #281c1c40;border-radius:50%;background:#f2f2f0e6;color:var(--ink)}
.hero-motion-toggle[hidden]{display:none}
.hero-motion-toggle:hover{background:var(--paper)}
.hero-play-icon{display:none}
.hero-motion-toggle[aria-pressed="true"] .hero-pause-icon{display:none}
.hero-motion-toggle[aria-pressed="true"] .hero-play-icon{display:block}
@media(max-width:760px){
 .hero-film:after{display:none}
 .hero-motion-toggle{top:calc(clamp(390px,62svh,600px) - 76px);bottom:auto}
}
@media(prefers-reduced-motion:reduce){
 .hero-film .hero-video{opacity:0!important}
 .hero-film .hero-video-poster{opacity:1!important}
 .hero-motion-toggle{display:none!important}
}
/* The hero now owns the sole film: pinned scroll on desktop, normal video on
   touch tablets and phones. A stage wrapper keeps all existing copy geometry. */
.hero{height:auto;min-height:0;max-height:none;overflow:visible}
.hero-stage{height:100svh;min-height:780px;max-height:1120px;position:relative;isolation:isolate;overflow:hidden}
.hero-copy{z-index:2}
.hero-image-note{z-index:3}
.hero.is-scroll{height:360svh;min-height:2000px;max-height:none;overflow:visible}
.hero.is-scroll .hero-stage{position:sticky;top:0;height:100svh;min-height:0;max-height:none}
.hero-molecules{position:absolute;inset:0 0 0 60%;overflow:hidden;pointer-events:none;z-index:1;display:none;contain:paint}
.hero.is-scroll .hero-molecules{display:block}
.hero-molecule{position:absolute;display:block;max-width:none;height:auto;object-fit:contain;pointer-events:none;opacity:0;will-change:transform,opacity}
.hero-molecule-far{width:38vw;right:-10vw;top:10%}
.hero-molecule-near{width:46vw;right:-22vw;top:50%}
@media(max-width:760px){.hero-stage{height:auto;min-height:0;max-height:none}}
@media(prefers-reduced-motion:reduce){.hero-molecules{display:none!important}.hero.is-scroll{height:auto;min-height:0}}