.cinematicHero{isolation:isolate}
.heroFilm{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity 1s ease;background:#0a1c31}
.heroFilm video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.heroFilm::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,19,37,.58),rgba(5,19,37,.68) 50%,rgba(5,19,37,.52))}
.sceneryPlaying .heroFilm{opacity:1}
.heroFilmControls{position:absolute;left:20px;right:20px;bottom:8px;display:flex;align-items:center;justify-content:flex-end;gap:12px;z-index:3}
.heroFilmToggle{min-height:32px;padding:5px 11px;border:1px solid #d2b47c80;border-radius:20px;color:#fff4df;background:#07182bc9;font:500 10px/1.4 Montserrat,Arial,sans-serif}
.heroFilmToggle[hidden]{display:none}.heroFilmToggle:focus-visible{outline:2px solid #f3d497;outline-offset:3px}
@media(max-width:650px){.heroFilmControls{left:12px;right:12px;bottom:5px;gap:6px}.heroFilmToggle{min-height:44px;padding:8px 12px}.heroFilm video{object-position:45% center}}
@media(prefers-reduced-motion:reduce){.heroFilm{display:none;transition:none}}