/* scroll-animations.css – minimal required styles for scroll animation elements */

[data-scroll-animation] {
    will-change: transform, opacity;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

/* Respect user preference for reduced motion
@media (prefers-reduced-motion: reduce) {
    [data-scroll-animation] {
        transition: none !important;
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
} */

@media (prefers-reduced-motion: reduce) {
    [data-scroll-animation] {
        transition: none !important;
        /* Remove 'animation: none !important;' as it's not used */
        opacity: 1 !important;
        transform: none !important;
    }
}

/* Optional: ensure images inside animated elements don't cause overflow */
[data-scroll-animation] img {
    max-width: 100%;
    height: 100%;
}