/* Smooth cross-document navigation (View Transitions API)
   ------------------------------------------------------------------
   Kept OUT of the concatenated/minified bundle on purpose: Hugo's CSS
   minifier (tdewolff) strips the `@view-transition` at-rule, the
   `::view-transition-*` pseudo-elements, and the `view-transition-name`
   property. This file is fingerprinted but served unminified so the
   rules survive. See head.html.

   Opt in to same-origin page-to-page transitions. Supporting browsers
   cross-fade the whole page on navigation; the header gets a stable
   name so it persists (morphs in place) instead of fading with the
   content. */
@view-transition {
  navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 260ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.site-header {
  view-transition-name: site-header;
}

/* Honour reduced-motion: skip the page transition entirely. */
@media (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: none;
  }
}