@view-transition{navigation:auto}
::view-transition-group(root){animation-duration:1s}
::view-transition-old(root),::view-transition-new(root){animation-duration:1s;animation-timing-function:cubic-bezier(.25,.74,.22,.99);animation-fill-mode:both;mix-blend-mode:normal}
::view-transition-old(root){animation-name:project-away}
::view-transition-new(root){animation-name:project-arrive}
@keyframes project-away{to{transform:translateY(-35vh) scale(.9);opacity:.3}}
@keyframes project-arrive{from{transform:translateY(100vh)}to{transform:translateY(0)}}
html.project-return::view-transition-old(root){animation-name:project-depart;z-index:2}
html.project-return::view-transition-new(root){animation-name:project-restore;z-index:1}
@keyframes project-depart{to{transform:translateY(100vh)}}
@keyframes project-restore{from{transform:translateY(-35vh) scale(.9);opacity:.3}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none}}