/* Unrote - motion every public page shares: the change of page. Same-origin links cross-fade the page under a
   header that stays put (View Transitions between documents; browsers without them just load the page). The
   page-specific motion lives in each page's own file. prefers-reduced-motion turns all of it off. Curves and
   durations as in components.css: cubic-bezier(.23,1,.32,1), 150-250 ms. */
@view-transition {
  navigation: auto;
}
.nav {
  view-transition-name: site-nav;
}
::view-transition-old(root) {
  animation: vt-out 150ms cubic-bezier(.23,1,.32,1) both;
}
::view-transition-new(root) {
  animation: vt-in 240ms cubic-bezier(.23,1,.32,1) both;
}
@keyframes vt-out {
  to {
    opacity: 0;
  }
}
@keyframes vt-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}
@media (prefers-reduced-motion:reduce) {
  @view-transition {
    navigation: none;
  }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) {
    animation: none;
  }
}