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

.impact-focus {
  padding: 9rem var(--gutter);
  background-color: var(--sand-deep);
}

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

.impact-focus > .section-intro .eyebrow {
  justify-content: center;
}

.impact-focus__grid {
  max-width: var(--max-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
}

.impact-focus-card {
  padding: 3.2rem;
  background-color: var(--sand);
  border-top: 0.4rem solid var(--gold);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.impact-focus-card:hover {
  transform: translateY(-0.4rem);
  box-shadow: 0 1.2rem 2.8rem rgba(26, 38, 31, 0.1);
}

.impact-focus-card__number {
  display: block;
  margin-bottom: 2rem;
  font-family: var(--font-display);
  font-size: var(--step-1);
  color: var(--gold-deep);
}

.impact-focus-card h3 {
  font-size: var(--step-1);
  margin-bottom: 1rem;
}

.impact-focus-card p {
  font-size: var(--step--1);
}

.impact-alignment {
  padding: 10rem var(--gutter);
  background-color: var(--forest);
}

.impact-alignment__content {
  max-width: 78rem;
  margin: 0 auto 4rem;
  text-align: center;
}

.impact-alignment .eyebrow {
  justify-content: center;
}

.impact-alignment .section-heading {
  margin-bottom: 2rem;
}

.impact-alignment__content p:not(.eyebrow) {
  color: var(--sand-deep);
}

.impact-alignment__list {
  max-width: var(--max-width);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

.impact-alignment__list span {
  padding: 1rem 1.6rem;
  border: 0.1rem solid rgba(245, 239, 223, 0.3);
  border-radius: 999px;
  font-size: var(--step--1);
  font-weight: 500;
  color: var(--sand);
  transition:
    background-color 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease;
}

.impact-alignment__list span:hover {
  background-color: var(--gold);
  border-color: var(--gold);
  color: var(--forest-deep);
}

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

.impact-pillars > .section-intro {
  max-width: 72rem;
  margin-bottom: 5rem;
}

.impact-pillars__grid {
  max-width: var(--max-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border-top: 0.1rem solid rgba(36, 53, 43, 0.2);
}

.impact-pillars__grid article {
  padding: 3.2rem 2.4rem 3.2rem 0;
  border-bottom: 0.1rem solid rgba(36, 53, 43, 0.2);
}

.impact-pillars__grid article:not(:first-child) {
  padding-left: 2.4rem;
  border-left: 0.1rem solid rgba(36, 53, 43, 0.2);
}

.impact-pillars__grid h3 {
  font-size: var(--step-1);
  margin-bottom: 1rem;
}

.impact-pillars__grid p {
  font-size: var(--step--1);
}

.impact-projects-teaser {
  padding: 9rem var(--gutter);
  background-color: var(--forest-deep);
  text-align: center;
}

.impact-projects-teaser__content {
  max-width: 65rem;
  margin: 0 auto;
}

.impact-projects-teaser .eyebrow {
  justify-content: center;
}

.impact-projects-teaser__content > p:not(.eyebrow) {
  color: var(--sand-deep);
  margin: 0 auto 3.2rem;
}