/* Native document navigation keeps ordinary links, history and modifier-clicks. */
@view-transition{navigation:auto}
::view-transition-group(root){animation-duration:1s;perspective:1800px}
::view-transition-old(root){animation:story-page-away 1s cubic-bezier(.4,0,.2,1) both;mix-blend-mode:normal;transform-origin:50% 40%}
::view-transition-new(root){animation:story-page-arrive 1s cubic-bezier(.16,1,.3,1) both;mix-blend-mode:normal;transform-origin:50% 100%}
@keyframes story-page-away{0%{transform:translateY(0) scale(1) rotateX(0);opacity:1}80%{transform:translateY(-12%) scale(.84) rotateX(6deg);opacity:.35}100%{transform:translateY(-16%) scale(.82) rotateX(8deg);opacity:0}}
@keyframes story-page-arrive{from{transform:translateY(88%) rotateX(-7deg);clip-path:inset(10% 4% 0% 4%)}to{transform:translateY(0) rotateX(0);clip-path:inset(0% 0% 0% 0%)}}
html.motion-paused::view-transition-old(root),html.motion-paused::view-transition-new(root){animation:none}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation:none}}