/* In the page only while motion is on for this browser (the server adds it, hq_platform/api.py motion_on; web/motion.js takes it
   out under reduced motion), so with motion off pages navigate exactly as before. Same-site page changes cross-fade in 160 ms;
   the header stays put. */
@view-transition{navigation:auto}
::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:160ms;animation-timing-function:cubic-bezier(.2,0,0,1)}
/* The cross-fade never catches a click: input goes straight to the new page underneath. */
::view-transition{pointer-events:none}
header.header{view-transition-name:hq-header}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}