:root{--ink:#111110;--ink-2:#1a1917;--panel:#201e1b;--cream:#e8e2d4;--cream-2:#f2ede2;--dim:#8a8272;--line:#11111024;--line-soft:#11111014;--line-strong:#1111104d;--sig:#ffb300;--sig-deep:#f08a24;--t-giant:clamp(3rem, 13vw, 12rem);--t-h1:clamp(2.4rem, 7vw, 6rem);--t-h2:clamp(1.6rem, 4vw, 3.2rem);--t-body:clamp(1rem, 1.15vw, 1.15rem);--t-label:clamp(.66rem, .8vw, .78rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-io:cubic-bezier(.76, 0, .24, 1);--gutter:clamp(1.25rem, 4vw, 4rem);--maxw:1680px;--font-display:"Archivo", sans-serif;--font-body:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:auto}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:var(--t-body);cursor:none;line-height:1.5;overflow-x:hidden}@media (hover:none),(prefers-reduced-motion:reduce){body{cursor:auto}}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:none;color:inherit;background:0 0;border:none;font-family:inherit}@media (hover:none){button{cursor:pointer}}::selection{background:var(--sig);color:var(--ink)}.wrap{max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.label{font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.label .dot{color:var(--sig-deep)}.display{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;font-weight:900;line-height:.86}.grain{z-index:9998;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.vignette{z-index:9997;pointer-events:none;background:radial-gradient(125% 100% at 50% 38%,#0000 58%,#1e180e47);position:fixed;inset:0}.cursor-dot,.cursor-ring{z-index:9999;pointer-events:none;will-change:transform;border-radius:50%;position:fixed;top:0;left:0}.cursor-dot{background:var(--sig);width:7px;height:7px;transform:translate(-50%,-50%)}.cursor-ring{border:1.5px solid var(--ink);width:42px;height:42px;transition:width .25s var(--ease-out), height .25s var(--ease-out), background .25s, border-color .25s}.cursor-ring.hot{border-color:var(--sig-deep);background:#ffb30029;width:76px;height:76px}.cursor-ring .clabel{font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink);opacity:0;text-transform:uppercase;place-items:center;font-size:9px;display:grid;position:absolute;inset:0}.cursor-ring.hot .clabel{opacity:1}@media (hover:none),(prefers-reduced-motion:reduce){.cursor-dot,.cursor-ring,.grain,.vignette{display:none}}section{position:relative}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.preloader{z-index:10000;background:var(--ink);place-items:center;display:grid;position:fixed;inset:0}.pre-inner{text-align:center;justify-items:center;gap:1rem;display:grid}.pre-inner .label{color:var(--dim)}.pre-num{color:var(--cream);font-size:clamp(4rem,18vw,12rem)}.pre-sub{color:var(--sig-deep);opacity:.8}.nav{z-index:900;justify-content:space-between;align-items:center;width:100%;padding-top:1.3rem;padding-bottom:1.3rem;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.nav-mark{letter-spacing:-.01em;font-size:1.4rem}.sig{color:var(--sig-deep)}.nav-links{gap:1.8rem;display:flex}.nav-links a,.nav-cta{color:var(--ink);transition:color .2s}.nav-links a:hover,.nav-cta:hover{color:var(--sig-deep)}.nav-cta{border:1px solid var(--line-strong);border-radius:999px;padding:.5rem .9rem}@media (width<=820px){.nav-links{display:none}}.hero{align-items:center;min-height:100svh;padding-block:7rem 3rem;display:flex;overflow:hidden}.hero-grid{flex-direction:column;width:100%;display:flex;position:relative}.hero-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:.7rem;display:flex}.hero-scope{z-index:1;border:1px solid var(--line);background:linear-gradient(var(--line-soft) 1px, transparent 1px) 0 0 / 100% 24px, linear-gradient(90deg, var(--line-soft) 1px, transparent 1px) 0 0 / 24px 100%, var(--cream-2);width:100%;height:clamp(200px,30vh,340px);margin-top:clamp(1rem,3vw,2.5rem);position:relative}.scope-canvas{width:100%;height:100%;display:block}.scope-tag{color:var(--sig-deep);position:absolute;top:.7rem;left:.9rem}.hero-title{z-index:2;text-align:center;font-size:var(--t-giant);margin-top:clamp(-.5rem,-1vw,-1.5rem);line-height:.8;position:relative}.hero-foot{z-index:3;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:clamp(1.5rem,5vw,3.2rem);display:flex;position:relative}.hero-tag{max-width:46ch;color:var(--ink);font-size:clamp(1rem,1.4vw,1.25rem)}.scroll-cue{animation:bob 1.8s var(--ease-io) infinite;color:var(--sig-deep)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.marquee{white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--ink);padding-block:1.2rem;overflow:hidden}.marquee .display{color:var(--cream)}.marquee-track{will-change:transform;animation:linear infinite marq;display:inline-flex}.marquee-item{padding-right:2rem}@keyframes marq{0%{transform:translate(0)}to{transform:translate(-50%)}}.band-marq,.foot-marq{letter-spacing:.01em;font-size:clamp(1.6rem,5vw,3.6rem)}.play{padding-block:clamp(5rem,12vw,10rem)}.play-head{max-width:60ch}.sect-idx{margin-bottom:1.6rem;display:block}.play-title{margin-bottom:1.4rem;font-size:clamp(2.4rem,8vw,6.5rem)}.play-instr{color:var(--ink);max-width:56ch;font-size:clamp(1rem,1.5vw,1.2rem)}.play-mono{font-family:var(--font-mono);color:var(--dim);font-size:.82em}.bay{background:radial-gradient(var(--line) 1px, transparent 1.4px) 0 0 / 18px 18px, var(--panel);border:1px solid var(--line-strong);border-radius:10px;gap:clamp(2.4rem,6vw,4.5rem);margin-top:clamp(2rem,5vw,3.5rem);padding:clamp(1.6rem,4vw,3rem) clamp(1.2rem,3vw,2.4rem);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 30px 60px -30px #00000080}.bay-cables{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cable{fill:none;stroke-width:5px;stroke-linecap:round}.cable-shadow{fill:none;stroke:#00000073;stroke-width:7px;stroke-linecap:round;transform:translateY(2px)}.cable-live{stroke:var(--sig);stroke-dasharray:2 10;animation:.5s linear infinite crawl}@keyframes crawl{to{stroke-dashoffset:-12px}}.bay-row{z-index:1;position:relative}.bay-rowlabel{color:var(--dim);margin-bottom:1.1rem;display:block}.bay-jacks{grid-template-columns:repeat(6,1fr);gap:clamp(.6rem,2vw,1.6rem);display:grid}.jack-cell{justify-items:center;gap:.55rem;display:grid}.jack{touch-action:none;width:clamp(46px,8vw,64px);height:clamp(46px,8vw,64px);transition:transform .15s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:relative}.jack:hover,.jack.hl{transform:scale(1.06)}.jack.grabbing{transform:scale(.94)}.jack-ring{background:radial-gradient(circle at 38% 32%,#4a463f,#17140f 72%);border:2px solid #55504733;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 2px 4px #0009,inset 0 -1px 2px #ffffff14}.jack-hole{background:radial-gradient(circle at 50% 40%,#0a0908,#000 80%);border-radius:50%;width:42%;height:42%;transition:box-shadow .25s,background .25s;position:relative;box-shadow:inset 0 2px 5px #000,0 0 0 3px #2a2620}.jack.on .jack-hole{background:radial-gradient(circle at 50% 40%, var(--sig), var(--sig-deep) 80%);box-shadow:inset 0 1px 3px #00000080,0 0 0 3px #2a2620,0 0 14px #ffb300a6}.jack:focus-visible{outline:none}.jack:focus-visible .jack-ring{border-color:var(--sig);box-shadow:inset 0 2px 4px #0009,0 0 0 3px #ffb30080}.jack-label{color:var(--cream);opacity:.62;font-size:.62rem}.jack.on+.jack-label{opacity:1;color:var(--sig)}.bay-clear{z-index:4;color:var(--cream);border:1px solid #ffffff2a;border-radius:999px;padding:.4rem .7rem;transition:background .2s,color .2s;position:absolute;top:.9rem;right:1rem}.bay-clear:hover{background:var(--sig);color:var(--ink);border-color:var(--sig)}@media (width<=640px){.bay-jacks{grid-template-columns:repeat(3,1fr);gap:.9rem .6rem}}.kbd-wrap{margin-top:clamp(1.6rem,4vw,2.6rem)}.kbd-controls{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.kbd-wave{border:1px solid var(--line-strong);color:var(--ink);border-radius:999px;padding:.4rem .7rem;transition:background .2s,color .2s,border-color .2s}.kbd-wave.on{background:var(--ink);color:var(--sig);border-color:var(--ink)}.kbd{background:var(--ink);border-radius:8px;gap:4px;height:clamp(130px,22vw,180px);padding:8px 8px 0;display:flex;position:relative;box-shadow:0 20px 40px -24px #00000080}.key{touch-action:none;border-radius:0 0 5px 5px;justify-content:center;align-items:flex-end;padding-bottom:.6rem;transition:transform 50ms,background .1s;display:flex;position:relative}.key.white{background:linear-gradient(var(--cream-2), #d8d1c1);flex:1;box-shadow:inset 0 -4px #bdb6a5}.key.sharp{z-index:2;background:linear-gradient(#2a2620,#17140f);flex:.62;height:62%;margin-inline:-1.9%;box-shadow:inset 0 -5px #000}.key.white.hit{background:linear-gradient(var(--sig), var(--sig-deep));transform:translateY(2px)}.key.sharp.hit{background:linear-gradient(var(--sig-deep), #b8630f);transform:translateY(2px)}.key-cap{opacity:.4;font-size:.6rem}.key.white .key-cap{color:var(--ink)}.key.sharp .key-cap{color:var(--cream)}.modules{border-top:1px solid var(--line);padding-block:clamp(5rem,12vw,10rem)}.mod-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3rem;display:flex}.mod-title{text-align:right;font-size:clamp(2.2rem,7vw,6rem)}.mod-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.mod-card{background:var(--cream)}.mod-inner{background:var(--cream);flex-direction:column;min-height:46vh;padding:clamp(1.4rem,2.4vw,2rem);transition:background .4s;display:flex}.mod-inner:hover{background:var(--cream-2)}.mod-top{color:var(--ink);justify-content:space-between;display:flex}.mod-code{letter-spacing:.1em;font-weight:700}.knob-stage{width:clamp(90px,12vw,130px);height:clamp(90px,12vw,130px);margin:clamp(1.4rem,4vw,2.6rem) 0;position:relative}.knob{transition:transform .55s var(--ease-out);z-index:2;background:radial-gradient(circle at 38% 30%,#35312b,#17140f 78%);border-radius:50%;position:absolute;inset:14%;box-shadow:0 6px 14px -6px #0009,inset 0 -2px 3px #0009,inset 0 2px 3px #ffffff1a}.knob-notch{background:var(--sig);border-radius:2px;width:3px;height:30%;position:absolute;top:9%;left:50%;transform:translate(-50%);box-shadow:0 0 8px #ffb300b3}.knob-ticks{z-index:1;position:absolute;inset:0}.knob-ticks line{stroke:var(--line-strong);stroke-width:1.5px}.mod-name{margin-top:auto;margin-bottom:.6rem;font-size:clamp(1.3rem,2vw,1.7rem)}.mod-body{color:var(--dim);margin-bottom:1rem;font-size:.9rem}.mod-spec{color:var(--sig-deep)}@media (width<=960px){.mod-grid{grid-template-columns:repeat(2,1fr)}.mod-title{text-align:left}}@media (width<=520px){.mod-grid{grid-template-columns:1fr}.mod-inner{min-height:40vh}}.specs{border-top:1px solid var(--line);padding-block:clamp(5rem,12vw,10rem)}.specs-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.specs-title{text-align:right;font-size:clamp(2.2rem,7vw,6rem)}.adsr{margin-block:clamp(2rem,5vw,3.5rem);position:relative}.adsr-svg{width:100%;height:clamp(120px,18vw,200px);display:block}.adsr-base{stroke:var(--line);stroke-width:1px}.adsr-path{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-linejoin:round}.adsr-fill{fill:#ffb30029;transition:opacity 1.4s var(--ease-out)}.adsr-labels{color:var(--sig-deep);justify-content:space-between;max-width:100%;padding-top:.4rem;display:flex}.stats{background:var(--line);border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.stat{background:var(--cream);gap:.7rem;padding:2rem 1.4rem;display:grid}.stat-val{color:var(--ink);font-size:clamp(2.4rem,6vw,4.6rem)}.stat-suf{color:var(--sig-deep);font-size:.3em;font-family:var(--font-mono)}.stat-k{color:var(--dim)}@media (width<=820px){.stats{grid-template-columns:repeat(2,1fr)}.specs-title{text-align:left}}.gallery{border-top:1px solid var(--line);padding-block:clamp(4rem,10vw,9rem)}.g-grid{grid-template-columns:repeat(6,1fr);gap:clamp(.6rem,1.4vw,1.2rem);margin-top:2.5rem;display:grid}.g-cell{min-height:0}.g-cell-0{grid-column:span 4}.g-cell-1,.g-cell-2{grid-column:span 2}.g-cell-3{grid-column:span 4}.g-cell-4,.g-cell-5{grid-column:span 3}.tilt{border:1px solid var(--line);height:clamp(300px,38vw,520px);transition:transform .3s var(--ease-out);transform-style:preserve-3d;background:var(--ink-2);position:relative;overflow:hidden}.tilt img{object-fit:cover;filter:grayscale()contrast(1.04);width:100%;height:100%;transition:filter .5s, transform .6s var(--ease-out)}.tilt:hover img{filter:grayscale(0)contrast(1.04);transform:scale(1.04)}.g-overlay{background:linear-gradient(#0000,#000000b8);justify-content:space-between;align-items:flex-end;gap:1rem;width:100%;padding:1.2rem;display:flex;position:absolute;bottom:0;left:0}.g-overlay .label{color:var(--cream)}.g-meta{font-family:var(--font-mono);color:#e8e2d4b3;text-align:right;max-width:20ch;font-size:.7rem}@media (width<=720px){.g-grid{grid-template-columns:1fr}.g-cell{grid-column:span 1!important}}.cta{border-top:1px solid var(--line);background:var(--ink);color:var(--cream);padding-top:clamp(6rem,14vw,12rem)}.cta .label{color:var(--dim)}.cta-inner{gap:1.5rem;display:grid}.cta-huge{font-size:var(--t-giant);color:var(--cream);align-self:start;line-height:.82;transition:color .3s}.cta-huge:hover{color:var(--sig)}.cta-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:1rem;padding-bottom:clamp(3rem,8vw,6rem);display:flex}.cta-copy{color:#e8e2d4a8;max-width:40ch}.cta-btn{font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;color:var(--cream);border:1px solid #e8e2d44d;border-radius:999px;padding:1rem 1.6rem;font-size:.9rem;transition:background .3s,color .3s,border-color .3s}.cta-btn:hover{background:var(--sig);color:var(--ink);border-color:var(--sig)}.cta .marquee{background:var(--cream);border-color:var(--line)}.cta .marquee .foot-marq{color:var(--ink)}.cta .sig{color:var(--sig-deep)}.foot-base{color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:1.6rem;display:flex}