.services-hero h1,
.shop-hero h1 {
  max-width: 650px;
  font-size: clamp(42px, 4.8vw, 64px);
  line-height: 1.03;
  text-wrap: balance;
}

@media (max-width: 640px) {
  .services-hero h1,
  .shop-hero h1 {
    font-size: 36px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }
}