[data-animate] { opacity: 0; transform: translateY(20px); transition: opacity 600ms cubic-bezier(0.16, 1, 0.3, 1), transform 600ms cubic-bezier(0.16, 1, 0.3, 1); }
[data-animate].visible { opacity: 1; transform: translateY(0); }
[data-animate][data-delay='1'] { transition-delay: 100ms; }
[data-animate][data-delay='2'] { transition-delay: 200ms; }
[data-animate][data-delay='3'] { transition-delay: 300ms; }
[data-animate][data-delay='4'] { transition-delay: 400ms; }
[data-animate][data-delay='5'] { transition-delay: 500ms; }
@media (prefers-reduced-motion: reduce) { [data-animate] { opacity: 1; transform: none; transition: none; } }