/* Poster image as container background — visible immediately, before video loads/plays */
.hero-video-top {
    background-image: url("/assets/newsite/img/background/hero-poster-20260528.jpg");
    background-size: cover;
    background-position: center center;
}

/* Video starts invisible — fades in only when actually playing, no dashboard flash */
.hero-video-top-media {
    opacity: 0;
    transition: opacity 0.7s ease;
}

/* JS adds this class on the 'playing' event */
.hero-video-top.hero-video-playing .hero-video-top-media {
    opacity: 1;
}

/* When video fails (fallback), video stays hidden, poster background remains */
.hero-video-top.hero-video-fallback .hero-video-top-media {
    opacity: 0;
}

.features-fifth-carousel-track {
    animation-duration: var(--fifth-carousel-duration, 80s);
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
    .features-fifth-carousel-track {
        animation: none;
        transform: none;
    }
}