/* Shared by the index and standalone articles. Native navigation keeps the
   wordmark continuous without routing an article through the index renderer. */
@view-transition{navigation:auto}

.mark{transform-origin:top left;view-transition-name:wordmark}
::view-transition-old(root){animation:page-out .16s ease both}
::view-transition-new(root){animation:page-in .28s ease both}
::view-transition-group(wordmark){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.72,.25,1)}
::view-transition-old(wordmark),::view-transition-new(wordmark){mix-blend-mode:normal}
@keyframes page-out{to{opacity:0}}
@keyframes page-in{from{opacity:0}}

/* The generic artifact renderer still uses this same-document fallback. */
.mark-transitioning{animation:wordmark-move .42s cubic-bezier(.2,.72,.25,1) both}
@keyframes wordmark-move{
  from{transform:translate(var(--mark-x),var(--mark-y)) scale(var(--mark-scale))}
  to{transform:translate(0,0) scale(1)}
}

@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
  .mark-transitioning{animation:none!important}
}