/* Same-origin page transitions preserve the shared masthead. */
@view-transition{navigation:auto}
header{view-transition-name:site-header}
header .brand{view-transition-name:site-brand}
header .secondary{view-transition-name:page-switch}
::view-transition-group(site-header),::view-transition-group(site-brand),::view-transition-group(page-switch){animation-duration:550ms;animation-timing-function:cubic-bezier(.22,1,.36,1)}
::view-transition-old(root){animation:page-leave 220ms ease both}
::view-transition-new(root){animation:page-enter 650ms cubic-bezier(.22,1,.36,1) both}
@keyframes page-leave{to{opacity:0;transform:translateY(-8px)}}
@keyframes page-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:1ms!important}}