.channel-body { --cyan:#80dfff; --metal:#1b1c1c; --green:#31ef55; }
.channel-body .ar-header { background:rgba(7,7,7,.96); }
.channel-body .ar-nav { gap:clamp(18px,3vw,64px); }
.channel-body .ar-nav a { white-space:nowrap; }
.channel-hero { padding:160px max(24px,calc((100vw - 1800px)/2)) 80px; background:radial-gradient(ellipse at 50% 50%,#20201b 0,#090909 65%); }
.channel-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-bottom:40px; }
.channel-kicker { font-size:10px; font-weight:500; letter-spacing:.22em; color:var(--ar-gold); text-transform:uppercase; }
.channel-heading h1 { font-family:Italiana,"AI Revival Italiana Czech",serif; font-size:clamp(32px,3.3vw,64px); font-weight:400; margin:0; }
.channel-heading>p:last-child { font-size:12px; color:#999; }
.hifi { color:#90918e; font-family:Arial,sans-serif; }
.component { position:relative; border:1px solid #414240; border-bottom:8px solid #080909; box-shadow:inset 0 2px 2px #555, inset 0 -2px 1px #292a29,0 15px 35px #000; background:repeating-linear-gradient(0deg,#ffffff05 0px,#00000018 1px,transparent 2px,transparent 4px),linear-gradient(105deg,#151616,#292a29 48%,#151615); }
.component::before,.component::after { content:'⊕'; position:absolute; top:12px; color:#080909; font-size:14px; text-shadow:0 1px #666; }
.component::before { left:12px; }.component::after {right:12px;}
.deck { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,2.6fr) minmax(0,3.7fr) minmax(0,1.15fr); gap:24px; padding:32px 30px; min-height:350px; }
.deck-side,.cassette-bay,.deck-main,.volume-panel{min-width:0}
.deck-side { display:flex; flex-direction:column; align-items:center; gap:16px; }
.hardware-brand { font-size:clamp(14px,1.4vw,26px); font-weight:500; letter-spacing:-.06em; white-space:nowrap; color:#babcb5; text-shadow:0 -1px #000; }
.hardware-label { font-size:9px; color:#aaa; letter-spacing:.05em; text-align:center; }
.mechanical { border:4px solid #070808; border-radius:3px; background:linear-gradient(#424543,#242625 40%,#101111 60%,#242625); box-shadow:inset 0 1px #787a74,0 3px 5px #000; color:#bbb; min-height:54px; font:600 10px Arial,sans-serif; letter-spacing:.08em; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:10px; }
.mechanical:hover { color:white; background:linear-gradient(#515551,#292c29,#191b19); }.mechanical:active { transform:translateY(2px); }
.mechanical:focus-visible,input:focus-visible { outline:2px solid var(--ar-gold); outline-offset:5px; }
.power { margin-top:30px; width:100%; }.led { display:inline-block; width:8px; height:5px; background:#253327; box-shadow:inset 0 1px 2px #000; }
.power-led { background:var(--green); box-shadow:0 0 9px #27f649aa; }
.headphone { width:30px; height:30px; margin-top:auto; border:5px ridge #777; border-radius:50%; background:#020303; box-shadow:0 2px 4px #000; }
.cassette-bay { border:5px ridge #363837; padding:60px 18px 20px; text-align:center; background:linear-gradient(125deg,#161716aa,#05060699); box-shadow:inset 0 0 25px #000; border-radius:6px; }
.cassette-window { height:95px; display:flex; align-items:center; justify-content:center; gap:7px; border:7px solid #080909; border-radius:8px; background:linear-gradient(135deg,#020303,#171918 60%,#050606); box-shadow:inset 0 0 8px #000,0 1px #555; }
.tape-label { font-size:20px; font-weight:700; color:#555; }.tape-label small { font-size:8px; }.gold { color:#aa9050; }
.reel { width:46px; height:46px; flex-shrink:0; border:6px double #474b48; border-radius:50%; background:repeating-conic-gradient(#0a0b0a 0deg 35deg,#5b605b 35deg 60deg); display:grid; place-items:center; animation:reel-spin 2.2s linear infinite paused; }
.reel i { width:18px; height:18px; border:4px solid #292b29; border-radius:50%; background:#070807; }
.tape-bridge { height:40px; width:65px; background:repeating-linear-gradient(90deg,#171413 0 2px,#665144 3px 4px); border:3px solid #252725; clip-path:polygon(0 0,100% 0,90% 50%,100% 100%,0 100%,10% 50%); }.tape-bridge i {display:block;width:12%;height:100%;margin:auto;background:#8eae55;}
.cassette-name { color:#b49b60; font-size:15px; margin:23px 0 13px; }.cassette-name span {font-size:9px;letter-spacing:.07em;}.cassette-bay em { display:block; font-size:18px; margin-top:8px; }
.deck-main { min-width:0; }.digital-display { min-height:184px; border:6px ridge #303531; border-radius:5px; padding:18px 20px 10px; color:#6192a1; background:linear-gradient(165deg,#ffffff06 0 25%,transparent 25%),#020505; box-shadow:inset 0 0 15px #000; }
.track-display { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font:600 13px monospace; margin:0 0 14px; }.digital-level {display:flex;gap:10px;align-items:center;font:10px monospace;margin:5px 0;}.level-bar {display:block;position:relative;flex:1;height:8px;background:repeating-linear-gradient(90deg,#1c2221 0 8px,transparent 8px 11px);}.level-bar::after {content:'';display:block;width:var(--level,0%);height:100%;background:repeating-linear-gradient(90deg,var(--cyan) 0 8px,transparent 8px 11px);box-shadow:0 0 5px #65dcff77;}
.db-scale { font:9px monospace; text-align:center; }.db-scale b {color:#a53d28;}.display-bottom {display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:15px;}.display-bottom time {font:italic 25px monospace;}.display-bottom strong {font:10px monospace;border:1px solid currentColor;padding:3px 6px;}.display-bottom>span {font-size:9px;}.metadata-status {font:9px monospace;margin:10px 0 0;min-height:12px;color:#9aa9ab;}
.deck-function-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin-top:12px}.micro-control{min-width:0;padding:5px 3px;background:linear-gradient(#202321,#090a09);border:1px solid #353936;color:#777;font:8px Arial,sans-serif;letter-spacing:.04em;box-shadow:inset 0 1px #555,0 2px 3px #000}.micro-control:hover{color:#aaa}.inert-control{cursor:default}.inert-control:hover{color:#777}.monitor-row{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.monitor-row .mechanical{min-width:72px;min-height:34px;padding:4px 8px;font-size:8px}.transport {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-top:15px;}.transport button>span {font-size:16px;}.hardware-strip {display:flex;justify-content:space-between;gap:8px;margin-top:21px;font-size:8px;letter-spacing:.06em;}
.volume-panel {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;}.volume-knob {position:relative;width:clamp(75px,8.5vw,160px);aspect-ratio:1;border:9px solid #101211;outline:2px solid #60655e;border-radius:50%;background:radial-gradient(ellipse at 25% 10%,#444942,#20221f 50%,#0b0c0b);box-shadow:0 7px 10px #000,inset 0 0 0 2px #646b60;transform:rotate(var(--knob,54deg));cursor:ns-resize;touch-action:none}.volume-knob i {position:absolute;bottom:12%;left:48%;width:4%;height:12%;background:#42ed46;box-shadow:0 0 6px #26ff26;}.volume-panel output {font:11px monospace;color:#b99a62;}.component-feet {display:flex;justify-content:space-between;padding:0 7%;height:35px;}.component-feet i {width:13%;background:linear-gradient(90deg,#322912,#b59d5f,#665427,#d4bf7e,#3a3118);height:18px;border-top:9px solid #080808;box-shadow:0 8px 12px #000;}
.amplifier {padding:45px 8% 30px;}.amplifier-glass {display:grid;grid-template-columns:1fr .7fr 1fr;align-items:center;gap:4%;padding:32px 8%;border:6px ridge #555a53;border-radius:5px;background:linear-gradient(115deg,#111313,#222522 50%,#111313);box-shadow:inset 0 0 25px #000;}.vu-module {text-align:center;min-width:0;}.vu-face {background:linear-gradient(#060735,#010215);border:1px solid #080c09;box-shadow:0 3px 4px #000;overflow:hidden;border-radius:3px;transition:background .3s;}.vu-face svg {display:block;width:100%;height:auto;}.vu-face path,.meter-ticks line {stroke:#636baf;fill:none;stroke-width:2;}.vu-face text {fill:#8b93c4;font:12px Arial;}.vu-face .meter-small {font-size:8px;}.needle {stroke:#e89742;stroke-width:2;transform-origin:200px 210px;transform:rotate(var(--needle,0deg));transition:transform .12s ease-out;}.vu-module>.hardware-label {display:block;margin-top:14px;}.amp-center {display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;}.amp-center strong {font-size:clamp(14px,1.3vw,24px);color:#a7aea3;white-space:nowrap;}.amp-center>span {font-size:8px;line-height:1.6;letter-spacing:.15em;}.amp-mark {font:48px Italiana,serif;color:#837347;margin:5px 0;}.amp-center small {font-size:9px;}.amplifier-bottom {display:flex;align-items:center;gap:20px;margin-top:40px;}.amplifier-bottom>span {font-size:11px;}.amplifier-bottom>span:last-child {margin-left:auto;font-size:9px;}
.hifi[data-state="playing"] .reel {animation-play-state:running;}.hifi[data-state="playing"] .play-led,.hifi[data-state="playing"] .stereo-led {background:var(--green);box-shadow:0 0 10px var(--green);}.hifi[data-state="playing"] .digital-display {color:var(--cyan);text-shadow:0 0 5px #63dcff66;}.hifi[data-state="playing"] .vu-face {background:linear-gradient(#101064,#04042b);}.hifi[data-state="off"] .power-led {background:#243426;box-shadow:none;}.hifi[data-state="off"] .digital-display {opacity:.35;}.mechanical[aria-pressed="true"]#hifiMute {color:var(--cyan);}.channel-caption {display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#888;margin-top:24px;}
.channel-section {padding:110px max(24px,calc((100vw - 1500px)/2));}.channel-editorial {display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin:35px 0 60px;}.channel-editorial h2 {font:400 clamp(46px,5.8vw,96px)/1.02 Italiana,"AI Revival Italiana Czech",serif;letter-spacing:-.035em;margin:0;}.channel-editorial p,.broadcast-contributions p {font-size:16px;line-height:1.9;max-width:540px;}.channel-production {background:#ece8df;color:#171713;}.channel-link {display:inline-block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #b99a62;padding:14px 0;}.production-path {display:flex;justify-content:space-between;list-style:none;padding:25px 0;gap:15px;border-block:1px solid #bbb7ac;font-size:11px;letter-spacing:.08em;}.production-path li:not(:last-child)::after {content:'→';margin-left:clamp(10px,3vw,60px);color:#967e4b;}.channel-software {margin:60px auto 25px;max-width:1150px;}.channel-software img {display:block;width:100%;height:auto;object-fit:contain;box-shadow:0 20px 60px #0003;}.channel-software figcaption {font-size:9px;letter-spacing:.15em;margin-top:15px;color:#716345;}.quality-notes {display:flex;justify-content:space-between;gap:20px;line-height:1.9;font-size:13px;}.channel-production blockquote {text-align:center;font:clamp(30px,4vw,64px) Italiana,"AI Revival Italiana Czech",serif;margin:90px 0 10px;}.channel-timeline {display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;gap:55px 65px;}.channel-timeline li {border-top:1px solid #464137;padding-top:24px;}.channel-timeline li>span {font:11px monospace;color:#b99a62;}.channel-timeline h3 {font-size:17px;font-weight:400;margin:24px 0 14px;}.channel-timeline p {font-size:14px;line-height:1.8;color:#a7a7a0;}.channel-radioboss {background:#11120f;}.broadcast-contributions {display:grid;grid-template-columns:1fr 1fr;gap:10%;}.broadcast-contributions article {padding-top:30px;border-top:1px solid #494436;}.broadcast-contributions h3 {font:36px Italiana,"AI Revival Italiana Czech",serif;}.broadcast-contributions p {color:#b9b9b2;}.channel-body .ar-footer {padding-bottom:50px;}
.bridge-flow {padding:18px 0;list-style:none;border-block:1px solid #494436;font:12px/2 monospace;}.bridge-flow li+li::before{content:'↓ ';color:#b99a62}.bridge-screenshot {margin:30px 0;border:1px solid #4c4b43;background:#070707;padding:8px}.bridge-screenshot img{display:block;width:100%;height:auto;object-fit:contain}.bridge-screenshot figcaption{padding:10px 4px 2px;color:#b99a62;font-size:9px;letter-spacing:.14em}.broadcast-contributions small {font-size:11px;line-height:1.7;color:#aaa;}
@keyframes reel-spin {to{transform:rotate(360deg);}}
@media(min-width:2100px){.deck{min-height:400px;padding:45px 35px}.cassette-bay{padding-top:65px}.digital-display{min-height:210px}.track-display{font-size:16px}.amplifier{padding-block:50px}.channel-hero{padding-top:185px}}
@media(max-width:1100px){.deck{grid-template-columns:100px minmax(0,1fr) minmax(0,1.4fr);gap:16px;padding:25px 20px}.volume-panel{grid-column:2/4;flex-direction:row}.volume-knob{width:60px;border-width:5px}.cassette-window{gap:3px}.tape-bridge{width:35px}.reel{width:35px;height:35px}.tape-label{font-size:14px}.cassette-bay{padding-inline:8px}.amplifier-glass{padding:22px 4%}.channel-heading{flex-wrap:wrap}.channel-heading>.channel-kicker{width:100%}.hardware-strip{font-size:7px}.production-path{flex-wrap:wrap;justify-content:flex-start}.production-path li:not(:last-child)::after{margin-left:15px}}
@media(max-width:650px){.channel-hero{padding:145px 14px 55px}.channel-heading{gap:10px;margin-bottom:28px}.channel-heading h1{font-size:39px}.channel-heading>p:last-child{font-size:10px}.deck{grid-template-columns:1fr;gap:20px;padding:22px 15px}.deck-side{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.deck-side .hardware-label,.deck-side .headphone{display:none}.power{margin:0;width:90px;min-height:42px;font-size:9px}.hardware-brand{font-size:23px}.cassette-bay{padding:24px 16px 18px}.cassette-window{height:92px;gap:12px}.reel{width:48px;height:48px}.tape-bridge{width:62px}.tape-label{font-size:20px}.cassette-name{margin:15px 0 10px}.cassette-bay em{font-size:14px}.digital-display{padding:16px 12px}.track-display{font-size:12px}.deck-function-row{grid-template-columns:repeat(4,minmax(0,1fr))}.transport{grid-template-columns:repeat(3,minmax(0,1fr))}.volume-panel{grid-column:auto;gap:10px;flex-direction:row}.volume-knob{width:70px}.amplifier{padding:25px 12px}.amplifier-glass{grid-template-columns:1fr 1fr;gap:15px;padding:20px 10px}.amp-center{grid-column:1/3;grid-row:1;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px}.amp-center strong{font-size:17px}.amp-center>span,.amp-mark{display:none}.amp-center small{font-size:8px}.amplifier-bottom{flex-wrap:wrap;gap:10px;margin-top:25px}.amplifier-bottom .hardware-brand{font-size:19px}.amplifier-bottom>span{font-size:9px}.amplifier-bottom>span:last-child{margin:0}.channel-caption{font-size:9px;line-height:1.6}.channel-section{padding:70px 24px}.channel-editorial{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.channel-editorial h2{font-size:52px}.channel-editorial p{font-size:14px}.channel-timeline{grid-template-columns:1fr;gap:28px}.broadcast-contributions{grid-template-columns:1fr;gap:45px}.quality-notes{flex-direction:column;gap:0}.channel-production blockquote{margin-top:45px}.channel-software{margin-top:30px}.channel-body .ar-nav{gap:17px}.channel-body .ar-nav a{font-size:9px}.channel-body .ar-header{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.reel{animation:none!important}.needle{transition:none}}
/* Hardware proportions measured against the supplied 1630px-wide reference. */
.hifi{container-type:inline-size}
.knob-scale{display:none}
.inert-control:active{transform:none}
.volume-knob:focus-visible,.micro-control:focus-visible{outline:2px solid var(--ar-gold);outline-offset:5px}
.hardware-strip>div{flex:1;min-width:0;text-align:center}
.hardware-strip .mechanical{width:100%;min-height:24px;margin-bottom:5px;justify-content:flex-start;padding-left:8px}
.hardware-strip span{font-size:9px;white-space:nowrap}
.reference-on{background:#12ee38;box-shadow:0 0 7px #00ff39}
.balance-control{display:flex;flex-direction:column;align-items:center;gap:6px}
.balance-control>i{width:40px;aspect-ratio:1;border:3px ridge #555;border-radius:50%;background:linear-gradient(110deg,#444,#111);position:relative}
.balance-control>i:after{content:'';position:absolute;top:0;left:50%;height:8px;width:1px;background:#28ff50}
.balance-control>span{font:8px Arial;color:#666;white-space:nowrap}
.amp-power{min-width:100px;text-align:center}.amp-power small,.amp-speakers small{font:10px Arial;color:#777}.amp-power button{width:100%;margin-top:8px}
.amp-speakers{margin-left:auto;min-width:120px;text-align:center}.amp-speakers>div{display:flex;gap:25px;margin-top:8px}.amp-speakers button{width:65px;min-height:30px}
.power-symbol{color:#15da32;font-size:28px;text-shadow:0 0 8px #00ff3255}.hifi[data-state="off"] .power-symbol{color:#333;text-shadow:none}
.amp-center strong{color:#b7c5ff;background:#071b6b;box-shadow:0 0 25px #1559fa8a;text-shadow:0 0 4px #88abff}
.vu-face,.hifi[data-state="playing"] .vu-face{background:linear-gradient(#07006a,#00004c)}
.vu-face path{display:none}.vu-face text{fill:#999eff}.meter-ticks line{stroke:#9299ff}
.amp-gain{color:#666}.amp-mark{font:9px Arial;color:#777}.amp-center .stereo-led{background:#11e431;box-shadow:0 0 10px #0f4}
@media(min-width:901px){
 .channel-hero .hifi{width:72%;max-width:1296px;margin-inline:auto}
 .hifi .component{border:1px solid #333;border-bottom:0;border-radius:0;background:repeating-linear-gradient(0deg,#ffffff08 0px,#0004 1px,#ffffff03 2px,#0002 3px),linear-gradient(100deg,#181818,#272727 48%,#161616);box-shadow:inset 0 1px #555,0 8px 16px #000}
 .component:before,.component:after{display:none}
 .hifi .deck{display:block;min-height:0;padding:0;aspect-ratio:1630/393}
 .deck-side{position:absolute;inset:0;display:block;pointer-events:none}.deck-side>*{position:absolute;pointer-events:auto}
 .deck-side .hardware-brand{left:3.3%;top:2.4%;font-size:1.84cqw;color:#737373}
 .deck-side .side-power-label{top:50.5%;left:3.7%;width:5.7%;font-size:.67cqw}
 .deck-side .deck-small{top:20.8%;left:3.7%;width:5.7%;min-height:0;height:10.2%;font-size:.6cqw}
 .deck-side .power{top:57%;left:3.7%;width:5.7%;height:16%;min-height:0;margin:0}
 .deck-side .headphone{left:5.4%;top:82.4%;width:2.2cqw;height:2.2cqw;margin:0;border-width:.3cqw}
 .deck-side .hardware-label:last-child{left:4%;top:94%;width:5%;font-size:.65cqw}
 .hifi .cassette-bay{position:absolute;left:11.6%;top:7.9%;width:28.8%;height:82.6%;padding:0;border-width:.35cqw}
 .cassette-window{position:absolute;top:26.7%;left:10%;width:80%;height:28%;gap:.35cqw;border-width:.4cqw;border-radius:.5cqw}
 .tape-label{font-size:1.35cqw}.reel{width:3cqw;height:3cqw;border-width:.36cqw}.reel i{width:1.2cqw;height:1.2cqw;border-width:.25cqw}.tape-bridge{width:5.7cqw;height:2.9cqw}.tape-bridge i{background:#50ee23}
 .cassette-name{position:absolute;left:0;right:0;top:60%;margin:0;font:1.22cqw Arial;color:#8d7840}
 .cassette-bay>.hardware-label{position:absolute;left:0;right:0;top:70%;font-size:.65cqw;margin:0}
 .cassette-bay>em{position:absolute;left:0;right:0;top:75%;font:italic 1.3cqw Arial;margin:0;color:#626262}
 .deck-main{position:static}
 .digital-display{position:absolute;left:42.4%;top:7.9%;width:39.4%;height:44%;min-height:0;padding:1.1cqw 1.4cqw;border-width:.35cqw;border-radius:.4cqw;color:#73d9f5}
 .track-display{font:600 .82cqw Arial;margin:0 0 .65cqw;height:1cqw}
 .digital-level{margin:.28cqw 0 0 7cqw;font-size:.65cqw;gap:.5cqw}.level-bar{height:.45cqw}
 .db-scale{margin:.28cqw 0 0 7cqw;font-size:.65cqw;white-space:nowrap}.db-scale b{color:#f20}
 .display-bottom{margin:0;position:absolute;left:2.2cqw;top:60%;gap:.6cqw}.display-bottom time{font:italic 1.6cqw monospace;color:#83eaff;text-shadow:0 0 5px #51d4ff}.display-bottom>strong,.display-bottom>span{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
 .metadata-status{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
 .digital-display:after{content:'';position:absolute;left:1.5cqw;right:1.5cqw;bottom:1.3cqw;height:.5cqw;background:repeating-linear-gradient(90deg,#262626 0 .6cqw,transparent .6cqw .85cqw)}
 .deck-function-row{position:absolute;left:52.3%;top:35.8%;width:27.2%;gap:.7cqw;margin:0;display:flex}
 .micro-control{padding:0 .25cqw;font:.56cqw Arial;height:.94cqw;border-color:#222;background:#070707;box-shadow:none;color:#333}
 .deck-function-row .micro-control:nth-child(2),.deck-function-row .micro-control:nth-child(6){color:#67dfff;border-color:#129fcb;box-shadow:inset 0 0 5px #0695c3}
 .transport{position:absolute;left:42.5%;top:57%;width:39%;height:16%;margin:0;grid-template-columns:1fr 1fr 1.4fr 1.4fr 1fr 1fr;gap:.2cqw}
 .hifi .transport .mechanical{min-height:0;font-size:.62cqw;letter-spacing:0;border-width:.25cqw;gap:1.3cqw;color:#737373}.transport button>span{font-size:.83cqw}.transport .led{width:.45cqw;height:.4cqw}
 .monitor-row{position:absolute;left:82.9%;top:60.7%;width:9.5%;height:10%;margin:0;gap:1cqw}.monitor-row .mechanical{min-height:0;min-width:0;flex:1;font-size:.6cqw;padding:0;border-width:.25cqw;gap:.3cqw}
 .hardware-strip{position:absolute;left:42.5%;top:84.4%;width:39%;margin:0;gap:.9cqw}.hardware-strip .mechanical{min-height:0;height:1.65cqw;border-width:.25cqw;padding-left:.3cqw;margin-bottom:.3cqw}.hardware-strip span{font-size:.62cqw}.hardware-strip .led{width:.65cqw;height:.25cqw}
 .volume-panel{position:absolute;left:84.8%;top:9%;width:11.5%;height:45%;display:block}
 .volume-panel>.hardware-label{position:absolute;left:90%;top:0;font-size:.6cqw}
 .knob-scale{display:block;position:absolute;inset:-10% -10% auto;height:120%;pointer-events:none}
 .knob-scale span{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--tick))}
 .knob-scale span::after{content:'';position:absolute;left:0;bottom:6.45cqw;width:.18cqw;height:.18cqw;border-radius:50%;background:#686868}
 .knob-scale span{font-size:0}
 .knob-scale span::before{content:attr(data-value);position:absolute;bottom:6.8cqw;left:-.2cqw;transform:rotate(var(--untick));color:#747474;font:.65cqw Arial}
 .hifi .volume-knob{width:100%;border-width:.6cqw;outline:0;box-shadow:0 0 0 .16cqw #3c3c3c,inset 0 0 0 .17cqw #626262,0 .3cqw .7cqw #000;background:linear-gradient(145deg,#303030,#171717 65%,#080808)}
 .volume-panel output{position:absolute;left:40%;top:103%;font-size:.66cqw;color:#6c6c6c}
 .balance-control{position:absolute;top:159%;left:27%;width:46%;gap:.3cqw}.balance-control>i{width:2.8cqw;border-width:.2cqw}.balance-control>span{font-size:.52cqw}
 .component-feet{height:3.55cqw;padding:1.2cqw 6.1% 0;background:#000}.component-feet i{width:13%;height:2.3cqw;border-top:1.3cqw solid #080808}
 .hifi .amplifier{padding:0;aspect-ratio:1630/540}
 .amplifier-glass{position:absolute;left:9.25%;top:12%;width:81.4%;height:53.5%;padding:0;display:block;border-width:.35cqw;background:linear-gradient(110deg,#171717,#252525,#141414)}
 .vu-module{position:absolute;left:10.6%;top:18.5%;width:26.2%}.vu-module:last-child{left:63.5%}.vu-face svg{aspect-ratio:2;}.vu-module>.hardware-label{font-size:.7cqw;margin-top:.5cqw}
 .amp-center{position:absolute;left:44.5%;top:18%;width:11%;height:70%;gap:0}.amp-center strong{font:1.95cqw Arial;padding:0 .25cqw}.amp-center>.amp-gain{margin-top:1.1cqw;font:.65cqw/1.2 Arial}.amp-center .amp-mark{font:.66cqw Arial;white-space:nowrap;display:block;position:absolute;bottom:1.8cqw}.amp-center .stereo-led{position:absolute;bottom:1.3cqw;width:2.4cqw;height:.22cqw}.amp-center small{display:none}
 .amplifier-bottom{position:absolute;left:11%;top:69.5%;width:83%;height:17%;margin:0;display:block}
 .amp-power{position:absolute;left:0;top:0;width:12%;min-width:0}.amp-power small{font-size:.72cqw}.amp-power .mechanical{min-height:0;height:3.7cqw;margin-top:1.1cqw;color:#666;font-size:.6cqw}
 .amplifier-bottom>.hardware-brand{position:absolute;left:14%;top:49%;font-size:1.65cqw;color:#666}
 .amplifier-bottom>span:nth-of-type(1){position:absolute;left:22%;top:59%;font-size:.85cqw;white-space:nowrap}
 .amp-speakers{position:absolute;left:77%;top:35%;width:17%;min-width:0;margin:0}.amp-speakers small{font-size:.6cqw}.amp-speakers>div{margin-top:.3cqw;justify-content:space-between;gap:0}.amp-speakers button{width:34%;height:2cqw;min-height:0;border-width:.2cqw}
 .amplifier-bottom>.amp-phones{position:absolute;left:96%;top:43%;font-size:.66cqw;white-space:normal;text-align:center}.amplifier-bottom>.gold{display:none}
}

/* Detail pass: cassette door machining and the reference meter face only. */
.hifi .cassette-bay {
  border-style:solid;
  border-color:#292a29;
  border-radius:7px;
  background:
    linear-gradient(180deg,#ffffff0b,transparent 11%,transparent 92%,#0005),
    repeating-linear-gradient(0deg,#ffffff06 0 1px,#0003 1px 2px,transparent 2px 3px),
    linear-gradient(110deg,#181918,#232423 53%,#141514);
  box-shadow:0 1px 2px #6665,0 0 0 1px #050605,
    inset 0 2px 2px #8a8c8766,inset 2px 0 2px #65676155,
    inset -2px -3px 3px #000, inset 0 0 14px #0007;
}
.hifi .cassette-window {
  border-style:solid;
  border-color:#090a09;
  border-radius:7px 7px 2px 2px;
  background:linear-gradient(180deg,#030403,#090a09 78%,#151615);
  box-shadow:inset 0 5px 9px #000,0 -2px 5px #0009,
    0 3px 2px #5c5e5566,3px 0 4px #000a,-3px 0 4px #000a;
}
.hifi .vu-face,.hifi[data-state="playing"] .vu-face {
  background:linear-gradient(180deg,#080066,#040054 75%,#02003c);
  border:1px solid #010116;
  border-radius:3px;
  box-shadow:0 2px 4px #000;
}
.hifi .vu-face svg{aspect-ratio:2;display:block;width:100%;height:auto}
.hifi .vu-face text{fill:#969bff;font-family:Arial,sans-serif;font-size:14px;font-weight:600}
.hifi .vu-face .meter-ticks line{stroke:#9299ff;stroke-width:2;stroke-linecap:round}
.hifi .vu-face .meter-dots{fill:#9299ff}
.hifi .vu-face .vu-db{font-size:16px}
.hifi .vu-face .vu-reference{font-size:10px}
.hifi .vu-face .vu-zero,.hifi .vu-face .vu-watts{font-size:7px}
.hifi .vu-face .vu-brand{font-size:12px;font-weight:400}
.hifi .vu-face .vu-output{font-size:12px}
.hifi .vu-face .vu-load{font-size:10px;font-weight:400}
.hifi .vu-face .needle{stroke:#ff993c;stroke-width:1.6;transform-origin:134px 172px}
@media(min-width:901px){
  .hifi .cassette-bay{border-width:.32cqw;border-radius:.45cqw}
  .hifi .cassette-window{left:10.5%;top:26.3%;width:78.5%;height:27.7%;border-width:.38cqw}
}