:root{color-scheme:dark;--ink:#eceddf;--muted:#9caaa0;--line:#3b4841;--acid:#d9ed9a;--bg:#111b17}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,sans-serif}a{color:inherit;text-underline-offset:6px}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:5px}.skip{position:absolute;top:-100px;background:var(--bg);padding:16px;z-index:9}.skip:focus{top:0}header,footer{padding:24px 5vw;display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid var(--line)}header span{font:10px monospace;letter-spacing:.15em;color:var(--muted)}header a{font-size:13px}main{overflow:hidden}.entrance{min-height:85vh;padding:80px 7vw 60px;position:relative;border-bottom:1px solid var(--line)}.eyebrow{font:11px/1.6 monospace;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}h1{position:relative;z-index:1;font:clamp(70px,12vw,180px)/.88 Georgia,serif;letter-spacing:-.065em;margin:40px 0 44px;font-weight:400}h1 em{color:var(--acid);font-weight:400}.opening{display:flex;gap:6vw;position:relative;z-index:1}.opening p{font:clamp(17px,1.6vw,23px)/1.5 Georgia,serif}.opening p+p{color:var(--muted)}.enter{display:inline-flex;gap:50px;font-size:13px;margin-top:30px}.orbit{position:absolute;right:3%;top:15%;width:38vw;height:38vw;border:1px solid var(--line);border-radius:50%;transform:rotate(-18deg);opacity:.65}.orbit i{position:absolute;border:1px solid var(--line);border-radius:50%;inset:15%;transform:translateX(20%)}.orbit i:nth-last-child(2){inset:30%;transform:translateX(-65%)}.orbit i:last-child{inset:45%;background:var(--acid);border:0;box-shadow:0 0 80px #d9ed9a30}.orbit span{position:absolute;font:10px monospace;letter-spacing:.12em;background:var(--bg);padding:5px}.orbit span:nth-child(1){top:2%;left:20%}.orbit span:nth-child(2){right:-4%;top:50%}.orbit span:nth-child(3){bottom:0;left:25%}#instrument,.triptych,.after,.exit{padding:80px 7vw;border-bottom:1px solid var(--line);scroll-margin-top:20px}h2{font:clamp(32px,4.5vw,68px)/1.1 Georgia,serif;letter-spacing:-.035em;font-weight:400;margin:18px 0 32px}.instrument-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.instrument-heading>p{color:var(--muted);font-size:14px;padding-bottom:20px}.bench{display:grid;grid-template-columns:1fr 1.65fr;border:1px solid var(--line);margin-top:24px}.controls{padding:32px;border-right:1px solid var(--line)}fieldset{border:0;padding:0;margin:0 0 36px}legend,label{font-size:13px;display:block;margin-bottom:14px}.objects{display:flex;flex-wrap:wrap;gap:8px}.objects button,.shuffle{color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:30px;padding:9px 16px}.objects button[aria-pressed=true]{background:var(--acid);color:var(--bg);border-color:var(--acid)}label output{display:block;color:var(--acid);font:12px monospace;margin-top:9px}input[type=range]{width:100%;accent-color:var(--acid);min-height:32px}.scale{display:flex;justify-content:space-between;font:10px monospace;text-transform:uppercase;color:var(--muted)}.control-note{font:14px/1.6 Georgia,serif;color:var(--muted);margin:22px 0}.shuffle{border-radius:0;font-size:12px;padding:10px 0;border-width:0 0 1px}.diagram{margin-top:30px;color:var(--muted)}.diagram svg{width:100%;height:180px;display:block}.diagram span{font:9px monospace;letter-spacing:.1em}.diagram path,.diagram circle,.diagram rect,.diagram line{stroke:var(--acid);stroke-width:1.3;fill:none}.stage{padding:clamp(26px,4vw,64px);background:#dce3ce;color:#17231c;min-height:570px;transition:background .4s}.stage .eyebrow{color:#526451}.stage h3{font:clamp(32px,3.7vw,58px)/1.07 Georgia,serif;font-weight:400;letter-spacing:-.03em;margin:32px 0}.stage #piece{font:clamp(19px,1.8vw,25px)/1.65 Georgia,serif}.stage #piece p{margin:0 0 1em}.stage .marginal{font:12px/1.5 monospace;margin-top:42px;padding-top:18px;border-top:1px solid #17231c40;color:#526451}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.three article{border-top:1px solid var(--line);padding-top:20px}.three span{font:10px monospace;color:var(--acid)}.three p{font:clamp(21px,2.3vw,33px)/1.5 Georgia,serif}.annotation{font:12px/1.6 monospace;color:var(--muted);margin-top:40px}.after{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.essay{font:20px/1.8 Georgia,serif;max-width:60ch}.essay p:first-child{margin-top:0}.signature{color:var(--acid)}.exit{background:var(--acid);color:var(--bg)}.exit .eyebrow{color:#45583b}.exit p{max-width:65ch}.exit a{display:inline-block;margin-top:20px}footer{border:0;font-size:11px;color:var(--muted)}@media(max-width:760px){header{padding:18px 6vw}header span{display:none}.entrance{padding:55px 6vw 45px;min-height:auto}h1{font-size:clamp(70px,16vw,120px);margin:34px 0}.orbit{width:65vw;height:65vw;top:10%;right:-24%;opacity:.4}.opening{display:block}.opening p{font-size:19px}.opening p+p{font-size:16px}.enter{gap:20px}#instrument,.triptych,.after,.exit{padding:50px 6vw}.instrument-heading{display:block}.instrument-heading>p{padding:0}.bench{display:block}.controls{padding:24px;border-right:0;border-bottom:1px solid var(--line)}fieldset{margin-bottom:24px}.diagram{display:none}.stage{padding:28px;min-height:480px}.stage h3{font-size:38px}.stage #piece{font-size:21px}.three,.after{display:block}.three article{margin-bottom:34px}.three p{font-size:26px}.essay{font-size:19px}.after h2{margin-bottom:36px}footer{display:block}footer a{display:inline-block;margin-top:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage{transition:none}}