/* ══════════════════════════════════════════════════════
   CABIDOTS TECHNOLOGIES — css/animations.css
   Scroll-reveal and keyframe animations
   ══════════════════════════════════════════════════════ */

/* ── Reveal base states ──────────────────────────────── */
.reveal-up {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
  transition-delay: var(--delay, 0s);
}
.reveal-left {
  opacity: 0;
  transform: translateX(-36px);
  transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
}
.reveal-right {
  opacity: 0;
  transform: translateX(36px);
  transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
}

/* ── Visible state (JS adds .in-view) ────────────────── */
.reveal-up.in-view,
.reveal-left.in-view,
.reveal-right.in-view {
  opacity: 1;
  transform: none;
}

/* ── Stagger utility ─────────────────────────────────── */
.stagger-1 { transition-delay: 0.05s; }
.stagger-2 { transition-delay: 0.10s; }
.stagger-3 { transition-delay: 0.15s; }
.stagger-4 { transition-delay: 0.20s; }
.stagger-5 { transition-delay: 0.25s; }