/* public/css/scroll-animations.css */
.scroll-component {
    will-change: transform, opacity;
    backface-visibility: hidden;
    perspective: 1000px;
}

/* Performance optimizations */
.scroll-component * {
    transform: translateZ(0);
}

/* Stagger animations */
.stagger-container [data-stagger-item] {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Smooth transitions for all animated elements */
[data-animate] {
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    [data-animate] {
        transition: none;
        opacity: 1 !important;
        transform: none !important;
    }
}