/* Services page only: centered, compact gallery; preserve the existing artwork. */
#services.services.wrap {
  padding: 64px clamp(24px, 4vw, 64px) 72px;
}
#services > .section-heading,
#services > .service-gallery-hint,
#services > .service-gallery,
#services > .traffic {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
#services > .section-heading {
  margin-top: 0;
  margin-bottom: 32px;
  padding: 0;
}
#services .section-heading h2 {
  font-size: clamp(32px, 3.2vw, 46px);
  line-height: 1.2;
}
#services > .service-gallery-hint {
  margin-top: 0;
  margin-bottom: 20px;
}
#services > .service-gallery {
  height: clamp(350px, 48vh, 440px);
  margin-bottom: 40px;
}
#services > .traffic { margin-top: 40px; }
@media (max-width: 1000px) and (hover: hover) {
  #services > .service-gallery { gap: 7px; }
}
@media (max-width: 700px), (hover: none) {
  #services.services.wrap { padding-top: 40px; padding-bottom: 48px; }
  #services > .section-heading { margin-bottom: 24px; }
  #services > .service-gallery {
    height: auto;
    grid-auto-columns: min(78vw, 320px);
    padding-right: 8px;
  }
  #services .service-photo-card { min-height: 420px; }
  #services .service-card-copy { bottom: 20px; padding-inline: 16px; }
  #services .service-gallery h3 { font-size: 22px; }
}
@media (max-width: 380px) {
  #services .service-photo-card { min-height: 400px; }
}