.video-scene,.approach-image:has(.scene-video),.stage-photo:has(.scene-video){position:relative}
.hero-media:has(.scene-video),.approach-image:has(.scene-video),.stage-photo:has(.scene-video){position:absolute}
.scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;pointer-events:none;transition:opacity .35s}
.has-video-frame>.scene-video{opacity:1}
.video-poster{transition:opacity .35s}
.has-video-frame>.video-poster{opacity:0}
.video-toggle{display:none;position:absolute;z-index:5;right:20px;bottom:20px;width:42px;height:42px;border:1px solid #f3f0ea80;border-radius:50%;background:#1c1a1d80;color:#fff;align-items:center;justify-content:center;cursor:pointer;font-size:16px;backdrop-filter:blur(8px)}
.video-enabled>.video-toggle{display:flex}
.video-toggle:hover{background:#1c1a1dbf}
.video-toggle:focus-visible{outline:2px solid white;outline-offset:4px}
.hero-media:has(.scene-video)>.video-poster,.hero-media>.scene-video{object-position:50% center}
.hero-media:has(.scene-video) .hero-shade{background:linear-gradient(180deg,#161318a6 0%,#161318 60%,#161318cc);opacity:.45;pointer-events:none}
.hero-media>.video-toggle{bottom:12%;right:65px}
.approach-image:has(.scene-video)>img,.stage-photo:has(.scene-video)>img{object-position:center}
@media(max-width:1023px){.hero-media:has(.scene-video) .hero-shade{opacity:.65}.hero-media>.video-toggle{right:22px;top:84px;bottom:auto}}
@media(prefers-reduced-motion:reduce){.scene-video,.video-toggle{display:none!important}.video-poster{opacity:1!important}}
