/* anim.css — scroll reveal + count-up + parallax. Progressive enhancement: styles only bite once anim.js sets . If JS is off, IO is unsupported, or the user prefers reduced motion, ALL content (and every CTA) stays fully visible. Animations never gate content. */ /* Reveal: only the elements we explicitly opt in via [data-reveal]. */ .anim-ready [data-reveal] { opacity: 0; transform: translateY(18px); will-change: opacity, transform; transition: opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1); } .anim-ready [data-reveal].in { opacity: 1; transform: none; } /* Stagger children (cards, stats) for a softer cascade. */ .anim-ready [data-reveal-stagger] > * { opacity: 0; transform: translateY(16px); transition: opacity .6s cubic-bezier(.22,.61,.36,1), transform .6s cubic-bezier(.22,.61,.36,1); } .anim-ready [data-reveal-stagger].in > * { opacity: 1; transform: none; } .anim-ready [data-reveal-stagger].in > *:nth-child(2) { transition-delay: .08s; } .anim-ready [data-reveal-stagger].in > *:nth-child(3) { transition-delay: .16s; } .anim-ready [data-reveal-stagger].in > *:nth-child(4) { transition-delay: .24s; } .anim-ready [data-reveal-stagger].in > *:nth-child(5) { transition-delay: .32s; } .anim-ready [data-reveal-stagger].in > *:nth-child(6) { transition-delay: .40s; } /* Parallax target gets a transform driven by JS; cheap + GPU-friendly. */ .anim-ready [data-parallax] { will-change: transform; } /* Kill all motion for users who ask for it. Content fully visible, no transitions. */ @media (prefers-reduced-motion: reduce) { .anim-ready [data-reveal], .anim-ready [data-reveal-stagger] > * { opacity: 1 !important; transform: none !important; transition: none !important; } }