.resonance-main{width:min(1360px,calc(100% - 48px));margin:130px auto 0}.res-intro{margin-bottom:30px}.res-kicker{font:400 12px/1.6 var(--font-mono);letter-spacing:.14em;color:var(--blood);margin:0 0 12px}.res-intro h1{font:800 clamp(38px,7.2vw,98px)/1.05 var(--font-display);letter-spacing:-.06em;margin:0 0 14px}.res-intro>p:last-child{font-size:18px;color:var(--muted);max-width:650px;line-height:1.6}.res-lab{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);border:1px solid var(--line);background:#0b0b10}.res-space{position:relative;padding:24px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at center,rgba(139,92,246,.09),transparent 65%)}.res-space-meta{display:flex;justify-content:space-between;gap:10px;font:400 12px/1.6 var(--font-mono);color:var(--muted)}.orbit-board{position:relative;width:100%;aspect-ratio:1;margin:auto 0;min-width:0}.orbit-ring{position:absolute;border:1px solid var(--voice-color);opacity:.3;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-ring[data-ring="0"]{--voice-color:#e33c50}.orbit-ring[data-ring="1"]{--voice-color:#b19aff}.orbit-ring[data-ring="2"]{--voice-color:#c7ff4a}.orbit-nucleus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:23%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#262130,#08080b 65%);box-shadow:0 0 55px #8b5cf630,inset -12px -12px 28px #000;pointer-events:none}.orbit-nucleus span{font:600 clamp(30px,5vw,64px)/1 var(--font-display);color:var(--bone)}.orbit-marker{position:absolute;top:2%;left:50%;transform:translateX(-50%);font:400 10px/1 var(--font-mono);white-space:nowrap;color:var(--muted)}.orbit-body{position:absolute;transform:translate(-50%,-50%);width:52px;height:52px;border:1px solid var(--voice-color);border-radius:50%;background:#131219;color:var(--voice-color);cursor:grab;touch-action:none;z-index:2;display:grid;align-content:center;justify-items:center;gap:2px;user-select:none}.orbit-body[data-body="0"]{--voice-color:#e33c50}.orbit-body[data-body="1"]{--voice-color:#b19aff}.orbit-body[data-body="2"]{--voice-color:#c7ff4a}.orbit-body span{font:400 10px/1 var(--font-mono)}.orbit-body strong{font:500 11px/1.4 var(--font-mono)}.orbit-body[aria-pressed="true"]{box-shadow:0 0 22px color-mix(in srgb,var(--voice-color),transparent 70%);background:#29232f;border-width:2px}.orbit-body:active{cursor:grabbing}.res-board-hint{color:var(--muted);font-size:14px;line-height:1.6;max-width:420px;margin:20px 0 0}.res-controls{padding:30px;border-left:1px solid var(--line)}.res-controls h2,.res-story h2,.res-development h2{font:700 clamp(26px,3vw,38px)/1.15 var(--font-display);letter-spacing:-.03em;margin:0 0 18px}.res-controls>p:not(.res-kicker){font-size:14px;line-height:1.6;color:var(--muted)}.res-transport{display:flex;gap:10px;margin-top:22px}.res-controls button:not(.orbit-body),.res-controls select{min-height:44px;border:1px solid var(--line);color:var(--bone);background:var(--panel);padding:10px 16px;font:500 14px/1.3 var(--font-body);cursor:pointer}#res-play{background:var(--blood);border-color:var(--blood);color:#fff}.res-controls button[aria-pressed="true"]{border-color:var(--bone);background:#302735}.res-voices{padding:0;border:0;display:flex;gap:8px;margin:24px 0}.res-voices legend{font-size:14px;margin-bottom:10px}.res-control{margin:18px 0}.res-control label{display:flex;justify-content:space-between;font-size:14px;gap:8px}.res-control output{color:var(--muted);font:400 12px/1.6 var(--font-mono)}.res-control input{width:100%;height:30px;accent-color:var(--blood);margin:4px 0}.res-control select{display:block;width:100%;margin-top:8px}.res-control small{display:block;color:var(--muted);font-size:12px;line-height:1.5}.res-controls .res-note{font-size:12px!important}.resonance-page :focus-visible{outline:2px solid var(--acid);outline-offset:4px}.res-story{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding:80px 0;border-bottom:1px solid var(--line)}.res-story p:not(.res-kicker),.res-development p:not(.res-kicker){font-size:17px;line-height:1.8;color:var(--muted);margin-top:0}.res-development{padding:70px 0;max-width:760px}.res-development a{display:inline-block;border-bottom:1px solid var(--blood);padding-bottom:6px;font-size:16px}.resonance-page .site-footer{margin-top:0}
@media(max-width:850px){.res-lab{grid-template-columns:1fr}.res-space{max-width:650px;width:100%;margin:auto}.res-controls{border-left:0;border-top:1px solid var(--line)}.res-story{grid-template-columns:1fr;gap:12px;padding:50px 0}.resonance-main{margin-top:110px;width:calc(100% - 32px)}}
@media(max-width:420px){.res-space{padding:14px}.res-controls{padding:22px 18px}.orbit-body{width:44px;height:44px}.orbit-body strong{font-size:10px}.res-space-meta{font-size:10px}.res-intro h1{font-size:38px}.res-intro>p:last-child{font-size:16px}}

.res-toolbar{margin:0 0 24px}.res-toolbar .res-transport{margin-top:0}.res-toolbar button{min-height:44px;padding:10px 22px;font-size:14px;color:var(--bone);border:1px solid var(--line);background:var(--panel);cursor:pointer}.res-toolbar #res-status{font-size:14px;line-height:1.5;color:var(--muted);margin:10px 0 0}.res-space{justify-content:flex-start}.orbit-board{margin:20px 0}
/* The nucleus holds the recording; five voices surround it. */
.res-intro h1{font-size:clamp(27px,7vw,86px);overflow-wrap:anywhere}
.res-voices{flex-wrap:wrap}.res-root-controls{border-block:1px solid var(--line);padding:20px 0;margin:24px 0}.res-root-controls h3{font:600 20px/1.4 var(--font-display);margin:0}.res-root-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.res-root-controls select{max-width:100%;min-width:0}.res-root-controls .res-note{font-size:13px;line-height:1.6;color:var(--muted)}
.orbit-nucleus{pointer-events:auto;cursor:pointer;border:1px solid #8b5cf660;color:var(--bone);align-content:center;gap:4px;z-index:3;padding:0}.orbit-nucleus small{font:400 10px/1.4 var(--font-mono)}.orbit-nucleus span{font-size:clamp(24px,4vw,54px)}.orbit-nucleus[data-playing="true"]{box-shadow:0 0 45px #8b5cf670,inset -12px -12px 28px #000}
.orbit-body[data-body="3"],.orbit-ring[data-ring="3"]{--voice-color:#7edbe8}.orbit-body[data-body="4"],.orbit-ring[data-ring="4"]{--voice-color:#f7b76f}
#orbit-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#orbit-links line{stroke:#d2c4f3;stroke-width:.35;opacity:.4}
.res-space{align-self:start;position:sticky;top:100px}.resonance-page .player-dock{position:relative;inset:auto;margin:20px 16px;width:calc(100% - 32px)}.resonance-page{padding-bottom:20px}.orbit-board{max-width:620px}
@media(max-width:850px){.res-space{position:relative;top:auto}.res-intro h1{font-size:clamp(27px,8.1vw,64px)}}
.res-transport{flex-wrap:wrap}.orbit-body strong{font-size:9px}.res-toolbar button[aria-pressed="true"]{border-color:var(--acid);color:var(--acid)}

.res-effect-levels{border:1px solid var(--line);padding:16px;margin:24px 0}.res-effect-levels legend{font-size:16px;padding:0 6px}.res-effect-levels>p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.res-effect-levels .res-control:last-child{margin-bottom:0}

/* The original homepage Eclipse position now hosts the live effects instrument. */
.home-orbits .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start}
.home-orbits .hero__copy{padding-left:clamp(0px,2vw,30px);padding-top:80px;min-width:0}
.home-orbits .hero h1{font-size:clamp(48px,5.5vw,90px);line-height:.95}
.home-orbits .hero__outline{margin-left:20px}
.home-resonance{position:relative;z-index:4;min-width:0;width:100%;align-self:start}
.home-resonance .res-space{position:relative;top:auto;padding:0;background:radial-gradient(ellipse at center,#8b5cf618,transparent 65%);max-width:none}
.home-resonance .orbit-board{margin:12px 0;width:100%}
.home-resonance .res-board-hint{font-size:13px;margin:0 0 16px}
.home-resonance .res-toolbar{margin-bottom:14px}
.home-resonance .res-toolbar button{padding:10px 12px}
.home-resonance .res-controls{border:1px solid var(--line);padding:20px}
.home-resonance-settings summary{cursor:pointer;min-height:44px;padding:12px 8px;font-size:14px;border-block:1px solid var(--line);color:var(--bone)}
.home-resonance :focus-visible{outline:2px solid var(--acid);outline-offset:4px}
@media(max-width:850px){.home-orbits .hero{grid-template-columns:1fr;gap:40px}.home-orbits .hero__copy{padding-top:0}.home-orbits .hero h1{font-size:clamp(42px,10vw,80px)}.home-orbits .hero__outline{margin-left:0}.home-resonance{max-width:620px;justify-self:center}.home-orbits .hero__scroll{bottom:30px}}

.orbit-body[data-body="5"],.orbit-ring[data-ring="5"]{--voice-color:#ff9ed1}.orbit-body[data-body="6"],.orbit-ring[data-ring="6"]{--voice-color:#80b2ff}