@font-face{font-family:VP Manrope;src:url('./fonts/manrope.woff2') format('woff2');font-display:swap;font-weight:400 800}
/* Full-viewport entry: its own opaque surface, separate from the hero captions. */
html[data-vp-loading]{overflow:hidden;overscroll-behavior:none}
html[data-vp-loading] body{overscroll-behavior:none}
.studio-loading{position:fixed;inset:0;z-index:1000;display:none;place-items:center;overflow:hidden;isolation:isolate;background:#080a10;color:#f9f7ff;touch-action:none;outline:none;padding:32px;opacity:1;transition:opacity .65s cubic-bezier(.65,0,.35,1);--load:0}
html[data-vp-loading] .studio-loading:not([hidden]){display:grid}
html[data-vp-embed="idle"] .studio-loading,html[data-vp-embed="idle"] .studio-loading:not([hidden]){display:none}
html[data-vp-loading]:not([data-vp-embed="idle"]) .vp-embed-exit{visibility:hidden}
html[data-vp-loading] .studio-loading:not(.is-complete) ~ #vp-visit{visibility:hidden}
.studio-loading,.studio-loading *{box-sizing:border-box}
.studio-loading{--pad:clamp(24px,4vw,72px);--entry-light:color-mix(in srgb,var(--entry-brand,#9e9ed1) 34%,white);--entry-mid:color-mix(in srgb,var(--entry-brand,#9e9ed1) 66%,white);font-family:VP Manrope,Arial,sans-serif}
.studio-loading button{font-family:inherit;cursor:pointer}
.loading-retry:focus-visible{outline:2px solid var(--entry-light);outline-offset:4px}
.studio-loading::before{content:'';position:absolute;inset:-25%;z-index:-1;background:radial-gradient(ellipse at 46% 42%,color-mix(in srgb,var(--entry-brand,#9e9ed1) 46%,transparent),transparent 36%),radial-gradient(ellipse at 64% 56%,color-mix(in srgb,var(--entry-mid) 18%,transparent),transparent 30%);animation:entry-atmosphere 9s ease-in-out infinite alternate;pointer-events:none}
.studio-loading::after{content:'';position:absolute;left:5%;right:5%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--entry-mid) 33%,transparent),transparent)}
.loading-corner{position:absolute;top:max(30px,env(safe-area-inset-top));left:var(--pad);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:#aaa1b8}
.loading-corner span{display:inline-block;width:5px;height:5px;margin-right:10px;border-radius:50%;background:var(--entry-light);box-shadow:0 0 12px var(--entry-mid)}
.loading-content{width:min(430px,100%);text-align:center;transform:translateY(-15px);transition:opacity .3s,transform .55s cubic-bezier(.65,0,.35,1)}
.loading-emblem{position:relative;width:310px;height:310px;margin:0 auto 0;display:grid;place-items:center}
.loading-emblem::before{content:'';position:absolute;inset:26px;border:1px solid color-mix(in srgb,var(--entry-light) 9%,transparent);border-radius:50%;transform:rotateX(62deg) rotateZ(-22deg)}
.loading-mark{width:80%;height:80%;object-fit:contain}
.loading-wordmark{font-size:40px;line-height:1.1;letter-spacing:-.065em;font-weight:700;margin:0 0 13px}
.loading-tagline{margin:0;color:#aaa1b8;font-size:10px;font-weight:500;letter-spacing:.26em;text-transform:uppercase}
.loading-meter{max-width:310px;margin:48px auto 0}
.loading-status{display:flex;align-items:end;justify-content:space-between;gap:18px;text-align:left;min-height:39px}
.loading-note{display:block;max-width:230px;font-size:12px;line-height:1.6;font-weight:500;color:#cbc3d8;margin:0}
.loading-percentage{display:flex;align-items:baseline;gap:3px;color:#f6eefb;font-variant-numeric:tabular-nums;letter-spacing:-.04em;white-space:nowrap}
.loading-number{font-size:29px;line-height:1;font-weight:500}.loading-percentage small{font-size:11px;color:#a69bb7}
.loading-track{height:2px;position:relative;background:#ffffff14;margin-top:17px;overflow:hidden;border-radius:3px}
.loading-track>span{display:block;width:100%;height:100%;transform:scaleX(var(--load));transform-origin:left;background:linear-gradient(90deg,var(--entry-brand,#9e9ed1),var(--entry-mid),var(--entry-light));transition:transform .4s cubic-bezier(.16,1,.3,1)}
.loading-progress{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.loading-footnote{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:24px;right:24px;text-align:center;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#897f9b;margin:0}
.loading-footnote i{font-style:normal;color:var(--entry-mid);padding:0 12px}
.loading-retry{margin:25px auto 0;border:1px solid color-mix(in srgb,var(--entry-mid) 48%,transparent);border-radius:99px;background:color-mix(in srgb,var(--entry-mid) 10%,transparent);color:#f5e8ff;font-size:13px;font-weight:600;padding:13px 28px;min-height:46px}
.studio-loading.is-complete{opacity:0}.studio-loading.is-complete .loading-content{opacity:0;transform:translateY(-32px) scale(1.025)}
.studio-loading.has-error .loading-note{max-width:310px;margin:32px auto 0;text-align:center}.studio-loading.has-error .loading-meter{display:contents}.studio-loading.has-error .loading-status{display:block}.studio-loading.has-error .loading-percentage,.studio-loading.has-error .loading-track,.studio-loading.has-error .loading-progress{display:none}
@keyframes entry-atmosphere{to{transform:translate3d(2%,-2%,0) scale(1.08);opacity:.65}}
@media(max-width:760px){.studio-loading{padding:24px}.loading-corner{font-size:8px;top:max(25px,env(safe-area-inset-top))}.loading-emblem{width:260px;height:260px}.loading-wordmark{font-size:34px}.loading-tagline{font-size:8px;letter-spacing:.23em}.loading-meter{margin-top:38px;max-width:275px}.loading-note{font-size:11px;max-width:205px}.loading-footnote{font-size:7px;letter-spacing:.13em}.loading-content{transform:translateY(-12px)}}
@media(max-height:560px){.loading-content{transform:none}.loading-emblem{height:170px;width:170px}.loading-wordmark{font-size:29px;margin-bottom:9px}.loading-meter{margin-top:25px}.loading-corner{top:18px}.loading-footnote{bottom:18px}}
@media(prefers-reduced-motion:reduce){.studio-loading,.studio-loading *,.studio-loading::before{animation:none!important;transition:none!important}}
.loading-emblem:empty::before{inset:52px}
@media(max-width:760px){.studio-loading{--pad:22px}}
