@media (prefers-reduced-motion: reduce) {
    body:not(.turn-off-sparkle) .animated-content > *,
    body:not(.turn-off-sparkle) .animated-image,
    body:not(.turn-off-sparkle) .animated-image > img,
    body:not(.turn-off-sparkle) .animated-card-item,
    body:not(.turn-off-sparkle) .animated-card .animated-card-item,
    body:not(.turn-off-sparkle) .animated-slider .slick-slide .icons-card,
    body:not(.turn-off-sparkle) .animated-slider .slick-slide .animated-card-item {
        opacity: 1 !important;
        transform: none !important;
    }
}

@media (min-width: 1200px) {
    body:not(.turn-off-sparkle) {
        .animated-content > p,
        .animated-content > ul li,
        .animated-content > ol li,
        .animated-content > div:not(.reviews),
        .animated-content > h2,
        .animated-content > h3,
        .animated-content > h4,
        .animated-content > h5,
        .animated-content > h6,
        .animated-content > blockquote,
        .animated-content > article,
        .animated-content > img {
            opacity: 0;
            transform: translateY(50px);
        }

        .animated-image {
            opacity: 0;
            transform: translateX(60px);

            > img {
                opacity: 0;
                transform: translateX(60px);
            }
        }

        .image-block-left {
            .animated-image {
                opacity: 0;
                transform: translateX(-60px);

                > img {
                    opacity: 0;
                    transform: translateX(-60px);
                }
            }
        }

        /* Animate card content, not .slick-slide - Slick owns slide transforms. */
        .animated-slider .slick-slide:not(.slick-cloned) .icons-card,
        .animated-slider .slick-slide:not(.slick-cloned) .animated-card-item,
        .animated-card .animated-card-item {
            transform: translateY(100px);
            opacity: 0;
        }

        /* Theme 2/5: disable CSS transitions while GSAP owns the tween. */
        .animated-card .animated-card-item.is-animating,
        .animated-slider .icons-card.is-animating,
        .animated-slider .animated-card-item.is-animating {
            transition: none;
        }

        .animated-slider .slick-cloned .icons-card,
        .animated-slider .slick-cloned .animated-card-item {
            opacity: 1;
            transform: none;
        }

        .animated-slider.is-revealed .slick-slide .icons-card,
        .animated-slider.is-revealed .slick-slide .animated-card-item,
        .animated-card-item.is-revealed,
        .icons-card.is-revealed {
            opacity: 1;
            transform: none;
        }

        .masthead.masthead--homepage .slick__arrows-custom .slick-arrow {
            border: 2px solid var(--primary-color);
            transition: background 0.3s ease-in-out;
        }

        .masthead.masthead--homepage .slick__arrows-custom .slick-arrow:hover {
            background-color: var(--white);
            color: var(--primary-color);
        }
    }
}