/* Home ⇄ app: one crossfade between the two pages. A page transition, seen about once a visit: 300 ms,
   ease-in-out sine. Linked in each page's head, not bundled, so the new page has opted in before its
   first render. Browsers without cross-document view transitions simply load the page. */
@view-transition {
  navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
}

@media (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: none;
  }
}