/* Podcast page — extends the BRENTCORP theme in styles.css */
.podcast-intro { padding-top: 110px; }
#episodes { display: flex; flex-direction: column; gap: 30px; }
.episode {
  display: grid;
  grid-template-columns: 290px 1fr;
  gap: 44px;
  border: 1px solid var(--line);
  background: #0c131b;
  padding: 34px;
  align-items: center;
}
.episode-art {
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid #284252;
  background: radial-gradient(ellipse at 50% 50%, #1e435d 0%, #0c1923 65%);
}
.episode-art img { height: 100%; }
.episode-art.art-missing img { display: none; }
.episode-copy .eyebrow { font-size: 10px; margin-bottom: 14px; }
.episode-copy h3 { font-size: clamp(28px, 3.4vw, 42px); letter-spacing: -1.5px; margin-bottom: 14px; }
.episode-description { font-size: 15px; color: var(--muted); margin-bottom: 22px; max-width: 560px; }
.episode-copy audio { width: 100%; max-width: 560px; }
.coming-soon {
  border: 1px dashed #3a5366;
  background: #0c131b;
  padding: 54px 40px;
  text-align: center;
}
.coming-soon .eyebrow { font-size: 10px; margin-bottom: 16px; }
.coming-soon h3 { font-size: clamp(30px, 3.6vw, 46px); letter-spacing: -1.5px; margin-bottom: 14px; }
.coming-soon .episode-description { margin: 0 auto; }
nav a[aria-current="page"] { color: var(--cyan); }

@media (max-width: 900px) {
  .episode { grid-template-columns: 1fr; gap: 26px; padding: 26px; }
  .episode-art { max-width: 340px; }
}
@media (max-width: 700px) {
  .podcast-intro { padding-top: 72px; }
  .episode { padding: 22px; }
}