.listening-room-experience{background:#0d0d0d;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.listening-room-hero{isolation:isolate;background:#080808;border-top:0;min-height:calc(100vh - 92px);padding:0;position:relative;overflow:hidden}.listening-room-scene,.listening-room-shade{position:absolute;inset:0}.listening-room-scene{z-index:-2;filter:saturate(.86)contrast(1.02)brightness(.86);background:url(/media/listening-room/room/listening-room-placeholder.svg) 50% 48%/cover no-repeat;transition:transform .65s,filter .65s;transform:scale(1.012)}.listening-room-experience.is-entered .listening-room-scene{filter:saturate(.96)contrast(1.04)brightness(.98);transform:scale(1.026)translate(-.25%,-.2%)}.listening-room-shade{z-index:-1;background:radial-gradient(circle at 64% 58%,#b68a431a,#0000 30%),linear-gradient(90deg,#050506eb 0%,#050506a3 32%,#05050629 58%,#050506b8 100%),linear-gradient(#0505062e 0%,#05050633 58%,#050506db 100%)}.listening-room-content{z-index:4;pointer-events:none;align-items:center;min-height:calc(100vh - 92px);padding-top:clamp(64px,8vh,96px);padding-bottom:clamp(150px,17vh,190px);display:grid;position:relative}.listening-room-copy{pointer-events:auto;background:linear-gradient(90deg,#06060694,#0606062e,#0000);border-left:1px solid #b68a4357;width:min(440px,32vw);max-width:440px;padding:clamp(18px,2.2vw,28px);transition:opacity .6s,transform .6s,visibility .6s;transform:translateY(clamp(28px,6vh,72px))}.listening-room-experience.is-entered .listening-room-copy{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(clamp(10px,3vh,36px))}.listening-room-copy .lead{color:#f2ece3;max-width:440px;margin:0;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.45}.listening-room-copy .actions{flex-wrap:nowrap;align-items:center;gap:18px;margin-top:clamp(30px,4vh,44px)}.room-hotspot-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.listening-room-experience.is-entered .room-hotspot-layer{pointer-events:auto}.room-hotspot{left:var(--x);top:var(--y);color:#f2ece3;cursor:pointer;opacity:.16;background:0 0;border:0;min-width:44px;min-height:44px;padding:0;transition:opacity .25s,transform .25s,filter .25s;position:absolute;transform:translate(-50%,-50%)}.listening-room-experience.is-entered .room-hotspot,.room-hotspot:focus-visible,.room-hotspot:hover{opacity:1}.room-hotspot:disabled{cursor:not-allowed;opacity:.3}.room-hotspot-halo,.room-hotspot-dot{border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.room-hotspot-halo{background:#0d0d0d5c;border:1px solid #b68a4385;width:48px;height:48px;box-shadow:0 0 30px #b68a432e}.room-hotspot-dot{background:#141414;border:1px solid #f2ece352;place-items:center;width:28px;height:28px;display:grid}.room-hotspot svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.room-hotspot-label{color:#f2ece3;letter-spacing:.1em;text-transform:uppercase;opacity:0;visibility:hidden;background:#080808c7;border:1px solid #b68a4347;gap:2px;width:max-content;max-width:140px;padding:6px 9px;font-size:.66rem;font-weight:700;line-height:1.1;transition:opacity .25s,visibility .25s;display:grid;position:absolute;top:calc(50% + 30px);left:50%;transform:translate(-50%)}.room-hotspot-label small{color:var(--gold);font-family:var(--sans);letter-spacing:.13em;font-size:.52rem;font-weight:700}.listening-room-experience.is-entered .room-hotspot-label,.room-hotspot:focus-visible .room-hotspot-label,.room-hotspot:hover .room-hotspot-label{opacity:1;visibility:visible}.room-hotspot:focus-visible{outline:0}.room-hotspot:focus-visible .room-hotspot-halo{border-color:var(--gold-hover);box-shadow:0 0 0 4px #b68a4347,0 0 34px #b68a4342}.sound-toggle{z-index:5;color:#f2ece3;letter-spacing:.13em;text-transform:uppercase;opacity:0;pointer-events:none;background:#0d0d0db8;border:1px solid #b68a437a;border-radius:999px;min-height:44px;padding:10px 14px;font-size:.68rem;font-weight:700;transition:opacity .3s;position:absolute;top:clamp(24px,5vh,56px);right:clamp(20px,4vw,56px)}.listening-room-experience.is-entered .sound-toggle{opacity:1;pointer-events:auto}.listening-player{z-index:5;opacity:0;pointer-events:none;background:linear-gradient(145deg,#3a2922e0,#141414eb),#141414;border:1px solid #b68a4361;border-radius:8px;grid-template-columns:76px minmax(0,1fr) minmax(240px,.9fr);align-items:center;gap:18px;width:min(900px,100% - 48px);padding:14px;transition:opacity .45s,transform .45s;display:grid;position:absolute;bottom:clamp(22px,4vh,42px);left:50%;transform:translate(-50%)translateY(14px);box-shadow:0 24px 70px #00000070}.listening-room-experience.is-entered .listening-player{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.listening-player img{object-fit:cover;border:1px solid #b68a434d;width:76px;height:76px}.listening-player-copy{min-width:0}.listening-player-copy span{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:.66rem;font-weight:700}.listening-player-copy strong{color:#f2ece3;font-family:var(--serif);font-size:1.25rem;font-weight:400;display:block}.listening-player-copy p{margin:0;font-size:.84rem}.listening-player-copy [data-player-description]{color:#f2ece3b8;margin-top:4px;line-height:1.45}.player-links{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.player-links a{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:700}.listening-progress{background:#080808;border-radius:999px;height:6px;margin-bottom:12px;position:relative;overflow:hidden}.listening-progress span{background:var(--gold);opacity:.55;width:0;height:100%;display:block;position:absolute;inset:0 auto 0 0}.listening-progress input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:-8px 0}.listening-buttons{flex-wrap:wrap;gap:8px;display:flex}.listening-buttons button{color:#f2ece3;letter-spacing:.1em;text-transform:uppercase;background:#0d0d0d70;border:1px solid #b68a436b;border-radius:999px;min-height:34px;padding:8px 10px;font-size:.62rem;font-weight:700}.player-volume{color:#f2ece3;letter-spacing:.1em;text-transform:uppercase;background:#0d0d0d70;border:1px solid #b68a436b;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:7px 10px;font-size:.62rem;font-weight:700;display:inline-flex}.player-volume input{width:72px;accent-color:var(--gold)}.listening-buttons button:disabled{opacity:.45;cursor:not-allowed}.player-categories{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.player-categories button{min-height:30px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:1px solid #b68a4342;border-radius:999px;padding:6px 9px;font-size:.58rem;font-weight:700}.player-empty{margin:8px 0 0;font-size:.78rem}.room-panel-layer{z-index:2000;pointer-events:none;position:fixed;inset:0}.room-panel-layer[aria-hidden=false]{pointer-events:auto}.room-panel{background:#101010;border:1px solid #b68a436b;width:min(460px,100vw - 36px);padding:clamp(28px,4vw,42px);position:absolute;top:50%;right:clamp(18px,4vw,58px);transform:translateY(-50%);box-shadow:0 30px 90px #00000094}.room-panel[hidden]{display:none}.room-panel-close{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;font-size:.68rem;font-weight:700;position:absolute;top:14px;right:16px}.room-panel-list{color:var(--muted);gap:8px;padding-left:18px;display:grid}.production-sequence{flex-wrap:wrap;gap:8px;margin:18px 0;padding:0;list-style:none;display:flex}.production-sequence li{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;border:1px solid #b68a434d;border-radius:999px;padding:7px 9px;font-size:.62rem;font-weight:700;position:relative}.comparison-player{background:#0a0a0a;border:1px solid #b68a4347;gap:12px;margin:20px 0;padding:14px;display:grid}.comparison-label{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:700;display:block}.comparison-player p{color:var(--muted);margin:4px 0 0;font-size:.86rem}.comparison-controls{gap:8px;display:flex}.comparison-controls button{min-height:36px;color:var(--ink);letter-spacing:.1em;text-transform:uppercase;background:#b68a4314;border:1px solid #b68a4366;border-radius:999px;padding:8px 12px;font-size:.68rem;font-weight:700}.comparison-controls button:disabled{color:#f2ece361;cursor:not-allowed}.cassette-visual,.reel-visual{background:linear-gradient(145deg,#0a0a0a,#211812);border:1px solid #b68a434d;border-radius:10px;justify-content:space-around;align-items:center;height:96px;margin:18px 0;display:flex}.cassette-visual span,.reel-visual span{border:5px solid #f2ece347;border-radius:999px;width:48px;height:48px;box-shadow:inset 0 0 0 10px #0d0d0d}.listening-room-experience.is-entered .reel-visual span{animation:4s linear infinite reel-turn}@keyframes reel-turn{to{transform:rotate(360deg)}}.room-menu-section{background:var(--bg)}.room-menu-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.room-menu-card{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:176px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;padding:22px}.room-menu-card span{color:var(--ink);font-family:var(--serif);margin-bottom:14px;font-size:clamp(1.25rem,2vw,1.8rem);display:block}.room-menu-card p{margin:0;font-size:.92rem}.room-menu-card:hover,.room-menu-card:focus-visible{color:var(--ink);outline-offset:-2px;background:#b68a4314;outline:2px solid #b68a4373}@media (width<=1199px){.listening-room-copy{width:min(520px,48vw)}.room-hotspot{left:var(--tablet-x);top:var(--tablet-y)}.room-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767px){.listening-room-hero{min-height:0}.listening-room-scene{background-position:50% 46%;min-height:52vh;display:block;position:relative}.listening-room-shade{background:linear-gradient(#0808081a 0%,#08080861 54%,#0d0d0d 100%)}.listening-room-content{pointer-events:auto;min-height:0;padding-top:34px;padding-bottom:245px}.listening-room-copy{text-align:center;width:100%;max-width:440px;margin:auto;transform:none}.listening-room-copy .lead{margin-left:auto;margin-right:auto}.listening-room-copy .actions{flex-direction:column;justify-content:center;gap:14px;margin-top:26px}.room-hotspot{display:none}.room-hotspot-primary{display:block}.room-hotspot-label{display:none}.sound-toggle{top:16px;right:16px}.listening-player{grid-template-columns:54px minmax(0,1fr);width:calc(100% - 32px);bottom:18px}.listening-player img{width:54px;height:54px}.listening-player-controls{grid-column:1/-1}.player-categories{max-height:74px;overflow:auto}.room-panel{width:auto;max-height:calc(100vh - 36px);inset:auto 18px 18px;overflow:auto;transform:none}.room-menu-grid{grid-template-columns:1fr}.room-menu-card{min-height:132px}}@media (prefers-reduced-motion:reduce){.listening-room-scene,.listening-room-copy,.room-hotspot{transition:none}.reel-visual span{animation:none!important}}