/* A dimensional identity reveal. The page remains available underneath. */
.header .brand>span{font-size:39px;letter-spacing:-1.6px;line-height:1.05}.header .brand small{font-size:10px;letter-spacing:.23em;margin-top:9px}.header .brand img{width:96px;height:58px;object-fit:cover;border:0;border-radius:0;box-shadow:none}.header nav{gap:23px}
.brand-intro{position:fixed;inset:0;z-index:200;pointer-events:none;overflow:hidden;isolation:isolate}.intro-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 46% 40%,#122440 0%,#0b1122 38%,#03050c 75%)}.intro-energy{position:absolute;inset:0;overflow:hidden;pointer-events:none}.energy-wing{position:absolute;left:50%;top:var(--forge-y,40%);width:160vw;height:65vh;opacity:0;transform-origin:50% 0;background:linear-gradient(179.7deg,transparent 45%,#28c8ff0a 48%,#9aecff80 49.7%,#18aaff12 50%,transparent 60%)}.wing-violet{background:linear-gradient(179.7deg,transparent 45%,#7852f51a 48%,#be9aff85 49.7%,#b05fff12 50%,transparent 60%)}.energy-horizon{position:absolute;top:calc(var(--forge-y,40%) + 125px);left:50%;width:min(900px,125vw);height:150px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#7285ff38,transparent 65%);opacity:0}.energy-flare{position:absolute;top:var(--forge-y,40%);left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 4%,#19aaff45 20%,#8cefff 43%,#e1f5ff 50%,#ad9aff 61%,#835dff45 80%,transparent 96%);box-shadow:0 0 14px #65caff,0 0 42px #367bff60;opacity:0;transform-origin:center}
.intro-emblem{position:fixed;left:0;top:0;transform-origin:0 0;overflow:hidden;will-change:transform,opacity}.intro-emblem img{width:100%;height:100%;object-fit:cover}.intro-emblem i{position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 44%,#e0faff00 46%,#d5f5ff44 49%,#ffffff70 50%,#d5f5ff10 53%,transparent 55%);mix-blend-mode:screen;opacity:0;transform:translateX(-70%)}.intro-wordmark{position:fixed;left:0;top:0;transform-origin:0 0;white-space:nowrap;will-change:transform,opacity;background:linear-gradient(110deg,#f8fdff 14%,#d6efff 52%,#c7c5fb 80%,#fff);background-clip:text;-webkit-background-clip:text;color:transparent;backface-visibility:hidden}.intro-wordmark small{display:block;color:#a6bddf}
.is-playing{animation:intro-release 3100ms step-end forwards}.is-playing .wing-cyan{animation:forge-cyan 1550ms cubic-bezier(.1,.8,.2,1) both}.is-playing .wing-violet{animation:forge-violet 1550ms 70ms cubic-bezier(.1,.8,.2,1) both}.is-playing .energy-horizon{animation:forge-ground 1750ms ease-out both}.is-playing .energy-flare{animation:forge-flare 900ms 180ms ease-out both}.is-playing .intro-emblem img{animation:forge-reveal 700ms cubic-bezier(.1,.5,.2,1) both}.is-playing .intro-emblem i{animation:forge-polish 900ms 150ms ease-out both}.is-playing .intro-wordmark{animation:forge-name 380ms 540ms cubic-bezier(.2,.8,.2,1) both}
.intro-skip{position:fixed;right:32px;bottom:30px;z-index:201;border:1px solid #6980ad80;background:#0b1325;color:#c3d7f4;padding:12px 16px;border-radius:6px;font-size:12px;letter-spacing:.04em;animation:intro-release 3100ms step-end forwards}.intro-skip span{margin-left:14px;color:#91ddff}.intro-skip:hover{border-color:#a3e8ff;color:white}.preview-label button{pointer-events:auto;margin-left:10px;padding:4px 0 4px 10px;color:#def7ff;border:0;border-left:1px solid #536b92;background:none;font-size:10px;font-weight:600;letter-spacing:0}
@keyframes forge-cyan{0%{transform:translate(-50%,-50%) rotate(-34deg) scale(.4);opacity:0}28%{opacity:.9}100%{transform:translate(-50%,-50%) rotate(-34deg) scale(1.2);opacity:0}}
@keyframes forge-violet{0%{transform:translate(-50%,-50%) rotate(34deg) scale(.4);opacity:0}28%{opacity:.8}100%{transform:translate(-50%,-50%) rotate(34deg) scale(1.2);opacity:0}}
@keyframes forge-flare{0%{opacity:0;transform:scaleX(.1)}25%{opacity:.85;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1.15)}}
@keyframes forge-ground{0%{opacity:0}40%{opacity:1}100%{opacity:0}}
@keyframes forge-reveal{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}100%{clip-path:polygon(0 0,130% 0,100% 100%,0 100%)}}
@keyframes forge-polish{0%{opacity:0;transform:translateX(-60%)}30%{opacity:.7}100%{opacity:0;transform:translateX(60%)}}
@keyframes forge-name{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0 0 0)}}
@keyframes intro-release{100%{visibility:hidden;opacity:0}}
[data-intro-state="playing"] .header .brand{animation:intro-header-reserve 3100ms step-end both}
@keyframes intro-header-reserve{0%{opacity:0}100%{opacity:1}}
@media(max-width:1190px){.header .brand>span{font-size:35px}.header .brand img{width:86px;height:54px}.header .brand small{font-size:9px}.header nav{gap:16px}}
@media(max-width:700px){.header .brand>span{font-size:26px;letter-spacing:-1px}.header .brand img{width:62px;height:40px}.header .brand small{font-size:7px;letter-spacing:.2em;margin-top:7px}.intro-skip{right:20px;bottom:50px;font-size:11px}.energy-horizon{top:calc(var(--forge-y,40%) + 70px)}.preview-label{letter-spacing:.025em;padding:6px 9px}.preview-label button{font-size:9px;margin-left:7px;padding-left:7px}}
@media(max-width:370px){.header .brand>span{font-size:24px}.header .brand img{width:54px;height:36px}}
@media(prefers-reduced-motion:reduce){.brand-intro,.intro-skip{display:none!important}[data-intro-state="playing"] .header .brand{animation:none!important;opacity:1}}