/* ============================================================
   Animations — IntersectionObserver driven
   ============================================================ */

.fade-up {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Stagger delays for grid children */
.fade-up[data-delay="1"] { transition-delay: 0.1s; }
.fade-up[data-delay="2"] { transition-delay: 0.2s; }
.fade-up[data-delay="3"] { transition-delay: 0.3s; }
.fade-up[data-delay="4"] { transition-delay: 0.4s; }

/* Hero entrance — no observer needed, fires on load */
.hero__chip,
.hero__title,
.hero__sub,
.hero__actions {
  animation: heroFadeUp 0.8s ease both;
}
.hero__chip   { animation-delay: 0.1s; }
.hero__title  { animation-delay: 0.25s; }
.hero__sub    { animation-delay: 0.4s; }
.hero__actions { animation-delay: 0.55s; }

@keyframes heroFadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Stat counter */
.stat__number { transition: all 0.4s ease; }

/* Hover shimmer on service cards */
@keyframes shimmer {
  0%   { background-position: -400px 0; }
  100% { background-position: 400px 0; }
}