.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%;opacity:0;transition:opacity .6s ease;pointer-events:none}
.hero-film.is-ready{opacity:1}
.hero-motion-toggle{position:absolute;top:20px;right:20px;z-index:3;min-height:44px;padding:10px 16px;border:1px solid #ffffff75;background:#222620c9;color:#fff;font:10px/1.4 var(--sans);letter-spacing:.09em;text-transform:uppercase;backdrop-filter:blur(8px)}
.hero-motion-toggle:hover{background:#222620}
@media(max-width:700px){.hero-film{object-position:center}.hero-motion-toggle{top:14px;right:14px;font-size:9px}}

/* Phone framing keeps the moving curtain at the right-hand window visible. */
@media(max-width:700px){
 .hero-image-wrap{height:auto;aspect-ratio:4/3}
 .hero-image-wrap>.hero-image{height:100%;position:absolute;inset:0;object-position:right center}
 .hero-film{object-position:right center}
 .hero-motion-toggle{top:10px;right:10px}
}