/* Custom scroll-based animations to replace WOW.js and reduce animate.css dependency */

/* Base animation classes */
.scroll-animate {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
}

.scroll-animate.active {
    opacity: 1;
    transform: translateY(0);
}

/* Animation delay classes */
.scroll-animate[data-delay="0.2s"].active {
    transition-delay: 0.2s;
}

.scroll-animate[data-delay="0.3s"].active {
    transition-delay: 0.3s;
}

.scroll-animate[data-delay="0.4s"].active {
    transition-delay: 0.4s;
}

.scroll-animate[data-delay="0.5s"].active {
    transition-delay: 0.5s;
}

/* Specific animation variants if needed */
.scroll-animate.fade-in-up {
    opacity: 0;
    transform: translateY(20px);
}

.scroll-animate.fade-in-up.active {
    opacity: 1;
    transform: translateY(0);
}

/* Performance optimizations */
.scroll-animate {
    will-change: transform, opacity;
}

.scroll-animate.active {
    will-change: auto;
}