/* Keep the original layout, gradients and object positions; replace its image layer. */
.hero-landscape,.about-landscape,.contact-landscape{overflow:hidden}
.background-video{position:absolute;display:block;pointer-events:none;max-width:none;opacity:0;transition:opacity .24s ease;object-fit:cover}
.background-video[data-ready]{opacity:1}
.background-video-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#03060c,transparent 90%)}
@media(prefers-reduced-motion:reduce){.background-video{transition:none}}