/* ============================================================
   Reveal animations
   ============================================================ */

@media (prefers-reduced-motion: no-preference) {
  [data-reveal] {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity var(--duration-slower) var(--ease-out),
                transform var(--duration-slower) var(--ease-out);
  }
  [data-reveal].is-revealed {
    opacity: 1;
    transform: translateY(0);
  }
  [data-reveal-delay="1"] { transition-delay: 60ms; }
  [data-reveal-delay="2"] { transition-delay: 120ms; }
  [data-reveal-delay="3"] { transition-delay: 180ms; }
  [data-reveal-delay="4"] { transition-delay: 240ms; }
}