/* The same 15px, 650ms entrance used by the IA guide. */
@keyframes guide-page-reveal {
  from { opacity: 0; translate: 0 15px; }
  to { opacity: 1; translate: 0 0; }
}

body > header.hero,
main > header.hero,
main > section,
main > .eyebrow,
main > h1,
main > .lead {
  animation: guide-page-reveal .65s ease backwards;
}

@media (prefers-reduced-motion: reduce) {
  body > header.hero,
  main > header.hero,
  main > section,
  main > .eyebrow,
  main > h1,
  main > .lead {
    animation: none;
  }

  /* Also disable the IA guide's original inline entrance animations. */
  .reveal,
  .info-card,
  .step,
  .answer {
    animation: none !important;
  }
}