/* Brief transitions between the existing static pages. */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }

  .floating-nav { view-transition-name: site-navigation; }

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

  ::view-transition-new(root) {
    animation: page-arrive 280ms cubic-bezier(.2,.7,.2,1) both;
  }

  ::view-transition-group(site-navigation) { animation-duration: 280ms; }
  ::view-transition-old(site-navigation),
  ::view-transition-new(site-navigation) { animation: none; mix-blend-mode: normal; }

  @keyframes page-leave {
    to { opacity: 0; transform: translateY(-6px); }
  }

  @keyframes page-arrive {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
  }
}