/* Progressive enhancement for same-origin multi-page navigation. */
@view-transition {
  navigation: auto;
}

::view-transition-old(root) {
  animation: site-page-out 120ms ease-out both;
}

::view-transition-new(root) {
  animation: site-page-in 180ms ease-out both;
}

@keyframes site-page-out {
  to { opacity: 0; }
}

@keyframes site-page-in {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none !important;
  }
}