.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;opacity:0;transition:opacity .6s;pointer-events:none}
.hero-video-ready .hero-video{opacity:1}
.hero-video-ready .hero-grid{opacity:0}
@media(max-width:760px){.hero-video{object-position:55% center}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none;transition:none}.hero-video-ready .hero-grid{opacity:1}}