/* Case-study navigation: a quiet handoff, then the new page settles into place. */
@view-transition{navigation:auto}
::view-transition,::view-transition-group(*),::view-transition-image-pair(*),::view-transition-old(*),::view-transition-new(*){pointer-events:none}
main{view-transition-name:case-content}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-group(case-content){animation:none}
::view-transition-old(case-content){animation:page-fade-out 140ms cubic-bezier(.4,0,1,1) both;mix-blend-mode:normal}
::view-transition-new(case-content){animation:page-fade-slide-in 360ms cubic-bezier(.22,1,.36,1) 140ms both;mix-blend-mode:normal}
@keyframes page-fade-out{to{opacity:0}}
@keyframes page-fade-slide-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  main{view-transition-name:none}
  ::view-transition-old(case-content),::view-transition-new(case-content){animation:none}
}