.intro-overlay{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at center,#25341a 0%,#141c10 31%,#0c110a 75%);color:#d2ff7e;display:grid;place-items:center;overflow:hidden;clip-path:circle(145% at 50% 50%);transition:clip-path .58s cubic-bezier(.7,0,.2,1);isolation:isolate}.intro-overlay.intro-exit{clip-path:circle(0% at 50% 50%);pointer-events:none}.intro-grid{position:absolute;inset:0;background-image:linear-gradient(#cbff7411 1px,transparent 1px),linear-gradient(90deg,#cbff7411 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(circle at center,#000,transparent 73%);opacity:.8}.intro-art{width:min(70vw,650px);aspect-ratio:1;position:relative;display:grid;place-items:center;perspective:850px}.intro-orbit{position:absolute;border-radius:50%;border:1px solid #d3ff7c75;width:82%;height:82%;box-shadow:0 0 70px #caff6530,inset 0 0 40px #caff6515;animation:intro-orbit .95s cubic-bezier(.2,1,.3,1) both}.intro-orbit-a{transform:rotateX(67deg) rotateZ(35deg)}.intro-orbit-b{transform:rotateY(63deg) rotateZ(-40deg);animation-delay:.16s}.intro-letters{position:relative;z-index:3;display:flex;font:800 clamp(140px,27vw,340px)/.8 'Manrope',sans-serif;letter-spacing:-.15em;text-shadow:0 0 40px #b7ff603b,0 0 90px #a5f04e24;filter:drop-shadow(0 15px 15px #0005);transform-style:preserve-3d;animation:intro-monogram 1.55s cubic-bezier(.17,.8,.27,1) both}.intro-letters>span:first-child{animation:intro-letter-s 1.65s cubic-bezier(.16,1,.3,1) both}.intro-letters>span:last-child{animation:intro-letter-k 1.65s cubic-bezier(.16,1,.3,1) both}.intro-flare{position:absolute;z-index:2;width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#d5ff9570 0,transparent 67%);filter:blur(20px);animation:intro-flash 1.65s ease-out both}.intro-shards{position:absolute;inset:0;z-index:4;pointer-events:none}.intro-shards i{position:absolute;left:50%;top:50%;display:block;width:var(--length);height:calc(var(--length)*1.9);background:linear-gradient(140deg,#f7ffe2,#c4ff65 46%,#5a9c3a);clip-path:polygon(50% 0,100% 48%,53% 100%,0 55%);box-shadow:0 0 10px #d0ff81;animation:intro-shard 1.08s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.61s + var(--delay))}.intro-caption{position:absolute;bottom:9%;left:50%;translate:-50% 0;white-space:nowrap;letter-spacing:.35em;font:500 12px 'DM Sans',sans-serif;color:#e3f6c7;animation:intro-caption .55s ease-out .15s both}.intro-caption span{color:#b2ed5e}.intro-progress{position:absolute;bottom:0;left:0;height:3px;background:#ceff7c;width:100%;transform-origin:left;animation:intro-progress 1.85s linear both}.intro-skip{position:absolute;right:3%;top:4%;background:#1b2a17;border:1px solid #a5cb68;color:#e7f9d2;border-radius:30px;padding:10px 15px;font:500 13px 'DM Sans',sans-serif;cursor:pointer;z-index:10}.intro-skip:hover{background:#344a27}.intro-skip span{margin-left:8px}body.intro-active{overflow:hidden}@keyframes intro-orbit{0%{opacity:0;scale:.2;rotate:-90deg}65%{opacity:1}100%{scale:1;opacity:.58;rotate:0deg}}@keyframes intro-monogram{0%{opacity:0;scale:.16;rotateY:-70deg;filter:blur(20px)}30%{opacity:1;filter:blur(0)}62%{scale:1;rotateY:0deg;opacity:1}100%{scale:1.25;rotateY:28deg;opacity:.82}}@keyframes intro-letter-s{0%,58%{translate:0 0}100%{translate:-14px -7px;rotate:-11deg}}@keyframes intro-letter-k{0%,58%{translate:0 0}100%{translate:18px 8px;rotate:12deg}}@keyframes intro-flash{0%,35%{opacity:0;scale:.2}58%{opacity:.9;scale:1.5}100%{opacity:0;scale:2.1}}@keyframes intro-shard{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0deg)}20%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.1) rotate(var(--turn))}}@keyframes intro-caption{from{opacity:0;translate:-50% 10px}to{opacity:1;translate:-50% 0}}@keyframes intro-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:600px){.intro-art{width:100vw}.intro-letters{font-size:38vw}.intro-caption{font-size:10px;letter-spacing:.22em;bottom:14%}.intro-skip{top:22px;right:20px}}@media(prefers-reduced-motion:reduce){.intro-overlay{display:none}}