/* An editorial story, isolated from the listening room's controls and transport. */
.why-page{--story-ink:#0b100d;--story-paper:#f0eee5;--story-green:#b9d99b;--story-muted:#a9afa7;margin:0;padding-bottom:90px;min-width:320px;background:var(--story-ink);color:var(--story-paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.why-page *{box-sizing:border-box}.why-page [hidden]{display:none!important}.why-page a{color:inherit;text-decoration:none}.why-page button{font:inherit;cursor:pointer}.why-page button:disabled{cursor:default;opacity:.55}.why-page img{display:block;max-width:100%}.why-page h1,.why-page h2,.why-page h3,.why-page p{margin:0}.why-page em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--story-green)}.why-page :focus-visible{outline:2px solid var(--story-green);outline-offset:6px}.story-skip{position:fixed;top:-100px;left:20px;z-index:100;padding:14px 22px;background:var(--story-paper);color:var(--story-ink)!important}.story-skip:focus{top:12px}.story-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.story-overline{max-width:1560px;margin:auto;padding:27px clamp(24px,4.5vw,80px) 0;display:flex;justify-content:space-between;align-items:center;color:var(--story-muted);font-size:10px;font-weight:650;letter-spacing:.15em}.story-overline a{letter-spacing:0;font-weight:450;min-height:36px;display:flex;align-items:center;gap:20px}.story-overline a:hover{color:var(--story-green)}
.story-journey{max-width:1560px;margin:auto;padding:0 clamp(24px,4.5vw,80px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,85px)}.story-step{min-height:calc(100svh - 76px);display:flex;flex-direction:column;justify-content:center;padding:65px 0 100px;scroll-margin-top:80px}.story-kicker{font-size:10px;line-height:1.8;letter-spacing:.16em;font-weight:600;color:var(--story-muted);margin-bottom:30px!important}.story-step h1{font-size:clamp(54px,5.7vw,88px);line-height:1.03;letter-spacing:-.055em;margin:0 0 28px}.story-step h1 em{letter-spacing:-.07em}.story-step h2{font-size:clamp(40px,4.2vw,66px);line-height:1.09;letter-spacing:-.045em;margin-bottom:28px}.story-copy{max-width:400px;font-size:clamp(15px,1.12vw,18px);line-height:1.8}.story-muted{margin-top:18px!important;color:var(--story-muted)}.story-scroll{display:flex;align-items:center;gap:15px;margin-top:36px;font-size:11px;letter-spacing:.02em;width:max-content}.story-scroll>span{display:grid;place-items:center;border:1px solid #b9d99b55;border-radius:50%;width:34px;height:42px;color:var(--story-green);font-size:17px}.story-text-link{display:inline-flex;align-items:center;gap:24px;margin-top:26px;font-size:13px;border-bottom:1px solid #b9d99b55;padding:0 0 12px;width:max-content;max-width:100%}.story-text-link:hover{color:var(--story-green)}
.story-visual-column{min-width:0}.story-visual{position:sticky;top:108px;height:calc(100svh - 146px);min-height:480px;max-height:820px;display:flex;flex-direction:column;justify-content:center}.story-visual-heading{display:flex;justify-content:space-between;font-size:9px;color:#afb9ab;letter-spacing:.14em;margin-bottom:20px}.story-visual-heading>span:last-child{font-variant-numeric:tabular-nums;color:#777f76}.story-theatre{position:relative;width:100%;flex:1;max-height:650px;min-height:300px;overflow:hidden;perspective:1100px;background:radial-gradient(ellipse at 50% 45%,#29362a65,transparent 70%);border-top:1px solid #f0eee517;border-bottom:1px solid #f0eee517}.story-theatre:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #0b100d33}.story-visual-foot{min-height:54px;display:flex;gap:14px;justify-content:space-between;align-items:center;font-size:11px;line-height:1.6;color:#aaa}.story-visual-foot button{flex:none;background:none;border:0;border-bottom:1px solid #b9d99b66;color:var(--story-green);padding:10px 0;font-size:10px;min-height:44px}.story-chapters{display:flex;gap:6px;margin-top:4px}.story-chapters span{height:2px;flex:1;background:#f0eee524}.story-chapters span.is-active{background:var(--story-green)}.story-renderer-note{font-size:10px;color:var(--story-muted);line-height:1.6;margin-top:10px!important}
.story-list{position:absolute;left:8%;right:8%;top:50%;transform:translateY(-50%)}.story-list-heading{display:flex;justify-content:space-between;margin-bottom:26px;padding:0 8px;font-size:13px;letter-spacing:-.02em;color:#a9afa7}.story-track{display:grid;grid-template-columns:20px 42px minmax(0,1fr) 32px;align-items:center;gap:14px;padding:14px 8px;border-bottom:1px solid #ffffff09}.story-track.is-selected{background:#d1eac70c;border-radius:3px}.story-track-number{font-size:9px;font-variant-numeric:tabular-nums;color:#7f887b}.story-track img{width:42px;height:42px;object-fit:cover;filter:saturate(.55)}.is-enhanced .story-track:first-of-type img{visibility:hidden}.story-track strong{font-weight:500;font-size:12px;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}.story-track small{display:block;font-size:10px;color:#7f887b;margin-top:6px}.story-track time{font-size:10px;color:#8e968a;font-variant-numeric:tabular-nums}.story-list-progress{height:2px;background:#ffffff17;margin:28px 8px 12px}.story-list-progress span{display:block;width:19%;height:100%;background:#b3bdac}.story-list-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;padding:0 8px;color:#848e7d}.story-list-bottom>span:nth-child(2){font-size:16px}
.story-sleeve{position:absolute;left:50%;top:50%;width:64%;aspect-ratio:1;transform:translate(-50%,-50%);opacity:0;z-index:4;will-change:transform;isolation:isolate}.story-sleeve img{width:100%;height:100%;object-fit:cover}.story-sleeve:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#ffffff2b,transparent 1.5%,#0003 3%,transparent 5%,transparent 97%,#0008 99%,#ffffff1a);box-shadow:inset 0 0 0 1px #ffffff20}.story-vinyl{border-radius:50%;background:repeating-radial-gradient(circle at center,#151718 0 1px,#353838 1.4px,#111414 2px,#202323 2.7px);box-shadow:0 18px 35px #0005,inset 0 0 0 2px #a5ada344;mask-image:radial-gradient(circle,transparent 0 1.2%,black 1.5%)}.story-vinyl:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 35deg,transparent 12%,#ffffff18 18%,transparent 25% 58%,#ffffff13 66%,transparent 77%);pointer-events:none}.story-label{position:absolute;inset:34%;width:32%;height:32%;object-fit:cover;border-radius:50%}.story-record-render{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:none!important}.has-disc-render .story-record-render{display:block!important}.has-disc-render .story-label{visibility:hidden}.has-disc-render:after{display:none}.story-record{position:absolute;left:50%;top:50%;width:62%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:3;opacity:0;will-change:transform}
.story-deck{position:absolute;width:108%;aspect-ratio:920/452;left:-4%;top:50%;transform:translateY(-38%);opacity:0}.story-deck-still{position:absolute;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.story-deck .deck-stage{position:absolute;inset:0;width:100%;height:100%;visibility:hidden;isolation:isolate}.story-deck.is-live .deck-stage{visibility:visible}.story-deck.is-live .story-deck-still{visibility:hidden}.story-deck .disc-position{position:absolute;width:54.43%;aspect-ratio:1;left:50.22%;top:33.07%;transform:translate(-50%,-50%)}.story-deck .disc-plane{position:absolute;inset:0;transform:scaleY(.311153);border-radius:50%;overflow:hidden}.story-deck .disc-plane canvas{position:absolute;inset:0;width:100%;height:100%}.story-deck .label-spin{position:absolute;inset:0}.story-deck .paper-label{position:absolute;left:34%;top:34%;width:32%;height:32%;border-radius:50%;overflow:hidden}.story-deck .paper-label img{width:100%;height:100%}.story-deck [data-tonearm]{position:absolute;inset:0;width:100%;height:100%}.story-groove-caption{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:space-between;font-size:8px;color:#afb9ab;letter-spacing:.13em;opacity:0}
.story-statement{padding:130px 24px 110px;text-align:center;border-top:1px solid #ffffff17;background:radial-gradient(ellipse at 50% 100%,#26302175,transparent 68%)}.story-statement h2{font-size:clamp(34px,4.5vw,70px);letter-spacing:-.045em;line-height:1.15}.story-statement h2 em{display:inline-block;margin-top:8px}.story-statement>p:not(.story-kicker){font-size:15px;line-height:1.9;color:#b7bdb2;margin-top:28px}.story-statement-line{display:block;width:1px;height:60px;background:linear-gradient(var(--story-green),transparent);margin:40px auto 0}
.story-formats{--story-green:#3d5737;--story-muted:#65705e;background:#eae8dc;color:#20271f;padding:90px clamp(24px,6vw,96px) 100px}.story-format-intro{max-width:1240px;margin:0 auto}.story-format-intro h2,.story-gift h2{font-size:clamp(36px,4vw,62px);line-height:1.1;letter-spacing:-.045em}.story-format-intro>p:last-child{font-size:14px;line-height:1.8;color:#65705e;margin-top:24px}.story-format-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,6vw,100px);max-width:1240px;margin:45px auto 0;align-items:center}.story-medium-scene{position:relative;min-height:400px;aspect-ratio:1.22;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse,#fff9,transparent 70%)}.story-medium{position:absolute;aspect-ratio:1;will-change:transform}.story-medium-vinyl{width:74%;}.story-medium-cd{width:66%;border-radius:50%;mask-image:radial-gradient(circle,transparent 0 6.2%,black 6.6%);background:conic-gradient(from 30deg,#bcc9ca,#fafaf5 12%,#779299 19%,#b1d4d5 26%,#e8e1b9 31%,#bfd3c1 39%,#cfcdd5 49%,#f5faf4 55%,#bcc4be 65%,#a8bacf 76%,#d9c1dc 79%,#ccdecd 83%,#f7f6dc 89%,#bfcace);box-shadow:inset 0 0 0 2px #fff9,0 12px 40px #1113}.story-medium-cd:after{content:"";position:absolute;inset:34%;border:2px solid #dee7e280;border-radius:50%;box-shadow:0 0 0 6px #ccd5cc60,0 0 0 7px #82959170}.story-medium-cd>span,.story-medium-cd>strong,.story-medium-cd>small{position:absolute;text-align:center;width:80%;left:10%;color:#37483f;letter-spacing:.08em}.story-medium-cd>span{top:20%;font-size:10px}.story-medium-cd>strong{top:26%;font-size:clamp(8px,1vw,13px);line-height:1.35;letter-spacing:.02em;font-weight:500}.story-medium-cd>small{bottom:20%;font-size:8px}.story-medium-tape{width:92%;aspect-ratio:1.4}.story-medium-tape>canvas{position:absolute;inset:0;width:100%;height:100%;display:none}.story-medium-tape.is-live>canvas{display:block}.story-medium-tape.is-live .story-tape-fallback{visibility:hidden}.story-tape-fallback{position:absolute;inset:11% 7%;border-radius:10px;background:repeating-linear-gradient(0deg,#292e2b 0 1px,#333c35 1px 3px);padding:6% 6% 3%;box-shadow:0 16px 20px #101b1933,inset 0 0 0 4px #6c736755;transform:rotate(-7deg);color:#e4dfc9}.story-tape-fallback>small{font-size:7px;letter-spacing:.12em}.story-tape-fallback>strong{font-weight:400;font-size:clamp(9px,1vw,13px);display:block;margin:5px 0 12px}.story-tape-window{border-radius:6px;background:#0d1211;display:flex;justify-content:space-between;align-items:center;padding:3% 8%;height:42%;box-shadow:0 0 0 2px #929686}.story-tape-window i{width:22%;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(#deded0 0 40deg,#6b746a 40deg 60deg);border:5px solid #dcd8c4;box-shadow:inset 0 0 0 7px #243129}.story-tape-window span{width:25%;height:35%;background:#726d56}.story-tape-fallback>b{display:flex;justify-content:space-between;font-size:7px;margin-top:12px}.story-tape-fallback>b>span{font-size:6px}.story-medium-shadow{position:absolute;width:55%;height:10%;bottom:8%;background:#2530201c;filter:blur(20px);border-radius:50%;z-index:-1}.story-medium-edition{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;color:#65705e;letter-spacing:.17em}
.story-format-switch{display:flex;gap:4px;padding:5px;border:1px solid #637b5438;border-radius:50px;width:max-content;max-width:100%;margin-bottom:34px}.story-format-switch button{min-height:42px;padding:8px 17px;background:none;color:#53604d;border:0;border-radius:40px;font-size:12px;white-space:nowrap}.story-format-switch button[aria-pressed=true]{color:#eef0e3;background:#263a29;box-shadow:0 3px 9px #1112}.story-format-description{min-height:230px}.story-format-number{font-size:9px;letter-spacing:.13em;color:#65705e}.story-format-description h3{font-size:clamp(27px,2.6vw,39px);letter-spacing:-.045em;line-height:1.15;margin:18px 0}.story-format-description p{font-size:14px;line-height:1.85;color:#53604d;max-width:370px}.story-listen-link{border:0;border-bottom:1px solid #3d573766;color:#263a29;background:none;padding:12px 0;min-height:44px;font-size:13px!important}.story-demo-note{font-size:10px;line-height:1.8;color:#65705e;margin-top:14px!important}.story-format-status{font-size:11px;color:#3d5737;min-height:20px;margin-top:12px!important}
.story-gift{max-width:1320px;margin:0 auto;padding:125px 60px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.story-gift p:not(.story-kicker){font-size:14px;line-height:1.9;color:#b0b8a9;max-width:410px;margin-top:24px}.story-gift-art{position:relative;aspect-ratio:1.1}.story-gift-disc{position:absolute;width:72%;aspect-ratio:1;left:24%;top:8%;transform:rotate(12deg)}.story-gift-sleeve{width:72%;aspect-ratio:1;position:absolute;left:1%;top:13%;transform:rotate(-10deg);background:#b9cba3;color:#253023;padding:9%;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 15px 45px #0006,inset 1px 1px #fff4}.story-gift-sleeve>span{font-size:clamp(10px,1.1vw,16px);font-weight:650;letter-spacing:.14em;line-height:1.4}.story-gift-sleeve>i{font:italic clamp(22px,2.8vw,40px)/1 Georgia,serif}.story-gift-sleeve>small{font-size:6px;letter-spacing:.13em}
.story-finale{max-width:1320px;margin:auto;padding:60px 60px 20px;text-align:center;border-top:1px solid #f0eee51a}.story-finale h2{font-size:clamp(60px,7.5vw,110px);line-height:1.05;letter-spacing:-.06em}.story-finale>p:not(.story-kicker){margin-top:28px;color:#b7bdb2;font-size:14px}.story-destinations{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:left}.story-destinations a{font-size:18px;letter-spacing:-.03em;border-top:1px solid #cde1bc4d;padding:22px 0;position:relative}.story-destinations a>span{display:block;color:#a4ad9c;font-size:9px;letter-spacing:.1em;margin-bottom:20px}.story-destinations b{position:absolute;right:0;bottom:22px;font-weight:400;color:var(--story-green)}.story-destinations a:hover{color:var(--story-green)}.story-playback-note{max-width:670px;margin:35px auto 0!important;font-size:10px!important;line-height:1.8;color:#87917f!important}
.story-dock{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:35;display:flex;align-items:center;gap:22px;padding:9px 12px;border:1px solid #d2e5c036;border-radius:50px;background:#162016ed;color:#f0eee5;box-shadow:0 8px 40px #0006;backdrop-filter:blur(16px);max-width:calc(100% - 32px);white-space:nowrap}.story-dock button{border:0;background:var(--story-green);color:#14200d;border-radius:30px;min-height:42px;padding:8px 20px;font-size:11px;font-weight:550}.story-dock>div{min-width:105px}.story-dock strong{display:block;font-size:11px;font-weight:500}.story-dock>div>span{display:block;font-size:9px;color:#aebaa6;margin-top:3px}.story-dock [data-motion]{background:none;color:#b2bda9;border-left:1px solid #cde1bc33;border-radius:0;font-weight:400;padding:8px 12px}.story-noscript{padding:25px;text-align:center;font-size:12px;color:#b9d99b}
@media(min-width:1500px){.story-copy{max-width:420px}.story-track{grid-template-columns:20px 48px minmax(0,1fr) 32px;padding:18px 8px}.story-track img{width:48px;height:48px}.story-track strong{font-size:13px}}
@media(max-width:1000px){.story-journey{gap:26px;grid-template-columns:1fr 1fr}.story-step h1{font-size:clamp(40px,6vw,62px)}.story-step h2{font-size:38px}.story-track{gap:9px;grid-template-columns:12px 34px minmax(0,1fr) 25px;padding:12px 5px}.story-track img{width:34px;height:34px}.story-track strong{font-size:10px}.story-track small,.story-track time{font-size:8px}.story-visual{top:93px}.story-visual-foot{font-size:9px;flex-wrap:wrap;gap:0}.story-gift{gap:50px;padding:90px 35px}.story-format-layout{gap:30px}.story-medium-scene{min-height:300px}.story-format-switch button{padding:8px 12px;font-size:11px}.story-format-description{min-height:245px}.story-finale{padding:60px 35px 0}.story-destinations{gap:24px}.story-destinations a{font-size:15px}}
/* On a phone the picture holds above the readable paragraphs. No scroll trapping. */
@media(max-width:700px){.story-overline{padding:18px 24px 0;font-size:8px}.story-overline a{gap:10px}.story-journey{display:flex;flex-direction:column;padding:0 24px;gap:0}.story-visual-column{display:contents}.story-visual{order:-1;top:68px;height:34svh;min-height:240px;max-height:330px;margin-top:14px;z-index:5;background:linear-gradient(#0b100d 90%,#0b100d00);padding:12px 0 6px}.story-visual-heading{margin:0 0 9px;font-size:7px}.story-theatre{min-height:0;max-height:none;flex:1;border-bottom:0}.story-list{left:10%;right:10%}.story-list-heading{display:none}.story-track{grid-template-columns:13px 26px minmax(0,1fr) 25px;padding:7px 4px;gap:10px}.story-track img{width:26px;height:26px}.story-track strong{font-size:9px}.story-track small{font-size:7px;margin-top:3px}.story-list-progress{margin:10px 4px 5px}.story-list-bottom{font-size:7px}.story-list-bottom>span:nth-child(2){font-size:10px}.story-visual-foot{min-height:22px;justify-content:center;font-size:8px}.story-visual-foot button{font-size:8px;min-height:24px;padding:2px 0;position:absolute;right:0;bottom:4px}.story-visual-foot:has(button:not([hidden]))>span{margin-right:auto;max-width:60%}.story-chapters{position:absolute;left:0;right:0;bottom:0;margin:0}.story-chapters span{height:1px}.story-renderer-note{position:absolute;top:22px;font-size:7px;background:#0b100ddd;padding:3px;z-index:10}.story-words{position:relative;z-index:1}.story-step{min-height:70svh;padding:42px 0 80px;justify-content:flex-start;scroll-margin-top:calc(34svh + 105px)}.story-step:first-child{min-height:68svh;padding-top:26px}.story-step .story-kicker{font-size:8px;margin-bottom:20px!important}.story-step h1{font-size:clamp(40px,10.5vw,60px);line-height:1.04;margin-bottom:22px}.story-step h1 br:first-child{display:none}.story-step h2{font-size:clamp(35px,9vw,51px);margin-bottom:22px}.story-copy{font-size:14px;line-height:1.75;max-width:400px}.story-muted{margin-top:12px!important}.story-scroll{margin-top:22px;font-size:10px}.story-scroll>span{width:28px;height:34px}.story-text-link{font-size:12px}.story-deck{width:90%;left:5%;transform:translateY(-43%)}.story-groove-caption{bottom:12px;font-size:6px}.story-statement{padding:75px 24px 55px}.story-statement h2{font-size:clamp(28px,7.4vw,43px)}.story-statement>p:not(.story-kicker){font-size:13px}.story-kicker{font-size:8px;margin-bottom:20px!important}.story-statement-line{height:40px;margin-top:28px}.story-formats{padding:60px 24px}.story-format-intro h2,.story-gift h2{font-size:38px}.story-format-intro>p:last-child{font-size:13px;margin-top:20px}.story-format-layout{grid-template-columns:1fr;margin-top:18px;gap:35px}.story-medium-scene{min-height:0;aspect-ratio:1.28;max-height:400px}.story-medium-vinyl{width:66%}.story-medium-cd{width:60%}.story-medium-tape{width:88%}.story-format-switch{margin-bottom:26px;width:100%;justify-content:space-between}.story-format-switch button{font-size:12px;padding:8px 16px}.story-format-description{min-height:208px}.story-format-description h3{font-size:32px}.story-format-description p{font-size:13px}.story-gift{grid-template-columns:1fr;padding:65px 24px;gap:30px}.story-gift-art{max-width:360px;width:90%;margin:auto}.story-gift-sleeve>i{font-size:32px}.story-gift-sleeve>span{font-size:13px}.story-gift p:not(.story-kicker){font-size:13px;max-width:100%}.story-finale{padding:55px 24px 0}.story-finale h2{font-size:66px}.story-destinations{grid-template-columns:1fr;gap:0;margin-top:40px}.story-destinations a{font-size:19px;padding:23px 0}.story-destinations a>span{font-size:8px;margin-bottom:12px}.story-destinations b{bottom:25px}.story-playback-note{font-size:9px!important}.story-dock{bottom:10px;gap:12px;padding:7px 9px;max-width:calc(100% - 20px)}.story-dock button{font-size:10px;padding:8px 14px}.story-dock>div{display:none}.story-dock [data-motion]{font-size:9px;padding:8px 12px}.story-medium-cd>span{font-size:8px}.story-medium-cd>small{font-size:6px}}
@media(prefers-reduced-motion:reduce){.why-page *, .why-page *:before,.why-page *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.story-sleeve,.story-record,.story-medium{will-change:auto}}
@media print{.story-dock,.story-visual-column,.story-format-switch,.story-listen-link{display:none!important}.story-journey,.story-format-layout,.story-gift{display:block}.story-step{min-height:0;padding:30px 0}.why-page{background:white;color:black}.story-step h1{font-size:44px}.story-step h2{font-size:32px}}

.story-deck.is-plan{transform:translateY(-40%) scale(1.45)}
@media(max-width:700px){.story-deck.is-plan{transform:translateY(-43%) scale(1.3)}}

.why-page .vs-site-header{background:#0b100df5}
@media(max-width:700px){.story-track:nth-of-type(5){display:none}.story-visual{height:30svh;min-height:220px}.story-visual-foot{min-height:34px}.story-visual-foot button{min-height:34px}.story-step{scroll-margin-top:calc(30svh + 105px)}}