@font-face { font-family:"Anton"; src:url("/fonts/Anton-Regular.ttf") format("truetype"); font-display:swap; }
:root { --green:#0B4827; --green-deep:#042311; --gold:#FFD700; --bg:#07120b; --surface:#0f2417;
  --text:#f2f2ee; --muted:#a8b3ab; --border:rgba(255,215,0,.18); }
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; background:var(--bg); color:var(--text); line-height:1.7; font-size:17px; }
a { color:var(--gold); }
a:hover { color:#fff; }
h1,h2,h3,.brand,.foot-brand,.btn { font-family:"Anton","Impact","Arial Narrow",sans-serif; font-weight:400; letter-spacing:.02em; }
.site-header { display:flex; justify-content:space-between; align-items:center; gap:.75rem; flex-wrap:wrap; padding:.9rem 1.25rem; background:radial-gradient(ellipse at top,var(--green),var(--green-deep)); border-bottom:2px solid var(--gold); }
.brand,.foot-brand { color:#fff; text-decoration:none; font-size:1.5rem; }
.brand span,.foot-brand span,.hero h1 span { color:var(--gold); }
.site-header nav a { color:#fff; text-decoration:none; margin-left:1.25rem; text-transform:uppercase; font-size:.85rem; letter-spacing:.08em; }
.site-header nav a:hover { color:var(--gold); }
main { max-width:860px; margin:0 auto; padding:2rem 1.25rem 4rem; }
.hero { padding:2.5rem 0 1.5rem; }
.kicker { color:var(--gold); text-transform:uppercase; letter-spacing:.14em; font-size:.85rem; margin:0; }
.hero h1 { font-size:clamp(3rem,10vw,5.5rem); line-height:1; margin:.3rem 0 1rem; color:#fff; }
.lede { font-size:1.15rem; color:#dfe6e1; max-width:42rem; }
.btn { display:inline-block; background:var(--gold); color:#0B4827; text-decoration:none; padding:.7rem 1.4rem; border-radius:6px; font-size:1.05rem; text-transform:uppercase; }
.btn:hover { background:#fff; color:#0B4827; }
.hero-img { display:block; width:100%; height:auto; margin-top:1.75rem; border-radius:12px; border:1px solid var(--border); }
.hosts { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:.75rem; margin:1.5rem 0 2.5rem; }
.host { display:flex; flex-direction:column; background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:.9rem 1.1rem; text-decoration:none; color:var(--text); }
.host strong { font-size:1.05rem; color:#fff; }
.host span { color:var(--gold); font-size:.85rem; text-transform:uppercase; letter-spacing:.08em; }
h2 { font-size:1.7rem; color:#fff; margin:2rem 0 .75rem; }
.ep-list { display:flex; flex-direction:column; gap:1rem; }
.ep-card { display:block; background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:1.1rem 1.3rem; text-decoration:none; color:var(--text); transition:border-color .15s; }
.ep-card:hover { border-color:var(--gold); }
.ep-card h3 { margin:.2rem 0 .4rem; font-size:1.35rem; color:#fff; line-height:1.25; }
.ep-card p { margin:.25rem 0 0; color:var(--muted); }
.ep-card .episode-meta { margin:0; }
.episode-meta { color:var(--gold); font-size:.85rem; text-transform:uppercase; letter-spacing:.08em; }
.episode-hosts,.small,.watch-link { color:var(--muted); font-size:.95rem; }
.episode-desc { font-size:1.08rem; }
article h1 { font-size:clamp(1.9rem,5vw,2.8rem); line-height:1.15; color:#fff; margin:.3rem 0; }
.video-embed { position:relative; aspect-ratio:16/9; margin:1.25rem 0 .5rem; border-radius:10px; overflow:hidden; background:#000; border:1px solid var(--border); }
.video-embed iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.transcript { background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:1.4rem 1.5rem; margin-top:1rem; }
.transcript p { margin:0 0 1rem; }
.transcript .ts { color:var(--gold); font-size:.8rem; font-weight:700; margin-right:.4rem; font-variant-numeric:tabular-nums; }
.crumbs { color:var(--muted); font-size:.85rem; }
.crumbs a { color:var(--muted); }
ul.chapters { list-style:none; padding:0; margin:0 0 1rem; }
ul.chapters li { margin:.3rem 0; }
ul.chapters .ts { display:inline-block; min-width:3.6rem; color:var(--gold); font-weight:700; font-size:.85rem; font-variant-numeric:tabular-nums; }
ul.plain { padding-left:1.1rem; }
ul.plain li { margin:.4rem 0; }
.site-footer { text-align:center; padding:2.5rem 1.25rem; color:var(--muted); border-top:2px solid var(--gold); background:var(--green-deep); }
.site-footer p { margin:.4rem auto; max-width:40rem; }
.site-footer a { color:var(--gold); }
@media (max-width:560px){ body{font-size:16px;} .site-header nav a{margin-left:.9rem;} }