:root{--paper:#fafaf8;--ink:#20211f;--muted:#686b68;--line:#dedfda;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #305de3;outline-offset:6px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.svg-defs{position:absolute;width:0;height:0}.header{height:80px;display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:auto;padding:0 5%;border-bottom:1px solid var(--line)}.brand{font-size:17px;letter-spacing:3.4px;font-weight:500;display:flex;gap:13px;align-items:center}.brand-symbol{display:flex;gap:3px;height:15px;align-items:center}.brand-symbol i{height:15px;width:3px;background:currentColor;transform:skew(-23deg)}.brand-symbol i:nth-child(2){height:9px}.header nav{display:flex;gap:36px;font-size:12px}.catalogue-link{display:flex;align-items:center;gap:18px;font-size:12px}.header a:hover{opacity:.55}.hero,.section{max-width:1600px;margin:auto;padding-inline:5%}.hero-top{padding-top:49px;display:flex;justify-content:space-between;align-items:center}.eyebrow,.edition,.signal-caption,.art-top,.art-bottom,.card-index,.concept-note{font:9px/1.6 var(--mono);letter-spacing:1.2px}.eyebrow{margin:0}.edition{color:var(--muted)}h1{font-size:clamp(90px,10.7vw,164px);font-weight:400;line-height:.94;letter-spacing:-.075em;margin:48px 0 30px}h1 span{color:#777c78}.hero-bottom{display:flex;justify-content:space-between;align-items:end}.hero-bottom p{font-size:16px;line-height:1.55;font-weight:400;margin:0}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:13px;padding-bottom:6px;border-bottom:1px solid var(--ink)}.text-link svg{width:18px;height:18px;transition:transform .2s}.text-link:hover svg{transform:translateX(4px)}.signal-wrap{margin-top:22px}.signal{display:block;width:100%;height:clamp(220px,30vw,450px);object-fit:contain}.signal-caption{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 0 25px;color:var(--muted)}.codes{display:flex;gap:4px}.codes i{width:10px;height:10px;background:#395d9c}.codes i:nth-child(2){background:#71949d}.codes i:nth-child(3){background:#b9c6bc}.codes i:nth-child(4){background:#d4c696}.codes i:nth-child(5){background:#c58456}.codes i:nth-child(6){background:#a54c35}.collection{padding-top:100px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:43px}h2{font-size:clamp(36px,4.6vw,68px);line-height:1.05;font-weight:400;letter-spacing:-.055em;margin:20px 0 0}.section-intro{font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 5px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:30px;gap:15px}.filters{display:flex;gap:28px}.filters button{background:none;border:0;border-bottom:1px solid transparent;padding:0 0 17px;color:var(--muted);font-size:12px;margin-bottom:-1px;white-space:nowrap}.filters button.selected{color:var(--ink);border-color:var(--ink)}.filters span{font:9px var(--mono);margin-left:5px;color:var(--muted)}.subtle-link{display:inline-flex;align-items:center;gap:10px;font-size:12px}.collection-toolbar>.subtle-link{margin-bottom:17px}.subtle-link svg{width:16px;height:16px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.card[hidden]{display:none}.artwork{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1;padding:17px;position:relative;overflow:hidden;transition:filter .3s}.artwork:hover{filter:brightness(.94)}.art-top,.art-bottom{display:flex;justify-content:space-between;position:relative;z-index:1;font-size:7px;letter-spacing:.6px}.art-bottom{align-items:end}.art-bottom>span:last-child{font-size:25px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;letter-spacing:-1px}.piano{background:#e5e6e0;color:#454d48}.piano-mark{display:flex;position:absolute;inset:27% 20%;gap:7%;justify-content:center}.piano-mark i{width:5%;height:100%;background:#586b61}.piano-mark i:nth-child(2){height:68%}.piano-mark i:nth-child(3){height:85%}.piano-mark i:nth-child(4){height:45%}.piano-mark i:nth-child(5){height:78%}.piano-mark i:nth-child(6){height:58%}.ambient{background:#d9e3e6;color:#315668}.ambient-mark{width:48%;aspect-ratio:1;border-radius:50%;border:1px solid #567d8f;position:absolute;top:26%;left:26%;box-shadow:0 0 0 9px #d9e3e6,0 0 0 10px #7897a5,0 0 0 19px #d9e3e6,0 0 0 20px #9cb1bb,0 0 0 29px #d9e3e6,0 0 0 30px #c1ced4}.electronic{background:#e2d5c3;color:#6a4b2f}.electronic-mark{position:absolute;inset:28%;background:repeating-linear-gradient(90deg,#8b6746 0 3px,transparent 3px 11px);transform:rotate(-45deg);clip-path:polygon(0 0,100% 0,100% 80%,80% 100%,0 100%)}.atmospheric{background:#c9c9d3;color:#4e4c67}.atmospheric-mark{position:absolute;inset:25% 20%;display:flex;gap:9%;align-items:center;justify-content:center}.atmospheric-mark i{display:block;width:22%;height:90%;border:1px solid #62607d;border-radius:50%}.atmospheric-mark i:nth-child(2){height:60%}.atmospheric-mark i:nth-child(3){height:30%}.card-details{display:flex;justify-content:space-between;align-items:center;padding-top:22px;gap:8px}.card-index{color:var(--muted);font-size:8px}.card h3{font-size:20px;letter-spacing:-.6px;font-weight:400;margin:8px 0}.card p{font-size:12px;color:var(--muted);margin:0}.listen{border:1px solid #c7cac5;border-radius:50%;background:transparent;width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;transition:background .2s,color .2s}.listen:hover{background:var(--ink);color:var(--paper)}.listen svg{width:16px;height:16px;fill:currentColor;stroke-width:0}.external{font-size:20px;font-weight:300}.pack-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;margin-top:24px;font-size:10px}.concept-note{margin:28px 0 0;color:var(--muted);font-size:8px;letter-spacing:.2px}.listening{padding-top:60px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.listening-art{background:#e7e8e2;aspect-ratio:1;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:30px;font:9px var(--mono);letter-spacing:2px;color:#58675d}.keys{position:absolute;inset:20% 22%;display:flex;justify-content:space-between;align-items:center;transform:rotate(-16deg)}.keys i{width:5%;background:#758476;height:90%}.keys i:nth-child(2){height:50%}.keys i:nth-child(3){height:75%}.keys i:nth-child(4){height:35%}.keys i:nth-child(5){height:65%}.keys i:nth-child(6){height:45%}.keys i:nth-child(7){height:80%}.listening-copy h2{font-size:clamp(35px,4.3vw,64px);margin:25px 0}.listening-copy p:not(.eyebrow){font-size:15px;line-height:1.7;color:var(--muted)}.pill{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--ink);border-radius:30px;background:var(--ink);color:var(--paper);padding:14px 22px;font-size:12px;transition:background .2s}.pill:hover{background:#484b45}.pill svg{width:16px;height:16px}.pill svg:has(use[href="#play"]){fill:currentColor;stroke:0}.listening-copy>.pill{margin:18px 0}.listening-copy>.subtle-link{margin-left:22px}.listening-copy small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.approach{padding-block:90px;background:#eeefeb}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:35px}.approach h2{font-size:clamp(50px,6vw,88px);margin:0}.approach-grid>div{padding-top:6px}.approach .statement{font-size:25px;letter-spacing:-.5px;line-height:1.3;margin:0 0 28px;color:var(--ink)}.approach p:not(.eyebrow):not(.statement){max-width:400px;color:var(--muted);font-size:14px;line-height:1.8}.human{display:flex;align-items:center;gap:12px;margin-top:30px}.human span{color:var(--ink);font-size:25px}.approach .text-link{margin-top:28px}.closing{text-align:center;padding-block:110px 120px}.closing h2{font-size:clamp(50px,7vw,108px);margin:28px 0 36px}footer{border-top:1px solid var(--line);padding-block:34px 40px;display:flex;align-items:start;justify-content:space-between}footer .brand{font-size:14px}footer>div{display:flex;gap:25px;font-size:11px}footer p{font:8px/1.8 var(--mono);color:var(--muted);margin:0;text-align:right}dialog{border:0;padding:35px;width:min(600px,calc(100% - 32px));background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#161b1866;backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:start;justify-content:space-between}.dialog-head h2{font-size:35px;margin:10px 0}.dialog-head button{border:0;background:none;padding:0}.player-intro,.player-fallback{font-size:12px;line-height:1.8;color:var(--muted)}.player-fallback a{text-decoration:underline}#embed iframe{width:100%;height:320px;border:0;margin-top:15px}#player .eyebrow{font-size:8px}
@media(min-width:1600px){.hero,.section{padding-inline:80px}.header{padding-inline:80px}}@media(max-width:1000px){.filters{gap:18px}.collection-toolbar>.subtle-link{display:none}.cards{gap:16px}.card h3{font-size:18px}.art-top,.art-bottom{font-size:6px}.listening-copy>.subtle-link{display:flex;margin:4px 0 20px}.listening{gap:7%}.edition{font-size:8px}}
@media(max-width:650px){html{scroll-padding-top:35px}.header{height:68px;padding-inline:6%}.brand{font-size:13px;letter-spacing:2px;gap:9px}.brand-symbol{transform:scale(.85)}.header nav{gap:20px;font-size:11px}.catalogue-link{display:none}.hero,.section{padding-inline:6%}.hero-top{padding-top:35px}.eyebrow{font-size:8px;letter-spacing:.8px}.edition{display:none}h1{font-size:clamp(70px,16vw,105px);margin-top:42px;margin-bottom:28px}.hero-bottom{display:block}.hero-bottom p{font-size:14px}.hero-bottom .text-link{margin-top:24px;font-size:12px}.signal-wrap{margin-top:20px}.signal{height:220px;width:115%;margin-left:-7.5%}.signal-caption{padding-bottom:20px;font-size:7px;letter-spacing:.4px}.signal-caption>span:last-child{display:none}.codes i{width:7px;height:7px}.collection{padding-block:65px}.section-heading{display:block;margin-bottom:28px}.section-intro{font-size:13px;margin-top:22px}.section-intro br{display:none}h2{font-size:41px}.collection-toolbar{overflow:auto;scrollbar-width:none}.filters{gap:22px}.filters button{font-size:11px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 17px}.artwork{padding:12px}.art-top,.art-bottom{font-size:5.5px;letter-spacing:.1px}.art-bottom>span:last-child{font-size:18px}.card h3{font-size:18px}.card p{font-size:11px}.card-details{padding-top:15px}.card-index{font-size:7px;letter-spacing:.4px}.listen{width:30px;height:30px}.pack-link{margin-top:18px}.concept-note{font-size:7px}.listening{grid-template-columns:1fr;gap:38px;padding-top:10px;padding-bottom:65px}.listening-art{aspect-ratio:1.1}.listening-copy h2{font-size:46px}.listening-copy>.subtle-link{display:inline-flex;margin-left:15px;font-size:11px}.approach{padding-block:60px}.approach-grid{grid-template-columns:1fr;gap:40px}.approach h2{font-size:65px}.approach .statement{font-size:24px}.closing{padding-block:75px 85px}.closing h2{font-size:50px}footer{flex-wrap:wrap;gap:28px}footer p{width:100%;text-align:left}dialog{padding:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Invented rhythm study; deliberately independent of the audio player. */
.monitor-wrap{margin-top:34px}.monitor{height:clamp(190px,23vw,310px);display:flex;align-items:center;overflow:hidden}.monitor svg{width:100%;height:100%;fill:none;stroke:none;overflow:visible}.monitor-baseline{stroke:#dfe3dd;stroke-width:.65;vector-effect:non-scaling-stroke}#monitor-trace{stroke:url(#trace-fade);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}#monitor-head{fill:#334c3e;stroke:var(--paper);stroke-width:2;vector-effect:non-scaling-stroke}.monitor-caption>span:first-child{display:flex;align-items:center;gap:9px}.status-light{display:inline-block;width:4px;height:4px;border-radius:50%;background:#607d67}.monitor-caption button{display:inline-flex;gap:9px;align-items:center;border:0;background:none;font:9px var(--mono);letter-spacing:.5px;padding:8px;color:var(--muted)}.monitor-caption button:hover{color:var(--ink)}.motion-icon{font-family:Arial,sans-serif;font-size:12px;line-height:1}.monitor-caption{padding-bottom:18px}@media(max-width:650px){.monitor-wrap{margin-top:26px}.monitor{height:210px}.monitor-caption button{font-size:8px;padding-right:0}.monitor-caption{font-size:7px}.monitor svg{width:100%;margin:0}}

/* SideTrax identity: original half concentric circles, in the existing palette. */
.brand .brand-symbol{display:block;width:16px;height:32px;flex:none;fill:none;stroke:none;transform:none}.hero{position:relative}.hero-logo{position:absolute;right:8%;top:126px;width:clamp(130px,14vw,215px);height:auto;aspect-ratio:1/2;color:#777c78;fill:none;stroke:none;pointer-events:none}footer .brand-symbol{width:14px;height:28px}
@media(max-width:1000px) and (min-width:651px){.hero-logo{right:6%;top:133px;width:12vw}}
@media(max-width:650px){.brand .brand-symbol{width:13px;height:26px}.hero-logo{top:96px;right:6%;width:44px;color:#929790}h1{font-size:clamp(62px,14vw,91px);letter-spacing:-.075em}.hero h1{position:relative;z-index:1}}