@keyframes brand-reveal {
  0% { opacity: 1; }
  22% { opacity: .8; }
  100% { opacity: 0; }
}
@keyframes page-enter {
  from { opacity: 0; filter: brightness(1.16); }
  to { opacity: 1; filter: brightness(1); }
}
@keyframes page-exit {
  to { opacity: 0; }
}
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: 140ms ease-in both page-exit; }
::view-transition-new(root) { animation: 500ms ease-out both page-enter; }
@keyframes drift {
  0%, 100% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(0,-12px,0); }
}
.orbit-one { animation: drift 9s ease-in-out infinite; }
.orbit-two { animation: drift 11s ease-in-out infinite reverse; }
.reveal { opacity: 0; transform: translateY(18px); transition: opacity 700ms var(--ease-out), transform 700ms var(--ease-out); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
  body.is-entering .transition-flash { display: none; }
  @view-transition { navigation: none; }
  ::view-transition-old(root), ::view-transition-new(root) { animation: none !important; }
}