.immersive-listening{position:relative;isolation:isolate;overflow:hidden;margin-top:-25px;clip-path:polygon(0 0,100% 25px,100% 100%,0 100%)}
.listening-paper{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none}
.listening-layout{position:relative;display:grid;grid-template-columns:28% 25% 47%;align-items:center;min-height:clamp(580px,49vw,760px);gap:0;padding-block:90px 65px}
.listening-copy,.listening-tracks{position:relative;z-index:3}
.listening-copy h2{font-family:var(--display);font-size:clamp(42px,4.6vw,70px);line-height:.98;text-transform:uppercase;letter-spacing:-.025em;margin:0 0 25px}
.listening-copy .title-line{display:block}.listening-copy .title-line:last-child{color:var(--red)}
.listening-copy p{max-width:29ch;font-size:clamp(16px,1.36vw,20px);line-height:1.45;margin:0}
.listening-tracks{padding-left:26px;padding-right:10px;align-self:center}
.immersive-listening .audio-sample{position:relative;border:0;background:none;margin:30px 0}
.immersive-listening .audio-toggle{padding:12px 0 15px;gap:13px;min-height:64px;font-size:14px;line-height:1.25}
.immersive-listening .play-disc{width:44px;height:44px;flex-basis:44px;box-shadow:0 4px 18px #c52a201c;transition:transform .2s}
.immersive-listening .audio-toggle:hover .play-disc{transform:scale(1.08)}
.immersive-listening .audio-toggle .icon{width:19px;height:19px}
.immersive-listening .audio-label{border:0!important;padding:0!important}
.immersive-listening .audio-sample progress{position:absolute;left:57px;bottom:13px;width:calc(100% - 57px);height:2px;background:#272c3050;pointer-events:none}
.immersive-listening .audio-sample progress::-webkit-progress-bar{background:#272c3050}
.immersive-listening .audio-sample::after{content:"";position:absolute;left:54px;bottom:10px;width:7px;height:7px;background:var(--red);border-radius:50%;pointer-events:none}
.immersive-listening .sound-meter{height:12px;margin-top:8px}
.immersive-listening-stage{position:absolute;right:-2%;bottom:0;top:0;width:55%;pointer-events:none;z-index:1}
.immersive-listening-stage .commander-live-canvas{height:100%}
.listening-fallback{position:absolute;right:0;bottom:0;width:46%;max-height:95%;overflow:hidden}.listening-fallback img{width:100%;height:auto}
.has-live-commanders .listening-fallback{visibility:hidden}
@media(max-width:1000px){.listening-layout{grid-template-columns:31% 25% 44%}.listening-copy h2{font-size:clamp(36px,4.6vw,48px)}.listening-tracks{padding-left:12px}.immersive-listening .audio-toggle{font-size:12px;gap:9px}.immersive-listening .play-disc{width:38px;height:38px;flex-basis:38px}.immersive-listening .audio-sample progress{left:47px;width:calc(100% - 47px)}.immersive-listening .audio-sample::after{left:44px}.immersive-listening-stage{right:-7%;width:57%}}
@media(max-width:760px){
 .listening-layout{grid-template-columns:1fr;min-height:810px;padding-block:67px 0;align-content:start}
 .listening-copy{max-width:340px}.listening-copy h2{font-size:clamp(42px,9.9vw,64px);margin-bottom:18px}.listening-copy p{font-size:16px;max-width:33ch}
 .listening-tracks{padding:10px 0 0;max-width:330px}.immersive-listening .audio-sample{margin:9px 0}.immersive-listening .audio-toggle{font-size:14px;gap:14px;padding-block:8px 18px;min-height:59px}
 .immersive-listening .audio-sample progress{left:52px;width:calc(100% - 52px)}.immersive-listening .audio-sample::after{left:49px}
 .immersive-listening-stage{top:auto;bottom:0;right:-4%;width:108%;height:390px}
 .listening-fallback{width:80%;right:10%;max-height:340px}
}
@media(prefers-reduced-motion:reduce){.immersive-listening .play-disc{transition:none}.has-live-commanders .listening-fallback{visibility:visible}}