/* Both lines occupy the same box; no optical drift from letter-spacing. */
.brand{display:inline-flex;flex-direction:column;align-items:center;width:168px;flex-shrink:0}.brand .wordmark{width:100%;height:27px}.brand span{width:100%;text-align:center;margin-top:8px;padding-left:3.5px;line-height:1.4;font-size:8px;letter-spacing:3.5px}.workspace .brand .wordmark{width:100%}footer .brand{width:168px}
.experience{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:9%;align-items:center}.real-deck-wrap{width:100%;max-width:510px;position:relative;min-width:0}.real-deck-wrap:before{content:'';position:absolute;inset:5% -10% 12%;background:radial-gradient(ellipse,#9b51c323,transparent 70%);pointer-events:none}.real-deck{position:relative;width:100%;aspect-ratio:454/649;overflow:hidden;border-radius:5px 5px 10px 10px;background:#08090c;box-shadow:0 25px 45px #0009,0 0 0 1px #ffffff10;isolation:isolate}.deck-photo{position:absolute;width:182.379%;max-width:none;height:auto;left:-38.767%;top:-20.955%;display:block;pointer-events:none}.deck-screen{position:absolute;left:16.08%;top:7.7%;width:67.62%;height:30.35%;background:#06080d;color:#edf0f5;overflow:hidden;padding:2% 2.1% 1%;font-family:Arial,sans-serif;container-type:inline-size;box-shadow:0 0 6px #000;display:flex;flex-direction:column}.screen-nav{display:flex;justify-content:space-between;align-items:center;gap:5px;color:#b3c2d8;font-size:2.1cqw;white-space:nowrap;padding-bottom:3%;border-bottom:1px solid #27313f}.screen-nav>span:first-child{color:#81b7fc}.screen-state{color:#e3c07a}.screen-title{font-size:5.5cqw;font-weight:600;margin-top:3%;white-space:nowrap;line-height:1.2;letter-spacing:-.2px}.screen-artist{font-size:2.7cqw;color:#b6c2d2;margin-top:1.5%;white-space:nowrap}.screen-wave{height:31%;position:relative;margin-top:5%;border-block:1px solid #26303f;flex-shrink:0;background:repeating-linear-gradient(90deg,transparent 0 24.8%,#ffffff12 24.8% 25%)}.detail-wave{display:block;width:100%;height:100%}.screen-cursor{position:absolute;top:0;bottom:0;left:33%;width:1px;background:#f4f4f5;box-shadow:0 0 4px #fff5}.screen-cursor:before{content:'';position:absolute;left:-3px;top:0;border-inline:3px solid transparent;border-top:4px solid #f4f4f5}.screen-readout{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-top:4%;font-family:Arial,sans-serif;white-space:nowrap}.screen-time{font-size:7cqw;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.screen-tempo{font-size:4.5cqw}.screen-bpm{font-size:5.5cqw;border:1px solid #777d89;padding:1% 2%}.screen-readout small{font-size:2cqw;letter-spacing:0}.overview-wave{width:100%;height:13%;margin-top:4%;display:block;flex-shrink:0}.deck-seek{position:absolute;left:3%;top:75%;width:94%;height:13%;padding:0;min-height:0;margin:0;opacity:0;cursor:crosshair}.deck-seek:focus-visible{opacity:1;accent-color:#ac92e9}.screen-footer{display:flex;justify-content:space-between;gap:5px;font-size:2.1cqw;color:#a6b4ca;margin-top:auto;white-space:nowrap}.screen-remaining{font-variant-numeric:tabular-nums}.jog-display{position:absolute;left:39.4%;top:63.6%;width:21%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#202937,#0a111a 80%);border:2px solid #6ca4cf;box-shadow:0 0 0 4px #090a0d;display:grid;place-items:center;pointer-events:none}.jog-display>span{font:italic clamp(25px,3vw,43px) Georgia,serif;text-align:center;color:#dfd0f0}.jog-display small{font:5px Arial,sans-serif;color:#9edfc6;letter-spacing:1px;display:block;margin-top:2px}.jog-position{position:absolute;inset:6%;border-radius:50%;border:1px solid #4c6e8a;border-top:3px solid #eee6ff;transform:rotate(var(--rotation,0deg))}.jog-position:before{content:'';position:absolute;left:50%;top:0;height:14%;width:2px;background:white}.deck-hit{position:absolute;padding:0;background:transparent;border:0;border-radius:50%;min-height:0;touch-action:manipulation;z-index:3;transition:box-shadow .15s,background .15s}.deck-hit:hover{box-shadow:0 0 13px #b3a2e444;background:#ffffff0b}.deck-hit:active{background:#ffffff20}.deck-hit:focus-visible{outline:2px solid #e5c8ff;outline-offset:2px}.play-button{left:3.3%;top:90.6%;width:10.4%;aspect-ratio:1}.play-button[aria-pressed=true]{box-shadow:0 0 18px #64e59f65,inset 0 0 6px #66e79f55}.cue-button{left:3.3%;top:81.6%;width:10.4%;aspect-ratio:1}.search-back{left:3.7%;top:75.4%;width:4.8%;height:3.5%}.search-next{left:10%;top:75.4%;width:4.8%;height:3.5%}.hotcue{top:40.5%;height:2.5%;width:6.2%;border-radius:2px}.hotcue[data-cue="0"]{left:16%}.hotcue[data-cue="1"]{left:24.4%}.hotcue[data-cue="2"]{left:33%}.hotcue[data-cue="3"]{left:41.6%}.hotcue[data-cue="4"]{left:50.3%}.hotcue[data-cue="5"]{left:58.7%}.hotcue[data-cue="6"]{left:67.4%}.hotcue[data-cue="7"]{left:76%}.hotcue.is-selected{box-shadow:0 0 8px #a6bffe;border-bottom:2px solid #ccafff}.loop-in{left:3%;top:45.6%;width:5.5%;height:4%}.loop-out{left:10.3%;top:45.6%;width:5.5%;height:4%}.loop-exit{left:19.5%;top:46%;width:3.6%;height:3%}.loop-exit[aria-pressed=true]{box-shadow:0 0 8px #f2cc55;background:#f2cc5533}.deck-tempo{position:absolute;left:89.8%;top:71.8%;width:5.7%;height:23.5%;writing-mode:vertical-lr;direction:rtl;opacity:0;cursor:ns-resize;z-index:4;padding:0;border:0;min-height:0;touch-action:none}.deck-tempo:focus-visible{opacity:1;accent-color:#bfa1df}.tempo-cap{pointer-events:none;position:absolute;left:89.2%;top:var(--tempo-top,82%);width:6%;height:3.2%;border-radius:2px;background:linear-gradient(#515159,#15151b 44%,#95939a 46% 53%,#17171e 55%,#36363d);box-shadow:0 2px 3px #000;z-index:3}.deck-jog{position:absolute;left:23%;top:52%;width:56%;height:39%;min-height:0;padding:0;opacity:0;z-index:2;cursor:ew-resize;border-radius:50%}.deck-jog:focus-visible{opacity:.7;accent-color:#bc91e2}.deck-listen{display:flex;gap:12px;align-items:center;margin-top:23px;position:relative}.listen-indicator{width:7px;height:7px;background:#a88dbb;border-radius:50%;flex-shrink:0}.real-deck-wrap.audio-playing .listen-indicator{background:#89d9ad;box-shadow:0 0 10px #89d9ad66}.deck-listen p{margin:0;font-size:12px;line-height:1.7;color:#eee2f5}.deck-listen small{display:block;color:#baa9c9;font-size:10px}.audio-mute{margin-left:auto;background:none;border:0;border-bottom:1px solid #655072;color:#d3bfdf;font-size:10px;padding:8px 0;white-space:nowrap;min-height:38px}.deck-status{font-size:10px;line-height:1.6;min-height:16px;margin:9px 0 0}.live-waveform{max-width:1000px;width:100%;margin:0 auto;height:85px;opacity:1}.quote-wave{width:100%;height:100%;display:block}.interlude{padding-top:90px;padding-bottom:80px}
.real-deck{aspect-ratio:454/645}.deck-photo{width:176.652%;left:-38.546%;top:-21.705%}.deck-screen{left:16.3%;top:7.1%;width:68.3%;height:31.2%}.jog-display{left:39.7%;top:63.7%}.screen-footer{font-size:1.9cqw;min-height:8px}.screen-title{font-size:5cqw}.screen-wave{height:29%;margin-top:4%}.screen-readout{margin-top:3%}.overview-wave{margin-top:3%;height:12%}
@media(max-width:720px){.brand,footer .brand{width:142px}.brand .wordmark{width:100%;height:24px}.brand span{font-size:6px;letter-spacing:3px;padding-left:3px;margin-top:6px}.experience{display:flex;gap:45px}.real-deck-wrap{max-width:400px}.jog-display>span{font-size:30px}.jog-display small{font-size:4px}.deck-listen p{font-size:11px}.deck-listen small{font-size:9px}.audio-mute{font-size:9px}.live-waveform{height:65px}.interlude{padding-top:65px;padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){.jog-position{transform:none!important}}

.quote-pause{background:none;color:#bba8ce;border:0;border-bottom:1px solid #63516f;font-size:9px;padding:10px 0;min-height:36px;margin-top:12px}.deck-screen .screen-footer{line-height:1.3}.brand{vertical-align:middle}
@media(prefers-reduced-motion:reduce){.quote-pause{display:none}}