:root{--ink:#07122f;--blue:#0874ff;--cyan:#66cfff;--mist:#c9e4ff;--line:rgba(201,228,255,.2);--paper:#f2f7fd}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{margin:0;background:var(--ink);color:#fff;font-family:Manrope,Arial,sans-serif}

.page-grid{position:fixed;inset:0;pointer-events:none;opacity:.17;background-image:linear-gradient(rgba(100,200,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(100,200,255,.12) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 64%)}

.site-header{height:88px;max-width:1280px;padding:0 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:1}

.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:9px;font-size:18px;font-weight:800;letter-spacing:.04em}

.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--blue);clip-path:polygon(0 0,100% 0,78% 100%,0 100%)}

nav{display:flex;gap:30px}

nav a,.listen-small{color:#cde4ff;text-decoration:none;font-size:14px;font-weight:700}

.listen-small{color:#fff}

.listen-small span{color:var(--cyan);margin-left:5px}

.hero{max-width:1280px;padding:80px 40px 36px;margin:auto;display:block;text-align:center;position:relative}

.hero-copy{max-width:1000px;margin-inline:auto}

.hero .intro{max-width:580px;margin:30px auto}

.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-family:'DM Mono',monospace;color:var(--cyan);font-weight:500;margin:0 0 22px}

.eyebrow span{display:inline-block;width:20px;height:2px;background:var(--blue);vertical-align:middle;margin:0 10px 3px 0}

.hero h1,.section-heading h2,.about h2,.listen h2{font-size:clamp(48px,6vw,82px);letter-spacing:-.07em;line-height:.93;margin:0;font-weight:800}

.hero h1 em{font-style:normal;color:var(--blue)}

.intro{font-size:17px;line-height:1.6;color:#cde4ff;max-width:430px;margin:30px 0}

.hero-actions{display:flex;align-items:center;gap:24px}

.button{padding:15px 20px;text-decoration:none;font-size:14px;font-weight:800}

.primary{background:var(--blue);color:#fff}

.primary span{margin-left:18px}

.text-link{color:#fff;text-decoration:none;font-size:14px;font-weight:700}

.text-link span{color:var(--cyan);margin-left:8px}

.hero-art{width:min(400px,100%);justify-self:end;aspect-ratio:1;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(8,116,255,.23),transparent 66%)}

.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid rgba(98,202,255,.35);border-radius:50%}

.hero-art:before{width:80%;height:80%}

.hero-art:after{width:100%;height:100%;border-style:dashed}

.hero-art img{width:72%;position:relative;z-index:1;box-shadow:0 30px 80px rgba(0,0,0,.42)}

.signal{position:absolute;inset:0}

.signal i{width:6px;height:6px;background:var(--cyan);position:absolute;border-radius:50%}

.signal i:nth-child(1){top:5%;left:45%}

.signal i:nth-child(2){top:18%;right:0}

.signal i:nth-child(3){bottom:8%;right:18%}

.signal i:nth-child(4){bottom:15%;left:0}

.season{position:absolute;bottom:42px;left:40px;font:11px/1.5 'DM Mono',monospace;letter-spacing:.1em;color:#a9cbef}

.season strong{color:#fff;font-weight:500}

.episodes{background:var(--paper);color:var(--ink);padding:72px max(40px,calc((100vw - 1200px)/2))}

.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:46px}

.section-heading h2{font-size:46px}

.section-note{font-size:14px;line-height:1.6;margin:0;color:#526683}

.episode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

.episode-card{outline:none;cursor:default}

.episode-card:focus .thumb,.episode-card:hover .thumb{transform:translateY(-5px);box-shadow:0 16px 30px rgba(5,24,64,.18)}

.thumb{aspect-ratio:16/9;position:relative;overflow:hidden;background:var(--ink);transition:.25s ease}

.thumb img{width:100%;height:100%;object-fit:cover;opacity:.72}

.thumb-overlay{position:absolute;inset:0;background:linear-gradient(130deg,rgba(1,14,47,.15),rgba(1,13,45,.88))}

.status,.number,.play{position:absolute;font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}

.status{top:14px;left:14px;background:rgba(4,18,55,.9);border:1px solid rgba(120,210,255,.4);padding:7px 8px;font-size:10px;color:var(--cyan)}

.number{bottom:14px;left:15px;color:#fff;font-size:12px}

.play{display:grid;place-items:center;right:14px;bottom:12px;width:32px;height:32px;border-radius:50%;background:var(--blue);font-size:10px;color:#fff;padding-left:2px}

.episode-detail{padding:15px 1px 12px}

.episode-detail p{margin:0 0 5px;color:var(--blue);font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}

.party-logo{display:block;width:110px;height:28px;object-fit:contain;object-position:left center;margin:0 0 5px}

.episode-detail h3{margin:0 0 9px;font-size:18px;letter-spacing:-.03em}

.episode-detail span{font-size:12px;color:#62748d}

.episode-detail b{color:var(--blue)}

.about{max-width:1280px;margin:auto;padding:88px 40px;display:grid;grid-template-columns:1fr 1fr;gap:50px;border-bottom:1px solid var(--line)}

.about h2{font-size:51px}

.about div>p{font-size:17px;line-height:1.65;color:#cde4ff;max-width:410px;margin:30px 0 0}

.listen{max-width:1280px;margin:auto;padding:92px 40px;display:flex;justify-content:space-between;gap:70px}

.listen h2{font-size:52px}

.platforms{width:min(580px,100%);border-top:1px solid var(--line)}

.platforms a{padding:18px 0;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);color:#fff;text-decoration:none}

.platforms b{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:14px}

.yt{background:#f20d19}

.ap{background:linear-gradient(145deg,#f66bb7,#755eff)}

.sp{background:#1ed760;color:#07122f}

.platforms span{font-weight:800;font-size:15px}

.platforms small{display:block;color:#aac9e8;font-size:12px;font-weight:500;margin-top:2px}

.platforms em{font-style:normal;color:var(--cyan);margin-left:auto}

footer{max-width:1280px;margin:auto;padding:28px 40px;border-top:1px solid var(--line);color:#88aace;font:11px 'DM Mono',monospace;display:flex;justify-content:space-between}

@media(max-width:720px){.site-header{padding:0 20px;height:70px}

nav{display:none}

.hero{padding:52px 20px 24px;display:block;min-height:0}

.hero-art{margin:55px auto 15px;width:78%}

.season{position:static;margin-top:35px}

.episodes{padding:52px 20px}

.section-heading{display:block}

.section-note{margin-top:18px}

.episode-grid{grid-template-columns:1fr;gap:23px}

.about{padding:56px 20px;display:block}

.about .eyebrow{margin-bottom:30px}

.listen{padding:65px 20px;display:block}

.platforms{margin-top:40px}

footer{padding:22px 20px;gap:14px;display:block}

footer span:last-child{display:block;margin-top:8px}

.hero h1{font-size:clamp(40px,8vw,58px);line-height:1.02}

}

.header-platforms{display:flex;gap:9px}
.header-platforms a{width:32px;height:32px;display:grid;place-items:center;text-decoration:none;border-radius:50%;transition:transform .2s}
.header-platforms a:hover{transform:translateY(-2px)}
.header-platforms svg{width:23px;height:23px}.icon-youtube svg path:first-child{fill:#ff0033}.icon-youtube .play-path{fill:#fff}.icon-spotify svg circle{fill:#1ed760}.icon-spotify svg path{fill:none;stroke:#07122f;stroke-width:1.7;stroke-linecap:round}.icon-apple svg>circle:first-child{fill:#9b5cff}.icon-apple svg>circle:nth-child(2){fill:none;stroke:#fff;stroke-width:1.5}.icon-apple svg path{fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round}
.subscriber-callout{max-width:960px;margin:0 auto;padding:28px 40px 12px}
.subscriber-callout a{display:block;text-decoration:none;color:#fff;background:#061336;box-shadow:0 20px 50px rgba(0,0,0,.26)}
.subscriber-callout img{width:100%;display:block}
.subscriber-callout span{display:flex;justify-content:space-between;padding:13px 18px;font:12px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.14em}
.subscriber-callout b{color:var(--cyan)}
.intro-episode{max-width:1200px;padding:58px 40px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
#published-episodes .intro-episode{padding-block:28px}
.intro-thumb{position:relative;aspect-ratio:16/9;overflow:hidden}
.intro-thumb img{width:100%;height:100%;object-fit:cover;opacity:.7}
.intro-episode h2{font-size:42px;letter-spacing:-.055em;line-height:1;margin:0}
.intro-episode p:last-child{color:#cde4ff;line-height:1.6;font-size:16px}
.tbc-heading{margin-top:84px;margin-bottom:35px;border-top:1px solid #c9d8e9;padding-top:55px}
.tbc-heading h2{font-size:36px;letter-spacing:-.05em;margin:0 0 10px}
.tbc-heading p:last-child{font-size:14px;color:#526683}
.candidate-photo{position:absolute;z-index:1;width:72%;aspect-ratio:1;right:-3%;bottom:-22%;border:5px solid var(--blue);border-radius:50%;overflow:hidden;background:#fff}
.candidate-photo img{width:100%;height:100%;object-fit:contain;object-position:center bottom;opacity:1}
.tbc-card{opacity:.78}
@media(max-width:720px){.header-platforms{gap:5px}
.subscriber-callout{padding:22px 20px 8px}
.intro-episode{padding:46px 20px;display:block}
#published-episodes .intro-episode{padding-block:22px}
.intro-episode>div+div{margin-top:24px}
.tbc-heading{margin-top:52px}
}
.subscriber-callout .subscriber-image{padding:0;border:0;box-shadow:none}.subscriber-callout .subscriber-label{display:flex;justify-content:space-between;padding:13px 18px;font:12px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.14em;background:#061336}.subscriber-callout .subscriber-label b{color:var(--cyan)}

.declined-graphic{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:18px;padding:20px;color:#fff;background:rgba(7,18,47,.65)}
.declined-graphic svg{width:58px;flex-shrink:0;fill:none;stroke:#ff8d91;stroke-width:5}
.declined-graphic strong{font:700 clamp(14px,1.4vw,20px)/1.5 Manrope,Arial,sans-serif;letter-spacing:.06em}
.declined-card .episode-detail p{color:#a22238}
@media(max-width:720px){.declined-graphic strong{font-size:20px}}

/* Supplied episode artwork stays uncropped and at full brightness. */
.thumb.episode-artwork{aspect-ratio:1/1}
.thumb.episode-artwork img{object-fit:contain;opacity:1;display:block}
.intro-thumb iframe{width:100%;height:100%;border:0;display:block}

.episode-platforms{display:flex;gap:12px;align-items:center;margin-top:24px}
.episode-platforms a,.episode-platforms>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;transition:transform .2s}
.episode-platforms a:hover{transform:translateY(-2px)}
.episode-platforms a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.episode-platforms svg{width:36px;height:36px}
.audio-spotify circle{fill:#1ed760}.audio-spotify path{fill:none;stroke:#07122f;stroke-width:1.7;stroke-linecap:round}
.audio-apple circle:first-child{fill:#9b5cff}.audio-apple circle:nth-child(2){fill:#fff}.audio-apple path{fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.episode-platforms .unavailable{opacity:.35;cursor:help}
.intro-episode h2+p{color:#cde4ff;line-height:1.6;font-size:16px}