/* Destination-only reveal: the outgoing card and page never move. */
/* Keep the document canvas black before, during and after the animation. */
html{background:#000!important;color-scheme:dark}
html.brand-entering body{visibility:hidden!important}
html.brand-approaching{overflow-x:clip}
html.brand-approaching body{transform-origin:50% 48svh;animation:brand-page-approach 1.25s cubic-bezier(.16,.6,.24,1) both}
@keyframes brand-page-approach{0%{opacity:0;transform:perspective(1200px) translateZ(-380px)}25%{opacity:.45}100%{opacity:1;transform:perspective(1200px) translateZ(0)}}
@media(prefers-reduced-motion:reduce){html.brand-entering body{visibility:visible!important}html.brand-approaching body{animation:none;transform:none}}