.contact {
  grid-row: 2;
  grid-column: 1 / -1;
  padding: 0 var(--width-gutter);
}

.contact__inner {
  display: grid;
  gap: calc(var(--width-gutter) * 2);
  padding-top: 0.5em;
}

.contact__heading {
  margin: var(--margin-body-subsection);
}

.contact__body,
.contact__newsletter-signup-form-wrapper {
  color: var(--color-text-link);
  margin: var(--margin-body-subsection);
}

.contact__newsletter-signup-form-wrapper {
  width: 100%;
  max-width: 22em;
}

.contact__section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}