/* A restrained cross-page dissolve. */
:root {
  --page-fade-duration: 160ms;
  --page-fade-easing: ease-in-out;
}

html { background: #fdf6ee; }

html.page-await-enter body {
  opacity: 0;
}

body.page-is-leaving {
  opacity: 0;
  transition: opacity var(--page-fade-duration) ease-in;
}

body.page-is-entering {
  opacity: 0;
  transition: opacity var(--page-fade-duration) ease-out;
}

body.page-is-entering.page-enter-active {
  opacity: 1;
}

/* Returning to Home should not restart its separate hero intro. */
body.page-is-entering .hero__eyebrow,
body.page-is-entering .hero__title,
body.page-is-entering .hero__subtitle,
body.page-is-entering .hero__actions,
html.page-await-enter .hero__eyebrow,
html.page-await-enter .hero__title,
html.page-await-enter .hero__subtitle,
html.page-await-enter .hero__actions {
  animation: none;
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  html.page-await-enter body,
  body.page-is-leaving,
  body.page-is-entering,
  body.page-is-entering.page-enter-active {
    opacity: 1;
    transition: none;
  }
}