.hero-media {
    overflow: hidden;
    background: url('../img/g2-hero.jpg') center 62% / cover no-repeat;
}

.hero-video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 52%;
    filter: saturate(.9) contrast(1.08) brightness(.72);
    transform: scale(1.02);
}

@media (prefers-reduced-motion: reduce) {
    .hero-video {
        display: none;
    }
}