/* Site-wide page fade — pure-CSS cross-document view transitions.
   THE SWITCH: this file's single <link> in partials/head.html. Comment it out
   and every navigation is instant again; nothing else references this file.
   Browsers without support (and reduced-motion users) just navigate normally. */
@media not (prefers-reduced-motion:reduce){
  @view-transition{navigation:auto}
}

/* quick, quiet cross-fade — no sliding, no scaling */
::view-transition-old(root),::view-transition-new(root){
  animation-duration:.18s;animation-timing-function:ease}

/* the header is identical on every page — naming it keeps it rock-still while
   the page fades beneath. Direct-child selector matters: the labs overlay
   carries its own <header> (nested in .portal, so it never matches), and a
   duplicated name makes the browser skip the whole transition. */
body>header{view-transition-name:rkh-header}
::view-transition-group(rkh-header){animation-duration:.18s}