html{scrollbar-gutter:stable}
html.site-intro-active{overflow:hidden;background:#111a2d}
.site-intro-pending body{background:#111a2d!important}
.site-intro-pending body>*{visibility:hidden}
.site-brand-intro{position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 42%,#273758 0%,#17223b 44%,#101829 100%);color:#f3f6ff;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;opacity:1;transition:opacity .65s cubic-bezier(.4,0,.2,1);visibility:visible!important}
.site-brand-intro:after{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/surface-grain.svg');opacity:.09;pointer-events:none}
.site-intro-aura{position:absolute;width:min(65vw,650px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#6375ee20,transparent 68%);filter:blur(15px);transform:scale(.7);opacity:0}
.site-intro-identity{text-align:center;padding:24px;position:relative;transform:translateY(10px);opacity:0;transition:opacity .6s ease,transform .85s cubic-bezier(.16,1,.3,1)}
.site-intro-symbol{position:relative;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;width:220px;height:210px;margin:0 auto 22px;perspective:700px}
.site-intro-symbol img{width:min(300px,78vw);height:auto;object-fit:contain;filter:drop-shadow(0 16px 22px #03091966);transform:rotateY(-25deg) rotateX(8deg) scale(.86);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.site-intro-symbol i{position:absolute;inset:0;border:1px solid #b2c0ff28;border-top-color:#acbbffbb;border-radius:50%;transform:rotateX(64deg) rotate(-30deg);opacity:0}
.site-intro-symbol i:nth-child(2){inset:14px;border-color:#8f9bea20;border-right-color:#afbcff77;transform:rotateY(65deg) rotate(20deg)}
.site-intro-wordmark{font-size:clamp(30px,5vw,40px);font-weight:650;letter-spacing:-1.5px;line-height:1.2}
.site-intro-identity p{font-size:13px;line-height:1.6;color:#b7c4de;letter-spacing:.3px;margin:13px 0 25px}
.site-intro-line{display:block;margin:auto;width:120px;height:2px;border-radius:3px;background:linear-gradient(90deg,transparent,#a4b5ff,transparent);transform:scaleX(0);transform-origin:center}
.site-brand-intro.playing .site-intro-identity{opacity:1;transform:none}
.site-brand-intro.playing img{transform:rotateY(0) rotateX(0) scale(1)}
.site-brand-intro.playing .site-intro-aura{animation:site-intro-aura 1.8s ease both}
.site-brand-intro.playing .site-intro-symbol i{animation:site-intro-orbit 1.5s ease both}
.site-brand-intro.playing .site-intro-symbol i:nth-child(2){animation-name:site-intro-orbit-alt}
.site-brand-intro.playing .site-intro-line{animation:site-intro-line 1.3s .15s cubic-bezier(.16,1,.3,1) both}
.site-brand-intro.leaving{opacity:0;pointer-events:none}
.site-brand-intro.leaving .site-intro-identity{opacity:0;transform:translateY(-12px) scale(1.035);transition-duration:.5s}
@keyframes site-intro-aura{to{opacity:1;transform:scale(1.15)}}
@keyframes site-intro-orbit{0%{opacity:0;transform:rotateX(64deg) rotate(-70deg) scale(.8)}40%{opacity:1}100%{opacity:.6;transform:rotateX(64deg) rotate(25deg) scale(1)}}
@keyframes site-intro-orbit-alt{0%{opacity:0;transform:rotateY(65deg) rotate(55deg) scale(.8)}40%{opacity:1}100%{opacity:.5;transform:rotateY(65deg) rotate(-30deg) scale(1)}}
@keyframes site-intro-line{to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.site-brand-intro *{animation:none!important;transform:none!important;transition:none!important}.site-brand-intro{transition:opacity .2s ease}.site-brand-intro.playing .site-intro-line{transform:scaleX(1)!important}.site-intro-symbol i{display:none}}