@keyframes hero-rise {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}
.hero-content .eyebrow-tag { animation: hero-rise 620ms var(--ease) both; }
.hero-content h1 { animation: hero-rise 620ms var(--ease) 90ms both; }
.hero-content .hero-lede { animation: hero-rise 620ms var(--ease) 160ms both; }
.hero-content .hero-cta-row { animation: hero-rise 620ms var(--ease) 230ms both; }
.hero-content .hero-meta { animation: hero-rise 620ms var(--ease) 290ms both; }

@media (prefers-reduced-motion: reduce) {
  .hero-content .eyebrow-tag,
  .hero-content h1,
  .hero-content .hero-lede,
  .hero-content .hero-cta-row,
  .hero-content .hero-meta {
    animation: none;
  }
}