/* Fixed conversation captions and a sticky product; the guiding story keeps flowing copy. */
.station-story{position:relative;background:var(--ground);color:var(--ink);isolation:isolate;scroll-margin-top:90px}
.station-story__pin{position:relative;margin:0 auto;padding:72px max(5vw,24px) 40px;overflow:hidden}
.station-story__layout{position:relative;min-height:510px}
.station-story__copy{position:relative;z-index:4;max-width:1600px;margin:0 auto;padding:0 max(5vw,24px) 60px;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.station-story__chapter{min-width:0;padding-block:24px}
.station-story__text{max-width:450px}
.station-story__chapter h2,.station-story__chapter h1{font-size:clamp(36px,3.7vw,60px);line-height:1.1;letter-spacing:-.035em;margin:0 0 22px;font-weight:500;text-wrap:balance}
.station-story__chapter p{font-size:18px;line-height:1.6;color:var(--slate);max-width:370px;margin:0 0 20px;text-wrap:pretty}
.station-story__detail{font-size:13px;letter-spacing:.02em;color:var(--lapis);display:flex;gap:10px;align-items:center}
.station-story__detail::before{content:'';display:block;width:22px;height:1px;background:var(--gold)}
.station-story__statement{grid-column:1/-1;text-align:center}
.station-story__statement .station-story__text{max-width:800px;margin-inline:auto}
.station-story__stage{position:absolute;inset:0;min-width:0;min-height:0}
.station-story__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.station-story__stage canvas{position:absolute;inset:calc(0px - var(--station-render-top,0px)) calc(0px - var(--station-render-right,0px)) calc(0px - var(--station-render-bottom,0px)) calc(0px - var(--station-render-left,0px));display:block;width:calc(100% + var(--station-render-left,0px) + var(--station-render-right,0px));height:calc(100% + var(--station-render-top,0px) + var(--station-render-bottom,0px));opacity:0;transition:opacity .45s;pointer-events:none}
.station-story.is-ready .station-story__stage canvas{opacity:1}
.station-story.is-rendering .station-story__poster{visibility:hidden}
/* clip prevents focusing Sound from scrolling the contents of this fixed-height pin. */
.station-story.is-enhanced .station-story__pin{position:sticky;overflow:clip;z-index:3;pointer-events:none;top:0;height:100svh;min-height:620px;padding-top:104px;padding-bottom:100px;display:flex;flex-direction:column}
.station-story.is-enhanced .station-story__layout{flex:1;min-height:0}
.station-story.is-enhanced .station-story__stage{inset-inline-start:35%;width:65%;transform:translateX(var(--station-shift,0%))}
.station-story[data-station-sequence="conversation"].is-enhanced .station-story__stage{inset-inline-start:0;width:100%;transform:translateX(var(--station-shift,0%))}
.station-story[data-station-sequence="microphone"].is-enhanced .station-story__stage{inset-inline-start:0;width:100%;transform:none}
.station-story[data-station-sequence="microphone"].is-enhanced .station-story__chapter:first-child{min-height:80svh;padding-top:24svh}
.station-story[data-station-sequence="microphone"].is-enhanced .station-story__chapter[data-station-chapter="1"]{min-height:60svh}
.station-story[data-station-sequence="microphone"].is-enhanced .station-story__chapter[data-station-chapter="2"]{min-height:100svh}
.station-story[data-station-sequence="microphone"].is-enhanced .station-story__return{height:80svh}
.station-story[data-station-sequence="microphone"].is-enhanced .station-story__situation :is(h2,p){text-shadow:0 0 5px #fbfaf7,0 1px 12px rgba(255,255,255,.95)}
.station-story__language-smoke{z-index:2}
.station-story__stage canvas:not(.station-story__language-smoke){z-index:1}
.station-story__stage canvas.station-story__language-smoke{transition:none}
.station-story__situations{display:none}
.station-story.is-enhanced .station-story__situations{display:block;position:absolute;inset:0;z-index:1;opacity:var(--station-photo-opacity,0);pointer-events:none;background:var(--ground)}
.station-story__situations img,.station-story__situations video{position:absolute;max-width:none;object-fit:fill}
.station-story__situations figure{position:absolute;inset:0;margin:0}
.station-story__situations video{pointer-events:none}
.station-story__sound{position:absolute;z-index:6;right:24px;bottom:24px;pointer-events:auto;border:1px solid rgba(39,78,141,.25);border-radius:999px;padding:11px 18px;background:rgba(255,255,255,.9);color:var(--ink);font:inherit;font-size:14px;cursor:pointer}
.station-story__sound[hidden]{display:none}
.station-story__sound:focus-visible{outline:2px solid var(--lapis);outline-offset:3px}
.station-story.is-enhanced .station-story__situation.is-video{height:300svh}
.station-story.is-enhanced .station-story__layout{z-index:2}
.station-story.is-ready .station-story__stage canvas:not(.station-story__language-smoke){opacity:calc(1 - var(--station-photo-opacity,0));transition:none}
.station-story__situation{padding:32px 0}
.station-story__situation h2{font-size:clamp(30px,3.7vw,56px);font-weight:500;line-height:1.1;letter-spacing:-.035em;margin:0 0 12px}
.station-story__situation p{margin:0;color:var(--ink);font-size:18px;font-weight:500;text-shadow:0 1px 8px rgba(255,255,255,.4)}
.station-story.is-enhanced .station-story__situation{height:110svh;min-height:600px}
.station-story.is-enhanced .station-story__situation h2,.station-story.is-enhanced .station-story__situation p{position:fixed;z-index:5;inset-inline:var(--station-caption-inset,24px);top:auto;text-align:center;opacity:var(--situation-opacity,0);pointer-events:none;margin:0}
.station-story.is-enhanced .station-story__situation h2{bottom:calc(var(--station-caption-bottom,5svh) + 36px)}
.station-story.is-enhanced .station-story__situation p{bottom:var(--station-caption-bottom,5svh)}
.station-story.is-enhanced:not(.is-rendering) .station-story__situation h2,.station-story.is-enhanced:not(.is-rendering) .station-story__situation p{opacity:0}
.station-story.is-enhanced .station-story__situation:last-child{height:140svh}
.station-story__visual-beat{display:none}
.station-story.is-enhanced .station-story__visual-beat{display:block;height:260svh}
.station-story.is-enhanced .station-story__return{height:130svh}
.station-story__example{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.station-story__live{text-align:center;grid-column:1/-1}
.station-story__live .station-story__text{max-width:800px;margin-inline:auto}
.station-story[data-station-sequence="conversation"].is-enhanced .station-story__live{min-height:180svh;align-items:flex-start;padding-top:35svh}
.station-story.is-enhanced .station-story__live .station-story__text{position:fixed;inset-inline:0;top:14svh;width:calc(100% - 48px);opacity:var(--station-live-opacity,0);pointer-events:none;margin-inline:auto;will-change:opacity}
.station-story.is-enhanced .station-story__live p,.station-story.is-enhanced .station-story__live .station-story__detail{display:none}
.station-story.is-enhanced:not(.is-rendering) .station-story__live .station-story__text{opacity:0}
.station-story.is-enhanced .station-story__copy{display:block;margin-top:-100svh;padding-bottom:0;pointer-events:none}
.station-story.is-enhanced .station-story__chapter{min-height:120svh;display:flex;align-items:center;padding:0}
.station-story.is-enhanced .station-story__chapter:first-child{min-height:140svh;align-items:flex-start;padding-top:35svh}
.station-story[data-station-sequence="conversation"]{margin-top:calc(-1 * (var(--topbar-h) + var(--topbar-inset) + 2px))}
/* The first paint uses the opening frame, with the same headline position as
   the renderer. A slow or failed 3D download must not present another page. */
.station-story__opening-poster{position:absolute;inset:0;display:block}
.station-story__opening-poster .station-story__poster{object-fit:cover}
.station-story__scroll{position:absolute;z-index:6;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:13px;align-items:center;padding:13px 22px;border:1px solid rgba(39,78,141,.28);border-radius:999px;background:rgba(251,250,247,.94);color:var(--lapis);font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 4px 20px rgba(24,33,49,.1);pointer-events:auto}
.station-story__scroll[hidden]{display:none}
.station-story__scroll:focus-visible{outline:3px solid var(--lapis);outline-offset:4px}
.station-story__scroll svg{animation:station-scroll-arrow 1.7s ease-in-out infinite}
@keyframes station-scroll-arrow{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
.station-story[data-station-sequence="conversation"] .station-story__chapter:first-child .station-story__text{text-shadow:0 1px 14px rgba(251,250,247,.8)}
.station-story[data-station-sequence="conversation"] .station-story__chapter:first-child .station-story__detail{display:inline-flex;padding:5px 12px;background:rgba(251,250,247,.85);border-radius:999px;color:var(--ink);text-shadow:none}
.station-story[data-station-sequence="conversation"]:not(.is-enhanced) .station-story__pin{position:absolute;inset:0 0 auto;height:100svh;min-height:620px;padding:0}
.station-story[data-station-sequence="conversation"]:not(.is-enhanced) .station-story__layout{height:100%;min-height:0}
.station-story[data-station-sequence="conversation"]:not(.is-enhanced) .station-story__copy{display:block;padding-bottom:60px}
.station-story[data-station-sequence="conversation"]:not(.is-enhanced) .station-story__chapter:first-child{min-height:140svh;padding-top:14svh}
.station-story[data-station-sequence="conversation"]:not(.is-enhanced) .station-story__chapter:first-child .station-story__text{width:100%;max-width:800px;margin-inline:auto;text-align:center}
.station-story[data-station-sequence="conversation"]:not(.is-enhanced) .station-story__chapter:first-child p{max-width:600px;margin-inline:auto}
.station-story[data-station-sequence="conversation"]:not(.is-enhanced) .station-story__chapter:first-child .station-story__detail{justify-content:center}
.station-story[data-station-sequence="conversation"].is-enhanced .station-story__chapter:first-child{padding-top:14svh}
.station-story[data-station-sequence="conversation"].is-enhanced .station-story__chapter:first-child .station-story__text{position:sticky;top:14svh;width:100%;max-width:800px;margin-inline:auto;text-align:center;opacity:var(--station-intro-opacity,1)}
.station-story[data-station-sequence="conversation"].is-enhanced .station-story__chapter:first-child p{max-width:600px;margin-inline:auto}
.station-story[data-station-sequence="conversation"].is-enhanced .station-story__chapter:first-child .station-story__detail{justify-content:center}
.station-story.is-enhanced .station-story__text{width:33%;pointer-events:auto}
.station-story.is-enhanced .station-story__statement{min-height:200svh;align-items:flex-start;padding-top:100svh}
.station-story.is-enhanced .station-story__statement .station-story__text{position:fixed;inset-inline:0;top:14svh;width:calc(100% - 48px);max-width:800px;opacity:var(--station-headline-opacity,0);pointer-events:none;will-change:opacity}
.station-story.is-enhanced:not(.is-rendering) .station-story__statement .station-story__text{opacity:0}
.station-story.is-enhanced .station-story__chapter:is([data-station-chapter="1"],[data-station-chapter="3"]) .station-story__text{margin-inline-start:auto}
.station-story__start{margin-top:24px;padding:12px 20px;border:0;border-radius:999px;background:var(--lapis);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.station-story__start[hidden],.station-story__tap[hidden]{display:none}
.station-story__start:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.station-story__tap{position:absolute;width:46px;height:69px;z-index:2;pointer-events:none;transform-origin:39.0625% 8.333333%;transform:translate(-39.0625%,-8.333333%) rotate(-22deg) scale(var(--press,1));filter:drop-shadow(1px 3px 2px rgba(45,30,20,.18))}
.station-story__tap img{display:block;width:100%;height:100%}
.station-story__tap i{position:absolute;left:calc(39.0625% - 12px);top:calc(8.333333% - 12px);width:24px;height:24px;border:2px solid var(--gold);border-radius:50%;transform:scale(var(--ripple,1));opacity:var(--ripple-opacity,0)}
@media(min-width:1600px){.station-story__pin,.station-story__copy{padding-inline:100px}}
@media(max-width:900px){
 .station-story[data-station-sequence="conversation"]:not(.is-enhanced) .station-story__pin{min-height:0}
 .station-story[data-station-sequence="conversation"]:not(.is-enhanced) .station-story__chapter:first-child{padding-top:16svh}
 .station-story[data-station-sequence="conversation"]:not(.is-enhanced) .station-story__chapter:first-child .station-story__text{padding-block:8px}
 .station-story[data-station-sequence="conversation"]:not(.is-enhanced) .station-story__chapter:first-child h1{margin-inline:auto}
 .station-story__pin{padding:35px 22px}
 .station-story__layout{min-height:340px}
 .station-story__copy{padding:0 22px 35px;display:block}
 .station-story__chapter h2,.station-story__chapter h1{font-size:clamp(30px,8vw,42px);margin-bottom:13px;max-width:450px}
 .station-story__chapter p{font-size:15px;line-height:1.5;max-width:420px;margin-bottom:14px}
 .station-story__detail{font-size:11px}
 .station-story.is-enhanced .station-story__pin{padding:90px 22px 25px;min-height:0}
 .station-story.is-enhanced .station-story__stage,.station-story[data-station-sequence="conversation"].is-enhanced .station-story__stage{inset:40% 0 0;width:100%;transform:none}
 .station-story.is-enhanced .station-story__chapter{align-items:flex-start;padding-top:16svh}
 .station-story.is-enhanced .station-story__chapter:first-child{padding-top:18svh}
 .station-story[data-station-sequence="conversation"].is-enhanced .station-story__chapter:first-child{padding-top:16svh}
 .station-story[data-station-sequence="conversation"].is-enhanced .station-story__chapter:first-child .station-story__text{top:16svh}
 .station-story[data-station-sequence="conversation"].is-enhanced .station-story__chapter:first-child h1{margin-inline:auto}
 .station-story.is-enhanced .station-story__text{width:100%;max-width:none;padding-block:8px}
 .station-story.is-enhanced .station-story__statement{padding-top:100svh}
 .station-story.is-enhanced .station-story__statement .station-story__text{top:16svh;width:calc(100% - 44px)}
 .station-story.is-enhanced .station-story__live .station-story__text{top:16svh;width:calc(100% - 44px)}
 .station-story__live h2{margin-inline:auto}
 .station-story__statement h2{margin-inline:auto}
 .station-story__start{font-size:12px;margin-top:16px;padding:10px 16px}
 .station-story__tap{width:34px;height:51px}
 .station-story.is-enhanced .station-story__situation h2{bottom:calc(var(--station-caption-bottom,5svh) + 56px);font-size:30px}
 .station-story.is-enhanced .station-story__situation p{font-size:15px}
 .station-story[data-station-sequence="conversation"].is-enhanced .station-story__stage{transform:translateY(calc(-20svh * var(--station-photo-pullback,0)))}
}
@media(max-height:700px) and (min-width:901px){
 .station-story.is-enhanced .station-story__pin{padding-top:85px;min-height:520px;padding-bottom:18px}
 .station-story__chapter h2,.station-story__chapter h1{font-size:40px}
 .station-story__chapter p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.station-story__stage canvas{transition:none!important}.station-story__scroll svg{animation:none}}