@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/7cHpv4kjgoGqM7EPCw.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/7cHqv4kjgoGqM7E3_-gc4A.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/7cHqv4kjgoGqM7E30-8c4A.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B4-Lw_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B4873_3E.ttf) format('truetype');
}


:root{--black:#08090b;--paper:#f2f0ec;--muted:#aaa9af;--rule:#2b2c31;--spectrum:linear-gradient(100deg,#22d4ec,#7777ff 30%,#bc50e8 55%,#f382b1 75%,#ffc36b)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--black);color:var(--paper);font-family:'Barlow',Arial,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button,summary,select{cursor:pointer}h1,h2,h3,p{margin:0}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #55d0ed;outline-offset:5px}::selection{background:#bc50e8;color:#fff}
.nav{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:28px 5%}.nav img,footer img{display:block;object-fit:contain}.nav img{width:145px;height:auto}.nav nav{display:flex;gap:32px;font-size:14px}.nav a:hover{color:#fff}.nav:after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--spectrum)}
.landing{height:100svh;min-height:740px;position:relative;overflow:hidden;background:#05070b}.stage{position:absolute;inset:0}canvas{width:100%;height:100%;display:block}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#08090b 0%,#08090bc4 18%,transparent 55%),linear-gradient(90deg,#08090b65,transparent 65%)}.hero-copy{position:absolute;bottom:15%;left:6%;max-width:620px}.hero-copy .eyebrow{display:block;margin-bottom:20px;color:#c0bac9;font-size:12px}.hero-copy h1{font-size:clamp(48px,5.6vw,80px);letter-spacing:-.055em;font-weight:500;line-height:1.04;margin-bottom:24px}.hero-copy h1 span{color:#c7c5ca}.promise{font-size:18px;line-height:1.6;color:#d2cfd4}.primary{display:inline-flex;gap:28px;align-items:center;margin-top:26px;padding:10px 0;border-bottom:1px solid #ddd;font-size:14px}.primary:hover{border-color:#55d0ed}.primary span{color:#55d0ed}
.ambient-controls{position:absolute;bottom:35px;left:6%;right:5%;display:flex;align-items:center;justify-content:flex-end;gap:20px}.palette-control{display:flex;align-items:center;gap:12px;margin-right:auto}.palette-control label{font-size:13px;color:#bdb9c4}.palette-control select{color:var(--paper);background:#101114;border:1px solid #45464e;border-radius:2px;padding:10px 30px 10px 12px;min-height:44px;font-size:14px}.palette-control select option{background:#101114}.ambient-controls button{background:transparent;border:0;border-bottom:1px solid #6b6972;color:#d6d2db;padding:10px 0;min-height:44px;font-size:13px}.ambient-controls #pause-motion{width:36px;border:0}.scroll-cue{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}


.section-shell{max-width:1320px;padding:100px 6%;margin:auto}.section-label{font-size:13px;color:#a69fab;margin-bottom:28px}.section-shell h2{font-size:clamp(38px,4.9vw,66px);line-height:1.08;letter-spacing:-.045em;font-weight:500}.belief{display:grid;grid-template-columns:1.1fr 1fr;gap:24px 70px}.belief .section-label{grid-column:1/-1;margin:0}.belief>div{padding-top:4px}.belief p:not(.section-label),.how-intro>p:last-child,.listening-columns p,.closing-story>p:not(.section-label){font-size:18px;line-height:1.7;color:#b8b3bd}.belief p+p{margin-top:24px}.how{padding-top:30px}.how-intro{display:grid;grid-template-columns:1fr 1fr;gap:24px 80px;align-items:end;margin-bottom:45px}.how-intro .section-label{grid-column:1/-1;margin:0}.workflow-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border-bottom:1px solid #37313d}.workflow-tabs button{padding:18px 0;color:#9f98a8;font-size:16px;text-align:left;background:none;border:0;border-bottom:3px solid transparent}.workflow-tabs button[aria-selected=true]{color:#f2f0ec;border-color:#b39afb}.workflow-tabs button:hover{color:white}.workflow-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;padding:48px 0;min-height:440px;align-items:center}.workflow-panel[hidden]{display:none}.panel-copy h3{font-size:clamp(29px,3.2vw,44px);font-weight:500;line-height:1.12;letter-spacing:-.035em;margin-bottom:22px}.panel-copy>p{font-size:17px;line-height:1.65;color:#b9b4c0}.panel-copy .interaction-hint{font-size:13px;color:#9992a2;margin-top:22px}.patch-readout{margin-top:28px;border-left:2px solid #af97ed;padding-left:16px;display:grid;gap:9px}.patch-readout>span{font-size:13px;color:#b8b1c0}.patch-readout strong{font-weight:400;font-size:21px}.patch-readout strong>span:first-child{color:#77717f;margin:0 9px}.visual-label{display:block;font-size:11px;color:#9c95a6;margin-bottom:22px}.rig-diagram,.audio-diagram,.palette-exhibit,.connection-diagram{background:#121016;padding:28px;min-width:0}.room-outline{height:245px;border:1px solid #51455d;position:relative;background:linear-gradient(#ad94ed04,#ad94ed0b)}.booth-label{position:absolute;top:18px;left:35%;right:35%;padding:9px 0;text-align:center;border:1px solid #4e4556;font-size:11px;color:#a39aaa}.truss-line{position:absolute;left:10%;right:10%;top:80px;height:5px;border-top:1px solid #5f526a;border-bottom:1px solid #5f526a}.fixture-dot{position:absolute;width:44px;height:52px;background:transparent;border:0;color:#aaa0b9;font-size:10px;display:grid;justify-items:center;gap:6px;padding:7px}.fixture-dot span{display:block;width:13px;height:13px;border:1px solid #b4a1d4;background:#393046;border-radius:50%}.fixture-dot[aria-pressed=true] span{background:#bd9bff;box-shadow:0 0 0 7px #bd9bff14}.fixture-dot:hover span{border-color:white}.dot-a{left:15%;top:68px}.dot-b{right:15%;top:68px}.dot-c{left:15%;bottom:27px}.dot-d{right:15%;bottom:27px}.floor-label{position:absolute;left:35%;right:35%;top:155px;font-size:12px;text-align:center;color:#807486;pointer-events:none}.visual-caption{font-size:11px!important;line-height:1.6;color:#8f879a;margin-top:20px}.route-row{display:grid;grid-template-columns:1fr .7fr 1fr;align-items:center;padding:30px 0;border-bottom:1px solid #302936;font-size:14px;gap:8px}.route-row strong{font-size:23px;font-weight:500}.route-row b{font-size:11px;color:#ad96d7;font-weight:400;text-align:center}.route-row>span:last-child{text-align:right}.route-row:first-child strong{text-align:right}.listening-state{display:flex;justify-content:space-between;gap:20px;margin-top:25px;color:#b69bed;font-size:18px}#energy-trace{display:block;width:100%;height:auto;overflow:hidden;margin-top:25px}.trace-labels{display:flex;justify-content:space-between;font-size:11px;color:#b2a9bd;margin-top:14px}.palette-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.palette-options button{background:transparent;border:1px solid transparent;color:#b6aebe;padding:10px;text-align:left;font-size:13px}.palette-options button[aria-pressed=true]{border-color:#a88cd4;color:white}.palette-options i{display:block;height:58px;background:var(--swatch);margin-bottom:14px}.text-link{font-size:13px;text-decoration:underline;text-underline-offset:5px;display:inline-block;margin-top:30px}.workflow-note{font-size:11px;color:#817989;margin-top:0}.listening{border-top:1px solid #332d3a;padding-top:80px}.listening-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:45px}.listening-columns h3{font-size:21px;font-weight:500;margin-bottom:17px}.listening-columns p{font-size:16px}.closing-story{padding-top:35px}.closing-story>p:not(.section-label){max-width:640px;margin-top:30px}.closing-story small{display:block;font-size:12px;color:#a39aaa;margin-top:20px}footer{margin:0 6%;padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #302d36}footer>span{font-size:12px;color:#9d96a8}.hero-copy h1{font-size:clamp(48px,5.8vw,82px)}.hero-copy{bottom:16%}.hero-copy .eyebrow{font-size:12px;color:#bcb5c9}.hero-copy h1 span{color:#c5b3ec}
@media(max-width:760px){.nav{padding:24px 6%}.nav img{width:118px}.nav nav{gap:18px;font-size:12px}.landing{min-height:800px;max-height:1100px}.hero-copy{left:6%;right:6%;bottom:20%}.hero-copy h1{font-size:clamp(45px,10vw,68px)}.promise{font-size:16px}.desktop{display:none}.ambient-controls{bottom:25px;gap:14px;flex-wrap:wrap}.palette-control{width:100%;justify-content:space-between}.palette-control select{flex:1;max-width:230px}.ambient-controls button{padding:6px 0}.shade{background:linear-gradient(0deg,#08090b 0%,#08090bcc 30%,transparent 75%)}.section-shell{padding-top:65px;padding-bottom:65px}.belief,.how-intro,.workflow-panel,.listening-columns{grid-template-columns:1fr;gap:28px}.belief p:not(.section-label),.how-intro>p:last-child{font-size:17px}.how{padding-top:0}.workflow-tabs{gap:8px;grid-template-columns:1fr 1fr}.workflow-tabs button{font-size:14px;padding:16px 0}.workflow-panel{padding:30px 0;min-height:0}.rig-diagram,.audio-diagram,.palette-exhibit,.connection-diagram{padding:20px}.panel-copy h3 br{display:none}.room-outline{height:230px}.listening{padding-top:55px}.closing-story{padding-top:0}.listening-columns{margin-top:30px;gap:35px}.route-row{font-size:12px}.route-row strong{font-size:20px}footer{flex-wrap:wrap}footer>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* October 19: open product narrative, independent of the preserved hero and belief. */
.product-story{background:#eeeae5;color:#29242e;margin-top:25px}.story-width{max-width:1320px;margin:auto;padding:90px 6%}.story-label{font-size:13px;color:#89818f;margin-bottom:24px}.product-story .story-label{color:#746976}.story-width h2{font-size:clamp(36px,4.3vw,58px);line-height:1.08;letter-spacing:-.04em;font-weight:500}.setup-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.story-copy>p:not(.story-label){font-size:17px;line-height:1.7;max-width:405px;margin-top:25px;color:#645c68}.room-study{margin:0;min-width:0}.room-study svg{display:block;width:100%;height:auto}.room-study figcaption{font-size:10px;color:#807580;line-height:1.6;padding-top:16px}.connect-story{display:grid;grid-template-columns:1.15fr 1fr;gap:30px 75px;padding-top:0}.connect-copy{font-size:17px;line-height:1.7;color:#645c68;align-self:end}.signal-map{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:45px 0 20px}.signal-source{display:flex;flex-direction:column;gap:15px}.signal-source>span{font-size:10px;letter-spacing:.09em;color:#817683}.signal-source strong{font-size:26px;font-weight:400;letter-spacing:-.03em}.signal-arrow{color:#94869e;font-size:28px}.signal-center{background:#111014;min-width:230px;padding:30px 35px;display:grid;justify-items:center;gap:12px}.signal-center img{object-fit:contain}.signal-center small{color:#b6a9c4;font-size:12px}.connection-note{grid-column:1/-1;font-size:11px;color:#837783;line-height:1.6}.performance-story{padding-top:110px}.performance-story h2{font-size:clamp(40px,5.3vw,72px)}.performance-story h2>span{color:#b7a3d5}.performance-copy{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:35px}.performance-copy p{font-size:18px;line-height:1.7;color:#b0a8b9}.music-sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px}.music-sequence h3{font-size:22px;font-weight:500;margin:25px 0 12px}.music-sequence p{font-size:14px;line-height:1.6;color:#aaa0b4}.energy-mark{display:block;height:65px;background:repeating-linear-gradient(90deg,#c5aedc 0 2px,transparent 2px 15px);width:100%;transform-origin:left bottom}.calm{clip-path:polygon(0 80%,20% 73%,40% 80%,60% 70%,80% 80%,100% 75%,100% 100%,0 100%);opacity:.5}.rise{clip-path:polygon(0 85%,100% 0,100% 100%,0 100%);opacity:.8}.impact{background:repeating-linear-gradient(90deg,#dab2e7 0 3px,transparent 3px 15px);clip-path:polygon(0 0,12% 60%,25% 5%,40% 50%,55% 0,72% 60%,85% 20%,100% 45%,100% 100%,0 100%)}.small-note{font-size:11px;color:#82758e;line-height:1.6;margin-top:40px}.control-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid #302836;padding-top:70px}.control-story>div>p:not(.story-label){font-size:17px;line-height:1.7;color:#aaa1b4;max-width:450px;margin-top:25px}.color-selection{align-self:center;min-width:0}.color-selection>p:first-child{margin-top:0!important;font-size:14px!important}.color-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.color-buttons button{background:none;border:0;border-bottom:2px solid transparent;color:#a59aaf;font-size:11px;padding:0 0 12px;text-align:left}.color-buttons button span{display:block;height:50px;background:var(--colors);margin-bottom:14px}.color-buttons button[aria-pressed=true]{color:white;border-color:#baa2d9}.color-buttons button:hover{color:white}.color-selection #palette-feedback{font-size:11px;line-height:1.6;margin-top:20px;min-height:35px}.story-link{display:inline-block;font-size:14px;text-decoration:underline;text-underline-offset:6px;margin-top:10px}.next-story{border-top:1px solid #302836;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:65px;padding-bottom:70px}.release-copy{padding-top:10px}.release-copy p{font-size:15px;line-height:1.7;color:#a59aaf;margin-bottom:20px}.release-copy>span{font-size:12px;color:#c0b3ce}
@media(max-width:760px){.story-width{padding-top:55px;padding-bottom:55px}.setup-story,.connect-story,.performance-copy,.control-story,.next-story{grid-template-columns:1fr;gap:30px}.room-study{margin-top:-10px}.connect-story{padding-top:0}.signal-map{gap:14px;flex-direction:column;align-items:stretch;padding-top:10px}.signal-source{flex-direction:row;justify-content:space-between;align-items:center}.signal-source strong{font-size:23px}.signal-arrow{align-self:center;transform:rotate(90deg)}.signal-center{min-width:0}.performance-copy{gap:20px}.music-sequence{gap:24px;grid-template-columns:1fr;margin-top:35px}.music-sequence>div{display:grid;grid-template-columns:75px 1fr;column-gap:25px}.energy-mark{grid-row:1/3;height:55px;align-self:center}.music-sequence h3{margin:0 0 8px;font-size:20px}.music-sequence p{grid-column:2}.small-note{margin-top:28px}.color-buttons{gap:9px}.color-buttons button{font-size:10px}.next-story{gap:25px}.release-copy{padding-top:0}}

.signal-source.cdj-source{align-items:center;gap:15px}.cdj-source img{display:block;width:200px;height:auto}.signal-source .cdj-caption{font-size:11px;letter-spacing:0;color:#746976}@media(max-width:760px){.signal-source.cdj-source{flex-direction:column}.cdj-source img{width:180px}}

.software-routing{grid-column:1/-1;display:grid;grid-template-columns:minmax(150px,1fr) 34px minmax(180px,230px) 65px minmax(225px,1.3fr);align-items:center;padding:35px 0 10px;gap:12px}.software-input{display:flex;flex-direction:column;align-items:flex-start;gap:23px}.route-label{display:block;font-size:10px;letter-spacing:.09em;color:#817683}.software-input>img{object-fit:contain;object-position:left;max-width:100%;filter:brightness(0);opacity:.78}.software-input>small{font-size:12px;color:#776b7c}.future-link{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:#756879;padding-top:12px;border-top:1px solid #d2c9d4;width:100%}.future-link em{font-style:normal;font-size:10px;color:#93849b}.route-entry{font-size:28px;color:#94869e}.routing-lumen{min-width:0;padding:30px 20px}.route-fork{height:170px;position:relative;border-right:1px solid #a496b0}.route-fork:before{content:'';position:absolute;width:100%;height:1px;background:#a496b0;top:50%;left:0}.route-fork:after,.route-fork span:after{content:'→';position:absolute;right:-19px;top:-12px;color:#a496b0;font-size:20px}.route-fork span:after{top:auto;bottom:-11px}.route-outputs{display:grid;gap:40px;padding-left:16px}.output-lane{display:flex;align-items:center;gap:18px;min-height:130px}.output-lane svg{width:46px;height:65px;flex-shrink:0;color:#746579}.output-lane strong{display:block;font-size:25px;letter-spacing:-.03em;font-weight:400;margin:10px 0}.output-lane small{display:block;font-size:11px;color:#837588;line-height:1.5}@media(max-width:900px){.software-routing{grid-template-columns:1fr;justify-items:center;gap:22px}.software-input{align-items:center;width:230px}.software-input>img{object-position:center}.future-link{justify-content:center}.route-entry{transform:rotate(90deg)}.routing-lumen{width:240px}.route-fork{width:1px;height:30px;border:0;background:#a496b0}.route-fork:before,.route-fork:after,.route-fork span:after{display:none}.route-outputs{grid-template-columns:1fr 1fr;width:100%;gap:25px;padding:20px 0 0;border-top:1px solid #c6b9cd}.output-lane{flex-direction:column;text-align:center;gap:8px;min-height:0}.output-lane strong{font-size:22px}.output-lane small{font-size:10px}}

.color-buttons button{line-height:1.5;overflow-wrap:normal}.routing-lumen small{text-align:center;line-height:1.5}.hero-copy .promise{max-width:620px}

.control-story.expanded-controls{display:block}.expanded-controls .controls-heading{max-width:820px}.expanded-controls .controls-heading>p:not(.story-label){max-width:650px}.control-details{display:grid;grid-template-columns:1fr 1fr;gap:0 65px;margin-top:45px}.control-details article{border-top:1px solid #302836;padding:28px 0 32px}.control-details h3{font-size:22px;font-weight:500;letter-spacing:-.02em;margin:0 0 13px}.control-details p{font-size:16px;line-height:1.7;color:#aaa1b4;max-width:480px}.expanded-controls .controls-note{font-size:11px;line-height:1.6;color:#8c8098;margin:5px 0 32px}.expanded-controls .color-selection{display:grid;grid-template-columns:1fr 1.2fr;gap:0 50px;padding:30px 0 0;border-top:1px solid #302836}.expanded-controls .color-selection>p:first-child{font-size:17px!important;align-self:center}.expanded-controls .color-buttons{margin-top:0;grid-column:2;grid-row:1/4}.expanded-controls #palette-feedback{margin-top:15px;min-height:0}.expanded-controls .story-link{margin-top:12px;justify-self:start}@media(max-width:760px){.control-details{grid-template-columns:1fr;margin-top:32px}.control-details article{padding:23px 0}.expanded-controls .color-selection{display:block}.expanded-controls .color-buttons{margin-top:22px}.expanded-controls .controls-heading h2{font-size:36px}}