/* Native browser page transitions, separate from ACSS element Effects.
   Progressive enhancement: normal navigation in unsupported browsers.
   No JavaScript navigation interception or content-hiding reveal code. */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  ::view-transition-group(root),
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: calc(var(--hover-duration) * 0.9);
    animation-timing-function: var(--ease-smooth, ease-in-out);
  }
}
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-group(root),
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: none !important; }
}