/* One complete curved brush pass, then a black handover and a soft reveal. */
html{background:#000;color-scheme:dark}
html::before{content:"";position:fixed;inset:0;background:#000;z-index:2147483647;pointer-events:none;opacity:0;visibility:hidden;transition:none}html.motus-page-pending::before{opacity:1;visibility:visible}html.motus-page-revealing::before{opacity:0;visibility:visible;transition:opacity var(--motus-uncover-duration,320ms) cubic-bezier(.33,0,.67,1)}
.page-transition{position:fixed;inset:0;z-index:2147483000;overflow:hidden;isolation:isolate;contain:strict;touch-action:none;overscroll-behavior:none;cursor:progress}
.page-transition[data-phase="loading"],.page-transition[data-phase="revealing"]{background:#000}
.page-transition[hidden]{display:none!important}
.page-transition-shade{position:absolute;inset:0;background:#000;will-change:opacity}
.page-transition svg{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.page-transition-logo{opacity:0;pointer-events:none}
.page-transition:not([hidden]) .page-transition-logo{will-change:opacity}
html.is-page-transitioning{cursor:progress}
@media(prefers-reduced-motion:reduce){.page-transition{display:none!important}}

/* Programmatic page-heading focus; interactive keyboard focus remains unchanged. */
.page-transition-focus:focus{outline:none}

/* Keep the native document handover and browser snapshots opaque black. */
html,body{background-color:#000!important}html.motus-page-handoff::before{opacity:1;visibility:visible;transition:none}html.motus-page-handoff body{visibility:hidden}@view-transition{navigation:auto}::view-transition{background:#000}::view-transition-group(root){animation-duration:0s}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}