.hero__kicker,
.hero__title,
.hero__subtitle,
.hero__meta {
  animation: fade-up 0.9s ease both;
}

.hero__kicker {
  animation-delay: 0.1s;
}

.hero__title {
  animation-delay: 0.25s;
}

.hero__subtitle {
  animation-delay: 0.4s;
}

.hero__meta {
  animation-delay: 0.55s;
}

@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(1.25rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}