/* W.A.R. Podcast — Styles (gold/black theme) */
:root{
  --bg:#0a0a0a;
  --card:#121212;
  --ink:#e9e9e9;
  --muted:#bdbdbd;
  --gold:#d4af37;
  --gold-2:#bf9700;
  --pill:#1f1f1f;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;}

.container{width:min(1100px, 92%);margin-inline:auto}
.section{padding:70px 0}
.section.alt{background:linear-gradient(180deg,var(--bg),#0e0e0e)}
.section-head{margin-bottom:28px}
.section-head h2{font-family:'Bebas Neue', system-ui; letter-spacing:.5px; font-size:40px;margin:0 0 6px}
.section-head p{color:var(--muted);margin:0}

.site-header{position:sticky;top:0;background:rgba(10,10,10,.9);backdrop-filter: blur(6px); border-bottom:1px solid #191919; z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-weight:700}
.brand img{width:34px;height:34px}
.nav nav{display:flex;gap:16px;align-items:center}
.nav a{color:var(--ink);text-decoration:none;font-weight:600}
.nav .pill{background:var(--pill);padding:8px 14px;border-radius:999px;border:1px solid #222}

.hero{padding:56px 0 24px;border-bottom:1px solid #0f0f0f}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}
.hero-copy h1{font-size:54px;line-height:1.02;margin:0 0 8px;font-family:'Bebas Neue', system-ui}
.brand-accent{color:var(--gold)}
.tagline{color:var(--muted);font-size:18px;margin:0 0 18px}
.ctas{display:flex;gap:12px;margin-bottom:8px}
.btn{display:inline-flex;align-items:center;gap:10px;border:1px solid #2a2a2a;background:#161616;color:var(--ink);padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:700;box-shadow:var(--shadow);}
.btn.primary{background:var(--gold);border-color:var(--gold-2);color:#0b0b0b}
.btn.pill{border-radius:999px}
.icons{display:flex;gap:14px;margin-top:14px;opacity:.9}
.icons img{width:28px;height:28px}

.hero-art img{width:100%;border-radius:16px;border:1px solid #1a1a1a;box-shadow:var(--shadow);object-fit:cover;}

.episode-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}
.player-embed iframe{width:100%;aspect-ratio:16/9;border-radius:14px;border:1px solid #1a1a1a}
.episode-meta h3{margin:0 0 8px;font-size:26px}
.ep-desc{color:var(--muted)}
.ep-actions{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 8px}
.audio-preview{width:100%;margin-top:8px}

.episode-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:26px}
.card{background:var(--card);border:1px solid #191919;border-radius:14px;padding:18px;box-shadow:var(--shadow)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}

.bullets{margin:10px 0 0 0;padding-left:18px;color:var(--muted)}
.bullets li{margin:6px 0}

.host{text-align:center}
.host img{width:160px;height:160px;border-radius:100%;object-fit:cover;border:2px solid #1f1f1f;box-shadow:var(--shadow);margin-bottom:8px}
.host h3{margin:6px 0 4px}

.subscribe-buttons{display:flex;flex-wrap:wrap;gap:10px}
.subscribe-form .row{display:flex;gap:8px;margin-top:8px}
.subscribe-form input{flex:1;background:#141414;color:var(--ink);border:1px solid #2a2a2a;border-radius:10px;padding:12px}
.subscribe-form button{white-space:nowrap}

.notes ul{margin:6px 0 0 18px}
.small{color:var(--muted);font-size:12px}

.site-footer{border-top:1px solid #111;padding:26px 0 36px}
.footer-grid{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}
.brand-inline{display:flex;gap:8px;align-items:center}
.brand-inline img{width:26px;height:26px;filter:grayscale(10%);}

@media (max-width: 900px){
  .hero-grid, .episode-feature, .grid-2{grid-template-columns:1fr}
  .hero-copy h1{font-size:40px}
}