/* Keep an opaque outgoing frame beneath a single incoming page dissolve. */
@view-transition{navigation:auto}
html{background:#d1d2cf}
/* Keep frosted glass in the full-page snapshot. Isolating it from its
   backdrop makes its transparent pixels change brightness between frames. */
header{view-transition-name:none}
main{view-transition-name:none}
::view-transition{pointer-events:none;background:#d1d2cf}
::view-transition-group(*){animation-duration:260ms;animation-timing-function:linear}
::view-transition-group(root){animation:none}
::view-transition-image-pair(root){isolation:isolate}
::view-transition-old(root){animation:none;opacity:1;mix-blend-mode:normal;z-index:1}
::view-transition-new(root){animation:page-cover 260ms linear both;mix-blend-mode:normal;z-index:2}
.document-transition .hero-title h1,.document-transition .hero-title p,.document-transition .hero-link,.document-transition .hero-photo{animation:none}
@keyframes page-cover{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}