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

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

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

.involve-ways > .section-intro .eyebrow {
  justify-content: center;
}

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

.involve-card {
  padding: 3.6rem;
  background-color: var(--sand-deep);
  border-top: 0.4rem solid var(--clay);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

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

.involve-card h3 {
  font-size: var(--step-2);
  margin-bottom: 1.4rem;
}

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

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

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

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