/* ─── Scroll entrance ─────────────────────────────────────── */

.animate-in {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.55s ease, transform 0.55s ease;
  transition-delay: var(--delay, 0s);
}

.animate-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ─── Hero stagger ────────────────────────────────────────── */

.hero-badge.animate-in   { transition-duration: 0.45s; }
.hero-center.animate-in  { transition-duration: 0.6s; }

/* ─── Reduced motion ──────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
  .animate-in,
  .animate-in.visible {
    opacity: 1;
    transform: none;
    transition: none;
  }
}