/* Services listing only. Geometry measured from Banda Services, 1 October 2026. */
.services-overview-page .inner-main { padding-top: 84px; }
.services-overview-page .expertise-heading,
.services-overview-page .expertise-grid-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1750px;
  margin-inline: auto;
  padding-inline: 40px;
}
.services-overview-page .expertise-heading { padding-top: 0; }
.services-overview-page .page-intro {
  box-sizing: border-box;
  width: 100%;
  max-width: 740px;
  margin: 0 auto;
  padding: 64px 40px 117.25px;
  text-align: center;
}
.services-overview-page .page-intro h1 {
  font-size: 26px !important;
  line-height: 39px !important;
  margin: 0 0 64px;
}
.services-overview-page .service-index {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 27px;
  letter-spacing: normal;
  text-align: center;
}
.services-overview-page .service-index a {
  display: inline;
  min-height: 0;
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  white-space: nowrap;
}
/* Keep each decorative separator with its preceding name at every width. */
.services-overview-page .service-index .expertise-separator {
  display: inline-block;
  height: 0.85em;
  border-left: 1px solid currentColor;
  margin-inline: 0.5em;
  vertical-align: -0.05em;
}
.services-overview-page .expertise-project-grid { padding-inline: 0; }
@media (min-width: 1220px) {
  .services-overview-page .expertise-project-grid {
    /* Reference's ten-column span, including its 21.75px internal grid gutter. */
    width: calc((100% + 21.75px) * 0.8333333333 - 21.75px);
    margin-inline: auto;
  }
}
@media (max-width: 768px) {
  .services-overview-page .page-intro { max-width: none; padding-inline: 0; }
}
@media (max-width: 480px) {
  .services-overview-page .expertise-heading,
  .services-overview-page .expertise-grid-container { padding-inline: 21.75px; }
}

/* Use the header's content margins above its desktop breakpoint. Preserve the
   existing maximum photo-grid width at large desktop sizes. */
@media (width > 64rem) {
  .services-overview-page .expertise-grid-container {
    max-width: none;
    padding-inline: var(--content-gutter);
  }
  .services-overview-page .expertise-project-grid {
    width: 100%;
    max-width: calc((1750px - 80px + 21.75px) * 0.8333333333 - 21.75px);
    margin-inline: auto;
  }
}