/* Five homepage services: tighter columns on desktop, an even 2-up tablet grid. */
@media (min-width: 1101px) {
  .home-problems .problem-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .home-problems .problem-grid li { padding-inline: 24px; }
  .home-problems .problem-grid li:first-child { padding-left: 10px; }
  .home-problems .problem-grid li:last-child { padding-right: 0; }
}
@media (max-width: 1100px) and (min-width: 701px) {
  .home-problems .problem-grid li:nth-child(5) { padding-left: 10px; border-left: 0; }
}

/* The longer headline wraps normally; only the accent words stay on one line. */
.home-page .hero h1 { font-size: clamp(48px, 4.2vw, 68px); line-height: 1.02; letter-spacing: -.052em; text-wrap: balance; }
@media (max-width: 1100px) and (min-width: 701px) {
  .home-page .hero h1 { font-size: clamp(38px, 4.8vw, 52px); }
}
@media (max-width: 700px) {
  .home-page .hero h1 { font-size: clamp(36px, 10.4vw, 64px); }
}