/* The service areas share the home page's approved typography. */
body.service-page main :is(h1, h2, h3, h4, h5, h6) {
  font-family: "Space Grotesk", "Helvetica Neue", -apple-system, sans-serif !important;
  font-weight: 500 !important;
  text-wrap: balance;
}

body.service-page .migration-hero-copy h1 {
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 1.1;
  letter-spacing: -0.035em;
}

body.service-page main h2 {
  line-height: 1.15;
  letter-spacing: -0.03em;
}

body.service-page main :is(h3, h4, h5, h6) {
  line-height: 1.3;
}

body.service-page .flow {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: stretch;
  gap: 20px;
}

body.service-page .flow > div {
  min-width: 0;
  padding: 16px 0;
  border: 0;
  border-top: 1px solid var(--border);
  border-radius: 0;
  background: transparent;
  font-weight: 500;
}

body.service-page .flow > span {
  display: none;
}

@media (max-width: 920px) {
  body.service-page .flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 576px) {
  body.service-page .migration-hero-copy h1 {
    letter-spacing: -0.03em;
  }

  body.service-page .flow {
    grid-template-columns: 1fr;
    gap: 0;
  }
}