/* =================== Scroll Animations Controlled by the `animate` class on . Remove that class to disable all animations site-wide. Usage in Twig:
Stagger with data-animate-delay:
=================== */ /* Fade up from bottom */ body.animate [data-animate] { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; } /* Visible state */ body.animate [data-animate].is-visible { opacity: 1; transform: none; } /* Stagger delays */ body.animate [data-animate-delay="1"] { transition-delay: 0.1s; } body.animate [data-animate-delay="2"] { transition-delay: 0.2s; } body.animate [data-animate-delay="3"] { transition-delay: 0.3s; } body.animate [data-animate-delay="4"] { transition-delay: 0.4s; } body.animate [data-animate-delay="5"] { transition-delay: 0.5s; } /* Respect reduced motion preference */ @media (prefers-reduced-motion: reduce) { body.animate [data-animate] { opacity: 1; transform: none; transition: none; } }