/* Marketing pages only. Native navigation remains the fallback. */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }

  [data-site-header] { view-transition-name: site-header; }

  ::view-transition-group(root),
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 180ms;
    animation-timing-function: ease-out;
  }

  /* Keep the header fixed in place and show its new active link immediately. */
  ::view-transition-group(site-header),
  ::view-transition-new(site-header) { animation: none; }
  ::view-transition-old(site-header) { animation: none; opacity: 0; }

  /* The crossfade replaces the entrance, including after it finishes. */
  [data-page-transition] [data-motion="hero"] { animation: none; }
}