section.cards .card {
  background: var(--teal);
  color: var(--white);
  text-align: center;
  text-decoration-thickness: 0.5px;
  text-underline-offset: 4px;
  -webkit-transition: var(--bezier);
  transition: var(--bezier);
}
section.cards .card:has(img) {
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
}
section.cards .card:not(.contact):hover {
  background: var(--green);
}
section.cards .card.contact {
  padding: 2.5rem;
}
section.cards .card.contact a {
  color: var(--white);
  text-decoration-thickness: 1px;
}
section.cards .card.contact [class*=icon]::after {
  width: 1.875rem;
  height: 1.875rem;
  background: var(--white);
}
section.cards .card .img-wrapper {
  width: 100%;
  aspect-ratio: 338/218;
}
section.cards .card h3 {
  padding: 1.25rem 1.25rem;
  font: var(--h4-font);
  line-height: 1.6;
}