.narrative__inner {
  display: grid;
  gap: 2.25rem;
  max-width: var(--page-width);
  margin-inline: auto;
  padding-inline: var(--page-margin);
}

.narrative__inner .heading {
  margin-block-start: 0.75rem;
}

.narrative__text {
  color: var(--color-muted);
  font-size: var(--body-size);
  line-height: var(--type-body-md-leading);
}

@media screen and (min-width: 750px) {
  .narrative__inner {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}