.site-intro{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;padding:0;border:0;background:#050508;color:#f8f5fb;overflow:hidden;opacity:1;transition:opacity .55s ease,filter .55s ease;font-family:Inter,"Segoe UI",Arial,sans-serif}.site-intro[open]{display:grid;place-items:center}.site-intro::backdrop{background:#050508;transition:background .55s}.site-intro.intro-leaving{opacity:0;filter:blur(7px);pointer-events:none}.site-intro.intro-leaving::backdrop{background:transparent}.intro-atmosphere{position:absolute;inset:-40%;pointer-events:none;background:radial-gradient(ellipse at 42% 48%,#a52b412a,transparent 32%),radial-gradient(ellipse at 63% 55%,#55447526,transparent 36%);animation:intro-drift 3.3s ease-out both}.intro-center{position:relative;text-align:center;transform:translateY(-3vh)}.welcome-logo{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.7vw,22px);font-size:clamp(38px,7.5vw,92px);line-height:1.2;font-weight:300;letter-spacing:0;text-shadow:0 0 45px #c1a6d522}.welcome-logo span{display:block;animation:intro-letter 1.1s cubic-bezier(.2,.7,.2,1) both}.welcome-logo span:nth-child(2){animation-delay:.09s}.welcome-logo span:nth-child(3){animation-delay:.18s}.welcome-logo span:nth-child(4){animation-delay:.27s}.welcome-logo span:nth-child(5){animation-delay:.36s;font-weight:650}.welcome-logo span:nth-child(6){animation-delay:.45s;font-weight:650}.welcome-logo i{position:absolute;right:-18px;top:12%;width:7px;height:7px;background:#e26876;border-radius:50%;box-shadow:0 0 24px #e2687680;animation:intro-dot .8s 1.1s both}.intro-line{height:1px;margin:25px auto 19px;width:80%;background:linear-gradient(90deg,transparent,#d68794,transparent);transform-origin:center;animation:intro-line 1.3s .65s both}.intro-caption{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:#a79daa;margin:0;animation:intro-caption .8s 1s both}.intro-skip{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));right:clamp(24px,5vw,70px);display:flex;align-items:center;gap:16px;color:#aaa1af;background:transparent;border:1px solid #ffffff1c;border-radius:30px;padding:12px 18px;font:inherit;font-size:12px;cursor:pointer;transition:color .2s,border-color .2s}.intro-skip:hover{color:white;border-color:#ffffff50}.intro-skip:focus-visible{outline:2px solid #d6b8df;outline-offset:4px}@keyframes intro-letter{from{opacity:0;transform:translateY(18px) scale(.96);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes intro-dot{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes intro-line{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes intro-caption{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes intro-drift{from{opacity:0;transform:scale(.8) translateX(-4%)}to{opacity:1;transform:scale(1.08) translateX(3%)}}@media(max-width:550px){.welcome-logo{gap:9px}.intro-caption{font-size:9px;letter-spacing:3px}.welcome-logo i{width:5px;height:5px;right:-12px}.intro-line{margin-top:20px}}@media(prefers-reduced-motion:reduce){.site-intro,.site-intro *{animation:none!important;transition:none!important}}
/* Logo ident: assemble, illuminate, then push through into the site. */
.site-intro{perspective:1000px;transition:opacity .85s ease,filter .85s ease}.site-intro::backdrop{transition:background .85s}.intro-center{transform:none;perspective:900px;transition:transform .85s cubic-bezier(.65,0,.3,1),filter .85s,opacity .65s}.welcome-logo{gap:clamp(5px,1vw,14px);font-size:clamp(44px,9vw,116px);font-weight:300;letter-spacing:.03em;animation:logo-settle 3.4s ease both}.welcome-logo span{--from:-85px;background:linear-gradient(115deg,#f1edf5 0%,#f1edf5 35%,#fff 45%,#efb2be 50%,#fff 55%,#f1edf5 65%,#f1edf5 100%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:logo-assemble 1.15s cubic-bezier(.16,1,.3,1) both,logo-sheen 1.4s 1.5s ease-in-out both;transform-origin:50% 100%}.welcome-logo span:nth-child(2){--from:-55px;animation-delay:.09s,1.5s}.welcome-logo span:nth-child(3){--from:-25px;animation-delay:.18s,1.5s}.welcome-logo span:nth-child(4){--from:25px;animation-delay:.27s,1.5s}.welcome-logo span:nth-child(5){--from:55px;animation-delay:.36s,1.5s;font-weight:750}.welcome-logo span:nth-child(6){--from:85px;animation-delay:.45s,1.5s;font-weight:750}.welcome-logo i{right:-18px;top:8%;width:8px;height:8px;animation:logo-spark 2.3s .8s both}.intro-atmosphere{animation:logo-clouds 4.3s ease-in-out both;background:radial-gradient(ellipse at 43% 50%,#c0354942,transparent 28%),radial-gradient(ellipse at 58% 50%,#684b9b38,transparent 32%)}.intro-orbit{position:absolute;width:min(65vw,620px);aspect-ratio:1;border:1px solid #c9829822;border-radius:50%;box-shadow:0 0 70px #9c456015,inset 0 0 60px #9c456015;animation:logo-orbit 3.5s cubic-bezier(.15,.7,.25,1) both;pointer-events:none}.intro-orbit:before,.intro-orbit:after{content:"";position:absolute;inset:-12%;border:1px solid #c9829812;border-radius:50%}.intro-orbit:after{inset:12%;border-style:dashed;opacity:.35}.intro-flare{position:absolute;width:80vw;max-width:1000px;height:2px;background:linear-gradient(90deg,transparent,#ee9aac99,#fff7,transparent);box-shadow:0 0 30px 5px #d5587820;animation:logo-flare 3.4s ease both;pointer-events:none}.site-intro.intro-leaving .intro-center{transform:scale(2.7);filter:blur(12px);opacity:0}.site-intro.intro-leaving .intro-orbit{opacity:0}.site-intro.intro-leaving{filter:none}.intro-skip{animation:logo-skip .8s .8s both}
@keyframes logo-assemble{0%{opacity:0;filter:blur(18px);transform:translate3d(var(--from),30px,-200px) rotateX(70deg) scale(.7)}65%{opacity:1;filter:blur(0)}100%{opacity:1;filter:blur(0);transform:translate3d(0,0,0) rotateX(0) scale(1)}}@keyframes logo-sheen{from{background-position:100% 0}to{background-position:0% 0}}@keyframes logo-settle{0%{transform:scale(.92)}55%{transform:scale(1.035)}100%{transform:scale(1)}}@keyframes logo-spark{0%{opacity:0;transform:translate(-80px,25px) scale(0)}35%{opacity:1;transform:translate(0,0) scale(1.7);box-shadow:0 0 35px 7px #ed6c8680}60%{transform:scale(1);box-shadow:0 0 14px #ed6c8670}78%{transform:scale(1.35);box-shadow:0 0 28px 4px #ed6c8660}100%{opacity:1;transform:scale(1)}}@keyframes logo-orbit{0%{opacity:0;transform:scale(.15) rotate(-40deg)}25%{opacity:.7}75%{opacity:.35}100%{opacity:0;transform:scale(1.7) rotate(35deg)}}@keyframes logo-flare{0%,15%{opacity:0;transform:scaleX(0) translateY(40px)}35%{opacity:.8;transform:scaleX(.8) translateY(0)}65%{opacity:.3;transform:scaleX(1) translateY(-50px)}100%{opacity:0;transform:scaleX(1.15) translateY(-70px)}}@keyframes logo-clouds{0%{opacity:0;transform:scale(.6) rotate(-10deg)}45%{opacity:1}100%{opacity:.7;transform:scale(1.2) rotate(10deg)}}@keyframes logo-skip{from{opacity:0}to{opacity:1}}@media(max-width:550px){.welcome-logo{gap:5px;letter-spacing:.02em}.welcome-logo i{width:5px;height:5px;right:-12px}.intro-orbit{width:85vw}}@media(prefers-reduced-motion:reduce){.site-intro,.site-intro *{animation:none!important;transition:none!important}.welcome-logo span{color:#fff}}
