/* ============================================================
   css/animations.css — Scroll Reveal & Stagger Delays
   ============================================================ */

/* Base reveal states */
.reveal {
  opacity:    0;
  transform:  translateY(40px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.reveal.visible {
  opacity:   1;
  transform: translateY(0);
}

.reveal-left {
  opacity:    0;
  transform:  translateX(-40px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.reveal-left.visible {
  opacity:   1;
  transform: translateX(0);
}

.reveal-right {
  opacity:    0;
  transform:  translateX(40px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.reveal-right.visible {
  opacity:   1;
  transform: translateX(0);
}

/* Stagger delays */
.stagger-1 { transition-delay: 0.10s; }
.stagger-2 { transition-delay: 0.20s; }
.stagger-3 { transition-delay: 0.30s; }
.stagger-4 { transition-delay: 0.40s; }
.stagger-5 { transition-delay: 0.50s; }
.stagger-6 { transition-delay: 0.60s; }