/* =========================
   REVEAL ANIMATION
========================= */

[data-reveal] {
    opacity: 0;
    transform: translateY(32px);
    transition:
            opacity 1s cubic-bezier(0.22, 1, 0.36, 1),
            transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}

[data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* =========================
   STAGGER DELAYS
========================= */

[data-delay="1"] { transition-delay: 0.15s; }
[data-delay="2"] { transition-delay: 0.3s; }
[data-delay="3"] { transition-delay: 0.45s; }