/* ============================================
   OZYDE — Animation & transition helpers
   ============================================ */

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.hero-copy > * { animation: fade-in 0.8s var(--ease) both; }
.hero-copy > *:nth-child(2) { animation-delay: 0.08s; }
.hero-copy > *:nth-child(3) { animation-delay: 0.16s; }
.hero-copy > *:nth-child(4) { animation-delay: 0.24s; }
.hero-copy > *:nth-child(5) { animation-delay: 0.32s; }

.page-hero .eyebrow,
.page-hero h1,
.page-hero p { animation: fade-in 0.7s var(--ease) both; }
.page-hero h1 { animation-delay: 0.08s; }
.page-hero p { animation-delay: 0.16s; }

@media (prefers-reduced-motion: reduce) {
  .carousel-track { animation: none !important; }
  .hero-copy > *, .page-hero > * { animation: none !important; opacity: 1 !important; }
}