.js .reveal,
.js [data-reveal-group] > * {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .78s var(--ease-out) var(--reveal-delay, 0ms), transform .78s var(--ease-out) var(--reveal-delay, 0ms);
}
.js .reveal.is-visible,
.js [data-reveal-group] > *.is-visible { opacity: 1; transform: none; }
body:not(.is-ready) .site-header { opacity: 0; }
body.is-ready .site-header { opacity: 1; transition: opacity .55s ease, background var(--motion-normal) ease, border-color var(--motion-normal) ease; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
  .js .reveal,
  .js [data-reveal-group] > * { opacity: 1; transform: none; }
  .cursor { display: none; }
}