/* The video retains the existing hero image's transparent, background-like treatment. */
.hero-video-bg { background:var(--background); }
.hero-bg-video,.hero-video-fallback { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center center; }
.hero-video-fallback { opacity:.35; transform:scale(1.05); transition:opacity .45s ease; }
.hero-bg-video { opacity:0; transform:scale(1.04); transition:opacity .45s ease; }
.hero-video-bg.is-ready .hero-bg-video { opacity:.35; }.hero-video-bg.is-ready .hero-video-fallback { opacity:0; }
@media(max-width:768px){.hero-bg-video,.hero-video-fallback{object-position:58% center}}
@media(prefers-reduced-motion:reduce){.hero-bg-video{display:none}.hero-video-fallback{opacity:.35!important;animation:none}}