#the-systems .hs-scene{position:relative;isolation:isolate;width:100%;aspect-ratio:900/530;color:#b8cac4;--hs-scene-tint:#9ac4c0}
#the-systems .hs-scene-art{display:block;width:100%;height:100%;overflow:visible}
#the-systems .hs-scene-state,#the-systems .hs-scene-backdrop,#the-systems .hs-scene-shared-pair,#the-systems .hs-scene-bench-option{opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;pointer-events:none}
#the-systems .hs-scene[data-scene=stereo] [data-scene=stereo],#the-systems .hs-scene[data-scene=theatre] [data-scene=theatre],#the-systems .hs-scene[data-scene=bench] [data-scene=bench],#the-systems .hs-scene[data-scene=wishlist] [data-scene=wishlist],#the-systems .hs-scene[data-scene=stereo] [data-world=stereo],#the-systems .hs-scene[data-scene=theatre] [data-world=theatre],#the-systems .hs-scene[data-scene=bench] [data-world=bench],#the-systems .hs-scene[data-scene=wishlist] [data-world=wishlist],#the-systems .hs-scene[data-scene=stereo] .hs-scene-shared-pair,#the-systems .hs-scene[data-scene=theatre] .hs-scene-shared-pair,#the-systems .hs-scene[data-scene=bench][data-bench="0"] [data-option="0"],#the-systems .hs-scene[data-scene=bench][data-bench="1"] [data-option="1"]{opacity:1;visibility:visible;pointer-events:auto}
#the-systems .hs-scene-item{cursor:pointer;outline:none}
#the-systems .hs-scene-object{transform-box:fill-box;transform-origin:center bottom;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s;filter:brightness(.87) saturate(.7) drop-shadow(0 1px 1px #0005)}
#the-systems .hs-scene-item:focus-visible .hs-scene-object{filter:brightness(1.15) saturate(.9) drop-shadow(0 0 4px #c8aa7c);transform:translateY(1px) scale(1.012)}
#the-systems .hs-scene[data-focused=speakers] [data-gear=speakers] .hs-scene-object,#the-systems .hs-scene[data-selected=speakers] [data-gear=speakers] .hs-scene-object,#the-systems .hs-scene[data-focused=amplifiers] [data-gear=amplifiers] .hs-scene-object,#the-systems .hs-scene[data-selected=amplifiers] [data-gear=amplifiers] .hs-scene-object,#the-systems .hs-scene[data-focused=surround] [data-gear=surround] .hs-scene-object,#the-systems .hs-scene[data-selected=surround] [data-gear=surround] .hs-scene-object,#the-systems .hs-scene-item:hover .hs-scene-object{transform:translateY(1px) scale(1.012);filter:brightness(1.08) saturate(.96) drop-shadow(0 2px 2px #0008)}
#the-systems .hs-scene-caption{position:absolute;left:17%;right:17%;top:89.5%;margin:0;text-align:center;font-size:clamp(10px,.87vw,12px);line-height:1.5;letter-spacing:.045em;color:#a6b9b3;pointer-events:none;min-height:2em}
#the-systems .hs-scene[data-scene=bench] .hs-scene-caption{top:88%}
#the-systems .hs-scene-compare{position:absolute;left:50%;top:93%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;min-height:44px;border:0;background:none;color:#c8aa7c;padding:0 10px;font:inherit;font-size:11px;cursor:pointer}
#the-systems .hs-scene-compare[hidden]{display:none}#the-systems .hs-scene-compare svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}#the-systems .hs-scene-compare:hover{color:#ead4b2}#the-systems .hs-scene-compare:focus-visible{outline:1px solid #c8aa7c;outline-offset:2px;border-radius:5px}
#the-systems .hs-scene-projection{opacity:.25;pointer-events:none;transition:opacity .6s;transform-origin:450px 350px}#the-systems .hs-scene[data-focused=speakers] .hs-scene-projection,#the-systems .hs-scene[data-selected=speakers] .hs-scene-projection{opacity:.8}#the-systems .hs-scene[data-scene=bench] .hs-scene-projection{opacity:.13}#the-systems .hs-scene[data-scene=wishlist] .hs-scene-projection{stroke:#c8aa7c}
#the-systems .hs-scene-wave{animation:hs-scene-wave 5s ease-out infinite;animation-delay:calc(var(--i) * -1.66s);transform-origin:450px 347px}
@keyframes hs-scene-wave{0%{opacity:0;transform:scale(.83,.28)}18%{opacity:.8}90%,100%{opacity:0;transform:scale(1.07,1)}}
#the-systems .hs-scene-groove-light{stroke-dasharray:30 300;animation:hs-scene-groove 12s linear infinite}@keyframes hs-scene-groove{to{stroke-dashoffset:-660}}
#the-systems .hs-scene-meter-glints{pointer-events:none;opacity:.07;filter:blur(5px);animation:hs-scene-meter 3.6s ease-in-out infinite}@keyframes hs-scene-meter{0%,100%{opacity:.03}30%{opacity:.16}70%{opacity:.08}}
#the-systems .hs-scene-clouds{animation:hs-scene-clouds 14s ease-in-out infinite alternate}@keyframes hs-scene-clouds{to{transform:translateX(18px)}}
#the-systems .hs-scene-mountain-back{animation:hs-scene-landscape 18s ease-in-out infinite alternate}#the-systems .hs-scene-mountain-front{animation:hs-scene-landscape 12s ease-in-out infinite alternate-reverse}@keyframes hs-scene-landscape{to{transform:translateX(-8px)}}
#the-systems .hs-scene-cinema-rays{animation:hs-scene-rays 7s ease-in-out infinite alternate}@keyframes hs-scene-rays{to{opacity:.04;transform:translateX(6px)}}
#the-systems .hs-scene-scan{animation:hs-scene-scan 8s linear infinite}@keyframes hs-scene-scan{0%{transform:translateX(0);opacity:0}10%,85%{opacity:.8}100%{transform:translateX(304px);opacity:0}}
#the-systems .hs-scene-trace-a{stroke-dasharray:500;stroke-dashoffset:0;animation:hs-scene-trace 8s linear infinite}#the-systems .hs-scene-trace-b{stroke-dasharray:500;stroke-dashoffset:0;animation:hs-scene-trace 8s linear infinite reverse}@keyframes hs-scene-trace{0%,100%{opacity:.6}50%{opacity:1}}
#the-systems .hs-scene-stars{animation:hs-scene-stars 8s ease-in-out infinite alternate}@keyframes hs-scene-stars{to{opacity:.35;transform:translateY(-3px)}}
#the-systems .hs-scene[data-motion=off] *{animation-play-state:paused!important}#the-systems .hs-scene[data-motion=off] .hs-scene-object{transition:none}
#the-systems .hs-scene [data-world],#the-systems .hs-scene-state{content-visibility:visible}#the-systems .hs-scene[data-scene=stereo] [data-world]:not([data-world=stereo]) *,#the-systems .hs-scene[data-scene=theatre] [data-world]:not([data-world=theatre]) *,#the-systems .hs-scene[data-scene=bench] [data-world]:not([data-world=bench]) *,#the-systems .hs-scene[data-scene=wishlist] [data-world]:not([data-world=wishlist]) *{animation-play-state:paused}
@media(max-width:600px){#the-systems .hs-scene-caption{font-size:10px;left:10%;right:10%}#the-systems .hs-scene-compare{font-size:10px;top:93%;gap:6px}#the-systems .hs-scene-object{filter:brightness(.95) saturate(.78) drop-shadow(0 1px 1px #0005)}}
@media(prefers-reduced-motion:reduce){#the-systems .hs-scene *{animation:none!important;transition:none!important}#the-systems .hs-scene-wave{opacity:.25;transform:none}#the-systems .hs-scene-item:hover .hs-scene-object,#the-systems .hs-scene-item:focus-visible .hs-scene-object{transform:none}}

/* A dedicated upper scene control remains clear of the console at every size. */
#the-systems .hs-scene-compare{left:auto;right:7%;top:3%;transform:none;padding:0 8px;min-height:44px;border:1px solid #c8aa7c55;border-radius:24px;background:#0b1b20b3}
#the-systems .hs-scene-score-note{animation:hs-scene-score 5.6s ease-in-out infinite;animation-delay:calc(var(--note) * -.7s)}
@keyframes hs-scene-score{0%,70%,100%{opacity:.45}80%,90%{opacity:1}}
@media(max-width:600px){#the-systems .hs-scene-compare{right:3%;top:0;width:44px;padding:0;justify-content:center}#the-systems .hs-scene-compare span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#the-systems .hs-scene-compare svg{width:20px;height:20px}}

#the-systems .hs-scene-item[aria-hidden="true"]{visibility:hidden;pointer-events:none}#the-systems .hs-scene-item[aria-hidden="true"] *{pointer-events:none}

#the-systems .hs-scene-contact{transition:opacity .45s;pointer-events:none}#the-systems .hs-scene-rack,#the-systems .hs-scene-room,#the-systems .hs-scene-stand{pointer-events:none}#the-systems .hs-scene-item:hover .hs-scene-contact{opacity:1}
@media(prefers-reduced-motion:reduce){#the-systems .hs-scene .hs-scene-object{transform:none!important}}