/* ═══════════════════════════════════════
   ANIMATIONS.CSS — GSAP Fallbacks & Keyframes
   ═══════════════════════════════════════ */

/* ─── Fade In Up ─── */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ─── Fade In ─── */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* ─── Scale In ─── */
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* ─── Slide In Left ─── */
@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ─── Slide In Right ─── */
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ─── Pulse ─── */
@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

/* ─── Float ─── */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

/* ─── Shimmer ─── */
@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* ─── GSAP Initial States ─── */
.gsap-hidden {
  opacity: 0;
  transform: translateY(30px);
  will-change: opacity, transform;
}

.gsap-hidden-left {
  opacity: 0;
  transform: translateX(-30px);
  will-change: opacity, transform;
}

.gsap-hidden-right {
  opacity: 0;
  transform: translateX(30px);
  will-change: opacity, transform;
}

.gsap-hidden-scale {
  opacity: 0;
  transform: scale(0.9);
  will-change: opacity, transform;
}

/* Lenis styles removed — using native scroll */