/* A brief, decorative bridge between real pages. No layout or routing changes. */
.page-transition{display:none;position:fixed;inset:0;z-index:2000;overflow:hidden;pointer-events:none}
.page-transition-curtain{position:absolute;inset:-12vh -10vw;background:#014f14;border-radius:12vw / 50%;will-change:transform}
.page-transition-mark{position:absolute;left:50%;top:50%;width:144px;aspect-ratio:1;translate:-50% -50%;background:url('/assets/ziggys-personality-logo-hq.png') center / contain no-repeat;filter:brightness(0) invert(1)}
.page-transition-leaving .page-transition,.page-transition-arriving .page-transition{display:block;pointer-events:auto;cursor:progress}
@keyframes page-heading-settle{from{opacity:.85;translate:0 8px}to{opacity:1;translate:0 0}}
.page-heading-settle body:not([data-home=true]) main h1{animation:page-heading-settle .35s cubic-bezier(.2,.7,.2,1) .1s both}
@media(max-width:680px){
 .page-transition-curtain{inset:0;border-radius:0}
 .page-transition-mark{width:112px}
 .page-heading-settle body:not([data-home=true]) main h1{animation-duration:.25s}
}
@media(prefers-reduced-motion:reduce){
 .page-transition-leaving .page-transition,.page-transition-arriving .page-transition{display:none;pointer-events:none}
 .page-heading-settle body:not([data-home=true]) main h1{animation:none}
}