/* Real same-origin navigation receives a photographic curtain where supported. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-recede .76s cubic-bezier(.2,.8,.2,1) both;mix-blend-mode:normal;transform-origin:50% 0}
::view-transition-new(root){animation:page-arrive .86s cubic-bezier(.2,.8,.2,1) both;mix-blend-mode:normal;transform-origin:50% 100%}
@keyframes page-recede{to{transform:perspective(1600px) translateY(-4%) rotateX(3deg) scale(.94);opacity:.5}}
@keyframes page-arrive{from{clip-path:polygon(0 110%,100% 82%,100% 100%,0 100%);transform:translateY(6%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateY(0)}}
@media(max-width:760px){::view-transition-old(root){animation-duration:.55s}::view-transition-new(root){animation-duration:.65s}}
.user-reduced-motion::view-transition-old(root),.user-reduced-motion::view-transition-new(root){animation:none}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}