.archive-hero {
  position: relative;
  min-height: 86svh;
  display: flex;
  align-items: flex-end;
  padding: calc(var(--header-h) + 4rem) var(--page-x) 2rem;
  overflow: hidden;
  color: var(--ivory);
  background:
    radial-gradient(circle at 78% 36%, rgba(75,7,17,.76), transparent 25%),
    radial-gradient(circle at 96% 72%, rgba(18,55,80,.56), transparent 30%),
    var(--black);
}
.archive-hero h1 { font-size: clamp(8rem, 23vw, 25rem); transform: translateY(.08em); }
.archive-hero__label { position: absolute; top: 25%; left: var(--page-x); }
.archive-hero__issue { position: absolute; right: var(--page-x); bottom: 24%; text-align: right; }

.archive-intro { display: grid; grid-template-columns: 1.35fr .65fr; gap: 4rem; align-items: end; }
.archive-intro__copy { max-width: 54rem; }
.archive-intro__aside { max-width: 20rem; justify-self: end; }
.archive-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(2rem, 4vw, 5rem) clamp(1.25rem, 2.5vw, 3rem); }
.archive-grid .episode-card:nth-child(3n + 2) { margin-top: 8rem; }
.episode-card__poster { aspect-ratio: .58; background: var(--line-dark); }
.episode-card__number { margin: 1.1rem 0 .25rem; color: var(--red); font: 400 clamp(3.8rem, 6vw, 7rem)/.8 var(--display); }
.episode-card__title { margin: 0; font: 400 clamp(2.8rem, 4vw, 4.8rem)/.88 var(--display); text-transform: uppercase; }
.episode-card__meta { margin-top: 1rem; }
.archive-statement { min-height: 60vh; display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 3rem; }
.archive-statement__aside { max-width: 22rem; justify-self: end; }

@media (max-width: 900px) {
  .archive-hero { min-height: 72svh; }
  .archive-hero h1 { font-size: 25vw; }
  .archive-hero__issue { display: none; }
  .archive-intro, .archive-statement { grid-template-columns: 1fr; }
  .archive-intro__aside, .archive-statement__aside { justify-self: start; }
  .archive-grid { grid-template-columns: 1fr 1fr; }
  .archive-grid .episode-card:nth-child(3n + 2) { margin-top: 0; }
  .archive-grid .episode-card:nth-child(even) { margin-top: 3rem; }
}

@media (max-width: 560px) {
  .archive-grid { grid-template-columns: 1fr; }
  .archive-grid .episode-card:nth-child(even) { margin-top: 0; }
}