:root{--bg:#FBFBF8;--panel:#FFFFFF;--ink:#101A33;--dim:#5A6377;--spark:#F5A623;
  --emberink:#B4690E;--hair:#E8E6E0;--katie:#0B79B0;--footbg:#F4F3EE}
*{box-sizing:border-box}
html{background:var(--bg);min-height:100%}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:Inter,'Segoe UI',Arial,sans-serif;line-height:1.65}
nav{display:flex;justify-content:space-between;align-items:center;padding:22px 6vw;
  border-bottom:1px solid var(--hair);background:var(--panel)}
.wordmark{font-weight:800;letter-spacing:3px;color:var(--ink);text-decoration:none;font-size:18px}
.sp{color:var(--spark);padding:0 3px}
.navlinks a{color:var(--dim);text-decoration:none;margin-left:26px;font-size:15px;letter-spacing:1px}
.navlinks a:hover{color:var(--ink)}
main{max-width:880px;margin:0 auto;padding:0 6vw 80px}
h1{font-weight:800;letter-spacing:1px;font-size:clamp(30px,5vw,46px);line-height:1.15;color:var(--ink)}
h2{font-weight:700;margin-top:2.2em;letter-spacing:.5px}
a{color:var(--emberink)}
.hero{text-align:center;padding:9vh 0 4vh}
.hero h1{font-size:clamp(40px,8vw,76px);letter-spacing:6px;margin:0}
.tagline{color:var(--ink);font-size:clamp(17px,2.4vw,21px);max-width:620px;margin:18px auto 8px}
.herosub{color:var(--dim);max-width:560px;margin:0 auto}
.trailerblock video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;
  border:1px solid var(--hair);box-shadow:0 14px 44px rgba(16,26,51,.18)}
.epcard{display:block;background:var(--panel);border:1px solid var(--hair);border-radius:12px;
  padding:26px 28px;text-decoration:none;color:var(--ink);transition:transform .15s ease,box-shadow .15s ease}
.epcard:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(16,26,51,.12);border-color:var(--spark)}
.epgrid{display:grid;gap:18px}
.epnum{color:var(--emberink);font-size:13px;letter-spacing:3px;text-transform:uppercase;font-weight:600}
.epcard h3{margin:.4em 0 .2em}
.epmeta{color:var(--dim);font-size:14px;margin:0 0 .6em}
.epthesis{color:var(--dim)}
.listen{color:var(--emberink);font-weight:600}
.player{margin:26px 0}
.player-soon{background:var(--panel);border:1px dashed var(--hair);border-radius:10px;
  padding:22px;color:var(--dim);text-align:center}
.kv{border-left:3px solid var(--spark);padding:2px 0 2px 16px;margin:18px 0}
.kv span{color:var(--emberink);font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:600}
.kv p{margin:.3em 0 0}
.stamps{list-style:none;padding:0}
.stamps li{padding:4px 0;border-bottom:1px solid var(--hair)}
.ts{display:inline-block;min-width:64px;color:var(--emberink);font-variant-numeric:tabular-nums}
.transcript{margin-top:3em}
.tr-ch{color:var(--emberink);letter-spacing:2px;text-transform:uppercase;font-size:15px;margin-top:2.4em}
.tr-line{margin:.9em 0}
.w-thomas{color:var(--emberink)} .w-katie{color:var(--katie)}
.plain{padding-left:18px} .credits{color:var(--dim);font-size:14px}
.strip{background:var(--panel);border:1px solid var(--hair);border-radius:12px;padding:8px 28px 22px;margin-top:3em}
.cta{font-size:19px;margin-top:2em}
.lede{font-size:19px;color:var(--ink)}
footer{border-top:1px solid var(--hair);background:var(--footbg);margin-top:40px;padding:34px 6vw;text-align:center}
.subrow{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:22px}
.btn{background:var(--panel);border:1px solid var(--hair);border-radius:999px;color:var(--ink);
  padding:9px 20px;text-decoration:none;font-size:14px}
.btn:hover{border-color:var(--spark)}
.btn-soon{color:var(--dim)}
.disclaimer{color:var(--dim);font-size:13px;max-width:720px;margin:0 auto 10px}
.fineprint{color:var(--dim);font-size:13px}
.fineprint a{color:var(--dim)}
.hostsleeve{margin-top:3.5em;text-align:center}
.hostsleeve img{width:100%;border-radius:14px;border:1px solid var(--hair);
  box-shadow:0 14px 44px rgba(16,26,51,.14)}
.sleeve-tag{font-size:clamp(18px,2.6vw,24px);font-weight:600;color:var(--ink);
  letter-spacing:.5px;margin-top:18px}
.hosts2col{margin-top:1em}
.hosts2col img{width:100%;max-width:720px;display:block;margin:0 0 20px;border-radius:14px;border:1px solid var(--hair)}
.seasons table{width:100%;border-collapse:collapse;margin-top:.5em}
.seasons th{text-align:left;color:var(--emberink);font-size:13px;letter-spacing:2px;
  text-transform:uppercase;padding:10px 12px;border-bottom:2px solid var(--spark)}
.seasons td{padding:12px;border-bottom:1px solid var(--hair);vertical-align:top;line-height:1.9}
.dim{color:var(--dim);font-size:13px}
.signup{background:var(--panel);border-top:1px solid var(--hair);text-align:center;
  padding:44px 6vw 40px}
.signup h2{margin:0 0 6px}
.signup p{color:var(--dim);max-width:520px;margin:0 auto 18px}
.signupform{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.signupform input[type=email]{padding:11px 16px;border:1px solid var(--hair);border-radius:999px;
  min-width:min(320px,70vw);font-size:15px;font-family:inherit;background:var(--bg);color:var(--ink)}
.signupform button{padding:11px 24px;border:none;border-radius:999px;background:var(--spark);
  color:#101A33;font-weight:700;font-size:15px;cursor:pointer;font-family:inherit}
.signupform button:hover{filter:brightness(1.06)}
@media (max-width:520px){
  .hosts2col img{max-width:none}
  nav{flex-wrap:wrap;gap:10px;padding:16px 5vw}
  .navlinks a{margin-left:0;margin-right:18px}
  .hero h1{font-size:clamp(28px,9vw,76px);letter-spacing:3px}
  main{padding:0 5vw 60px}
}