/* More deliberate chapter spacing on the information pages. */
.page > .section {
  padding-top: clamp(88px, 8.5vw, 132px);
}

.page > .section .section-heading {
  margin-bottom: clamp(36px, 3.6vw, 52px);
}

.page > .section .section-heading > p {
  max-width: 800px;
  line-height: 1.9;
}

/* The four social services read as one editorial list beside the photograph. */
#services .service-grid {
  gap: 0;
  border-top: 1px solid rgba(92, 133, 170, .24);
}

#services .service-grid .card {
  padding: clamp(22px, 2.5vw, 34px) clamp(8px, 1.5vw, 20px);
  border: 0;
  border-bottom: 1px solid rgba(92, 133, 170, .24);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.services-page #capabilities .service-story,
.services-page #capabilities .service-story:nth-child(even) {
  padding-block: clamp(50px, 5.5vw, 88px);
}

.services-page #capabilities .service-story-points {
  margin-top: 31px;
}

/* A quiet, in-flow route to contact between longer reading chapters. */
.section-inline-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(24px, 4vw, 68px);
  align-items: center;
  margin-top: clamp(72px, 7vw, 108px);
  padding: clamp(32px, 3.8vw, 52px) 0;
  border-top: 1px solid rgba(86, 135, 180, .35);
  border-bottom: 1px solid rgba(86, 135, 180, .35);
}

.section-inline-cta h2 {
  margin: 0 0 12px;
  color: #173653;
  font-size: clamp(27px, 2.6vw, 40px);
  font-weight: 500;
  letter-spacing: -.04em;
  line-height: 1.25;
}

.section-inline-cta p {
  max-width: 720px;
  margin: 0;
  color: #58728d;
  font-size: clamp(15px, 1.14vw, 17px);
  line-height: 1.8;
}

.section-inline-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 22px;
  border-radius: 999px;
  background: #075ac9;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  transition: background .2s, transform .2s;
}

.section-inline-cta a:hover { background: #124aa4; transform: translateY(-2px); }
.section-inline-cta a:focus-visible { outline: 3px solid #ff7b26; outline-offset: 4px; }

html[lang="en"] .section-inline-cta h2 { font-family: Jost, "URW Gothic", Arial, sans-serif; font-weight: 400; }
html[lang="en"] .section-inline-cta a { font-family: "Nimbus Mono PS", "Courier New", monospace; font-size: 12px; }

@media (max-width: 800px) {
  .page > .section { padding-top: 82px; }
  .section-inline-cta { grid-template-columns: 1fr; gap: 22px; margin-top: 70px; }
  .section-inline-cta a { justify-self: start; }
}

@media (max-width: 520px) {
  .page > .section { padding-top: 70px; }
  .page > .section .section-heading { margin-bottom: 30px; }
  #services .service-grid .card { padding: 22px 0; }
  .services-page #capabilities .service-story,
  .services-page #capabilities .service-story:nth-child(even) { padding-block: 48px; }
  .section-inline-cta { margin-top: 55px; padding: 32px 0; }
  .section-inline-cta h2 { font-size: 27px; }
}