/* espierto.com – shared smooth page transitions.
 * Linked from every page (main site, /countdown/, /joyride/, gallery, guides).
 * Uses the cross-document View Transitions API (same-origin navigations).
 * Browsers without support simply navigate as usual; reduced-motion users get no animation.
 */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }

  ::view-transition-old(root) { animation: vt-out 160ms ease-in both; }
  ::view-transition-new(root) { animation: vt-in 280ms cubic-bezier(.2, .7, .2, 1) both; }

  /* The main-site header is its own layer: it stays put and morphs (e.g. transparent to gradient). */
  ::view-transition-group(site-header) { animation-duration: 300ms; }
  ::view-transition-old(site-header),
  ::view-transition-new(site-header) { animation-duration: 300ms; }
}

@keyframes vt-out { to { opacity: 0; transform: translateY(-6px); } }
@keyframes vt-in { from { opacity: 0; transform: translateY(10px); } }