/* ============================================================
   ANIMATION UTILITIES — Fade, Slide, Stagger
   ============================================================ */

/* Base state: hidden, slightly shifted */
.fade-start {
    opacity: 0;
    transform: translateY(60px);
    transition:
        opacity 3s ease-out,
        transform 2s ease-out;
}

/* Activated state */
.fade-in {
    opacity: 1;
    transform: translateY(0);
}

/* Optional stagger delays */
.delay-1 {
    transition-delay: 0.15s;
}

.delay-2 {
    transition-delay: 0.30s;
}

.delay-3 {
    transition-delay: 0.45s;
}

.delay-4 {
    transition-delay: 0.60s;
}

.delay-0 {
    transition-delay: 0s;
}