a:focus-visible {
  outline: 3px solid var(--green-light);
  outline-offset: 4px;
}

.site-footer {
  grid-template-columns: 1.4fr 1fr 1.4fr auto auto;
}

.site-footer .verity-credit {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  color: #839188;
  font-size: .62rem;
  line-height: 1.35;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
}

.verity-credit img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.verity-credit strong {
  color: #d7e0da;
  font-size: .68rem;
}

.verity-credit:hover,
.verity-credit:hover strong {
  color: white;
}

.hero-copy {
  padding-top: clamp(3.5rem, 5vw, 5.5rem);
  padding-bottom: clamp(3.5rem, 5vw, 5rem);
}

.hero h1 {
  font-size: clamp(4.5rem, 6.5vw, 7.1rem);
  line-height: .88;
}

.work-card.truck {
  background-image: url('assets/hero-truck.png');
  background-size: cover;
  background-position: center;
}

.work-card.removal,
.work-card.community {
  background-position: center 69%;
}

@media (max-width: 620px) {
  .site-footer {
    grid-template-columns: 1fr;
  }

  .hero-copy {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .hero h1 {
    font-size: clamp(3.9rem, 17vw, 5.15rem);
  }

  .hero-photo {
    background-size: cover !important;
    background-position: 58% center !important;
  }

  .work-card.removal,
  .work-card.community {
    background-position: center 68%;
  }
}