.immersive-home .hero.has-hero-film>picture{inset:0;z-index:-2}
.immersive-home .hero.has-hero-film>picture .hero-image{object-position:50% 50%;mask-image:none;opacity:1!important}
.immersive-home .hero>.hero-film{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0;pointer-events:none;transform:scale(var(--hero-scale,1));transition:opacity .3s ease}
.immersive-home .hero.is-film-playing>.hero-film{opacity:1}
.immersive-home .hero-film-toggle{position:absolute;right:7vw;bottom:86px;z-index:5;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:10px 14px;border:1px solid #ffffff52;border-radius:3px;background:#080d12b8;color:#f5f6f2;font-size:11px;line-height:1.3;letter-spacing:.02em;backdrop-filter:blur(10px)}
.immersive-home .hero-film-toggle-icon{display:grid;place-items:center;width:12px;font-size:10px}
.immersive-home .hero-film-toggle:hover{background:#1a2028e8;border-color:#ffffff85}
.immersive-home .hero-film-toggle:focus-visible{outline:2px solid #f7b239;outline-offset:4px}
html[data-motion=calm] .immersive-home .hero>.hero-film{transform:none;transition:none}
@media(max-width:1050px){.immersive-home .hero-film-toggle{right:5vw}}
@media(max-width:760px){.immersive-home .hero-film-toggle{right:24px;bottom:83px;min-height:40px;padding:10px 12px;font-size:10px}}
@media(max-width:760px) and (max-height:700px), (max-height:520px) and (orientation:landscape){.immersive-home .hero-film-toggle{top:80px;bottom:auto}}
@media(prefers-reduced-motion:reduce){.immersive-home .hero>.hero-film{transform:none;transition:none}}