.home-hero {
  position: relative;
  min-height: 100svh;
  display: flex;
  align-items: flex-end;
  padding: calc(var(--header-h) + 3rem) var(--page-x) 0;
  overflow: hidden;
  color: var(--ivory);
  background:
    radial-gradient(circle at 94% 22%, rgba(18,55,80,.85), transparent 24%),
    radial-gradient(circle at 83% 44%, rgba(75,7,17,.7), transparent 23%),
    var(--black);
}
.home-hero__kicker { position: absolute; top: 26%; left: var(--page-x); max-width: 9rem; }
.home-hero__title { width: 100%; font-size: clamp(10rem, 27vw, 31rem); white-space: nowrap; transform: translateY(.065em); }
.home-hero__bird { position: absolute; z-index: 2; right: 8vw; top: 23%; width: clamp(7rem, 16vw, 17rem); filter: drop-shadow(0 1rem 3rem rgba(0,0,0,.35)); }
.home-hero__side { position: absolute; right: var(--page-x); bottom: 28%; max-width: 9rem; text-align: right; }

.home-manifesto { min-height: 90vh; align-items: center; }
.home-manifesto__left { grid-column: 1 / span 5; }
.home-manifesto__image { grid-column: 6 / span 3; height: clamp(25rem, 57vw, 48rem); }
.home-manifesto__right { grid-column: 10 / -1; align-self: center; }
.home-manifesto__right .display { text-align: right; }

.home-documentary { height: min(82vw, 61rem); padding: 0; }
.home-documentary img { filter: grayscale(1); }
.home-documentary__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,.55)); }
.home-documentary__meta { position: absolute; left: var(--page-x); bottom: 2rem; color: var(--ivory); }

.archive-preview__header { display: flex; justify-content: space-between; align-items: end; gap: 2rem; margin-bottom: 5rem; }
.episode-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(1.25rem, 2.5vw, 3rem); }
.episode-card:nth-child(even) { margin-top: 7rem; }
.episode-card__poster { aspect-ratio: .67; }
.episode-card__number { margin: 1rem 0 .25rem; font: 400 clamp(3rem, 5vw, 5rem)/.9 var(--display); }
.episode-card__title { margin: 0; font: 400 clamp(2.2rem, 3.4vw, 3.7rem)/.9 var(--display); text-transform: uppercase; }
.episode-card__meta { margin-top: 1rem; }

.pillars { display: grid; grid-template-columns: repeat(4, 1fr); }
.pillar { min-height: 23rem; padding: 2rem; border-left: 1px solid rgba(245,241,233,.28); }
.pillar:first-child { border-left: 0; }
.pillar__index { color: var(--red); font: 500 .78rem var(--mono); }
.pillar .display { margin-top: 6rem; }
.pillar p:last-child { max-width: 14rem; }

.home-community__intro { grid-column: 1 / span 4; align-self: center; }
.home-community__main { grid-column: 4 / span 5; height: 42rem; }
.home-community__stack { grid-column: 10 / -1; display: grid; gap: 1.5rem; }
.home-community__stack .frame { aspect-ratio: 1; }

.home-access { min-height: 70vh; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: end; }
.home-access__aside { justify-self: end; max-width: 23rem; }

@media (max-width: 900px) {
  .home-hero { min-height: 88svh; }
  .home-hero__title { font-size: 31vw; }
  .home-hero__bird { top: 31%; right: 4vw; width: 25vw; }
  .home-hero__kicker { top: 18%; }
  .home-hero__side { display: none; }
  .home-manifesto__left { grid-column: 1 / -1; }
  .home-manifesto__image { grid-column: 1 / span 3; height: 28rem; }
  .home-manifesto__right { grid-column: 2 / -1; margin-top: 2rem; }
  .home-documentary { height: 72vh; }
  .archive-preview__header { display: block; }
  .archive-preview__header .cta-link { margin-top: 2rem; }
  .episode-row { grid-template-columns: 1fr 1fr; }
  .episode-card:nth-child(even) { margin-top: 3rem; }
  .pillars { grid-template-columns: 1fr 1fr; }
  .pillar:nth-child(3) { border-left: 0; border-top: 1px solid rgba(245,241,233,.28); }
  .pillar:nth-child(4) { border-top: 1px solid rgba(245,241,233,.28); }
  .home-community__intro { grid-column: 1 / -1; }
  .home-community__main { grid-column: 1 / -1; height: 32rem; }
  .home-community__stack { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
  .home-access { grid-template-columns: 1fr; }
  .home-access__aside { justify-self: start; }
}