/* Page-to-page motion. Only the content area moves; the menu stays still. */
#stage{view-transition-name:stage}
::view-transition-old(root),::view-transition-new(root){animation:none}
::view-transition-old(stage){animation:vtOut .16s ease-in both}
::view-transition-new(stage){animation:vtIn .26s cubic-bezier(.2,.7,.2,1) both}
@keyframes vtOut{to{opacity:0;transform:translateY(-6px)}}
@keyframes vtIn{from{opacity:0;transform:translateY(10px)}}

/* Fallback for browsers without the View Transitions API */
.enter{animation:vtIn .26s cubic-bezier(.2,.7,.2,1) both}
@media (prefers-reduced-motion:reduce){
  ::view-transition-old(stage),::view-transition-new(stage),.enter{animation:none}
}