/* Public pages retain native navigation, history, anchor and download behavior. */
@view-transition { navigation: auto; }
.public-site .site-header { view-transition-name: site-navigation; }
@keyframes page-departure { to { opacity: 0; } }
@keyframes page-arrival { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
::view-transition-old(root) { animation: page-departure 180ms ease-out both; }
::view-transition-new(root) { animation: page-arrival 320ms cubic-bezier(.22, 1, .36, 1) both; }
::view-transition-group(site-navigation) { animation-duration: 240ms; }
::view-transition-old(site-navigation), ::view-transition-new(site-navigation) { animation: none; mix-blend-mode: normal; }
::view-transition-old(site-navigation) { opacity: 0; }
/* Entrance also works in browsers without cross-document transitions. */
@keyframes content-arrival { from { opacity: .25; } to { opacity: 1; } }
.public-site main { animation: content-arrival 320ms ease-out both; }
@media (prefers-reduced-motion: reduce) {
    @view-transition { navigation: none; }
    ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
    .public-site main { animation: none !important; }
}