.service-hero {
  padding: 64px 0;
  background: #f5f2ee;
}
.service-hero h1 {
  font-size: clamp(2.45rem, 5vw, 4.8rem);
}
.service-facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 30px;
}
.service-fact {
  padding: 18px;
  border: 1px solid #d9d5d0;
  border-radius: 12px;
  background: #fff;
}
.related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.related-card {
  padding: 22px;
  border: 1px solid #d9d5d0;
  border-radius: 16px;
  background: #fff;
}
.related-card a {
  color: #8b5d35;
  font-weight: 800;
}
@media (max-width: 720px) {
  .service-facts,
  .related-grid {
    grid-template-columns: 1fr;
  }
}