/* The page mask stays outside #app so content can render beneath it. */
.page-transition{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#f8f8f5;color:#22241f;pointer-events:auto;clip-path:inset(0);contain:paint}
.page-transition[hidden]{display:none}
.transition-brand{display:flex;align-items:center;gap:18px;font-family:Manrope,Arial,sans-serif;font-size:clamp(30px,5vw,44px);font-weight:750;letter-spacing:-.055em;line-height:1}
.transition-mark{width:48px;height:48px;overflow:visible;fill:#e85526}
.transition-mark rect{transform-box:fill-box;transform-origin:center;animation:mark-arrive .55s cubic-bezier(.22,1,.36,1) both}
.transition-mark rect:nth-child(2){animation-delay:.08s}
.transition-mark rect:nth-child(3){animation-delay:.16s}
.transition-name{animation:name-arrive .6s .12s cubic-bezier(.22,1,.36,1) both}
.transition-line{height:2px;width:100%;margin-top:24px;background:#e8e8df;overflow:hidden;border-radius:2px}
.transition-line::after{content:"";display:block;width:40%;height:100%;background:#e85526;animation:line-travel 1.2s ease-in-out infinite}
.page-transition.is-revealing{pointer-events:none;animation:page-uncover .64s cubic-bezier(.76,0,.24,1) both}
.page-transition.is-revealing .transition-lockup{animation:lockup-out .32s ease both}
.page-transition.is-covering{animation:page-cover .22s ease-out both}
.page-transition.is-covering .transition-mark rect,.page-transition.is-covering .transition-name{animation:none}
@keyframes mark-arrive{from{opacity:0;transform:translateY(12px) scale(.85)}to{opacity:1;transform:none}}
@keyframes name-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes line-travel{from{transform:translateX(-110%)}to{transform:translateX(360%)}}
@keyframes page-uncover{to{clip-path:inset(0 0 100% 0)}}
@keyframes lockup-out{to{opacity:0;transform:translateY(-14px)}}
@keyframes page-cover{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.page-transition,.page-transition *,.transition-line::after{animation:none!important}.page-transition.is-revealing{opacity:0}}