/* Native document transitions preserve ordinary links and browser history.
   Browsers without this feature use immediate navigation; no artificial delay. */
@view-transition { navigation: auto; }
::view-transition { background: #080e28; }
::view-transition-old(root) { animation: journey-depart 360ms ease-in-out both; mix-blend-mode: normal; }
::view-transition-new(root) { animation: journey-arrive 360ms ease-in-out both; mix-blend-mode: normal; }
@keyframes journey-depart { 0% { opacity: 1; } 45%, 100% { opacity: 0; } }
@keyframes journey-arrive { 0%, 45% { opacity: 0; } 100% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
}