.service-image {
  aspect-ratio: 4 / 3;
  border: 1px solid #dce5df;
  border-radius: 16px;
  background: #fff;
}

.service-metric {
  max-width: 48rem;
  margin: 0 auto 2.5rem;
  text-align: center;
}

.service-metric strong {
  display: block;
  color: #9c371a;
  font-size: clamp(2.4rem, 6vw, 4rem);
  line-height: 1.15;
  margin-bottom: .4rem;
}

.service-cards h3 { margin-top: 0; }

@media (prefers-reduced-motion: no-preference) {
  .service-cards.is-motion-active > article {
    animation: ld-enter .55s calc(var(--service-order) * .12s) ease-out both;
  }
}