/* Only phone-sized navigation participates. Desktop and reduced motion remain native. */
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 ::view-transition-group(root){animation-duration:400ms;animation-timing-function:cubic-bezier(.16,1,.3,1)}
 ::view-transition-old(root){animation:menu-page-out 320ms cubic-bezier(.16,1,.3,1) both;mix-blend-mode:normal}
 ::view-transition-new(root){animation:menu-page-in 400ms cubic-bezier(.16,1,.3,1) both;mix-blend-mode:normal}
 @keyframes menu-page-out{to{opacity:0;transform:translateX(calc(var(--menu-slide,28px) * -1))}}
 @keyframes menu-page-in{from{opacity:0;transform:translateX(var(--menu-slide,28px))}to{opacity:1;transform:translateX(0)}}
}