/* Scroll fade animation CSS */
[data-fade-on-scroll] {
    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
    will-change: opacity, transform;
}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
    [data-fade-on-scroll] {
        transition: none !important;
        will-change: auto !important;
    }
}

/* Smooth performance optimization */
[data-fade-on-scroll] {
    transform: translateZ(0); /* Force hardware acceleration */
    backface-visibility: hidden;
}