.contact-hero {
  padding: 11rem var(--gutter) 8rem;
}

.contact-main {
  padding: 9rem var(--gutter);
  background-color: var(--sand);
}

.contact-main > .section-intro {
  max-width: 72rem;
  margin: 0 auto 5rem;
  text-align: center;
}

.contact-main > .section-intro .eyebrow {
  justify-content: center;
}

.contact-details {
  padding: 9rem var(--gutter);
  background-color: var(--forest);
}

.contact-details__content {
  max-width: 78rem;
  margin: 0 auto;
  text-align: center;
}

.contact-details .eyebrow {
  justify-content: center;
}

.contact-details__content > p:not(.eyebrow) {
  max-width: 65rem;
  margin: 0 auto 3.2rem;
  color: var(--sand-deep);
}

.contact-details__list {
  display: flex;
  justify-content: center;
  gap: 4rem;
  flex-wrap: wrap;
}

.contact-details__list > div {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.contact-details__label {
  font-size: var(--step--1);
  color: var(--gold);
  font-weight: 600;
}

.contact-details__list span:last-child {
  color: var(--sand);
  font-size: var(--step-0);
}