@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/2e482247ef29dcb9-s.3gj6ciom31zjc.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/068feab4deafcd0f-s.0_kz_z3o_slvt.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/db545dba463279ae-s.p.1cp9-4nby68jc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Fallback;src:local(Arial);ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.0%;size-adjust:98.7%}.zlh0JW_className{font-family:Archivo,Archivo Fallback;font-style:normal}.zlh0JW_variable{--font-body:"Archivo", "Archivo Fallback"}
@font-face{font-family:Michroma;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2317a31cc0da7167-s.0j9pqkz3er-71.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Michroma;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e8020468b283096f-s.p.2qpii4b6jmzj9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Michroma Fallback;src:local(Arial);ascent-override:81.64%;descent-override:18.76%;line-gap-override:0.0%;size-adjust:141.62%}.BN8FlG_className{font-family:Michroma,Michroma Fallback;font-style:normal;font-weight:400}.BN8FlG_variable{--font-panel:"Michroma", "Michroma Fallback"}
@font-face{font-family:Permanent Marker;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8c93e1fee8ce44d0-s.p.0y-3ea_6ee5g5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Permanent Marker Fallback;src:local(Arial);ascent-override:97.58%;descent-override:27.92%;line-gap-override:2.66%;size-adjust:113.69%}._6lVGSq_className{font-family:Permanent Marker,Permanent Marker Fallback;font-style:normal;font-weight:400}._6lVGSq_variable{--font-marker:"Permanent Marker", "Permanent Marker Fallback"}
:root{--room:#17100c;--room-lit:#4a2a14;--cream:#f6efe0;--cream-dim:#cdbb9f;--ink:#17100c;--alu-hi:#f1e8d3;--alu:#dccfb3;--alu-lo:#bcab88;--glass:#05080f;--blue:#49b7ff;--blue-pale:#dff1ff;--amber:#ffb648;--orange:#ff5a1f;--red:#ff3b30;--walnut:#5a3418;--walnut-lo:#3a1f0e;--dial-h:56px;--gutter:clamp(.75rem, 3vw, 2.5rem);--display:var(--font-body), "Archivo", sans-serif;--panel:var(--font-panel), "Michroma", sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--pump:1;--post:34px;--post-gap:26px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--dial-h)}body{background:var(--room);color:var(--cream);font-family:var(--display);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.55}h1,h2,h3,p,figure,ol,ul{margin:0;padding:0}ol,ul{list-style:none}a{color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}h2,h3{letter-spacing:-.02em;text-wrap:balance;font-weight:800;font-stretch:125%;line-height:1}h2{font-size:clamp(2.5rem,7vw,5.5rem)}.dial{z-index:50;height:var(--dial-h);background:radial-gradient(120% 220% at 50% 120%, #0f2a4e 0%, var(--glass) 62%);position:fixed;inset:0 0 auto;box-shadow:inset 0 -2px #1b3352,0 8px 22px #05080f8c}.dial-track{max-width:1320px;height:100%;margin:0 auto;position:relative}.dial-ticks{background:repeating-linear-gradient(90deg,#2f7fc0 0 1px,#0000 1px 10px);border-right:1px solid #2f7fc0;height:7px;position:absolute;bottom:7px;left:8%;right:8%}.dial-station{color:#8fcbf7;min-width:44px;font-family:var(--panel);text-transform:uppercase;transition:color .3s var(--ease), text-shadow .3s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 .6rem;text-decoration:none;display:flex;position:absolute;top:0;bottom:14px;transform:translate(-50%)}.dial-freq{color:#5d9fd0;font-size:.56rem}.dial-label{letter-spacing:.06em;font-size:.7rem}.dial-station:hover,.dial-station[aria-current]{color:#fff;text-shadow:0 0 12px var(--blue)}.dial-pointer{background:var(--red);width:3px;transition:left .35s var(--ease);pointer-events:none;border-radius:2px;margin-left:-1.5px;position:absolute;top:5px;bottom:3px;box-shadow:0 0 10px 1px #ff3b30cc}.rx{width:min(1320px, 100% - 2 * var(--gutter));filter:drop-shadow(0 28px 26px #0000008c);grid-template-columns:clamp(10px,2.4vw,36px) minmax(0,1fr) clamp(10px,2.4vw,36px);margin:0 auto;display:grid}.rx-cheek{background:repeating-linear-gradient(178deg, #0000002e 0 2px, transparent 2px 9px), linear-gradient(90deg, var(--walnut-lo), var(--walnut) 45%, #7a4a24 60%, var(--walnut-lo));border-radius:6px 0 0 6px}.rx-cheek:last-child{border-radius:0 6px 6px 0}.rx-face{color:var(--ink);background:repeating-linear-gradient(90deg, #ffffff17 0 1px, #17100c0d 1px 2px, transparent 2px 5px), linear-gradient(180deg, var(--alu-hi) 0%, var(--alu) 48%, var(--alu-lo) 100%);padding:clamp(.9rem,2.4vw,2rem) clamp(.9rem,2.6vw,2.25rem) clamp(1rem,2.4vw,2rem);box-shadow:inset 0 2px #ffffffb3,inset 0 -3px #17100c40}.rx-top{flex-wrap:wrap;align-items:baseline;gap:.25rem 1.5rem;margin-bottom:clamp(.75rem,1.8vw,1.4rem);display:flex}.rx-name{font-family:var(--panel);letter-spacing:.06em;text-shadow:0 1px #ffffffa6;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:400;line-height:1}.rx-model{font-family:var(--panel);letter-spacing:.14em;text-transform:uppercase;font-size:clamp(.7rem,1.3vw,.95rem)}.rx-power{font-family:var(--panel);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.5rem;margin-left:auto;font-size:.6rem;display:inline-flex}.rx-power i{background:radial-gradient(circle at 35% 30%, #ffd9a8, var(--orange) 55%, #a72d06);border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px 2px #ff5a1fb3,inset 0 0 0 1px #17100c66}.rx-glass{background:radial-gradient(90% 130% at 78% 110%, #49b7ff6b 0%, #0d3b7840 42%, #05080f00 74%), var(--glass);border:3px solid #17100c;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(1rem,3vw,2.75rem);padding:clamp(.9rem,2.2vw,1.75rem);display:grid;box-shadow:inset 0 0 0 1px #2a3d57,inset 0 14px 30px #000000b3,0 1px #fff9}.rx-meters{grid-template-columns:1fr 1fr;gap:clamp(.5rem,1.4vw,1.1rem);display:grid}.vu svg{border-radius:6px;width:100%;height:auto;display:block;box-shadow:0 0 26px 2px #ffb64866,inset 0 0 0 1px #17100c}.vu-num{font-family:var(--panel);font-size:8px}.vu-mark{font-family:var(--panel);fill:#2a1c0c;letter-spacing:2px;font-size:13px}.vu-side{font-family:var(--panel);fill:var(--amber);letter-spacing:2.5px;text-transform:uppercase;font-size:8px}.vu-needle{transform-origin:100px 120px;will-change:transform}.rx-headline{letter-spacing:-.02em;text-wrap:balance;color:var(--blue-pale);text-shadow:0 0 22px #49b7ffd9,0 0 2px #dff1ffe6;font-size:clamp(2rem,4.5vw,4rem);font-weight:800;font-stretch:125%;line-height:1.02}.rx-scale{font-family:var(--panel);color:#8fcbf7;background:repeating-linear-gradient(90deg,#49b7ff 0 1px,#0000 1px 9px) bottom/100% 8px no-repeat;justify-content:space-between;align-items:flex-end;margin-top:clamp(.9rem,2vw,1.6rem);padding-bottom:12px;font-size:.68rem;display:flex}.rx-scale-am{color:#5d9fd0;margin-top:.5rem}.rx-readout{position:relative}.rx-stereo{font-family:var(--panel);letter-spacing:.2em;text-transform:uppercase;color:#ff6a5e;text-shadow:0 0 10px #ff3b30e6;margin-bottom:.7rem;font-size:.6rem;display:inline-block}.rx-scale b{color:var(--amber);font-weight:400}.rx-scale i{font-style:normal}.rx-bottom{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem clamp(1rem,3vw,2.5rem);margin-top:clamp(.9rem,2vw,1.6rem);display:grid}.rx-line{text-wrap:balance;max-width:26ch;font-size:clamp(1.05rem,1.8vw,1.45rem);font-weight:700;font-stretch:110%;line-height:1.25}.rx-controls{flex-wrap:wrap;gap:.5rem;display:flex}.key{min-width:104px;min-height:58px;color:var(--cream);font-family:var(--panel);letter-spacing:.1em;text-transform:uppercase;text-align:center;transition:transform .18s var(--ease), box-shadow .18s var(--ease);background:linear-gradient(#3a2e25,#1d1612);border-radius:4px;justify-content:center;align-items:flex-end;padding:1.35rem .9rem .65rem;font-size:.68rem;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 4px #0c0806,0 7px 10px #17100c73,inset 0 1px #ffffff29}.key:before{content:"";background:#5a2a14;border-radius:3px;width:26px;height:5px;margin-left:-13px;transition:background .2s,box-shadow .2s;position:absolute;top:9px;left:50%}.key:hover:before,.key:focus-visible:before{background:var(--orange);box-shadow:0 0 9px 1px #ff5a1fe6}.key:hover,.key:active{transform:translateY(3px);box-shadow:0 1px #0c0806,0 3px 5px #17100c73,inset 0 1px #ffffff29}.key-go{background:linear-gradient(180deg, #ff7a3a, var(--orange));color:var(--ink);box-shadow:0 4px #a72d06,0 7px 10px #17100c73,inset 0 1px #fff6}.key-go:before{background:#7a2408}.key-go:hover:before,.key-go:focus-visible:before{background:#fff3cf;box-shadow:0 0 9px 1px #fff3cfe6}.key-go:hover,.key-go:active{box-shadow:0 1px #a72d06,0 3px 5px #17100c73,inset 0 1px #fff6}.rx-knob{justify-items:center;gap:.4rem;display:grid}.rx-knob span{background:linear-gradient(#17100cbf 0%,#ffffff59 38%,#17100c1a 55%,#17100ccc 100%),repeating-linear-gradient(90deg,#8f8062 0 2px,#f1e8d3 2px 4px,#bcab88 4px 7px);border-radius:6px;width:clamp(120px,13vw,176px);height:46px;box-shadow:inset 0 0 0 2px #17100c,0 6px 10px #17100c66}.rx-knob em{font-family:var(--panel);letter-spacing:.14em;text-transform:uppercase;font-size:.56rem;font-style:normal}.show{background:var(--room);height:430lvh}.stage{height:100lvh;padding-top:var(--dial-h);background:radial-gradient(70% 60% at 50% 8%, var(--room-lit) 0%, #4a2a1400 70%), var(--room);place-items:center;display:grid;position:sticky;top:0;overflow:hidden}.rig{z-index:1;width:min(1320px, 100% - 2 * var(--gutter));perspective:2200px;will-change:transform, opacity;position:relative}.flip{transform-style:preserve-3d;will-change:transform;position:relative}.flip .rx{filter:none;backface-visibility:hidden;width:100%;box-shadow:0 28px 30px #0000008c}.rx-rear{position:absolute;inset:0;transform:rotateY(180deg)}.rig.is-front .rx-rear{visibility:hidden}.shelf{background:repeating-linear-gradient(91deg, #00000029 0 3px, transparent 3px 14px), linear-gradient(180deg, #7a4a24, var(--walnut-lo));width:400vw;height:clamp(18px,3vh,30px);margin-left:-200vw;position:absolute;top:100%;left:50%;box-shadow:0 12px 26px #0009}.rear-face{color:var(--cream-dim);background:repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 4px),linear-gradient(#2e2620,#1c1612);flex-direction:column;justify-content:space-between;gap:1.5rem;padding:clamp(1rem,2.6vw,2.25rem);display:flex;box-shadow:inset 0 0 0 2px #0c0806}.rear-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.rear-plate{color:var(--ink);background:linear-gradient(180deg, var(--alu-hi), var(--alu-lo));font-family:var(--panel);letter-spacing:.14em;text-transform:uppercase;border-radius:3px;gap:.3rem;padding:.8rem 1rem;font-size:.56rem;display:grid}.rear-plate b{letter-spacing:.06em;text-transform:none;font-size:.95rem;font-weight:400}.jacks{gap:clamp(.9rem,2.4vw,2rem);display:flex}.jacks span{justify-items:center;gap:.5rem;display:grid}.jacks i{aspect-ratio:1;background:radial-gradient(circle, #0c0806 0 26%, #d9b45a 27% 52%, var(--cream) 53% 78%, #0c0806 79%);border-radius:50%;width:22px}.jacks i+i{background:radial-gradient(circle,#0c0806 0 26%,#d9b45a 27% 52%,#d3261a 53% 78%,#0c0806 79%)}.jacks em,.post em,.rear-label{font-family:var(--panel);letter-spacing:.12em;text-transform:uppercase;font-size:.56rem;font-style:normal}.rear-posts{justify-content:space-around;align-items:flex-start;gap:1rem;display:flex}.rear-label{text-align:center;align-self:center}.pair{gap:var(--post-gap);display:flex}.post{width:var(--post);justify-items:center;gap:.5rem;display:grid;position:relative}.post:before{content:"";width:var(--post);aspect-ratio:1;background:radial-gradient(circle, #0c0806 0 16%, #d9b45a 17% 34%, var(--tone) 35% 74%, #0c0806 75%);border-radius:50%;box-shadow:0 5px 8px #0009}.post-red{--tone:#d3261a}.post-blk{--tone:#3a3a3d}.plug{top:calc(var(--post) / 2);will-change:transform;justify-items:center;width:22px;margin-left:-11px;display:grid;position:absolute;left:50%}.plug i{display:block}.plug-pin{background:linear-gradient(90deg,#a8812f,#f3d98a 50%,#a8812f);border-radius:3px 3px 0 0;width:7px;height:16px;margin-top:-6px}.plug-body{background:repeating-linear-gradient(180deg, #0000004d 0 2px, transparent 2px 6px) top / 100% 20px no-repeat, linear-gradient(90deg, #00000073, #ffffff40 45%, #00000073), var(--tone);border-radius:3px 3px 7px 7px;width:20px;height:52px;box-shadow:0 4px 6px #00000080}.plug-cable{background:linear-gradient(90deg,#8a5a22,#e9b96a 45%,#8a5a22);width:9px;height:320vh}.plug-down{top:auto;bottom:calc(100% - var(--post) / 2)}.plug-down .plug-cable{order:-2;height:50vh}.plug-down .plug-body{border-radius:7px 7px 3px 3px;order:-1}.plug-down .plug-pin{border-radius:0 0 3px 3px;margin:0 0 -6px}.spk-back{z-index:2;top:calc(var(--dial-h) + 14vh);transform-origin:50% 20%;will-change:transform, opacity;background:repeating-linear-gradient(178deg,#0003 0 2px,#0000 2px 13px),linear-gradient(90deg,#4a2a13,#6b3d1c 40%,#5a3418 70%,#3a1f0e);border-radius:8px 8px 0 0;width:min(46vw,520px);height:130vh;position:absolute;left:0;transform:translateY(130vh);box-shadow:0 -10px 40px #0009,inset 0 0 0 3px #2a160a}.cup{gap:var(--post-gap);background:#0c0806;border-radius:14px;padding:22px 26px;display:flex;position:absolute;top:22vh;left:50%;transform:translate(-50%);box-shadow:inset 0 6px 14px #000000e6,0 0 0 3px #1c1612}.tb{z-index:3;width:var(--spk-w,22vw);opacity:0;transform-origin:50% 100%;filter:drop-shadow(0 24px 22px #0009);will-change:transform, opacity;position:absolute;bottom:10vh}.tb-l{left:var(--spk-m,4vw)}.tb-r{right:var(--spk-m,4vw)}.floor{z-index:0;background:linear-gradient(#2a1a10,#120c09);height:10vh;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 2px #7a4a2480}.hint{z-index:4;text-align:center;font-family:var(--panel);letter-spacing:.18em;text-transform:uppercase;color:var(--cream-dim);font-size:.62rem;position:absolute;bottom:clamp(.75rem,3vh,1.75rem);left:0;right:0}.spectrum{background:#0a0705;width:100%;height:clamp(84px,14vw,150px);display:block}.work-head{padding:clamp(3.5rem, 9vw, 7rem) var(--gutter) clamp(2rem, 5vw, 3.5rem);max-width:1320px;margin:0 auto}.work-head p{color:var(--cream-dim);margin-top:1rem;font-size:clamp(1.1rem,2vw,1.4rem)}.deck{background:var(--tape);color:var(--ink)}.deck-compliance{--tape:#12c4a8}.deck-office{--tape:#ffc21a}.deck-ctrlweb{--tape:#ff5c9d}.deck-vital360{--tape:#9a94ff}.deck-in{max-width:1180px;padding:clamp(3rem, 8vw, 6.5rem) var(--gutter);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(1.75rem,6vw,5rem);margin:0 auto;display:grid}.deck:nth-of-type(2n) .tape{order:2;transform:rotate(3deg)}.tape{filter:drop-shadow(0 20px 18px #17100c61);width:100%;max-width:480px;height:auto;transition:transform .6s var(--ease);justify-self:center;display:block;transform:rotate(-3deg)}.deck:hover .tape{transform:rotate(0)translateY(-6px)}.deck:hover .reel{animation:2.2s linear infinite spin}.tape-name{font-family:var(--font-marker), cursive;fill:var(--ink);font-size:30px}.tape-side{font-family:var(--panel);fill:var(--ink);font-size:11px}.tape-seal{font-family:var(--panel);letter-spacing:5px;fill:var(--ink);font-size:22px}.deck-copy h3{font-size:clamp(2.1rem,5vw,3.75rem)}.deck-line{margin-top:.9rem;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:700;font-stretch:110%;line-height:1.25}.deck-copy p+p{max-width:54ch;margin-top:.9rem}.deck-role{font-weight:700}.deck-link{background:var(--ink);color:var(--cream);font-family:var(--panel);letter-spacing:.08em;text-transform:uppercase;transition:transform .18s var(--ease), box-shadow .18s var(--ease);border-radius:4px;margin-top:1.6rem;padding:.85rem 1.3rem;font-size:.72rem;text-decoration:none;display:inline-block;box-shadow:0 4px #17100c59}.deck-link:hover{transform:translateY(3px);box-shadow:0 1px #17100c59}.deck :focus-visible,.bench :focus-visible{outline-color:var(--ink)}.bench{background:var(--orange);color:var(--ink)}.bench-in{max-width:1180px;padding:clamp(3.5rem, 9vw, 7rem) var(--gutter);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(2rem,6vw,5rem);margin:0 auto;display:grid}.bench-copy p{margin-top:1.2rem;font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:700}.bench-pair{grid-template-columns:1fr 1fr;justify-self:end;gap:clamp(.9rem,3vw,2.25rem);width:100%;max-width:620px;display:grid}.spk{cursor:pointer;filter:drop-shadow(0 24px 20px #17100c73);transition:transform .5s var(--ease);background:0 0;border:0;border-radius:6px;padding:0;display:block}.spk:hover{transform:translateY(-6px)}.spk-art{width:100%;height:auto;display:block}.spk-cone{transform-origin:150px 332px;transform:scale(var(--pump))}.spk-grille{transform-origin:150px 466px;transition:transform .7s var(--ease), opacity .45s ease-out}.spk[aria-pressed=true] .spk-grille{opacity:0;pointer-events:none;transform:translateY(46px)rotate(5deg)}.spk-badge{font-family:var(--panel);letter-spacing:.6px;fill:#17100c;font-size:6.5px}.story{padding:clamp(3.5rem, 9vw, 7rem) var(--gutter);background:radial-gradient(80% 120% at 50% 120%, #49b7ff4d 0%, #05080f00 70%), var(--glass)}.story h2,.story-line{max-width:1180px;margin-inline:auto}.story h2{color:var(--blue-pale);text-shadow:0 0 22px #49b7ffb3}.story-line{background:repeating-linear-gradient(90deg,#49b7ff 0 1px,#0000 1px 12px) top/100% 10px no-repeat;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:clamp(2rem,5vw,3.5rem);padding-top:22px;display:grid}.story-line li{gap:.3rem;padding-top:1rem;display:grid;position:relative}.story-line li:before{content:"";background:var(--red);border-radius:2px;width:3px;height:34px;position:absolute;top:-30px;left:0;box-shadow:0 0 10px 1px #ff3b30cc}.story-line b{font-size:clamp(1.2rem,2.2vw,1.6rem);font-stretch:115%;line-height:1.15}.story-line span{color:#8fcbf7}.rear{padding:clamp(3.5rem, 9vw, 7rem) var(--gutter) clamp(3rem, 7vw, 5rem);background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 4px),#221a15}.rear>*{max-width:1180px;margin-inline:auto}.rear p{color:var(--cream-dim);margin-top:1rem;font-size:clamp(1.1rem,2vw,1.4rem)}.posts{flex-wrap:wrap;gap:clamp(1.5rem,5vw,4rem);margin-top:clamp(2rem,5vw,3.5rem);display:flex}.posts a{min-width:96px;font-family:var(--panel);letter-spacing:.1em;text-transform:uppercase;justify-items:center;gap:.9rem;font-size:.78rem;text-decoration:none;display:grid}.posts i{aspect-ratio:1;background:radial-gradient(circle, #0c0806 0 18%, #d9b45a 19% 30%, var(--post) 31% 62%, #0c0806 63% 68%, #3a2e25 69%);width:76px;transition:transform .4s var(--ease);border-radius:50%;box-shadow:0 8px 12px #0000008c}.posts li:first-child{--post:var(--orange)}.posts li:nth-child(2){--post:var(--blue)}.posts li:nth-child(3){--post:#3ddc5a}.posts a:hover i{transform:rotate(90deg)scale(1.06)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes thump{0%{transform:scale(1)}to{transform:scale(1.025)}}@media (max-width:860px){.rx-glass{grid-template-columns:minmax(0,1fr)}.rx-readout{order:-1}.rx-bottom{grid-template-columns:minmax(0,1fr)}.rx-line{max-width:none}.rx-knob{display:none}.rx-controls{grid-template-columns:1fr 1fr;display:grid}.key{min-width:0}.deck-in,.bench-in{grid-template-columns:minmax(0,1fr)}.deck:nth-of-type(2n) .tape{order:0}.tape{justify-self:start;max-width:380px}.bench-pair{justify-self:start;max-width:460px}.story-line{background:repeating-linear-gradient(#49b7ff 0 1px,#0000 1px 12px) 0/10px 100% no-repeat;grid-template-columns:minmax(0,1fr);padding-top:0;padding-left:22px}.story-line li{padding-top:0}.story-line li:before{width:30px;height:3px;top:.5em;left:-26px}}@media (max-width:520px){:root{--post:26px;--post-gap:16px}.jacks span:nth-child(3),.dial-freq{display:none}.dial-station{padding:0 .2rem}.dial-label{letter-spacing:0;font-size:.58rem}.rx-power{display:none}}@media (prefers-reduced-motion:reduce){.show{height:auto}.stage{position:static}.spk-back,.tb,.hint{display:none}html{scroll-behavior:auto}.deck:hover .reel{animation:none}.tape,.spk,.spk-grille,.key,.deck-link,.dial-pointer,.posts i{transition:none}}.vinyl{width:100%;height:auto;display:block}.vinyl-mark{font-family:var(--display);dominant-baseline:middle;font-size:26px;font-weight:800;font-stretch:125%}.dial-plain{padding:0 var(--gutter);font-family:var(--panel);letter-spacing:.08em;text-transform:uppercase;color:#8fcbf7;justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.dial-plain a{color:#fff;min-height:44px;text-shadow:0 0 12px var(--blue);align-items:center;text-decoration:none;display:inline-flex}.records{max-width:1320px;padding:calc(var(--dial-h) + clamp(2.5rem, 7vw, 5rem)) var(--gutter) clamp(4rem, 9vw, 7rem);margin:0 auto}.records-head h1{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:800;font-stretch:125%;line-height:1}.records-head p{max-width:46ch;color:var(--cream-dim);margin-top:1.2rem;font-size:clamp(1.1rem,2vw,1.4rem)}.crate-row{margin-top:clamp(3rem,7vw,5.5rem)}.crate-row h2{letter-spacing:-.01em;font-size:clamp(1.4rem,2.6vw,2rem)}.crate-row ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:clamp(1.5rem,3vw,2.5rem) clamp(1rem,2vw,1.5rem);margin-top:1.5rem;display:grid}.rec{aspect-ratio:1.7;position:relative}.rec .vinyl{width:auto;height:96%;transition:transform .9s var(--ease);position:absolute;top:2%;right:0}.rec:hover .vinyl{transform:translate(6%)rotate(200deg)}.rec-sleeve{aspect-ratio:1;letter-spacing:-.01em;border-radius:3px;align-items:flex-end;padding:.9rem;font-size:clamp(1.1rem,1.6vw,1.35rem);font-weight:800;font-stretch:125%;line-height:1.05;display:flex;position:absolute;inset:0 auto 0 0;box-shadow:8px 10px 18px #00000080,inset 0 0 0 1px #17100c40}.crate{padding:clamp(3.5rem, 9vw, 7rem) var(--gutter);overflow:hidden}.crate-in{max-width:1180px;margin:0 auto}.crate p{color:var(--cream-dim);margin-top:1rem;font-size:clamp(1.1rem,2vw,1.4rem)}.crate-stack{margin:clamp(2rem,5vw,3.5rem) 0;display:flex}.crate-stack .vinyl{filter:drop-shadow(8px 10px 12px #0000008c);width:clamp(120px,21vw,250px);transition:transform .9s var(--ease);flex:0 0 clamp(120px,21vw,250px);margin-right:clamp(-90px,-7vw,-40px)}.crate-stack .vinyl:hover{transform:translateY(-8%)rotate(160deg)}.crate .key{min-height:58px}@media (prefers-reduced-motion:reduce){.rec .vinyl,.crate-stack .vinyl{transition:none}}:root{--depth:clamp(110px, 17vw, 230px)}.flip .rx{transform:translateZ(calc(var(--depth) / 2));box-shadow:0 20px 26px #00000080}.flip .rx-rear{transform:rotateY(180deg) translateZ(calc(var(--depth) / 2))}.box-side,.box-top{backface-visibility:visible;position:absolute}.box-side{width:var(--depth);background:linear-gradient(90deg, #00000073, #0000 30%, #00000059), repeating-linear-gradient(178deg, #0000002e 0 2px, transparent 2px 9px), linear-gradient(180deg, #7a4a24, var(--walnut) 40%, var(--walnut-lo));top:0;bottom:0}.box-l{transform-origin:0;transform:translateZ(calc(var(--depth) / 2)) rotateY(90deg);left:0}.box-r{transform-origin:100%;transform:translateZ(calc(var(--depth) / 2)) rotateY(-90deg);right:0}.box-top{height:var(--depth);transform-origin:50% 0;transform:translateZ(calc(var(--depth) / 2)) rotateX(-90deg);background:repeating-linear-gradient(90deg, #0c0806 0 5px, transparent 5px 13px) 50% 50% / 62% 46% no-repeat, linear-gradient(90deg, var(--walnut-lo) 0, var(--walnut) 3%, #3a2e25 3.2%, #2a211b 50%, #3a2e25 96.8%, var(--walnut) 97%, var(--walnut-lo) 100%);top:0;left:0;right:0}.rx-face{position:relative;box-shadow:inset 0 2px #fffc,inset 0 -4px #17100c4d,inset 3px 0 #ffffff40,inset -3px 0 #17100c2e}.rx-face:before{content:"";pointer-events:none;--screw:radial-gradient(circle, #17100c 0 18%, #8f8062 20% 34%, #f1e8d3 36% 52%, #8f8062 54% 68%, transparent 70%);background:var(--screw) 0 0 / 13px 13px no-repeat, var(--screw) 100% 0 / 13px 13px no-repeat, var(--screw) 0 100% / 13px 13px no-repeat, var(--screw) 100% 100% / 13px 13px no-repeat;position:absolute;inset:9px}.rx-glass{position:relative;box-shadow:inset 0 0 0 1px #2a3d57,inset 0 18px 34px #000000d9,inset 0 -2px 10px #49b7ff40,0 1px #ffffffb3,0 26px 44px -22px #49b7ffbf,-40px 26px 50px -30px #ffb6488c}.rx-glass:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,#ffffff29 0%,#ffffff0a 22%,#fff0 22.4% 58%,#ffffff0f 58.4%,#fff0 72%);position:absolute;inset:0}.vu{background:linear-gradient(#050302,#2a211b);border-radius:9px;padding:6px;position:relative;box-shadow:inset 0 3px 6px #000000e6,0 1px #ffffff1f}.vu:after{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff59 0%,#fff0 32%);border-radius:6px;position:absolute;inset:6px;box-shadow:inset 0 10px 16px #17100c73,inset 0 -3px 8px #17100c40}.rx-knob span{box-shadow:inset 0 0 0 2px #17100c,inset 0 6px 8px #000000b3,0 1px #ffffffb3}.rx-knobs{justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:clamp(1.1rem,2.2vw,1.9rem);padding:0 clamp(.25rem,2vw,2rem);display:flex}.knob{justify-items:center;gap:.55rem;display:grid}.knob i{aspect-ratio:1;background:radial-gradient(circle at 36% 28%, #fffdf6 0%, #e6dcc3 26%, #b9a985 60%, #8a7a5c 100%) center / 78% 78% no-repeat, repeating-conic-gradient(#6f6148 0 3deg, #d9cdb0 3deg 6deg);width:clamp(48px,5.4vw,74px);transition:transform .6s var(--ease);border-radius:50%;display:block;position:relative;box-shadow:0 14px 14px -4px #17100c99,0 3px 3px #17100c80,inset 0 2px 1px #ffffffb3,inset 0 -3px 4px #17100c73}.knob i:after{content:"";background:#17100c;border-radius:2px;width:3px;height:22%;margin-left:-1.5px;position:absolute;top:13%;left:50%}.knob-big i{width:clamp(64px,7.4vw,104px)}.knob-big i:after{background:var(--orange)}.knob:hover i{transform:rotate(var(--turn,30deg))}.knob em{font-family:var(--panel);letter-spacing:.14em;text-transform:uppercase;font-size:.56rem;font-style:normal}.rear-mid{align-items:center;gap:clamp(1rem,3vw,2.5rem);display:flex}.vent{background:repeating-linear-gradient(90deg,#0c0806 0 6px,#2e2620 6px 14px);border-radius:4px;flex:1;height:clamp(44px,7vw,86px);box-shadow:inset 0 4px 8px #000c,0 1px #ffffff12}.rear-part{justify-items:center;gap:.5rem;display:grid}.rear-part em{font-family:var(--panel);letter-spacing:.12em;text-transform:uppercase;font-size:.56rem;font-style:normal}.rear-ac i{background:linear-gradient(#0c0806,#0c0806) 30%/4px 14px no-repeat,linear-gradient(#0c0806,#0c0806) 70%/4px 14px no-repeat,#cdbb9f;border-radius:5px;width:46px;height:34px;box-shadow:inset 0 2px 4px #00000080,0 3px 5px #00000080}.rear-fuse i{aspect-ratio:1;background:linear-gradient(#0c0806,#0c0806) 50%/60% 3px no-repeat,radial-gradient(circle at 35% 30%,#5a4a3c,#17100c);border-radius:50%;width:30px;box-shadow:0 4px 6px #0009,inset 0 1px #fff3}.post:before{background:radial-gradient(circle at 38% 32%, #ffffff80 0 8%, #fff0 30%), radial-gradient(circle, #0c0806 0 16%, #d9b45a 17% 34%, var(--tone) 35% 74%, #0c0806 75%);box-shadow:0 8px 10px #000000b3,0 2px 2px #0009}.plug-body{background:linear-gradient(180deg, #a8812f, #f3d98a 50%, #a8812f) top / 100% 7px no-repeat, repeating-linear-gradient(180deg, #00000059 0 2px, transparent 2px 6px) 0 12px / 100% 22px no-repeat, linear-gradient(90deg, #0009, #fff6 38%, #0000001a 60%, #000000a6), var(--tone);width:22px;height:58px;box-shadow:6px 8px 10px #0000008c}.plug-cable{background:linear-gradient(90deg,#5a3a14,#f0c47a 38%,#b98a3c 62%,#5a3a14);box-shadow:5px 0 8px #0006}.back-port{aspect-ratio:1;background:radial-gradient(circle at 50% 38%,#000 0 52%,#17100c 54% 66%,#2a160a 68%);border-radius:50%;width:22%;position:absolute;top:6vh;right:12%;box-shadow:inset 0 8px 16px #000,0 1px #ffffff1f}.back-plate{color:var(--ink);background:linear-gradient(180deg, var(--alu-hi), var(--alu-lo));font-family:var(--panel);letter-spacing:.12em;text-transform:uppercase;border-radius:3px;gap:.35rem;padding:.8rem 1rem;font-size:.56rem;display:grid;position:absolute;top:40vh;left:10%;box-shadow:0 3px 5px #00000080}.back-plate b{letter-spacing:.06em;text-transform:none;font-size:.95rem;font-weight:400}.cab{perspective:1500px;display:block}.cab-box{transform-style:preserve-3d;transform:rotateY(var(--toe,0deg));display:block;position:relative}.cab-l{--toe:17deg}.cab-r{--toe:-17deg}.cab-side{background:linear-gradient(90deg,#0000001a,#0009),repeating-linear-gradient(178deg,#0000002e 0 2px,#0000 2px 11px),linear-gradient(#8a5428,#5a3418);width:62%;position:absolute;top:0;bottom:0}.cab-l .cab-side{transform-origin:0;left:0;transform:rotateY(90deg)}.cab-r .cab-side{transform-origin:100%;background:linear-gradient(270deg,#0000001a,#0009),repeating-linear-gradient(178deg,#0000002e 0 2px,#0000 2px 11px),linear-gradient(#8a5428,#5a3418);right:0;transform:rotateY(-90deg)}.caps{z-index:5;top:calc(var(--dial-h) + clamp(.9rem, 3.2vh, 2.75rem));left:var(--gutter);right:var(--gutter);pointer-events:none;display:grid;position:absolute}.cap{opacity:0;text-align:center;letter-spacing:-.02em;text-wrap:balance;color:var(--cream);text-shadow:0 2px 14px #0c0806e6;grid-area:1/1;font-size:clamp(1.35rem,3.4vw,2.6rem);font-weight:800;font-stretch:125%;line-height:1.05}@media (max-width:860px){.rx-knobs{display:none}.rig{margin-top:3.25rem}.rear-ac{display:none}}.post:before{z-index:1;position:relative}.plug{z-index:0}.plug-pin{height:calc(var(--post) / 2 - 3px);margin-top:0}.plug-down .plug-pin{margin:0}.back-plate{letter-spacing:.08em;overflow-wrap:anywhere;font-size:.5rem;top:44vh;left:8%;right:8%}.back-plate b{font-size:.85rem}
