/* One listening scene: the original performers surround the working turntable. */
.home-page .emotion-hero.listening-cast{display:block;height:auto;min-height:max(740px,100svh);padding:24px clamp(18px,3vw,48px) 22px}
.home-page .listening-cast .hero-overline{padding:0;font-size:10px;gap:20px;position:relative;z-index:3}
.listening-cast #scene-number{margin-left:16px;color:#d2bd99;white-space:nowrap}
.home-page .listening-cast .hero-composition{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1.5fr) minmax(0,1fr);gap:20px;min-height:0;max-width:1500px;margin:22px auto 0;padding:0;width:100%;align-items:start}
.home-page .listening-cast .dancer-stage{position:absolute;inset:0;height:100%;width:100%;margin:0;z-index:0}
.duet-performer{position:relative;z-index:2;min-width:0;align-self:start;padding-top:48px;text-align:center;pointer-events:none}
.cast-window{height:clamp(300px,49svh,440px);width:100%}
.duet-performer .cast-name{font:400 clamp(22px,2.5vw,36px)/1.2 var(--type-literary);color:var(--emotion-colour);letter-spacing:-.025em;margin:16px 0 0;overflow-wrap:anywhere}
.home-page .listening-cast .record-room{position:relative;z-index:3;padding:0 8px 8px;min-width:0;min-height:0;isolation:auto;overflow:visible;background:linear-gradient(90deg,#0000,#000 8%,#000 92%,#0000)}
.story-ocean-sequence[data-shared=true] .listening-cast .record-room,.story-ocean-sequence[data-shared=true] .duet-performer{opacity:var(--handoff-copy,1)}
.listening-cast .record-room:after{display:none}
.listening-cast .listening-heading{margin:4px 0 0;text-align:center;display:block}
.home-page .listening-cast .listening-heading h2{font-size:clamp(29px,3.2vw,44px);line-height:1.13}
.listening-cast .listening-room{display:flex;flex-direction:column;gap:0}
.listening-cast .record-console,.listening-cast .record-library{width:100%;order:initial}
.listening-cast .record-player-stage{width:100%;margin:0;height:clamp(195px,29svh,255px)}
.listening-cast .record-readout{margin:0;padding:10px 0 12px;gap:8px}
.listening-cast .record-readout p,.listening-cast #record-time{font-size:11px}
.listening-cast .record-library{padding:20px 8px 0}
.listening-cast .rack-heading{margin-bottom:20px}
.listening-cast .rack-heading h3{font-size:11px}
.listening-cast .rack-slots{gap:12px}
.listening-cast .sleeve-object{margin-bottom:32px}
.listening-cast .sleeve-caption{min-height:48px}
.listening-cast .sleeve-caption strong,.listening-cast .sleeve-caption>span{font-size:11px;line-height:1.5}
.listening-cast .record-story{margin-top:4px;min-height:38px;font-size:12px}
.listening-cast .record-endnote{margin-top:12px;padding-top:10px;gap:10px;flex-wrap:wrap}
.listening-cast .record-endnote>p{font-size:11px;max-width:24ch;flex:1}
.listening-cast .record-follow{gap:0}
.listening-cast .record-follow a:first-child{font-size:0;padding:0;gap:0}
.listening-cast .record-follow a:first-child>span:not(.sr-only){display:none}
.home-page .listening-cast .hero-bottom{display:flex;position:relative;padding:12px 0 0;min-height:0;gap:24px;z-index:2;align-items:center}
.home-page .listening-cast .hero-statement{margin:0;min-block-size:0;font-size:12px;line-height:1.65;max-width:32ch}
.home-page .listening-cast .hero-hindustani{flex:0 1 360px;margin-left:auto}
.home-page .listening-cast .hero-emotions-hindi{font-size:18px;margin:0}
.home-page .listening-cast .hero-statement-hindi{font-size:12px;line-height:1.65;min-block-size:0}
.home-page .listening-cast .quiet-controls{position:relative;left:auto;right:auto;bottom:auto;margin:8px auto 0;padding:0;border:0;background:none;justify-content:center}
.ocean-motion-toggle{display:block;margin:14px auto 0;min-height:44px;padding:0 12px;border:0;background:none;color:#e3d2be;font:inherit;font-size:12px;cursor:pointer}
.ocean-motion-toggle[hidden]{display:none}
.ocean-motion-toggle:focus-visible{outline:2px solid #ffe0b6;outline-offset:5px}
html[data-motion=paused] .home-page *,html[data-motion=paused] .home-page *::before,html[data-motion=paused] .home-page *::after{animation-play-state:paused!important}
.home-page .listening-cast .scene-arrow{top:calc(35% - 28px);width:48px;height:56px}
.listening-cast .scene-arrow-back{left:0}.listening-cast .scene-arrow-forward{right:0}
.listening-cast .scene-arrow svg{width:48px;height:48px}
@media(max-width:760px){
 .home-page .emotion-hero.listening-cast{min-height:0;padding:24px 20px}
 .home-page .listening-cast .hero-overline{font-size:9px;align-items:start}
 .home-page .listening-cast .hero-overline a{max-width:100px;text-align:right;line-height:1.5}
 .listening-cast #scene-number{display:block;margin:8px 0 0}
 .home-page .listening-cast .hero-composition{grid-template-columns:1fr 1fr;gap:18px 12px;margin-top:12px}
 .duet-performer{grid-row:1;padding-top:0}
 .duet-left{grid-column:1}.duet-right{grid-column:2}
 .cast-window{height:clamp(230px,40svh,340px)}
 .duet-performer .cast-name{font-size:25px;margin-top:8px}
 .home-page .listening-cast .dancer-stage{height:clamp(230px,40svh,340px)}
 .home-page .listening-cast .record-room{grid-column:1/-1;grid-row:2;width:min(100%,460px);justify-self:center;padding:12px 0 0;background:none}
 .home-page .listening-cast .listening-heading h2{font-size:34px}
 .listening-cast .record-player-stage{height:clamp(230px,66vw,290px)}
 .listening-cast .record-readout p,.listening-cast #record-time,.listening-cast .sleeve-caption strong,.listening-cast .sleeve-caption>span{font-size:12px}
 .listening-cast .record-library{padding-top:24px}
 .home-page .listening-cast .hero-bottom{margin-top:14px;align-items:start;flex-direction:column;gap:12px}
 .home-page .listening-cast .hero-hindustani{flex:auto;margin:0;text-align:left}
 .home-page .listening-cast .hero-statement,.home-page .listening-cast .hero-statement-hindi{font-size:13px}
 .home-page .listening-cast .scene-arrow{top:190px}
}