/* ----------------------------------------
   FADE‑IN ANIMATIONS
----------------------------------------*/
.fade-in-up {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp 1s ease forwards;
}

.delay-1 { animation-delay: 0.3s; }
.delay-2 { animation-delay: 0.6s; }
.delay-3 { animation-delay: 0.9s; }

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ----------------------------------------
   HERO SHAPES ANIMATION (floating)
----------------------------------------*/
.shape {
  animation: float 6s infinite ease-in-out;
}

@keyframes float {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-18px); }
  100% { transform: translateY(0); }
}

/* ----------------------------------------
   SLOW ZOOM-IN HERO BACKGROUND (optional)
----------------------------------------*/
.hero-section {
  animation: zoomIn 12s ease forwards;
}

@keyframes zoomIn {
  0%   { transform: scale(1); }
  100% { transform: scale(1.03); }
}

/* ----------------------------------------
   ON-SCROLL ANIMATIONS (reveal)
----------------------------------------*/
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: 1s ease;
}

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