.episode-hero {
  min-height: 100svh;
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  padding-top: var(--header-h);
  color: var(--ivory);
  background: var(--black);
}
.episode-hero__copy { position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding: 6rem var(--page-x) 4rem; overflow: hidden; }
.episode-hero__copy::after { content: ""; position: absolute; width: 32rem; height: 32rem; right: -12rem; top: 2rem; border-radius: 50%; background: rgba(75,7,17,.6); filter: blur(3rem); }
.episode-hero__index { position: relative; z-index: 1; color: var(--red); font: 400 clamp(7rem, 16vw, 18rem)/.75 var(--display); }
.episode-hero h1 { position: relative; z-index: 1; max-width: 52rem; font-size: clamp(6.2rem, 12vw, 14rem); }
.episode-hero__subtitle { position: relative; z-index: 1; max-width: 26rem; margin: 2rem 0 0; font-size: clamp(1.1rem, 1.7vw, 1.55rem); }
.episode-hero__poster { min-height: 100%; }

.episode-meta { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid rgba(5,5,5,.2); }
.episode-meta__item { padding: 2rem; border-left: 1px solid rgba(5,5,5,.2); }
.episode-meta__item:first-child { border-left: 0; }
.episode-meta__item p:last-child { margin: 1.4rem 0 0; font-size: clamp(1.2rem, 2vw, 1.8rem); }

.episode-question { min-height: 78vh; display: grid; grid-template-columns: 1.3fr .7fr; gap: 4rem; align-items: center; }
.episode-question blockquote { margin: 0; max-width: 70rem; font: 400 clamp(4.6rem, 9vw, 10rem)/.88 var(--display); text-transform: uppercase; }
.episode-question__aside { max-width: 20rem; justify-self: end; }
.episode-gallery { display: grid; grid-template-columns: 1.1fr .8fr .9fr; gap: clamp(.75rem, 1.5vw, 1.5rem); align-items: end; }
.episode-gallery figure:nth-child(1) { height: 44rem; }
.episode-gallery figure:nth-child(2) { height: 31rem; margin-bottom: 5rem; }
.episode-gallery figure:nth-child(3) { height: 38rem; }
.episode-notes { display: grid; grid-template-columns: .7fr 1.3fr; gap: 6rem; }
.episode-notes__list { display: grid; }
.episode-note { display: grid; grid-template-columns: 5rem 1fr; gap: 1rem; padding: 2rem 0; border-top: 1px solid rgba(245,241,233,.28); }
.episode-note:last-child { border-bottom: 1px solid rgba(245,241,233,.28); }
.episode-note span { color: var(--red); font: 500 .75rem var(--mono); }
.episode-note p { margin: 0; font-size: clamp(1.05rem, 1.4vw, 1.35rem); }
.episode-next { display: flex; justify-content: space-between; gap: 2rem; align-items: end; }

@media (max-width: 900px) {
  .episode-hero { min-height: auto; grid-template-columns: 1fr; }
  .episode-hero__copy { min-height: 65svh; padding-top: 8rem; }
  .episode-hero__poster { min-height: auto; aspect-ratio: .72; }
  .episode-meta { grid-template-columns: 1fr; }
  .episode-meta__item { border-left: 0; border-top: 1px solid rgba(5,5,5,.2); }
  .episode-question, .episode-notes { grid-template-columns: 1fr; }
  .episode-question__aside { justify-self: start; }
  .episode-gallery { grid-template-columns: 1fr 1fr; }
  .episode-gallery figure:nth-child(1) { height: 34rem; grid-column: 1 / -1; }
  .episode-gallery figure:nth-child(2), .episode-gallery figure:nth-child(3) { height: 24rem; margin: 0; }
  .episode-next { display: block; }
  .episode-next .cta-link { margin-top: 2rem; }
}