/* ============================================================
   Animations — hero entrance motion, shared keyframes
   ============================================================ */
@media (prefers-reduced-motion: no-preference) {
  .hero-media { animation: fadeIn 800ms ease-out 0ms forwards; }
  .hero-headline { animation: fadeUp 700ms ease-out 250ms forwards; }
  .hero-support { animation: fadeUp 700ms ease-out 450ms forwards; }
  .hero-cta-group { animation: fadeUp 700ms ease-out 650ms forwards; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-media, .hero-headline, .hero-support, .hero-cta-group {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

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