/* System opening: a listening instrument and complete, individually lit equipment. */
.s36-hero{display:grid;grid-template-columns:.85fr 1.3fr;align-items:center;gap:20px;min-height:482px;padding:42px 0 44px;position:relative;isolation:isolate}
.s36-hero-copy{z-index:2;padding:10px 0}.s36-hero .s34-eyebrow{margin-bottom:24px!important}
body.system-page-v34 #main .s36-hero h1{font-family:inherit;font-size:clamp(49px,4.8vw,70px);font-weight:550;letter-spacing:-.052em;line-height:1.015;margin:25px 0 25px;max-width:9ch}
.s36-hero-lines{font-size:clamp(21px,1.8vw,27px);line-height:1.35;letter-spacing:-.035em;color:var(--s34-ink)}
.s36-hero-lines span{display:block}.s36-hero-lines em{font:italic 400 1.13em/1.4 Georgia,serif;color:var(--s34-blue)}
.s36-hero-link{display:inline-flex;align-items:center;gap:22px;min-height:44px;color:var(--s34-blue)!important;font-size:14px;text-decoration:none}.s36-hero-link span{height:34px;width:34px;display:grid;place-items:center;border:1px solid var(--s34-line);border-radius:50%;font-size:18px;transition:transform .3s}.s36-hero-link:hover span{transform:translateY(3px)}
.s36-hero-visual{position:relative;min-width:0;perspective:1100px;isolation:isolate;padding-top:18px}
.s36-hero-visual:before{content:'';position:absolute;inset:8% -10% 4%;background:radial-gradient(ellipse at 52% 56%,#6cabb629,transparent 63%);pointer-events:none;z-index:-1}
.s36-console{position:relative;width:112%;margin-left:-6%;transform:rotateX(var(--hero-x,0deg)) rotateY(var(--hero-y,0deg));transition:transform .5s cubic-bezier(.2,.65,.2,1);transform-style:preserve-3d}
.s36-mobile-engraving{display:none}
.s36-console-svg{width:100%;height:auto;display:block;overflow:visible}
.s36-console-choices{position:absolute;left:12.55%;top:69.3%;width:53.25%;height:8.1%;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}
body.system-page-v34 #main .s36-console-choices button{display:flex;gap:5px;align-items:center;justify-content:center;border:0;background:none!important;border-radius:0;padding:0;min-height:34px;font-size:clamp(7px,.64vw,10px);letter-spacing:.03em;font-weight:500;color:#a5bdc7;filter:none!important;cursor:pointer;white-space:nowrap}
.s36-console-choices button:before{content:'';height:3px;width:3px;border-radius:50%;background:#47626b;flex:none}.s36-console-choices button[aria-pressed=true]{color:#def6ff!important;text-shadow:0 0 6px #8bdcff}.s36-console-choices button[aria-pressed=true]:before{background:#7fd4f2;box-shadow:0 0 7px #7fd4f2}.s36-console-choices button:last-child:before{background:#9d835c}.s36-console-choices button:last-child[aria-pressed=true]:before{background:#f6ca78;box-shadow:0 0 7px #f6ca78}
body.system-page-v34 #main .s36-console-dial{position:absolute;left:71%;top:34.8%;width:16.8%;height:34%;border-radius:50%;border:0;background:transparent;filter:none;padding:0;cursor:ew-resize}.s36-console-dial:focus-visible{outline:2px solid #73bad9;outline-offset:4px}
.s36-knob-face{transform-origin:682px 223px;transform:rotate(var(--dial-angle,-32deg));transition:transform .8s cubic-bezier(.2,.75,.2,1)}
.s36-console .s36-face-sheen{transform:translateX(var(--sheen,0px));transition:transform .6s}
.s36-hero-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px!important;letter-spacing:.035em;margin-top:1px!important;color:var(--s34-muted)}.s36-hero-status i{width:5px;height:5px;border-radius:50%;background:var(--s34-blue)}
.s34-motion .s36-hero.is-visible .s36-needle-223{animation:s36-meter-left 4.1s linear infinite}.s34-motion .s36-hero.is-visible .s36-needle-458{animation:s36-meter-right 5.2s linear infinite}.s36-hero-visual:hover .s36-meter-glass{filter:brightness(1.15)}.s36-meter-glass{transition:filter .45s}.s36-needle{transform:rotate(0deg)}
@keyframes s36-meter-left{0%,100%{transform:rotate(-8deg)}12%{transform:rotate(13deg)}18%{transform:rotate(3deg)}29%{transform:rotate(25deg)}38%{transform:rotate(16deg)}45%{transform:rotate(2deg)}52%{transform:rotate(21deg)}67%{transform:rotate(8deg)}75%{transform:rotate(28deg)}88%{transform:rotate(5deg)}}
@keyframes s36-meter-right{0%,100%{transform:rotate(3deg)}10%{transform:rotate(21deg)}17%{transform:rotate(10deg)}31%{transform:rotate(29deg)}44%{transform:rotate(6deg)}56%{transform:rotate(20deg)}63%{transform:rotate(1deg)}72%{transform:rotate(15deg)}85%{transform:rotate(-6deg)}}
/* A compositional stage; pixel bounds of the equipment, not source-file margins, set scale. */
.s34-observatory{padding:32px 0 28px!important;background:var(--s34-paper)!important;overflow:clip}
.s34-system-heading{align-items:center;gap:60px;margin-bottom:6px}.s34-system-heading>p{max-width:40ch;font-size:15px;line-height:1.6}
body.system-page-v34 #main .s34-system-heading h2{font-size:clamp(29px,2.65vw,40px);letter-spacing:-.045em}
.s36-view-controls{display:none}
.s36-stage-window{position:relative;isolation:isolate;margin:8px -12px 0}
.s36-stage-scroll{overflow:visible;position:relative}
.s36-stage{height:clamp(530px,43vw,650px);position:relative;isolation:isolate;perspective:1400px}
.s36-stage[data-layout=wishlist]{height:clamp(590px,49vw,730px)}
.s36-stage:before{content:'';position:absolute;left:1%;right:1%;bottom:8%;height:12%;border-radius:50%;background:radial-gradient(ellipse,#54879816,transparent 67%);pointer-events:none}
.s36-stage:after{content:'';position:absolute;left:4%;right:4%;bottom:10%;height:1px;background:linear-gradient(90deg,transparent,#638b9d20 30%,#638b9d20 70%,transparent);pointer-events:none}
.s36-slot{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);height:calc(var(--h)*1%);display:flex;flex-direction:column;align-items:stretch;z-index:2;isolation:isolate;perspective:800px}
.s36-slot.is-lit,.s36-slot:focus-within{z-index:6}
.s36-art-hit{width:100%;flex:1 1 auto;min-height:0;position:relative;display:flex;justify-content:center;align-items:flex-end;padding:0;border:0;background:transparent!important;filter:none!important;border-radius:0;outline-offset:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.s36-art-hit:before{content:'';position:absolute;left:-10%;right:-10%;top:-10%;bottom:-10%;background:radial-gradient(ellipse at 50% 60%,#7fc5e826,transparent 66%);opacity:0;transition:opacity .45s;pointer-events:none}
.s36-slot.is-lit .s36-art-hit:before,.s36-slot:focus-within .s36-art-hit:before{opacity:1}
.s36-product{position:relative;display:block;transform-style:preserve-3d;transform:translateY(0) rotateX(0) rotateY(0);transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s,opacity .5s;filter:grayscale(.92) saturate(.2) contrast(.98);opacity:.73;will-change:transform;pointer-events:none}
.s36-crop{display:block;position:relative;overflow:hidden;width:100%;height:100%;mask-image:linear-gradient(#000 0 95%,#000b 99%,transparent 100%)}
body.system-page-v34 #main .s36-crop img{position:absolute;display:block;object-fit:fill;max-width:none!important;max-height:none!important;margin:0;padding:0;pointer-events:none}
.s36-product:after{content:'';position:absolute;bottom:-11px;left:7%;right:7%;height:17px;background:radial-gradient(ellipse,#162d3b32,transparent 69%);filter:blur(4px);opacity:.45;transform:scaleX(.92);transition:opacity .5s,transform .5s}
.s36-slot.is-lit .s36-product--front,.s36-slot:focus-within .s36-product--front{opacity:1;filter:grayscale(0) saturate(1) contrast(1.02);transform:translateY(-8px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.055)}
.s36-slot.is-lit .s36-product--front:after{opacity:.75;transform:translateY(8px) scaleX(.82)}
.s36-slot.is-selected .s36-product--front{opacity:1;filter:grayscale(0) saturate(1);transform:translateY(-8px) scale(1.035)}
.s36-product--back{position:absolute;left:50%;bottom:5%;transform:translateX(calc(-50% + 22px)) translateY(-14px) scale(.87);filter:grayscale(1);opacity:.2;z-index:-1}.s36-slot.is-lit .s36-product--back{opacity:.3}
.s36-product--front{z-index:2;opacity:1;filter:grayscale(.88) saturate(.35) contrast(.72) brightness(1.1)}.s36-art-hit.is-flipping .s36-product--front{animation:s36-flip-in .6s cubic-bezier(.2,.7,.2,1)}
@keyframes s36-flip-in{from{opacity:.2;transform:translate(26px,-25px) rotateY(-22deg) scale(.87)}to{opacity:1;transform:translate(0,0) rotateY(0) scale(1)}}
.s36-caption{position:relative;flex:none;min-height:51px;padding:8px 0 0;display:flex;align-items:flex-start;justify-content:center;gap:6px;color:var(--s34-ink);z-index:8}
.s36-caption-text{text-align:center;display:flex;flex-direction:column;gap:3px;min-width:0;padding-top:5px}.s36-caption-text strong{font-size:13px;line-height:1.25;font-weight:550;letter-spacing:-.02em}.s36-caption-text small{font-size:10px;line-height:1.3;color:var(--s34-muted);font-weight:400}
body.system-page-v34 #main .s36-round{width:38px;height:38px;min-height:38px;flex:0 0 38px;display:grid;place-items:center;padding:0;border:0!important;background:transparent!important;border-radius:50%;color:var(--s34-blue);filter:none!important;cursor:pointer;position:relative}
.s36-round:before{position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--s34-blue) 28%,transparent);border-radius:50%;content:'';transition:background .2s,border-color .2s}
.s36-round:hover:before,.s36-round[aria-expanded=true]:before{background:var(--s34-blue);border-color:var(--s34-blue)}.s36-round:hover,.s36-round[aria-expanded=true]{color:var(--s34-paper)!important}
.s36-round svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5;position:relative;z-index:1}.s36-round span{position:relative;z-index:1;font-size:20px;line-height:1}
.s36-flip{position:absolute!important;right:-4px;top:-5px;z-index:10}.s36-flip svg{width:18px;height:18px}.s36-flip:before{background:color-mix(in srgb,var(--s34-paper) 92%,transparent);backdrop-filter:blur(8px)}
.s36-support{display:grid;grid-template-columns:repeat(var(--count,4),minmax(0,1fr));gap:28px;padding:25px 0 22px;border-top:1px solid var(--s34-line);margin-top:6px}
.s36-support:empty{display:none}.s36-support .s36-slot{position:relative;left:auto;top:auto;width:100%;height:164px}.s36-support .s36-caption{min-height:49px}.s36-support .s36-caption-text strong{font-size:12px}.s36-support .s36-caption-text small{font-size:10px}.s36-support .s36-art-hit{max-width:175px;width:100%;margin:auto}
.s36-stage-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--s34-line);padding:15px 0 0;margin-top:12px;color:var(--s34-muted);font-size:11px}.s36-stage-foot p{font-size:11px!important;margin:0!important;line-height:1.5!important}.s36-stage-foot button{background:none;border:0;border-radius:0;filter:none!important;padding:5px 0;min-height:32px;font-size:10px!important;color:var(--s34-muted);white-space:nowrap}
/* The details stay beside the selected component, in the shared glass language. */
.s36-bubble{--s36-paper:#fafaf7;--s36-ink:#182326;--s36-muted:#52646d;--s36-blue:#176c89;position:fixed;inset:auto;margin:0;width:342px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 185px);overflow:auto;padding:26px;border:1px solid #a3b8bf66;border-radius:18px;background:color-mix(in srgb,var(--s36-paper) 94%,transparent);color:var(--s36-ink);box-shadow:0 18px 65px #132c3a26,0 1px 3px #132c3a10;backdrop-filter:blur(24px);z-index:9999;font-family:inherit;isolation:isolate;animation:s36-bubble-in .23s ease-out}
.s36-bubble[hidden]{display:none!important}.s36-bubble::backdrop{background:transparent;pointer-events:none}.s36-bubble p{margin:0;color:var(--s36-muted);font-size:14px;line-height:1.7}.s36-bubble h3{font-family:inherit;color:var(--s36-ink);font-size:27px;font-weight:550;letter-spacing:-.035em;line-height:1.1;margin:9px 25px 16px 0}.s36-bubble .s36-bubble-kicker{font-size:10px;letter-spacing:.06em;color:var(--s36-blue);padding-right:20px}.s36-bubble .s36-bubble-role{font-size:15px;color:var(--s36-ink);line-height:1.4;margin:0 0 12px}.s36-bubble .s36-bubble-status{font-size:10px;color:var(--s36-blue);border-top:1px solid #a3b8bf55;padding-top:14px;margin-top:19px}.s36-bubble-close{position:absolute;right:9px;top:9px;width:40px;height:40px;background:none!important;border:0;border-radius:50%;color:var(--s36-muted);font-size:24px;font-weight:300;padding:0;filter:none!important;cursor:pointer}.s36-bubble-close:hover{color:var(--s36-blue)}
@keyframes s36-bubble-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
[data-theme=dark] .s34-observatory{--s34-paper:#101d23;--s34-ink:#e7eeed;--s34-muted:#a7b7be;--s34-line:#33464f;--s34-blue:#7abbd1}
[data-theme=dark] .s36-bubble{--s36-paper:#13232b;--s36-ink:#eef4f3;--s36-muted:#b3c5cc;--s36-blue:#87c7de;box-shadow:0 18px 65px #0008;border-color:#7595a64d}
[data-theme=dark] .s36-product{opacity:.78;filter:grayscale(.9) brightness(1.12)}[data-theme=dark] .s36-product--front{opacity:1;filter:grayscale(.85) contrast(.85) brightness(.95)}[data-theme=dark] .s36-stage:before{background:radial-gradient(ellipse,#98c6db1c,transparent 70%)}
.s36-slot :focus-visible,.s36-console :focus-visible{outline:2px solid var(--s34-blue);outline-offset:4px}
.s34-motion-off .s36-product,.s34-motion-off .s36-console{transform:none!important;transition:opacity .15s,filter .15s!important}.s34-motion-off .s36-product--back{transform:translateX(calc(-50% + 22px)) translateY(-20px) scale(.87)!important}
@media(min-width:1650px){.s36-hero{min-height:515px}.s36-console{width:108%;margin-left:-4%}}
@media(max-width:1100px){.s36-hero{grid-template-columns:.88fr 1.12fr;min-height:440px}.s36-console{width:125%;margin-left:-10%}.s36-stage{height:535px}.s36-stage[data-layout=wishlist]{height:610px}.s36-caption-text strong{font-size:11px}.s36-caption-text small{font-size:9px}.s36-support{gap:15px}.s36-support .s36-slot{height:145px}}
@media(max-width:700px){
 .s36-hero{display:flex;flex-direction:column;align-items:stretch;padding:31px 0 25px;gap:1px;min-height:0}.s36-hero-copy{padding:0}.s36-hero .s34-eyebrow{margin-bottom:20px!important;font-size:10px!important}.s36-hero-lines{font-size:21px}body.system-page-v34 #main .s36-hero h1{font-size:clamp(44px,12.8vw,61px);max-width:10ch;margin:18px 0}.s36-hero-link{font-size:12px;min-height:38px}.s36-hero-link span{width:30px;height:30px}.s36-hero-visual{padding-top:3px;margin-top:0}.s36-console{width:113%;margin-left:-6.5%}.s36-hero-status{font-size:9px!important;margin-top:-3px!important}.s36-console-choices button{font-size:6px!important;gap:2px!important;min-height:28px!important}.s36-console-choices button:before{width:2px;height:2px}.s36-hero-visual:before{inset:0}
 .s34-observatory{padding:26px 0 18px!important}.s34-system-heading>p{font-size:13px;margin-top:12px;max-width:40ch}body.system-page-v34 #main .s34-system-heading h2{font-size:29px}.s34-system-heading .s34-eyebrow{font-size:10px!important}
 .s36-view-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 8px;color:var(--s34-muted);font-size:10px}.s36-view-controls>span{display:flex;align-items:center;gap:6px}.s36-view-controls button{background:none;filter:none!important;border:1px solid var(--s34-line);border-radius:30px;min-height:32px;padding:5px 13px;color:var(--s34-blue);font-size:10px}
 .s36-stage-window{margin:0 -20px}.s36-stage-scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--s34-line) transparent;padding:0 15px 10px;cursor:grab}.s36-stage{width:820px;max-width:none;height:530px}.s36-stage[data-layout=wishlist]{height:620px}.s36-stage-window.is-overview .s36-stage-scroll{overflow:hidden}.s36-stage-window.is-overview .s36-stage{transform-origin:top left;transform:scale(var(--overview-scale,.45));margin-bottom:calc(-1 * var(--overview-shrink,290px))}.s36-stage-window.is-overview .s36-stage-scroll{padding:0 8px}
 .s36-caption-text strong{font-size:12px}.s36-caption-text small{font-size:10px}.s36-caption{min-height:48px}.s36-round{width:42px!important;height:42px!important;flex-basis:42px!important}.s36-flip{right:-12px!important}
 .s36-support{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 20px;margin-top:22px;padding-top:23px}.s36-support .s36-slot{height:148px}.s36-support .s36-art-hit{max-width:150px}.s36-support .s36-caption-text strong{font-size:11px}.s36-support .s36-caption-text small{font-size:9px}.s36-support .s36-caption{gap:0}.s36-support .s36-round{flex-basis:32px!important;width:32px!important}.s36-support .s36-round:before{inset:7px 2px}.s36-support .s36-slot:last-child:nth-child(odd){grid-column:1/-1;width:65%;justify-self:center}
 .s36-stage-foot{gap:10px;align-items:flex-start;padding-top:10px;margin-top:18px}.s36-stage-foot p{font-size:10px!important;max-width:27ch}.s36-stage-foot button{font-size:9px!important}.s36-bubble{width:320px;padding:23px;max-height:calc(100dvh - 175px)}.s36-bubble h3{font-size:25px}.s36-bubble p{font-size:13px;line-height:1.6}.s36-bubble .s36-bubble-role{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.s36-hero *, .s36-stage *, .s36-support *, .s36-bubble{animation:none!important;transition:none!important}.s36-product--front,.s36-console{transform:none!important}}

@media(max-width:700px){
 .s36-console{margin-bottom:48px}.s36-mobile-engraving{display:block}
 .s36-console-choices{left:5.75%;top:100%;width:88.5%;height:44px;border-bottom:1px solid var(--s34-line)}
 body.system-page-v34 #main .s36-console-choices button{font-size:9px!important;letter-spacing:.02em;min-height:44px!important;color:var(--s34-muted);gap:5px!important}
 body.system-page-v34 #main .s36-console-choices button[aria-pressed=true]{color:var(--s34-blue)!important;text-shadow:none;border-bottom:1px solid var(--s34-blue)}
 .s36-console-choices button:before{width:3px!important;height:3px!important;background:var(--s34-line)}.s36-console-choices button[aria-pressed=true]:before{background:var(--s34-blue);box-shadow:none}
 .s36-hero-status{display:none}
}

/* Owner refinement: linked pairs, a forward selection plane and separate detail actions. */
.s36-inward .s36-crop{transform:scaleX(-1)}
.s36-slot.is-selected{z-index:12}
.s36-slot.is-selected .s36-art-hit:before{opacity:1;background:radial-gradient(ellipse at 50% 72%,#75bfdf38,transparent 68%)}
.s36-art-hit{perspective:1000px;transform-style:preserve-3d}
.s36-product{transform-origin:50% 88%;transition:transform .72s cubic-bezier(.16,.75,.2,1),filter .5s,opacity .5s}
.s36-slot.is-lit .s36-product--front,.s36-slot:focus-within .s36-product--front{transform:translate3d(calc(var(--lift-x,0px)*.4),-9px,35px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.02);opacity:1;filter:grayscale(0) saturate(1) contrast(1.02)}
.s36-slot.is-selected .s36-product--front{transform:translate3d(var(--lift-x,0px),-22px,100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.045);opacity:1;filter:grayscale(0) saturate(1) contrast(1.02)}
.s36-slot.s36-tall.is-selected .s36-product--front{transform:translate3d(var(--lift-x,0px),-10px,30px) scale(1.02)}
.s36-slot.is-selected .s36-product--front:after{opacity:.9;transform:translateY(27px) scaleX(.77);filter:blur(8px)}
.s36-slot.is-selected .s36-product--back{opacity:.13;transform:translateX(calc(-50% + 22px)) translateY(-9px) scale(.84)}
.s36-slot.is-selected .s36-caption-text strong{color:var(--s34-blue)}
.s36-caption{gap:2px;align-items:flex-start}
.s36-caption-controls{display:flex;align-items:center;flex:none;gap:0}
body.system-page-v34 #main .s36-round{width:44px!important;height:44px!important;min-height:44px;flex:0 0 44px!important}
.s36-round:before{inset:7px}
.s36-caption-text{padding-top:7px}
.s36-more svg{width:14px;height:14px;stroke-width:1.45}
.s36-support .s36-caption{align-items:flex-start;gap:2px}
.s36-slot.is-waiting{opacity:0}
.s36-stage.is-arriving{overflow:visible}
.s36-stage.is-arriving .s36-slot{pointer-events:none}
body.system-page-v34 #main .s36-console-dial{touch-action:none;cursor:grab}
body.system-page-v34 #main .s36-console-dial:active{cursor:grabbing}
.s36-console.is-dial-turning .s36-knob-face{transition:none}
.s36-console-dial:focus-visible{outline:2px solid #b0edff!important;outline-offset:6px!important}
@media(max-width:1100px){.s36-caption-text strong{font-size:11px}.s36-caption-text small{font-size:9px}}
@media(max-width:700px){
 .s36-caption-text strong{font-size:11px}.s36-caption-text small{font-size:9px}
 body.system-page-v34 #main .s36-support .s36-round{width:44px!important;height:44px!important;flex:0 0 44px!important}
 .s36-support .s36-round:before{inset:8px}
 .s36-support .s36-caption{flex-wrap:wrap;justify-content:center;gap:0}
 .s36-support .s36-caption-text{flex-basis:100%;padding-top:3px}
 .s36-support .s36-slot{height:176px}
 .s36-support .s36-caption-text strong{font-size:12px}
 .s36-slot.is-selected .s36-product--front{transform:translate3d(var(--lift-x,0px),-16px,70px) scale(1.045)}
}
.s34-motion-off .s36-slot,.s34-motion-off .s36-product{animation:none!important;transition:none!important}
.s34-motion-off .s36-slot.is-selected .s36-product--front{transform:scale(1.045)!important}
@media(prefers-reduced-motion:reduce){.s36-slot,.s36-product,.s36-crop{animation:none!important;transition:none!important}.s36-slot.is-waiting{opacity:1}.s36-slot.is-selected .s36-product--front{transform:scale(1.045)!important}}

/* Bring the complete component forward on one plane, so its label stays with it. */
.s36-scene{position:relative;width:100%;height:100%;transform-style:preserve-3d}
.s36-support{perspective:1400px}
.s36-slot{transform-style:preserve-3d;transition:transform .72s cubic-bezier(.16,.75,.2,1)}
.s36-slot.is-selected{transform:translate3d(var(--lift-x,0px),-8px,120px) scale(1.02)}
.s36-slot.s36-upper.is-selected{transform:translate3d(var(--lift-x,0px),34px,120px) scale(1.02)}
.s36-slot.is-selected .s36-product--front,.s36-slot.s36-tall.is-selected .s36-product--front{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.s36-slot.is-selected .s36-product--front:after{transform:translateY(17px) scaleX(.8)}
.s34-motion-off .s36-slot.is-selected{transform:none!important}
@media(prefers-reduced-motion:reduce){.s36-slot.is-selected{transform:none!important}}

/* The existing console geometry is retained; these rules only refine its materials and controls. */
.s36-hero .s36-console-svg{shape-rendering:geometricPrecision}
.s36-hero .s36-knob-face{transform-origin:682px 223px;transform:rotate(var(--dial-angle,-32deg));transition:transform .72s cubic-bezier(.16,.8,.2,1)}
.s36-hero .s36-console.is-dial-turning .s36-knob-face{transition:transform 45ms linear}
.s36-hero .s36-dial-stop .s36-detent-light{transition:fill .25s,filter .25s;fill:#6c8d9d}
.s36-hero .s36-dial-stop.is-active .s36-detent-light,
.s36-hero .s36-console[data-console-system=stereo] [data-dial-stop=stereo] .s36-detent-light,
.s36-hero .s36-console[data-console-system=cinema] [data-dial-stop=cinema] .s36-detent-light,
.s36-hero .s36-console[data-console-system=bench] [data-dial-stop=bench] .s36-detent-light{fill:#a1e7ff;filter:drop-shadow(0 0 2.8px #81d8ff)}
.s36-hero .s36-console[data-console-system=wishlist] [data-dial-stop=wishlist] .s36-detent-light{fill:#f5ce91;filter:drop-shadow(0 0 2.8px #d5ac65)}
.s36-hero .s36-dial-pointer{transition:stroke .25s,filter .25s}
.s36-hero .s36-console:is(:hover,:focus-within,.is-dial-turning) .s36-dial-pointer{stroke:#d8f6ff;filter:drop-shadow(0 0 2px #4eabc9)}
body.system-page-v34 #main .s36-hero .s36-console-dial{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}
body.system-page-v34 #main .s36-hero .s36-console-dial:active,
body.system-page-v34 #main .s36-hero .s36-console.is-dial-turning .s36-console-dial{cursor:grabbing}
.s36-hero .s36-console-dial:focus-visible{outline:2px solid #b5e8fa;outline-offset:5px;box-shadow:0 0 0 5px #143c4c88,0 0 16px #84ceea44}
/* Physical key caps, with a dark lower edge and an inset selected state. */
.s36-hero .s36-console-choices{gap:5px;padding:3px;box-sizing:border-box;align-items:stretch}
body.system-page-v34 #main .s36-hero .s36-console-choices button{position:relative;isolation:isolate;min-height:0!important;height:100%;border:1px solid #bad0d8;border-bottom-color:#647f8e;border-radius:3px;background:linear-gradient(180deg,#e8f2f3 0%,#c4d6dd 9%,#abc1cb 54%,#93adb9 100%)!important;color:#173b4d;font-size:clamp(7px,.67vw,10px);font-weight:650;letter-spacing:.04em;text-shadow:0 1px #ffffff52;box-shadow:inset 0 1px #f7ffffa6,inset 0 -1px #718e9b,0 2px 0 #03121b,0 3px 3px #010b1399;transform:translateY(-1px);transition:transform .16s,box-shadow .16s,background .2s,color .2s;outline-offset:4px;-webkit-tap-highlight-color:transparent}
body.system-page-v34 #main .s36-hero .s36-console-choices button:hover{background:linear-gradient(180deg,#f4fbfc,#d7e7ec 20%,#b6ced8)!important;color:#062c40;box-shadow:inset 0 1px #fff,inset 0 -1px #87a8b8,0 2px 0 #001019,0 0 9px #99ddf833}
body.system-page-v34 #main .s36-hero .s36-console-choices button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #02121c66,0 1px 0 #648393}
body.system-page-v34 #main .s36-hero .s36-console-choices button[aria-pressed=true]{transform:translateY(1px);background:linear-gradient(180deg,#041824,#143c4c 24%,#234e60)!important;border-color:#163745;border-top-color:#00121c;border-bottom-color:#648b9c;color:#e0f7ff!important;text-shadow:0 0 7px #9bdcff55;box-shadow:inset 0 2px 5px #000e17dd,inset 0 -1px #6b9caf4d,0 1px 0 #b5d0dc3d}
body.system-page-v34 #main .s36-hero .s36-console-choices button[aria-pressed=true]:hover{background:linear-gradient(180deg,#06202d,#204a5b)!important}
.s36-hero .s36-console-choices button:before{width:4px;height:4px;box-shadow:0 1px #d8edf36b,inset 0 1px 1px #01151d88;background:#385e71;transition:background .2s,box-shadow .2s}
.s36-hero .s36-console-choices button[aria-pressed=true]:before{background:#b7edff;box-shadow:0 0 6px #8adeff,0 0 1px 1px #174758}
.s36-hero .s36-console-choices button:last-child:before{background:#8e6e42}
.s36-hero .s36-console-choices button:last-child[aria-pressed=true]:before{background:#f8d99c;box-shadow:0 0 6px #edc785,0 0 1px 1px #5b4f3d}
.s36-hero .s36-selector-cap{transition:fill .2s,transform .2s;transform-box:fill-box;transform-origin:center}
.s36-hero .s36-console[data-console-system=stereo] .s36-selector-stereo .s36-selector-cap,
.s36-hero .s36-console[data-console-system=cinema] .s36-selector-cinema .s36-selector-cap,
.s36-hero .s36-console[data-console-system=bench] .s36-selector-bench .s36-selector-cap,
.s36-hero .s36-console[data-console-system=wishlist] .s36-selector-wishlist .s36-selector-cap{fill:url(#s36-button-down);stroke:#446a7b;transform:translateY(1.7px)}
.s36-hero .s36-console[data-console-system=stereo] .s36-selector-stereo .s36-selector-highlight,
.s36-hero .s36-console[data-console-system=cinema] .s36-selector-cinema .s36-selector-highlight,
.s36-hero .s36-console[data-console-system=bench] .s36-selector-bench .s36-selector-highlight,
.s36-hero .s36-console[data-console-system=wishlist] .s36-selector-wishlist .s36-selector-highlight{opacity:.08}
.s36-hero .s36-console[data-console-system=stereo] .s36-engraving-stereo,
.s36-hero .s36-console[data-console-system=cinema] .s36-engraving-cinema,
.s36-hero .s36-console[data-console-system=bench] .s36-engraving-bench,
.s36-hero .s36-console[data-console-system=wishlist] .s36-engraving-wishlist{fill:#d8f4ff}
.s36-hero .s36-meter-glass{transition:filter .4s}
.s36-hero .s36-hero-visual:hover .s36-meter-glass{filter:brightness(1.065) saturate(1.08)}
@media(max-width:700px){
 .s36-hero .s36-console{margin-bottom:56px}
 .s36-hero .s36-console-choices{gap:7px;padding:0;border:0;height:44px}
 body.system-page-v34 #main .s36-hero .s36-console-choices button{min-height:44px!important;height:44px;border-radius:6px;font-size:9px!important;letter-spacing:.035em;gap:5px!important;box-shadow:inset 0 1px #ffffffc7,inset 0 -1px #7895a4,0 3px 0 #526e7b,0 5px 8px #092e411c;color:#173b4d}
 body.system-page-v34 #main .s36-hero .s36-console-choices button[aria-pressed=true]{border:1px solid #274e60;border-bottom-color:#7d9cac;box-shadow:inset 0 3px 5px #001521aa,inset 0 -1px #77a3b733,0 1px 0 #afc9d655;color:#e0f7ff!important;text-shadow:0 0 7px #9bdcff55}
 .s36-hero .s36-console-choices button:before{width:4px!important;height:4px!important;background:#385e71}
 .s36-hero .s36-console-choices button[aria-pressed=true]:before{background:#b7edff;box-shadow:0 0 6px #8adeff}
 .s36-hero .s36-console-choices button:last-child[aria-pressed=true]:before{background:#f8d99c;box-shadow:0 0 6px #edc785}
}
@media(prefers-reduced-motion:reduce){.s36-hero .s36-knob-face,.s36-hero .s36-selector-cap,.s36-hero .s36-dial-stop .s36-detent-light,.s36-hero .s36-console-choices button{transition:none!important}}
.s34-motion-off .s36-hero .s36-knob-face,.s34-motion-off .s36-hero .s36-selector-cap{transition:none!important}