/* Keep the outgoing frame fully painted until the destination covers it. */
@view-transition{navigation:auto}
::view-transition-group(root){animation-duration:.24s}
::view-transition-old(root){animation:none;opacity:1;mix-blend-mode:normal}
::view-transition-new(root){animation:studio-page-in .24s ease-out both;mix-blend-mode:normal}
@keyframes studio-page-in{from{opacity:0}to{opacity:1}}
/* Navigation belongs to the page snapshot: no separate flashing header layer. */
.studio-header{view-transition-name:none}
html.page-arriving .studio-header.header{transition:none!important}
html.contact-arrival .studio-header{visibility:hidden!important;opacity:0!important}
html.contact-arrival #contact [class*="reveal"]{opacity:1!important;transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}