.text--3 {
  padding-block-start: 9.75rem;
  padding-block-end: 9.75rem;
  background-color: var(--clr-white);
}

@media (min-width: 992px) {
  .text--3 .component__heading {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 2rem;
  }
  .text--3 .eyebrow,
  .text--3 .heading {
    grid-column: 1 / 2;
  }
  .text--3 .lead {
    grid-column: 2 / -1;
    grid-row: 1 / span 3;
    margin-block-start: 0;
  }
}

@media (min-width: 1200px) {
}

@media (min-width: 1587px) {
}