.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;opacity:0;pointer-events:none;transition:opacity .45s ease}
.hero.film-ready .hero-video{opacity:1}
.hero .hero-image{object-position:58% center}
.hero-media-controls{position:absolute;left:var(--gutter);right:var(--gutter);bottom:28px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px}
#hero-toggle{min-height:44px;padding:10px 16px;background:#101110a6;border:1px solid #ffffff80;color:#fff;font-size:.875rem;letter-spacing:.015em;display:flex;align-items:center;gap:10px;backdrop-filter:blur(4px)}
#hero-toggle:hover{background:#fff;color:#111}
.film-credit{font-size:.75rem;letter-spacing:.09em;color:#eee;text-shadow:0 1px 8px #000}
.hero-shade{background:linear-gradient(90deg,#060c0ec9 0%,#08111338 55%,#151b2105),linear-gradient(0deg,#080e1599,transparent 50%)}
@media(max-width:740px){.hero-media-controls{bottom:20px;gap:12px}.film-credit{font-size:.75rem;letter-spacing:.015em}#hero-toggle{padding:9px 12px}.hero-video,.hero .hero-image{object-position:57% center}.hero-shade{background:linear-gradient(90deg,#09101399,#09101333),linear-gradient(0deg,#080e15b8,transparent)}}
@media(prefers-reduced-motion:reduce){.hero-video{transition:none}}