/* Keep the logo and artwork continuous as the paper becomes a gallery wall. */
@view-transition{navigation:auto}
.wordmark{view-transition-name:schalk-mark}
.art-stage,.painting-space{view-transition-name:schalk-art}
::view-transition-group(*){animation-duration:650ms;animation-timing-function:cubic-bezier(.22,.68,.2,1)}
::view-transition-old(root){animation:room-out 300ms ease both}
::view-transition-new(root){animation:room-in 520ms 70ms ease both}
::view-transition-old(schalk-art){animation:room-out 420ms ease both}
::view-transition-new(schalk-art){animation:room-in 580ms 40ms ease both}
::view-transition-image-pair(schalk-art){isolation:isolate}
::view-transition-old(schalk-art),::view-transition-new(schalk-art){mix-blend-mode:normal}
@keyframes room-out{to{opacity:0}}
@keyframes room-in{from{opacity:0}to{opacity:1}}
html.gallery-arrival .painting-stage,html.gallery-arrival .painting-caption{animation:none}
/* A short dissolve keeps navigation calm in older Safari versions too. */
html.gallery-fade-in body{animation:room-in 350ms ease both}
html.gallery-leaving body{opacity:0;transition:opacity 180ms ease}
html.gallery-leaving{cursor:progress}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
 html.gallery-fade-in body{animation:none}
 html.gallery-leaving body{opacity:1;transition:none}
}