.deeper-page { background: #101010; color: #f8f8f6; }
.deeper-page main { overflow: clip; }
.journey-kicker { font-size: .75rem; font-weight: 500; letter-spacing: .15em; line-height: 1.6; }
.journey-hero { position: relative; min-height: 760px; min-height: 100svh; display: flex; align-items: center; padding: 9rem var(--gutter) 8rem; isolation: isolate; }
.journey-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 35% center; z-index: -2; }
.journey-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(0,0,0,.25) 45%, rgba(0,0,0,.7)), linear-gradient(0deg,#101010,transparent 22%); z-index: -1; }
.journey-hero-copy { margin-left: 46%; }
.journey-hero h1 { font-size: clamp(4rem,9vw,10rem); line-height: .88; font-weight: 600; letter-spacing: -.065em; margin: 1.7rem 0 2rem; }
.journey-deck { font-size: clamp(1rem,1.5vw,1.4rem); line-height: 1.55; }
.journey-link { display: inline-flex; align-items: center; gap: 2.5rem; min-height: 44px; padding: .7rem 0; font-size: .875rem; border-bottom: 0; text-decoration: none; transition: color .2s,border-color .2s; }
.journey-link:hover, .journey-link:focus-visible { color: #b75b2a; border-color: #b75b2a; }
.journey-hero-foot { position: absolute; bottom: 2.5rem; left: var(--gutter); right: var(--gutter); display: flex; justify-content: space-between; gap: 1rem; font-size: .75rem; letter-spacing: .13em; color: #aaa; }
.journey-intro { display: grid; grid-template-columns: 1fr 2fr; gap: 3rem; padding: clamp(4rem,8vw,8rem) var(--gutter); }
.journey-intro h2 { font-size: clamp(2.5rem,4.5vw,5rem); letter-spacing: -.055em; line-height: 1.06; font-weight: 400; margin: 0 0 2rem; }
.journey-intro div > p { max-width: 38rem; font-size: 1.0625rem; color: #b9b9b9; line-height: 1.75; }
.episode-index { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 2.5rem; padding: 1.1rem var(--gutter); background: #1a1a1a; border-top: 1px solid #ffffff0d; border-bottom: 1px solid #ffffff0d; scroll-margin-top: 6rem; }
.episode-index > span { margin-right: auto; }
.episode-index a { font-size: .875rem; padding: .6rem 0; }
.episode-index a span { color: #888; margin-right: .5rem; font-size: .75rem; }
.episode-index a:hover, .journey-end > a:hover { color: #b75b2a; }
.episode { display: grid; grid-template-columns: 1fr 1.25fr; align-items: center; gap: clamp(2rem,6vw,7rem); padding: 3rem var(--gutter) 6rem; scroll-margin-top: 6rem; }
.episode-copy { max-width: 36rem; }
.episode-copy h2 { font-size: clamp(3rem,6vw,7rem); font-weight: 500; letter-spacing: -.06em; line-height: .98; margin: 1.5rem 0; }
.episode-copy > p:not(.journey-kicker) { max-width: 27rem; color: #b9b9b9; font-size: 1rem; line-height: 1.8; margin: 1.6rem 0; }
.episode-art { display: block; position: relative; overflow: hidden; }
.episode-art img { width: 100%; aspect-ratio: 5/4; object-fit: cover; transition: transform .8s; }
.basketball-art img { object-position: 23% center; aspect-ratio: 1; }
.episode-art:hover img { transform: scale(1.025); }
.play-mark { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 64px; height: 64px; border: 1px solid #fff9; border-radius: 50%; display: grid; place-items: center; background: #0005; }
.play-mark svg { width: 23px; fill: #fff; }
.episode-immersive { position: relative; isolation: isolate; min-height: 85svh; grid-template-columns: 1fr; padding: 6rem var(--gutter); }
.chapter-background { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 67% center; z-index: -2; }
.episode-immersive::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,#000d,transparent 85%); z-index: -1; }
.episode-immersive h2 { font-size: clamp(6rem,13vw,15rem); }
.journey-statement { text-align: center; padding: clamp(4rem,9vw,10rem) var(--gutter); }
.journey-statement blockquote { font-size: clamp(2.5rem,5.5vw,6rem); line-height: 1.09; letter-spacing: -.045em; margin: 2rem auto 3rem; font-weight: 400; }
.statement-credit { font-size: .75rem; letter-spacing: .12em; color: #999; }
.chapter-people { grid-template-columns: 1.3fr 1fr; }
.chapter-people img { filter: saturate(.35); aspect-ratio: 5/6; }
.episode-finale { grid-template-columns: 1.5fr 1fr; padding-top: 5rem; padding-bottom: 5rem; background: #161616; }
.episode-finale h2 { font-size: clamp(3rem,6.5vw,7rem); }
.finale-note { padding-left: 10%; }
.finale-note > p { font-size: clamp(2rem,4vw,4rem); font-weight: 400; letter-spacing: -.045em; line-height: 1.15; color: #aaa; margin-top: 1.5rem; }
.journey-end { padding: 3rem var(--gutter) 4rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; font-size: .875rem; }
.journey-statement-feature { position: relative; overflow: hidden; padding-block: clamp(6rem, 12vw, 12rem); background: #0b0b0b; }
.journey-statement-feature::before { content: "06"; position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); font-size: clamp(14rem, 34vw, 34rem); font-weight: 600; letter-spacing: -.09em; line-height: .7; color: #fff; opacity: .018; pointer-events: none; }
.journey-statement-feature blockquote { position: relative; max-width: 17ch; margin-inline: auto; text-wrap: balance; }
.episode-current { background: #121212; }

/* Restrained editorial motion. Content remains visible when JavaScript is unavailable. */
.motion-ready [data-reveal] { opacity: 0; transform: translate3d(0, 34px, 0); transition: opacity .9s cubic-bezier(.2,.65,.25,1), transform 1s cubic-bezier(.2,.65,.25,1); transition-delay: var(--reveal-delay, 0ms); }
.motion-ready [data-reveal="image"] { transform: translate3d(0, 24px, 0) scale(.975); transition-duration: 1.15s; }
.motion-ready [data-reveal].is-visible { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
.motion-ready .journey-statement blockquote[data-reveal] { transform: translate3d(0, 42px, 0); }
.motion-ready .journey-statement blockquote[data-reveal].is-visible { transform: translate3d(0, var(--parallax-y, 0px), 0); }
.journey-statement .statement-credit { position: relative; z-index: 1; }
.deeper-page a:focus-visible { outline: 2px solid #b75b2a; outline-offset: 6px; }
@media (min-width: 1800px) { .episode-copy { max-width: 44rem; } }
@media (max-width: 760px) {
 .journey-hero { min-height: 850px; min-height: 100svh; align-items: flex-end; padding-top: 10rem; padding-bottom: 7rem; }
 .journey-hero-copy { margin-left: 0; }
 .journey-hero > img { object-position: 26% center; }
 .journey-hero::after { background: linear-gradient(0deg,#101010 2%,#0008 55%,#0002); }
 .journey-hero h1 { font-size: clamp(4rem,19vw,7rem); }
 .journey-hero-foot { font-size: .75rem; }
 .journey-hero-foot span:last-child { display: none; }
 .journey-intro, .episode, .chapter-people, .episode-finale { grid-template-columns: 1fr; gap: 2rem; }
 .journey-intro { padding-top: 4rem; padding-bottom: 3rem; }
 .journey-intro > p { margin: 0; }
 .episode-index { gap: .15rem 1.5rem; padding-top: 1rem; padding-bottom: 1rem; }
 .episode-index > span { width: 100%; }
 .episode { padding-top: 2rem; padding-bottom: 3.5rem; }
 .chapter-people .episode-art { order: 2; }
 .episode-art img, .chapter-people img { aspect-ratio: 4/3; }
 .episode-immersive { min-height: 720px; align-items: end; padding-bottom: 4rem; }
 .episode-immersive::after { background: linear-gradient(0deg,#000e, #0005 60%,transparent); }
 .chapter-background { object-position: 70% center; }
 .episode-finale { padding-top: 3rem; }
 .finale-note { padding: 1rem 0 0; }
 .journey-end { flex-direction: column; align-items: flex-start; gap: 1.5rem; }
 .journey-statement-feature { padding-block: 6rem; }
 .journey-statement-feature blockquote { font-size: clamp(2.35rem, 11.5vw, 4.4rem); }
}
@media (prefers-reduced-motion: reduce) {
 .episode-art img, .journey-link, .motion-ready [data-reveal] { transition: none; }
 .motion-ready [data-reveal], .motion-ready [data-reveal].is-visible, .motion-ready .journey-statement blockquote[data-reveal].is-visible { opacity: 1; transform: none; }
}
.playlist-episode .episode-copy h2 { font-size: clamp(2.5rem, 4vw, 5.5rem); line-height: 1.05; text-wrap: balance; overflow-wrap: anywhere; }
.playlist-episode .episode-art img { aspect-ratio: 16 / 9; height: auto; }