/* Align the six services with the page gutter. */
html[lang] .services-page > .service-row {
  grid-template-columns: minmax(0, 38fr) minmax(0, 62fr);
  column-gap: clamp(40px, 4.4vw, 64px);
  row-gap: 24px;
  align-items: start;
  padding-block: 40px 48px;
}

html[lang] .services-page > .service-row > span[aria-hidden="true"]:empty {
  display: none;
}

html[lang] .services-page > .service-row > h2 {
  grid-column: 1;
  min-width: 0;
  text-align: left;
}

html[lang] .services-page > .service-row > .service-body {
  grid-column: 2;
  min-width: 0;
}

@media (max-width: 760px) {
  html[lang] .services-page > .service-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    padding-block: 30px 36px;
  }

  html[lang] .services-page > .service-row > h2,
  html[lang] .services-page > .service-row > .service-body {
    grid-column: 1;
  }
}