/* The final still sits under the opening film, in the same crop at every size. */
.hero.single-screen .hero-bg{transform:none;animation:none;object-position:center center}
.hero-intro{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1}
.hero-intro.is-playing{opacity:1}
.hero-intro.is-finished{opacity:0}
.hero.single-screen .veil{z-index:2}
@media(max-width:700px){.hero.single-screen .hero-bg,.hero-intro{object-position:68% center}}
@media(prefers-reduced-motion:reduce){.hero-intro{display:none}}