.content-container {
  grid-column: 1;
  grid-row: 2;
  z-index: var(--z-middle);
  max-width: 74ch;
  margin-block: 4vh;
  scroll-margin-block-start: var(--step-4);
}

.content-container > * + * {
  margin-block-start: var(--step-4);
  scroll-margin-block-start: 40vh;
}

.content-container .introduction-content {
  margin-block-start: var(--step-2);
}

.content-container h2 {
  text-transform: uppercase;
  text-wrap: balance;
  scroll-margin-block-start: 40vh;
}

.content-container section + section {
  margin-block-start: var(--step-5);
}

.content-container article:first-of-type {
  margin-block-start: var(--step-2);
}

.content-container article {
  margin-block-start: var(--step-4);
  scroll-margin-block-start: 40vh;
}

.content-container article > * + * {
  margin-block-start: var(--step-0);
}

.content-container article h4:first-of-type {
  margin-block-start: var(--step-0);
}

.content-container article h4 {
  margin-block-start: var(--step-2);
}

.content-container article h5 {
  margin-block-start: var(--step-0);
}

.content-container figure {
  margin-block: var(--step-3);
}

.content-container figcaption {
  margin-block-start: var(--step--3);
}

@media (min-width: 72rem) {
  .content-container {
    grid-column: 2;
    margin-block: 10vh;
  }

  .content-container {
    margin-block-start: var(--step-4);
  }

  .content-container .introduction {
     margin-block-start: 46vh;
  }
}