.eq-intro{padding-block:65px 50px}.eq-intro h1{font-size:clamp(44px,6.3vw,94px);line-height:1.03;font-weight:350;letter-spacing:-.055em;margin:24px 0 30px}.eq-intro>div{display:flex;justify-content:space-between;align-items:end;gap:30px}.eq-intro p{color:#9eafbd;font-size:15px;line-height:1.8;margin:0}.eq-section-line{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.16em;color:#aac8d7;border-block:1px solid #7ebacc22;padding-block:16px}.eq-demo-label{color:#8799a7}.eq-lab{background:radial-gradient(ellipse at 25% 25%,#13293988,transparent 55%),#080d13}.eq-layout{max-width:1700px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0;padding:15px clamp(15px,2.5vw,45px) 35px}.eq-theatre{min-width:0;align-self:start;position:sticky;top:0}.eq-frame{height:clamp(420px,48vw,720px);position:relative;min-width:0;isolation:isolate}.eq-frame canvas{display:block;width:100%;height:100%;position:absolute;inset:0;opacity:0;pointer-events:none;touch-action:pan-y;transition:opacity .3s}.eq-frame canvas:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}.eq-frame.is-3d canvas{opacity:1;pointer-events:auto;touch-action:none}.eq-fallback{position:absolute;inset:0;display:flex;align-items:center;padding:20px;touch-action:pan-y}.eq-fallback svg{width:100%;height:auto;overflow:visible}.eq-frame.is-3d .eq-fallback{visibility:hidden;pointer-events:none}.eq-scene-tag{position:absolute;left:24px;top:22px;display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.13em;color:#83a4b5;pointer-events:none}.eq-scene-tag i{width:4px;height:4px;background:#66cece;box-shadow:0 0 13px #66cece;border-radius:50%}.eq-viewbar{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;padding:0 15px}.eq-viewbar button{background:#101b26;color:#aebfcb;border:1px solid #6b8b9c33;border-radius:30px;padding:10px 16px;min-height:44px;font-size:11px}.eq-viewbar button[aria-pressed=true]{background:#d8edf1;color:#122029;border-color:#d8edf1;box-shadow:0 0 30px #83dce217}.eq-caption-row{display:flex;align-items:flex-start;gap:25px;justify-content:space-between;max-width:760px;margin:20px auto 0;padding:0 22px}.eq-caption-row p{font-size:11px;color:#98aeba;line-height:1.7;max-width:510px;margin:0;min-height:38px}.eq-caption-row button,.eq-legend button{font-size:10px;background:transparent;border:0;border-bottom:1px solid #98afba55;color:#c5d8e2;padding:4px 0;white-space:nowrap;min-height:35px}.eq-legend{display:flex;justify-content:center;gap:25px;align-items:center;color:#78919f;font-size:8px;letter-spacing:.1em;margin:20px 0 5px}.eq-legend span{display:flex;align-items:center;gap:6px}.eq-legend i{width:15px;height:1px;background:var(--c);box-shadow:0 0 5px var(--c)}.eq-console{border-left:1px solid #80abc01c;margin:30px 0 0;padding:15px 0 15px 28px;min-width:0}.eq-console h2{font-size:29px;letter-spacing:-.035em;font-weight:400;margin:18px 0 28px}.eq-select-label{display:block;font-size:10px;color:#a9bbc7;margin:15px 0}.eq-select-label select{display:block;width:100%;border:1px solid #6d9bb634;border-radius:4px;background:#101b26;color:#dce9ef;font-size:12px;padding:10px 8px;margin-top:6px;min-height:42px}.eq-band-actions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.eq-band-actions button{font-size:9px;background:#14222c;color:#b6cad5;border:1px solid #799aaa2b;padding:7px 9px;border-radius:4px;min-height:35px}.eq-band-actions button[aria-pressed=false]{opacity:.7;text-decoration:line-through}.eq-range{display:grid;grid-template-columns:1fr auto;font-size:11px;color:#b0c1cb;margin:24px 0;gap:12px}.eq-range output{color:#d5e7ef;font-variant-numeric:tabular-nums}.eq-range input{grid-column:1/-1;accent-color:#6bd4dc;width:100%;margin:0;height:17px;cursor:ew-resize}.eq-effect-controls{border-top:1px solid #ffffff17;margin-top:30px;padding-top:2px}.eq-effect-controls label:first-child input{accent-color:#ff9250}.eq-effect-controls label:last-child input{accent-color:#cfeffa}.eq-compare{display:flex;flex-direction:column;gap:9px;margin-top:25px}.eq-compare button{background:transparent;border:1px solid #a8bfca44;color:#c8dbe5;border-radius:3px;padding:10px;min-height:42px;font-size:11px}.eq-compare button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.eq-compare button:last-child{border-color:transparent;color:#849aa8;font-size:10px}.eq-state{font-size:9px;color:#7896a7;line-height:1.7;margin:15px 0 6px;min-height:32px}.eq-console .text-link{font-size:10px}.eq-presets{border-top:1px solid #54758c33;display:flex;justify-content:space-between;gap:50px;align-items:center;padding-block:40px}.eq-presets h3{font-size:26px;font-weight:400;letter-spacing:-.03em;margin:12px 0}.eq-presets p{max-width:430px;color:#879da9;font-size:12px;margin:0}.eq-preset-buttons{display:flex;gap:10px;flex-wrap:wrap}.eq-preset-buttons button{background:linear-gradient(135deg,#1a2a37,#101a24);border:1px solid #739caf44;color:#d1e0e8;border-radius:5px;min-width:110px;min-height:70px;font-size:12px;padding:16px}.eq-preset-buttons button:hover{border-color:#b5e9ef}.eq-preset-buttons button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.eq-lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-bottom:50px}.eq-lessons article{border-top:1px solid #b9dce135;padding-top:25px}.eq-lessons article>span{font-size:8px;letter-spacing:.14em;color:#85a1b2}.eq-lessons h3{font-size:24px;font-weight:400;margin:18px 0}.eq-lessons p{font-size:13px;color:#9cabb7;line-height:1.9}.eq-model-note{font-size:12px;color:#8e9fac;padding:22px 0;border-block:1px solid #ffffff1b;margin:25px 0 40px;max-width:900px}.eq-model-note summary{cursor:pointer;color:#c1d0da}.eq-model-note p{line-height:1.9;margin:16px 0 0}.eq-home{border-block:1px solid #4c77862b;background:radial-gradient(ellipse at center,#10293877,transparent 65%),#080d13}.eq-home .eq-frame{height:clamp(310px,46vw,640px);max-width:1200px;margin:auto}.eq-home .eq-viewbar{margin-top:-10px}.eq-home .eq-caption-row{margin-bottom:20px}.eq-home .eq-home-link{display:flex;justify-content:center;margin-top:26px}.eq-home .section-head{margin-bottom:0}.eq-home .eq-scene-tag{left:5%;top:25px}
@media(min-width:1700px){.eq-layout{grid-template-columns:minmax(0,1fr) 340px}.eq-console{padding-left:40px}}@media(max-width:1000px){.eq-layout{grid-template-columns:minmax(0,1fr) 260px}.eq-console{padding-left:20px}.eq-frame{height:500px}.eq-viewbar button{font-size:10px;padding:9px 12px}.eq-presets{gap:25px}.eq-preset-buttons{max-width:260px}.eq-preset-buttons button{min-width:105px}.eq-caption-row{gap:12px}.eq-caption-row p{font-size:10px}}
@media(max-width:760px){.eq-intro{padding-block:45px 30px}.eq-intro>div{display:block}.eq-intro p{font-size:13px;margin-bottom:15px}.eq-layout{display:block;padding:0 16px 25px}.eq-theatre{position:relative}.eq-frame{height:380px}.eq-console{border-left:0;border-top:1px solid #789aaa33;padding:28px 8px 0;margin-top:25px}.eq-console h2{font-size:32px}.eq-range{margin:22px 0}.eq-viewbar{gap:6px;padding:0}.eq-viewbar button{font-size:10px;padding-inline:12px}.eq-caption-row{padding:0 5px}.eq-section-line{font-size:7px;letter-spacing:.07em;align-items:center}.eq-demo-label{max-width:150px;text-align:right}.eq-presets{display:block;padding-block:30px}.eq-preset-buttons{margin-top:20px;max-width:none;display:grid;grid-template-columns:1fr 1fr}.eq-preset-buttons button{min-height:60px}.eq-lessons{grid-template-columns:1fr;gap:20px}.eq-lessons article{padding-top:20px}.eq-lessons h3{margin-top:12px}.eq-legend{gap:15px}.eq-scene-tag{left:10px;top:18px}.eq-home .eq-frame{height:350px}.eq-home .eq-caption-row{padding-inline:20px}}
@media(max-width:390px){.eq-frame{height:315px}.eq-viewbar button{padding-inline:11px;font-size:9px;min-height:42px}.eq-intro h1{font-size:43px}.eq-legend{gap:12px;font-size:7px}.eq-caption-row{display:block}.eq-caption-row button{margin-top:8px}.eq-home .eq-frame{height:300px}}
.eq-fallback:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}
.eq-flat-node,.eq-flat-node circle{touch-action:none;cursor:grab}
.eq-flat-node.is-inactive,.eq-flat-node.is-inactive circle{cursor:pointer}
.eq-flat-node:active,.eq-flat-node:active circle{cursor:grabbing}
.eq-keyboard-help{max-width:760px;margin:12px auto 0;padding-inline:22px;color:#90a6b3;font-size:10px;line-height:1.7}
.eq-caption-row button{white-space:normal;max-width:190px;flex-shrink:0;text-align:left}
.eq-legend{flex-wrap:wrap}
[data-equalizer] button:disabled{opacity:.5;cursor:default}
[data-equalizer] button:focus-visible,[data-equalizer] select:focus-visible,[data-equalizer] input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.eq-frame canvas{transition:none}}
.eq-kindbar{padding-block:24px 4px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:25px;align-items:center}
.eq-kindbar>div{display:flex;gap:7px}.eq-kindbar button{min-height:44px;width:155px;border:1px solid #ddc49355;background:#121d24;color:#bbced5;border-radius:4px;font-size:12px}.eq-kindbar button[aria-pressed=true]{background:#ddc493;color:#101b20}
.eq-kindbar p{min-height:42px;font-size:12px;color:#9fb4bf;line-height:1.7;margin:0}
.eq-inspector{margin:24px 20px 0;padding:24px;border:1px solid #a2c0cc30;border-radius:10px;background:linear-gradient(135deg,#182630bb,#0b121a)}
.eq-inspector-head{display:flex;gap:15px;justify-content:space-between;align-items:end}.eq-inspector h3{font-weight:400;font-size:24px;margin:9px 0 0}.eq-inspector-head>output{font:18px Georgia,serif;color:#ddc493;white-space:nowrap;min-width:90px;text-align:right}
.eq-probe-label{display:block;font-size:11px;color:#9db4bf;margin:22px 0}.eq-probe-label input{display:block;width:100%;accent-color:#ddc493;margin-top:12px;height:28px}
.eq-sum-row{display:grid;grid-template-columns:145px minmax(30px,1fr) 80px;gap:14px;align-items:center;min-height:37px;font-size:11px;color:#a4b9c3}.eq-sum-row>div{height:3px;background:#ffffff14;position:relative}.eq-sum-row>div:before{content:'';position:absolute;left:50%;top:-3px;width:1px;height:9px;background:#a3b2b866}.eq-sum-row i{position:absolute;height:3px;background:#42c9d6}.eq-sum-row output{text-align:right;color:#deeeeb;font-variant-numeric:tabular-nums}.eq-sum-row[data-sum=effects] i{background:#e6c3a3}.eq-sum-row[data-sum=combined] i{background:#ddc493}.eq-sum-row[data-sum=combined]{border-top:1px solid #ffffff16;margin-top:5px;padding-top:6px;color:#ddc493}
.eq-probe-copy{font-size:11px;color:#91a8b6;line-height:1.7;min-height:40px;margin:17px 0 8px}.eq-inspector details{font-size:11px;color:#91a8b6}.eq-inspector details p{line-height:1.8}.eq-inspector summary{cursor:pointer;color:#ddc493;min-height:30px}.eq-inspector code{display:block;line-height:2;overflow-wrap:anywhere;font-size:10px}
.eq-graphic-rack{margin:16px 20px 0;padding:22px;border:1px solid #a2c0cc30;border-radius:10px;background:linear-gradient(150deg,#152028,#080d14);transition:border-color .2s}.eq-rack-caption{display:flex;justify-content:space-between;gap:18px;min-height:40px;font-size:11px;color:#b8ced6}.eq-rack-caption strong{font-weight:500}.eq-rack-caption span{color:#7f96a1;font-size:10px}
.eq-faders{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin-top:10px}.eq-faders label{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 0;border:1px solid transparent;border-radius:6px;background:#15202970;min-width:0;font-size:10px;color:#8ba9b6}.eq-faders label[data-selected=true]{border-color:#ddc49360;box-shadow:inset 0 0 30px #ddc49310}.eq-faders input{writing-mode:vertical-lr;direction:rtl;width:22px;height:130px;accent-color:#ddc493;cursor:ns-resize}.eq-faders output{font-size:9px;white-space:nowrap;color:#c6e1e8;font-variant-numeric:tabular-nums;min-height:14px}.eq-faders input:disabled{opacity:.3}
.eq-spread-label{max-width:650px;margin:20px auto;display:grid;grid-template-columns:120px 1fr 40px;gap:12px;align-items:center;padding:0 20px;font-size:10px;color:#a9bec7}.eq-spread-label input{width:100%;accent-color:#ddc493;height:25px;margin:0}.eq-spread-label output{text-align:right;color:#ddc493;font-variant-numeric:tabular-nums}
.eq-viewbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:780px;margin:auto}.eq-viewbar button{padding-inline:5px}.eq-band-actions{display:grid;grid-template-columns:1fr 1fr;min-height:78px}.eq-band-actions button:last-child{grid-column:1/-1}.eq-compare button{width:100%}
@media(max-width:760px){.eq-kindbar{display:block;padding-top:18px}.eq-kindbar>div{display:grid;grid-template-columns:1fr 1fr}.eq-kindbar button{width:100%;font-size:11px}.eq-kindbar p{margin-top:13px;min-height:62px;font-size:11px}.eq-inspector,.eq-graphic-rack{margin-inline:0;padding:18px 14px}.eq-inspector-head{align-items:start}.eq-inspector h3{font-size:20px}.eq-inspector-head>output{font-size:16px;min-width:75px}.eq-inspector .eyebrow{font-size:7px}.eq-sum-row{grid-template-columns:114px minmax(16px,1fr) 65px;gap:8px;font-size:10px}.eq-probe-copy{min-height:58px}.eq-faders{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.eq-rack-caption{display:block;min-height:55px}.eq-rack-caption span{display:block;margin-top:8px}.eq-faders input{height:100px}.eq-spread-label{grid-template-columns:95px 1fr 35px;padding-inline:0;gap:8px}.eq-viewbar{grid-template-columns:repeat(3,minmax(0,1fr))}.eq-viewbar button{min-height:44px}.eq-caption-row p{min-height:75px}.eq-caption-row button{min-height:40px;margin-top:0}.eq-console{margin-top:30px}}

/* Both control banks occupy the same area; changing mode keeps the graph and
   the following controls still, with GEq faders beside the live curve. */
.eq-control-stack{display:grid;grid-template-columns:minmax(0,1fr);min-height:548px}
.eq-parametric-controls,.eq-control-stack>.eq-graphic-rack{grid-area:1/1;align-self:start}
.eq-control-stack>.eq-graphic-rack{margin:0;padding:18px 10px;visibility:hidden;pointer-events:none}
[data-equalizer][data-eq-kind-state=graphic] .eq-parametric-controls{visibility:hidden;pointer-events:none}
[data-equalizer][data-eq-kind-state=graphic] .eq-control-stack>.eq-graphic-rack{visibility:visible;pointer-events:auto}
.eq-console .eq-faders{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 5px}
.eq-console .eq-faders input{height:125px}.eq-console .eq-faders output{font-size:8px}
.eq-console .eq-rack-caption{display:block;min-height:77px;line-height:1.7}.eq-console .eq-rack-caption span{display:block;margin-top:10px;min-height:35px}
@media(max-width:760px){.eq-control-stack{min-height:565px}.eq-console .eq-faders input{height:125px}.eq-console .eq-faders output{font-size:9px}}