/* Page-to-page flow, shared by every site: cross-document view transitions
   (Chrome, Edge, Safari 18.2+; other browsers navigate normally). A site
   names what stays put or travels (its header, a product photo) in its own
   skin. Reduced motion turns every animation and transition off. */
@view-transition {
  navigation: auto;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after,
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}