.sf-reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.7s ease, transform 0.7s ease;
    will-change: opacity, transform;
}

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

    .sf-reveal.delay-1 {
        transition-delay: 0.15s;
    }

    .sf-reveal.delay-2 {
        transition-delay: 0.3s;
    }

    .sf-reveal.delay-3 {
        transition-delay: 0.45s;
    }

.carousel-item .hero-reveal {
    opacity: 0;
    transform: translateY(20px);
}

.carousel-item.active .hero-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .sf-reveal,
    .hero-reveal {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}