:root{
  --wine:#4b0b0b;--wine2:#240405;--blue:#0b2335;--blue2:#123b5a;
  --gold:#d5af45;--gold2:#f1d996;--champ:#f8e7b9;--paper:#f7eedb;--ink:#29151b;--muted:#6f5c52;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif}
a{color:inherit}
.top{
  min-height:82px;padding:0 clamp(18px,5vw,74px);display:flex;align-items:center;justify-content:space-between;gap:20px;
  position:sticky;top:0;z-index:30;background:linear-gradient(90deg,#250405,#4b0b0b 60%,#071827);
  border-bottom:1px solid rgba(213,175,69,.48);box-shadow:0 8px 24px rgba(0,0,0,.13)
}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.brand img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:1px solid var(--gold)}
.brand span{display:flex;flex-direction:column}
.brand b{font-size:20px;line-height:1}
.brand small{margin-top:4px;font:700 9px Arial,sans-serif;letter-spacing:.08em;color:#e7ca72}
.top nav{display:flex;align-items:center;gap:10px}
.top nav a{min-height:40px;display:inline-flex;align-items:center;padding:0 15px;border-radius:999px;color:#fff7e8;text-decoration:none;font:800 11px Arial,sans-serif}
.top nav a:hover{background:rgba(255,255,255,.08)}
.top nav .navGold{background:linear-gradient(#f1d996,#c99b36);color:#331e05;border:1px solid #f1d996}

.hero{
  min-height:620px;padding:clamp(56px,7vw,96px) clamp(20px,7vw,110px);
  display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.82fr);gap:54px;align-items:center;
  background:
    radial-gradient(circle at 12% 16%,rgba(189,26,44,.28),transparent 30%),
    radial-gradient(circle at 86% 24%,rgba(213,175,69,.11),transparent 26%),
    linear-gradient(125deg,#260405,#67101b 42%,#3a1a2d 64%,#0d3049);
  color:#fff
}
.heroCopy{max-width:820px}
.eyebrow{font:800 11px Arial,sans-serif;letter-spacing:.2em;color:#e8c865}
.hero h1{max-width:800px;margin:14px 0 22px;font-size:clamp(50px,6vw,80px);line-height:.97;font-weight:500}
.hero p{max-width:760px;margin:0;color:#eadfd6;font:18px/1.67 Arial,sans-serif}
.actions,.closingActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.actions a,.closingActions a,.sectionCta,.cardCta{
  min-height:54px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;text-decoration:none;text-align:center;font:800 13px/1.1 Arial,sans-serif;
  transition:transform .18s ease,box-shadow .18s ease
}
.actions a:hover,.closingActions a:hover,.sectionCta:hover,.cardCta:hover{transform:translateY(-1px)}
.gold{background:linear-gradient(#f1d996,#c99b36);color:#331e05;border:1px solid #f1d996;box-shadow:0 9px 20px rgba(0,0,0,.16)}
.soft{background:linear-gradient(#f8e7b9,#e6c86f);color:#3a2408;border:1px solid #f3dda0;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.heroCard{overflow:hidden;border:1px solid rgba(213,175,69,.58);border-radius:26px;background:#150306;box-shadow:0 30px 70px rgba(0,0,0,.33)}
.heroCard img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center}
.heroCard div{padding:22px 24px 24px;display:flex;flex-direction:column;background:linear-gradient(135deg,#5e0c18,#2e0a12 63%,#102f49)}
.heroCard span,.sourceTag{font:800 9px Arial,sans-serif;letter-spacing:.15em;color:#e8c865}
.heroCard b{margin-top:8px;font-size:28px;line-height:1.06;color:#fff4d4}
.heroCard small{margin-top:9px;color:#ded2cc;font:12px/1.5 Arial,sans-serif}

.hosts,.episodes,.youtubeInbox{padding:clamp(64px,7vw,102px) clamp(20px,7vw,110px);background:#fffaf0}
.hosts header,.organize>div:first-child{max-width:880px}
.hosts h2,.organize h2,.episodes h2,.youtubeInbox h2,.closingCta h2{
  margin:10px 0 18px;font-size:clamp(38px,4.6vw,62px);line-height:1.03;font-weight:500
}
.hosts header p,.organize>div:first-child>p,.youtubeInbox .episodesHead p,.closingCta p{margin:0;color:var(--muted);font:16px/1.65 Arial,sans-serif}
.hostGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}
.hostCard{overflow:hidden;border:1px solid #d7bb70;border-radius:22px;background:linear-gradient(150deg,#67101c,#32121e 64%,#123b5a);color:#fff;box-shadow:0 16px 34px rgba(65,30,20,.13)}
.hostCard img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center top}
.hostCard .placeholder{height:190px;display:grid;place-items:center;font-size:72px;color:rgba(255,238,197,.72);background:radial-gradient(circle,#7a1724,#2b1019)}
.hostCard div:last-child{padding:19px 20px 21px}
.hostCard h3{margin:0 0 7px;font-size:24px}
.hostCard p{margin:0;color:#e2d7d2;font:12px/1.5 Arial,sans-serif}

.organize{padding:clamp(64px,7vw,100px) clamp(20px,7vw,110px);background:linear-gradient(180deg,#efe2ca,#f7eddc)}
.filterGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:30px}
.filterGrid article{padding:23px;border:1px solid #d9bd72;border-radius:20px;background:#fff8e9;box-shadow:0 8px 22px rgba(73,42,21,.05)}
.filterGrid b{font:800 10px Arial,sans-serif;letter-spacing:.13em;color:#721321}
.filterGrid p{margin:10px 0 0;color:#65554b;font:13px/1.5 Arial,sans-serif}

.episodesHead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.sectionCta{border:1px solid #f1d996;background:linear-gradient(#f1d996,#c99b36);color:#331e05;white-space:nowrap}
.episodeGrid,.youtubeFeedGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.youtubeInbox{background:#f2e5cd}
.youtubeInbox .episodesHead>div{max-width:840px}
.syncBadge{display:inline-flex;min-height:38px;align-items:center;padding:0 13px;border-radius:999px;background:#fff7e6;border:1px solid #d5af45;color:#6a1414;font:800 10px Arial,sans-serif;white-space:nowrap}
.youtubeItem,.episodeCard{overflow:hidden;border:1px solid #d7bb70;border-radius:20px;background:#fffaf0;box-shadow:0 12px 28px rgba(58,31,20,.08)}
.youtubeItem img,.episodeCard img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#261018}
.youtubeItem>div,.episodeCard>div{padding:18px 18px 20px}
.youtubeItem h3,.episodeCard h3{margin:8px 0 10px;color:#4b0b0b;font-size:20px;line-height:1.14}
.youtubeItem p,.episodeCard p{margin:0 0 14px;color:#77645a;font:12px/1.5 Arial,sans-serif}
.cardCta{min-height:44px;padding:0 16px;background:linear-gradient(#f8e7b9,#e6c86f);border:1px solid #f3dda0;color:#3a2408;font-size:11px}
.emptyState{grid-column:1/-1;padding:34px;border:1px dashed #c5a65b;border-radius:20px;background:#f8ecd4;text-align:center}
.emptyState b{font-size:26px}
.emptyState p{max-width:700px;margin:10px auto 0;color:#685a4f;font:14px/1.6 Arial,sans-serif}

.closingCta{
  padding:clamp(70px,8vw,112px) clamp(20px,7vw,110px);
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:42px;align-items:center;
  background:linear-gradient(130deg,#200405,#5b0b18 52%,#10354f);color:#fff
}
.closingCta>div:first-child{max-width:850px}
.closingCta h2{max-width:850px;color:#fff3d0}
.closingCta p{color:#e2d7d2;max-width:760px}
.closingActions{min-width:280px;display:grid;grid-template-columns:1fr;margin:0}
.closingActions a{width:100%}

footer{padding:26px clamp(20px,7vw,110px);display:flex;align-items:center;gap:12px;background:#150304;color:#fff;border-top:1px solid rgba(213,175,69,.42)}
footer img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid var(--gold)}
footer span{display:flex;flex-direction:column}
footer small{margin-top:4px;color:#d8bf78;font:11px Arial,sans-serif}

@media(max-width:1050px){
  .hero{grid-template-columns:1fr}.heroCard{max-width:720px}
  .hostGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .episodeGrid,.youtubeFeedGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .closingCta{grid-template-columns:1fr}.closingActions{min-width:0;max-width:560px}
}
@media(max-width:760px){
  .top{min-height:72px;padding:10px 16px}
  .brand img{width:44px;height:44px}.brand b{font-size:18px}
  .top nav a:not(.navGold){display:none}.top nav .navGold{min-height:40px;padding:0 13px}
  .hero{min-height:0;padding:50px 18px 58px;gap:34px}
  .hero h1{font-size:46px}.hero p{font-size:16px}
  .actions{display:grid;grid-template-columns:1fr;width:100%}.actions a{width:100%}
  .heroCard{border-radius:22px}.heroCard div{padding:19px}.heroCard b{font-size:25px}
  .hosts,.organize,.episodes,.youtubeInbox,.closingCta{padding-left:18px;padding-right:18px}
  .hostGrid,.filterGrid,.episodeGrid,.youtubeFeedGrid{grid-template-columns:1fr}
  .episodesHead{align-items:flex-start;flex-direction:column}
  .sectionCta{width:100%}.syncBadge{white-space:normal;line-height:1.3;padding:8px 12px}
  .closingCta{gap:26px}.closingActions{width:100%}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.actions a,.closingActions a,.sectionCta,.cardCta{transition:none}}