/* Listening stage. Uses the live site's original type and colour palette. */
.listening{position:relative;padding:82px 7.5vw 100px;background:#201524;isolation:isolate;overflow:hidden;scroll-margin-top:0}
.listening:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 66% 20%,rgba(183,68,110,.16),transparent 45%)}
.listening .section-top{margin:0 0 34px;gap:20px}
.listening .section-top .eyebrow{margin:0;font-weight:400;font-size:12px}
.listening .section-top:after{background:rgba(246,234,215,.17)}
.listen-note{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ceb6bc}
.audio-stage{position:relative;padding:36px 0 54px;isolation:isolate}
.audio-stage:before{content:'';position:absolute;inset:-16% -12% -12%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 60% 53%,rgba(239,141,69,.16),transparent 48%)}
.track-meta{display:flex;justify-content:space-between;gap:20px;color:#d2bbc2;font-size:11px;line-height:1.6;letter-spacing:.15em;text-transform:uppercase}
.track-meta .track-no{color:#efad7c}
.audio-stage h3{position:relative;margin:32px 0 48px -8px;line-height:1.02;font-size:clamp(76px,12.7vw,188px);letter-spacing:-.077em;font-weight:400;color:#ffe3bd}
.audio-stage h3:after{content:'';position:absolute;left:4%;right:0;bottom:-30px;height:1px;background:linear-gradient(90deg,transparent,rgba(239,141,69,.6),transparent);box-shadow:0 0 24px 4px rgba(239,141,69,.10);pointer-events:none}
.audio-ui{display:flex;align-items:center;gap:28px;max-width:770px;margin:0 0 0 auto;padding-top:26px}
[hidden]{display:none!important}
.audio-toggle,.sound-toggle,.video-close,.video-open{cursor:pointer}
.audio-toggle{display:grid;place-items:center;flex-shrink:0;width:76px;height:76px;padding:0;border:1px solid #e5b490;border-radius:50%;background:rgba(239,141,69,.08);color:#ffe3bd;transition:background .2s,box-shadow .2s}
.audio-toggle:hover{background:rgba(239,141,69,.18);box-shadow:0 0 40px rgba(239,141,69,.12)}
.audio-toggle:disabled{opacity:.5;cursor:wait;box-shadow:none}.audio-seek:disabled{cursor:default;opacity:.5}
.audio-toggle svg{width:22px;height:22px;fill:currentColor}.audio-toggle .pause-icon{display:none}.audio-toggle[aria-pressed=true] .play-icon{display:none}.audio-toggle[aria-pressed=true] .pause-icon{display:block}
.track-timeline{flex:1;min-width:0}.track-times{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.05em;font-variant-numeric:tabular-nums;color:#c8b2b9;line-height:1.5}
.track-times .audio-state{color:#f6d2b2;letter-spacing:.11em;text-transform:uppercase;font-size:10px}
.audio-seek{display:block;width:100%;height:44px;cursor:pointer;appearance:none;-webkit-appearance:none;margin:0;background:transparent;--progress:0%}
.audio-seek::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#edb180 var(--progress),#5a414e var(--progress))}
.audio-seek::-moz-range-track{height:2px;background:#5a414e}.audio-seek::-moz-range-progress{height:2px;background:#edb180}
.audio-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;border-radius:50%;background:#f3c59c;border:0}
.audio-seek::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#f3c59c;border:0}
.sound-toggle{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:transparent;border:0;color:#d7bbc1;margin-top:16px}
.sound-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.sound-toggle[aria-pressed=true] .sound-waves{display:none}.sound-toggle .mute-slash{display:none}.sound-toggle[aria-pressed=true] .mute-slash{display:block}
.native-audio{width:min(100%,650px);margin-top:20px}.audio-error{font-size:14px;line-height:1.7;color:#f7c69d;max-width:770px;margin:18px 0 0 auto}.audio-error a{text-decoration:underline;text-underline-offset:4px}
.video-heading{display:flex;align-items:center;gap:18px;margin:42px 0 28px;font-weight:400;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#d1b6c1}.video-heading:after{content:'';height:1px;background:var(--line);flex:1}
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.video-card{min-width:0}
.video-stage{position:relative;aspect-ratio:16/9;background:#110d14;overflow:hidden}
/* Original video pixels stay intact; only their displayed tonal curve changes. */
.video-open{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;text-align:left;padding:30px 32px;border:0;background:#0c0a0d;color:#f8e4d4;isolation:isolate}
.video-poster{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:contain;filter:grayscale(1) contrast(1.28) brightness(.72);transition:filter .35s ease;pointer-events:none}
.video-open:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(9,6,10,.54),transparent 32%,transparent 45%,rgba(9,6,10,.72))}
.video-open:hover .video-poster,.video-open:focus-visible .video-poster{filter:grayscale(1) contrast(1.2) brightness(.9)}
.video-open:active .video-poster{filter:grayscale(1) contrast(1.15) brightness(1)}
.video-tag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#f1dedc;text-shadow:0 1px 10px #000}
.video-title{font-size:clamp(36px,5vw,74px);font-weight:400;line-height:1.01;letter-spacing:-.055em;padding-right:65px;text-shadow:0 2px 20px rgba(0,0,0,.4)}
.video-play{position:absolute;bottom:30px;right:32px;display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(255,224,203,.7);border-radius:50%;background:rgba(12,8,14,.3);transition:background .2s}
.video-open:hover .video-play{background:rgba(246,234,215,.1)}.video-play svg{width:14px;height:14px;fill:currentColor}
.video-embed{height:100%;width:100%;background:#0f0b12}.video-embed iframe{display:block;width:100%;height:100%;border:0}
.video-caption{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-top:16px}.video-caption h4{font-size:18px;font-weight:400;margin:0 0 6px;letter-spacing:-.025em}.video-caption p{font-size:12px;color:#c6aebc;margin:0;line-height:1.5}
.video-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.video-external,.video-close{font-size:10px;letter-spacing:.1em;text-transform:uppercase;line-height:1.5;min-height:44px;display:inline-flex;align-items:center;color:#d7bcc6}
.video-external{border-bottom:1px solid transparent}.video-external:hover{border-bottom-color:var(--amber);color:#f4c49e}.video-close{border:0;background:transparent;padding:0 4px;color:#f1b388}
.video-help{font-size:12px;line-height:1.6;color:#c6aebc;margin:12px 0 0}.video-help a{text-decoration:underline;text-underline-offset:3px}
.listening :focus-visible{outline:2px solid #ffca93;outline-offset:6px}.video-open:focus-visible{outline-offset:-5px}
.private-note{font-size:10px;letter-spacing:.08em;color:#bdb5bc}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1800px){.listening{padding-left:max(7.5vw,calc((100% - 1530px)/2));padding-right:max(7.5vw,calc((100% - 1530px)/2))}}
@media(max-width:900px){.listening{padding:65px 6vw 78px}.audio-stage h3{margin-left:-4px}.audio-ui{max-width:650px}.video-grid{gap:22px}.video-open{padding:24px}.video-play{right:24px;bottom:24px;width:44px;height:44px}.video-caption{gap:10px}.video-caption h4{font-size:16px}.video-actions{gap:8px}}
@media(max-width:600px){header{gap:16px}nav{gap:18px}.listening{padding:46px 6vw 64px}.listening .section-top{margin-bottom:20px}.listen-note{font-size:9px}.audio-stage{padding:22px 0 34px}.track-meta{font-size:10px}.audio-stage h3{font-size:16.4vw;margin:37px 0 40px -2px;letter-spacing:-.073em}.audio-stage h3:after{bottom:-24px;left:0}.audio-ui{gap:17px;padding-top:16px}.audio-toggle{width:58px;height:58px}.audio-toggle svg{width:18px;height:18px}.sound-toggle{margin-top:12px;width:38px}.track-times{font-size:10px}.track-times .audio-state{font-size:9px}.video-heading{margin:20px 0 24px}.video-grid{grid-template-columns:1fr;gap:34px}.video-open{padding:26px}.video-title{font-size:52px}.video-play{right:26px;bottom:26px;width:46px;height:46px}.video-caption{margin-top:12px}.video-caption h4{font-size:18px}.video-caption p{font-size:12px}.video-external,.video-close{font-size:10px}.private-note{flex-basis:100%}.listening{scroll-margin-top:0}}
@media(max-width:360px){nav{gap:12px}nav a{font-size:10px}.brand{font-size:17px}.audio-ui{gap:12px}.video-open{padding:22px}.video-title{font-size:46px}.video-play{right:20px;bottom:22px}.video-actions{gap:8px}.video-caption p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.listening *,.listening *:before{transition:none!important;animation:none!important}}