@layer site{.pipeline{position:relative;isolation:isolate;overflow-x:clip;padding-bottom:clamp(56px,7vw,100px);background:radial-gradient(ellipse 640px 520px at 12% 22%,rgba(90,182,238,.1),transparent 70%),radial-gradient(ellipse 700px 560px at 90% 38%,rgba(160,70,200,.11),transparent 70%),radial-gradient(ellipse 640px 520px at 8% 58%,rgba(70,120,200,.1),transparent 70%),radial-gradient(ellipse 700px 560px at 92% 80%,rgba(227,80,76,.08),transparent 70%)}.pipeline:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(246,242,234,.075) 1px,transparent 1.6px);background-size:30px 30px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 160px,#000 calc(100% - 160px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 160px,#000 calc(100% - 160px),transparent 100%)}.pipe-intro{padding-top:clamp(16px,2vw,32px);text-align:center}.pipe-intro h2{font:600 clamp(38px,4.8vw,72px)/1.02 var(--serif);letter-spacing:-.018em}.pipe-intro p{margin:clamp(14px,1.4vw,20px) auto 0;max-width:520px;font-size:clamp(17px,1.5vw,21px);line-height:1.4;color:#f6f2ead1}.rack-cable{position:relative;z-index:2;width:min(360px,calc(100% - 2 * var(--gutter)));margin:-10px auto;pointer-events:none}.pipe-intro+.rack-cable{margin-top:clamp(28px,3vw,44px)}.rack-cable svg{display:block;width:100%;height:auto;overflow:visible}.cable-pulse{stroke:#fffc;stroke-width:2.2;stroke-dasharray:2.4 22.6;stroke-dashoffset:0}@keyframes cable-flow{to{stroke-dashoffset:-25}}.cable-tag{position:absolute;transform:translate(-50%,-50%);padding:5px 9px 4px;border:1.5px solid var(--c);border-radius:999px;background:#0e0d13e6;font:650 10px/1 var(--body);letter-spacing:.14em;color:#f6f2ea;box-shadow:0 6px 18px #00000073}.rack-module{position:relative;width:min(1080px,calc(100% - 2 * var(--gutter)));margin-inline:auto;border-radius:30px;background:linear-gradient(180deg,#1c1a25e6,#111017eb);border:1.5px solid rgba(255,255,255,.12);box-shadow:0 40px 90px #00000080,inset 0 1px #ffffff0f}.rack-module:before,.rack-module:after{content:"";position:absolute;left:50%;z-index:1;width:190px;height:22px;border-radius:999px;background:#0d0c12;border:1.5px solid rgba(255,255,255,.14);transform:translate(-50%)}.rack-module:before{top:-11px}.rack-module:after{bottom:-11px}.rack-head{position:relative;z-index:0;display:flex;align-items:center;gap:14px;min-height:46px;padding:0 clamp(16px,2.4vw,26px);border-radius:28px 28px 0 0;background:var(--mod);color:#f6f2ea;font:600 14px/1.2 var(--body);letter-spacing:.01em}.rack-no{font-weight:650;font-size:12px;letter-spacing:.16em;opacity:.7;font-variant-numeric:tabular-nums}.rack-name{flex:1;min-width:0}.rack-out{flex:none;max-width:46%;font-weight:500;font-size:13px;letter-spacing:.01em;text-align:right;opacity:.78}.rack-body{padding:clamp(28px,4.4vw,60px) clamp(22px,4.4vw,60px) clamp(32px,4.6vw,60px)}.rack-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,60px);align-items:center}.rack-module h2{font:600 clamp(34px,4vw,58px)/1.03 var(--serif);letter-spacing:-.018em}.rack-module h3{font-weight:600;letter-spacing:-.012em}.rack-copy p{margin-top:clamp(14px,1.4vw,20px);max-width:470px;font-size:clamp(17px,1.4vw,19px);line-height:1.45;color:#f6f2ead1}.rack-copy-wide{max-width:660px;margin-bottom:clamp(28px,3.4vw,48px)}.rack-footnote{margin-top:22px;font-size:13px;color:var(--faint)}.readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 clamp(22px,4.4vw,60px) clamp(28px,4vw,52px);border-radius:20px;overflow:hidden;background:#ffffff14}.readouts div{padding:20px clamp(16px,2vw,26px) 22px;background:#08080c9e}.readouts dt{font:500 clamp(40px,4.6vw,64px)/1 var(--body);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#f6f2ea}.readouts dd{margin:10px 0 0;font-size:14px;line-height:1.35;color:var(--muted)}.world-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}.world-chips li{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}.world-chips img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:clamp(16px,1.8vw,24px);box-shadow:0 18px 40px #00000073,0 0 0 1.5px #ffffff29}.world-chip-name{margin-top:12px;font:600 clamp(19px,1.8vw,24px)/1.1 var(--serif)}.world-chip-note{margin-top:4px;font:650 10px/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#f6f2ea9e}.roll{padding:18px 18px 20px;border-radius:22px;background:#08080c9e;border:1px solid rgba(255,255,255,.09)}.roll-lanes{position:relative;display:grid;gap:10px;padding-top:26px;container-type:inline-size;overflow:clip;border-radius:12px}.roll-lane{position:relative;display:block;height:46px;border-radius:10px;background:#ffffff0a;color:var(--c);overflow:hidden}.roll-lane svg{position:absolute;inset:9px 0;width:100%;height:28px}.roll-name{position:absolute;z-index:2;left:10px;top:5px;font:650 10px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#f6f2eab8}.roll-playhead{position:absolute;z-index:3;top:0;bottom:0;left:0;width:2px;background:#f6f2ea;box-shadow:0 0 14px #f6f2eacc;transform:translate(30cqw)}.roll-ahead{position:absolute;top:0;bottom:0;left:2px;width:34cqw;background:linear-gradient(90deg,#f6f2ea33,#f6f2ea08);border-top:2px solid rgba(246,242,234,.5)}.roll-tag{position:absolute;top:3px;left:8px;padding:0;font:650 9.5px/1.1 var(--body);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:#f6f2ea}.roll-tag-now{left:auto;right:8px;opacity:.7}.roll-ahead .roll-tag{top:3px}@keyframes roll-play{0%{transform:translate(0);opacity:0}5%{opacity:1}95%{opacity:1}to{transform:translate(100cqw);opacity:0}}.evidence-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(16px,3vw,40px);padding:0 clamp(22px,4.4vw,60px) clamp(28px,4vw,52px)}.evidence-row .evidence-note{flex:1 1 100%;text-align:center}.evidence img{display:block;width:100%;height:auto;border-radius:18px;border:1.5px solid rgba(255,255,255,.18);box-shadow:0 30px 70px #0000008c}.evidence-clock{width:clamp(150px,22vw,230px);transform:rotate(-2.5deg)}.evidence-random{width:clamp(200px,30vw,340px);transform:rotate(2deg)}.evidence-note{margin-top:14px;font-size:13px;color:var(--faint)}.evidence-lens{max-width:620px;margin:clamp(28px,3.6vw,48px) auto 0}.evidence-lens .evidence-note{text-align:center}.channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}.channel{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:18px 18px 20px;border-radius:22px;background:#08080c99;border:1px solid rgba(255,255,255,.09)}.channel-wave{display:block;width:100%;height:56px;border-radius:12px;background:#ffffff0a}.channel h3{padding-right:34px;font-size:clamp(20px,1.8vw,24px);line-height:1.12}.channel-readout{margin-top:auto;font-size:14px;line-height:1.35;color:var(--muted)}.channel-readout strong{display:block;font:500 36px/1 var(--body);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#f6f2ea}.meter{position:absolute;right:18px;top:92px;display:flex;align-items:flex-end;gap:3px;height:26px}.meter i{display:block;width:3px;height:100%;border-radius:2px;background:linear-gradient(0deg,#78d46a,#f0c64a);transform-origin:bottom;transform:scaleY(calc(.32 + var(--i) * .12))}.knobs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,1.2vw,14px)}.knob-card{display:flex;flex-direction:column;min-width:0;text-align:left}.knob-stops{margin:12px 2px 0;font:560 11.5px/1.3 var(--body);letter-spacing:.01em;text-wrap:balance;color:#f6f2ea99}.knob-card p{margin-top:6px;padding:0 2px;font-size:13.5px;line-height:1.38;color:var(--text-2)}.patches{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:clamp(22px,3vw,34px)}.patches li{display:inline-flex;align-items:center;height:42px;padding:0 16px;border-radius:999px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff24;font-size:15px;font-weight:500;color:#f6f2ea}.rack-you{background:linear-gradient(180deg,#1e1c26eb,#111017f0)}.rack-you .rack-head{color:#17151c}.inputs-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(16px,2vw,24px)}.patch-panel{padding:clamp(20px,2.4vw,30px);border-radius:22px;background:#08080c99;border:1px solid rgba(255,255,255,.09)}.patch-panel h3{margin-bottom:6px;font-size:clamp(24px,2.2vw,30px)}.patch-panel li{position:relative;display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.45;color:var(--text-2)}.patch-panel li:last-child{border-bottom:0;padding-bottom:0}.patch-panel strong{display:block;margin-bottom:2px;font-weight:600;font-size:17px;color:#f6f2ea}.jack{position:relative;flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px #141218,0 0 18px color-mix(in srgb,var(--c) 55%,transparent)}.inputs-yes .jack:after{content:"";position:absolute;right:100%;top:50%;width:clamp(14px,3vw,36px);height:6px;margin-top:-3px;margin-right:4px;border-radius:3px 0 0 3px;background:linear-gradient(90deg,transparent,var(--c))}.inputs-not .jack{background:transparent;border:2px dashed rgba(246,242,234,.35);box-shadow:inset 0 0 0 4px #0b0a0f}.inputs-not li{color:var(--muted)}.inputs-not strong{color:#f6f2ead1}.rack-you .chapter-link{margin-top:clamp(20px,2.6vw,30px);text-align:center}}@media(max-width:1000px){.knobs{grid-template-columns:repeat(3,minmax(0,1fr))}.inputs-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:860px){.rack-split,.channels{grid-template-columns:minmax(0,1fr)}.channel{display:grid;grid-template-columns:minmax(110px,40%) minmax(0,1fr);align-items:center;gap:4px 16px}.channel-wave{grid-row:1 / span 2;height:64px}.channel h3{padding-right:0}.channel-readout{margin-top:0}.channel .meter{display:none}}@media(max-width:620px){.rack-out{display:none}.rack-cable{width:min(280px,calc(100% - 2 * var(--gutter)))}.readouts{grid-template-columns:minmax(0,1fr)}.readouts div{display:flex;align-items:baseline;gap:16px;padding:16px 18px}.readouts dt{flex:none;min-width:2.2ch;font-size:40px}.readouts dd{margin:0}.world-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}.world-chip-note{display:none}.world-chip-name{font-size:18px}.knobs{grid-template-columns:repeat(2,minmax(0,1fr))}.rack-module:before,.rack-module:after{width:140px}.evidence-clock{width:42%}.evidence-random{width:52%}.roll{padding:12px}}.place-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.4vw,16px)}.place-list li{min-width:0}@media(max-width:860px){.place-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1*clamp(16px,4vw,32px));padding:0 clamp(16px,4vw,32px) 6px}.place-list::-webkit-scrollbar{display:none}.place-list li{flex:0 0 min(58vw,220px);scroll-snap-align:start}}@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.cable-pulse{animation:cable-flow linear both 6;animation-timeline:view();animation-range:cover}.roll{view-timeline:--roll block}.roll-playhead{animation:roll-play linear both;animation-timeline:--roll;animation-range:entry 40% exit 60%}}}