.home-preview-hero {
    min-height: calc(100vh - 80px);
}

.home-preview-slide {
    opacity: 0;
    transform: scale(1.02);
    transition: opacity 700ms ease, transform 1200ms ease;
}

.home-preview-slide.is-active {
    opacity: 1;
    transform: scale(1);
}

.home-preview-panel {
    background:
        linear-gradient(90deg, rgba(4, 86, 174, 0.9), rgba(15, 25, 35, 0.72)),
        var(--home-preview-image);
    background-position: center;
    background-size: cover;
}

.home-preview-media-row {
    scrollbar-width: thin;
    scrollbar-color: #0456ae transparent;
}

.home-preview-media-row::-webkit-scrollbar {
    height: 8px;
}

.home-preview-media-row::-webkit-scrollbar-thumb {
    background: #0456ae;
}

.home-preview-media-row::-webkit-scrollbar-track {
    background: transparent;
}

.home-preview-play-button {
    color: #0456ae;
}

.home-preview-play-button:hover,
.group:hover .home-preview-play-button {
    color: #0f172a;
}

.home-preview-js .home-preview-reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 600ms ease, transform 600ms ease;
}

.home-preview-js .home-preview-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.home-preview-caption {
    transition: opacity 250ms ease;
}

.home-preview-caption.is-fading {
    opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
    .home-preview-slide,
    .home-preview-js .home-preview-reveal,
    .home-preview-caption {
        transition: none;
    }
}