/* ══════════════════════════════════════════════════════════
   scroll-animations.css  —  Niiyor Kombucha
   Remove this <link> to disable all scroll animations.
   The website remains fully functional without this file.
══════════════════════════════════════════════════════════ */

/* ── FADE UP (base reveal — replaces inline .reveal) ─────── */
.reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}
.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 { transition-delay: 0.12s; }
.reveal-delay-2 { transition-delay: 0.26s; }
.reveal-delay-3 { transition-delay: 0.42s; }

/* ── SLIDE FROM LEFT ─────────────────────────────────────── */
.anim-from-left {
  opacity: 0;
  transform: translateX(-60px);
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}
.anim-from-left.in {
  opacity: 1;
  transform: translateX(0);
}

/* ── SLIDE FROM RIGHT ────────────────────────────────────── */
.anim-from-right {
  opacity: 0;
  transform: translateX(60px);
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}
.anim-from-right.in {
  opacity: 1;
  transform: translateX(0);
}

/* ── SCALE + SPRING (cards) ──────────────────────────────── */
.anim-scale {
  opacity: 0;
  transform: scale(0.92) translateY(18px);
  transition: opacity 0.7s ease,
              transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.anim-scale.in {
  opacity: 1;
  transform: scale(1) translateY(0);
}

/* ── CURTAIN WIPE upward (clip-path) ─────────────────────── */
.anim-clip {
  clip-path: inset(100% 0 0 0);
  transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.anim-clip.in {
  clip-path: inset(0% 0 0 0);
}

/* ── BLUR TO FOCUS ───────────────────────────────────────── */
.anim-blur {
  opacity: 0;
  filter: blur(8px);
  transform: translateY(16px);
  transition: opacity 0.9s ease,
              filter 0.9s ease,
              transform 0.9s ease;
}
.anim-blur.in {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
}

/* ── SHARED DELAY HELPERS ────────────────────────────────── */
/* Work for all anim-* classes */
.delay-1 { transition-delay: 0.12s; }
.delay-2 { transition-delay: 0.26s; }
.delay-3 { transition-delay: 0.42s; }
.delay-4 { transition-delay: 0.58s; }
.delay-5 { transition-delay: 0.74s; }