@font-face{font-family:"Genesis Grotesk";src:url("/fonts/space-grotesk-latin-wght-normal.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Genesis Sans";src:url("/fonts/manrope-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
#loading{position:fixed;inset:0;z-index:5;background:#020609;overflow:hidden;color:#f1f8fb;transition:opacity 1.3s cubic-bezier(.2,.7,.15,1),visibility 1.3s}
#loading.hide{opacity:0;visibility:hidden;pointer-events:none}
#genesis-loader-webgl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}
#genesis-loader-webgl:active{cursor:grabbing}
#loading .cx-grain{position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.5'/%3E%3C/svg%3E");mix-blend-mode:screen}
#loading .cx-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#020609eb 0%,#020609b2 30%,transparent 54%),linear-gradient(0deg,#020609dd 0%,transparent 22%,transparent 78%,#02060972 100%)}
.genesis-identity{position:absolute;left:6.6%;top:45%;transform:translateY(-50%);z-index:2;pointer-events:none;animation:identity-appear 1.2s cubic-bezier(.2,.8,.25,1) both}
.genesis-identity h1{font-family:"Genesis Grotesk",sans-serif;font-weight:380;font-size:clamp(68px,8.8vw,142px);line-height:1;margin:0;letter-spacing:-.075em;color:#f3f9f9;text-shadow:0 10px 56px #4c9caa28}
.genesis-identity .identity-line{margin:28px 0 18px;width:78px;height:1px;background:linear-gradient(90deg,#9feaf1,transparent);transform-origin:left;animation:line-reveal 1.5s .2s both}
.genesis-identity .identity-caption{font-family:"Genesis Sans",sans-serif;font-weight:450;font-size:clamp(12px,1.1vw,15px);color:#a5c3ca;letter-spacing:.045em}
@keyframes identity-appear{from{opacity:0;transform:translate(-20px,-47%)}to{opacity:1;transform:translate(0,-50%)}}
@keyframes line-reveal{from{transform:scaleX(.1);opacity:.2}to{transform:scaleX(1);opacity:1}}
.genesis-progress{position:absolute;z-index:2;left:6.6%;bottom:7.2%;width:min(470px,45vw);pointer-events:none;animation:identity-appear 1.2s .3s both}
.genesis-progress .progress-label{font-family:"Genesis Sans",sans-serif;font-weight:500;letter-spacing:.04em;font-size:12px;color:#b9d0d7;display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:19px}
.genesis-progress .progress-percent{font-family:"Genesis Grotesk",sans-serif;font-weight:350;letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:31px;line-height:1;color:#eafcff}
.genesis-progress .progress-track{height:2px;background:#55727c6a;overflow:hidden;position:relative}
.genesis-progress #fill{height:100%;width:0;background:linear-gradient(90deg,#519fad,#dcfdff);box-shadow:0 0 14px #7be9ef;transition:width .13s linear}
.genesis-interaction-hint{position:absolute;z-index:2;bottom:7.7%;right:6.6%;font:500 12px "Genesis Sans",sans-serif;letter-spacing:.04em;color:#9ebcc4;pointer-events:none;opacity:.78}
@media(max-width:800px){#loading .cx-vignette{background:linear-gradient(180deg,#020609c5 0%,transparent 42%,#020609d7 100%),linear-gradient(90deg,#02060980,transparent 75%)}.genesis-identity{left:7%;top:19%;transform:none;animation:none}.genesis-identity h1{font-size:clamp(55px,15vw,100px)}.genesis-identity .identity-line{margin:12px 0}.genesis-progress{left:7%;right:7%;bottom:5%;width:auto}.genesis-interaction-hint{right:7%;bottom:16%;font-size:11px}}
@media(prefers-reduced-motion:reduce){.genesis-identity,.genesis-progress,.genesis-identity .identity-line{animation:none}}