.article-episode {
  margin: clamp(4rem, 8vw, 7rem) 0 0;
  padding: clamp(1.25rem, 3vw, 2rem);
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
  color: #fffdf9;
  background: #18312c;
  border-radius: 1.6rem;
}

.article-episode-copy { padding: clamp(.5rem, 2vw, 1.5rem); }
.article-episode-copy h2 { margin-bottom: 1rem; color: inherit; }
.article-episode-copy p:last-child { margin-bottom: 0; color: #d9e7e1; }
.article-episode .article-section-kicker { color: #f4c788; }

.article-video-frame {
  aspect-ratio: 16 / 9;
  min-height: 220px;
  padding: 2rem;
  display: grid;
  place-items: center;
  align-content: center;
  gap: .75rem;
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 1.1rem;
  text-align: center;
  background: radial-gradient(circle at 50% 42%, #325e52, #0f2b24 72%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}

.article-video-frame strong { max-width: 22ch; font: 500 clamp(1.25rem, 2.6vw, 2rem)/1.15 Georgia, serif; }
.article-video-frame small { color: #b9ccc5; text-transform: uppercase; letter-spacing: .13em; }
.article-video-play { width: 3.5rem; height: 3.5rem; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; }
.article-episode--ready { grid-template-columns: 1fr; align-items: start; }
.article-episode--ready .article-episode-copy { max-width: 58rem; }
.article-video-stack { min-width: 0; }
.article-video-frame--ready { min-height: 0; padding: 0; overflow: hidden; background: #000; }
.article-video-frame--ready iframe { width: 100%; height: 100%; border: 0; }
.article-video-fallback { margin: .8rem 0 0; color: #d9e7e1; font-size: .95rem; }
.article-video-fallback a { color: #fff; font-weight: 700; text-underline-offset: .25em; }

@media (max-width: 760px) {
  .article-episode { grid-template-columns: 1fr; }
  .article-video-frame { min-height: 180px; }
}