.hero-video{
    position:absolute;
    inset:0;
    z-index:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center bottom;
    opacity:1;
    transition:opacity .35s ease;
    pointer-events:none;
}
.hero-video.hero-video--ended{
    opacity:0;
}
.hero-video-banner .container{
    position:relative;
}
.hero-video-banner .hero-gradient-overlay{
    position:absolute;
    z-index:1;
    background:
        linear-gradient(90deg,
            rgba(5, 12, 22, 0.78) 0%,
            rgba(5, 12, 22, 0.55) 28%,
            rgba(5, 12, 22, 0.20) 50%,
            rgba(5, 12, 22, 0) 70%),
        rgba(5, 12, 22, 0.18);
}
@media (prefers-reduced-motion: reduce){
    .hero-video{display:none;}
}