/* motion.css — reusable motion utilities */

/* Staggered hero fade-in */
@keyframes heroFadeUp {
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0); }
}
.fade-in-1, .fade-in-2, .fade-in-3, .fade-in-4 {
  opacity: 0;
  animation: heroFadeUp .7s ease forwards;
}
.fade-in-1 { animation-delay: .05s; }
.fade-in-2 { animation-delay: .18s; }
.fade-in-3 { animation-delay: .32s; }
.fade-in-4 { animation-delay: .48s; }

/* One-time pulse for scroll hint */
@keyframes scrollPulse{
  0%, 10%{ opacity:0; }
  20%{ opacity:1; }
  30%{ opacity:0.4; }
  40%{ opacity:1; }
  50%{ opacity:0.4; }
  60%{ opacity:1; }
  80%,100%{ opacity:0.5; }
}

.scroll-pulse-once{
  animation: scrollPulse 8s ease-in-out 1;
}