:root{--bg:#06070c;--ink:#eef1f8;--ink-dim:#8b93a7;--accent:#6c5ce7;--accent-2:#00e5b0;--music:#ff4d8d;--games:#ffb02e;--agents:#00e5b0;--prints:#4da6ff;--card-bg:#ffffff0a;--card-border:#ffffff17;--font-display:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:#fff}#loader{z-index:100;background:var(--bg);justify-content:center;align-items:center;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}#loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{text-align:center}.loader-logo{letter-spacing:.2em;background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:3rem;font-weight:700}.loader-bar{background:#ffffff1a;border-radius:2px;width:220px;height:2px;margin:0 auto 1rem;overflow:hidden}.loader-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0%;height:100%;transition:width .3s}.loader-text{font-family:var(--font-mono);letter-spacing:.4em;color:var(--ink-dim);font-size:.65rem}#webgl{z-index:0;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.nav{z-index:50;mix-blend-mode:normal;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{letter-spacing:.25em;color:var(--ink);font-size:1.1rem;font-weight:700;text-decoration:none}.nav-logo span{color:var(--accent-2)}.nav-links{gap:2.2rem;display:flex}.nav-links a{color:var(--ink-dim);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;text-decoration:none;transition:color .25s;position:relative}.nav-links a:after{content:"";background:var(--accent-2);width:0;height:1px;transition:width .3s;position:absolute;bottom:-6px;left:0}.nav-links a:hover,.nav-links a.active{color:var(--ink)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-num{font-family:var(--font-mono);color:var(--accent-2);vertical-align:super;margin-right:.4rem;font-size:.6rem}.nav-burger{display:none}.progress-rail{z-index:50;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;right:2rem;transform:translateY(-50%)}.progress-dot{border:1px solid var(--ink-dim);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:all .3s}.progress-dot.active{background:var(--accent-2);border-color:var(--accent-2);box-shadow:0 0 12px var(--accent-2);transform:scale(1.3)}#content{z-index:10;position:relative}.panel{pointer-events:none;align-items:center;min-height:100vh;padding:7rem 3rem 5rem;display:flex;position:relative}.panel-inner{pointer-events:none;width:100%;max-width:1100px;margin:0 auto}.panel-inner a,.panel-inner button,.card{pointer-events:auto}.eyebrow{font-family:var(--font-mono);letter-spacing:.5em;color:var(--accent-2);margin-bottom:1.2rem;font-size:.7rem}#music .eyebrow{color:var(--music)}#games .eyebrow{color:var(--games)}#agents .eyebrow{color:var(--agents)}#prints .eyebrow{color:var(--prints)}.panel-title{letter-spacing:-.02em;text-shadow:0 4px 40px #0009;margin-bottom:1.6rem;font-size:clamp(3rem,8vw,7rem);font-weight:700;line-height:.95}.panel-desc{max-width:480px;color:var(--ink-dim);text-shadow:0 2px 16px #000c;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.7}.hero-inner{text-align:left}.hero-title{letter-spacing:-.03em;flex-direction:column;margin-bottom:2rem;font-size:clamp(3.5rem,10vw,9rem);font-weight:700;line-height:.95;display:flex}.hero-rotator{color:var(--accent-2);min-height:1em}#rotator{display:inline-block}.lede{max-width:460px;color:var(--ink-dim);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.7}.hero-cta{gap:1rem;display:flex}.scroll-hint{font-family:var(--font-mono);letter-spacing:.5em;color:var(--ink-dim);flex-direction:column;align-items:center;gap:.8rem;font-size:.6rem;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-hint-line{background:linear-gradient(to bottom, transparent, var(--accent-2));width:1px;height:48px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.btn{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:4px;padding:.9rem 2rem;font-size:.75rem;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:linear-gradient(135deg, var(--accent), #4834d4);color:#fff;box-shadow:0 8px 30px #6c5ce759}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #6c5ce78c}.btn-ghost{color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border-color:#ffffff40}.btn-ghost:hover{border-color:var(--accent-2);color:var(--accent-2)}.player{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(14px);pointer-events:auto;border-radius:12px;max-width:760px;padding:1.4rem}.player-now{align-items:center;gap:.8rem;margin-bottom:1.2rem;display:flex}.player-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:50%;flex-shrink:0;font-size:.9rem;transition:all .25s}.player-btn:hover{border-color:var(--music);color:var(--music)}.player-btn-main{background:linear-gradient(135deg, var(--music), #b03070);color:#fff;border:none;width:56px;height:56px;font-size:1.1rem;box-shadow:0 6px 24px #ff4d8d59}.player-btn-main:hover{color:#fff;transform:scale(1.06)}.player-info{flex:1;min-width:0;margin-left:.5rem}#player-track{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.5rem;font-size:1.05rem;font-weight:600;display:block;overflow:hidden}.player-seek{cursor:pointer;background:#ffffff1a;border-radius:3px;height:5px;overflow:hidden}#player-seek-fill{background:linear-gradient(90deg, var(--music), var(--accent));border-radius:3px;width:0%;height:100%}.player-time{font-family:var(--font-mono);color:var(--ink-dim);letter-spacing:.1em;margin-top:.4rem;font-size:.62rem;display:block}.tracklist{grid-template-columns:1fr 1fr;gap:.25rem;max-height:220px;list-style:none;display:grid;overflow-y:auto}.tracklist::-webkit-scrollbar{width:6px}.tracklist::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.tracklist li{cursor:pointer;color:var(--ink-dim);border-radius:6px;align-items:center;gap:.7rem;padding:.55rem .8rem;font-size:.88rem;transition:background .2s,color .2s;display:flex}.tracklist li:hover{color:var(--ink);background:#ffffff0f}.tracklist li.active{color:var(--ink);background:#ff4d8d1f}.tracklist li.active .track-num{color:var(--music)}.track-num{font-family:var(--font-mono);color:#ffffff4d;flex-shrink:0;width:1.4em;font-size:.62rem}@media (width<=900px){.tracklist{grid-template-columns:1fr}}.cards{grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:900px;display:grid}.card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(14px);transform-style:preserve-3d;will-change:transform;border-radius:12px;padding:1.6rem;transition:transform .15s ease-out,border-color .3s,background .3s;position:relative}.card:hover{background:#ffffff12;border-color:#ffffff40}.card-featured{background:linear-gradient(135deg,#ffb02e1a,#6c5ce714);border-color:#ffb02e73;max-width:900px;margin-bottom:1.2rem;box-shadow:0 8px 40px #ffb02e1f}.card-featured:hover{border-color:#ffb02ecc;box-shadow:0 12px 50px #ffb02e38}.card-featured h3{font-size:1.5rem}.card-featured p{max-width:560px;font-size:.95rem}.card-tag{font-family:var(--font-mono);letter-spacing:.3em;color:var(--accent-2);border:1px solid #00e5b04d;border-radius:3px;margin-bottom:1rem;padding:.25rem .6rem;font-size:.6rem;display:inline-block}#music .card-tag{color:var(--music);border-color:#ff4d8d59}#games .card-tag{color:var(--games);border-color:#ffb02e59}#prints .card-tag{color:var(--prints);border-color:#4da6ff59}.card h3{margin-bottom:.6rem;font-size:1.15rem;font-weight:600}.card p{color:var(--ink-dim);margin-bottom:1.2rem;font-size:.85rem;line-height:1.6}.card-link{font-family:var(--font-mono);letter-spacing:.15em;color:var(--ink);border-bottom:1px solid var(--accent-2);padding-bottom:2px;font-size:.7rem;text-decoration:none;transition:color .25s}.card-link:hover{color:var(--accent-2)}.contact-inner{text-align:center}.contact-inner .panel-desc{margin-left:auto;margin-right:auto}.contact-email{color:var(--ink);background:linear-gradient(90deg, var(--accent), var(--accent-2));-webkit-background-clip:text;background-clip:text;margin:1rem 0 2.5rem;font-size:clamp(1.3rem,4vw,2.6rem);font-weight:600;text-decoration:none;transition:color .4s;display:inline-block}.contact-email:hover{color:#0000}.socials{justify-content:center;gap:2rem;margin-bottom:4rem;display:flex}.socials a{color:var(--ink-dim);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;font-size:.75rem;text-decoration:none;transition:color .25s}.socials a:hover{color:var(--accent-2)}.footer{font-family:var(--font-mono);color:var(--ink-dim);letter-spacing:.15em;font-size:.65rem}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:80ms}.reveal:nth-child(3){transition-delay:.16s}.reveal:nth-child(4){transition-delay:.24s}.reveal:nth-child(5){transition-delay:.32s}@media (width<=900px){.nav{padding:1.2rem 1.5rem}.nav-links{display:none}.nav-burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:flex}.nav-burger span{background:var(--ink);width:22px;height:2px}.nav-links.open{background:#06070cf5;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;display:flex;position:fixed;inset:0}.nav-links.open a{font-size:1.2rem}.panel{padding:6rem 1.5rem 4rem}.cards{grid-template-columns:1fr}.progress-rail{right:.9rem}}