.services-hero {
  padding-bottom: 2.5rem;
}

.breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 1.25rem;
  font-size: 0.9rem;
  color: var(--muted);
}

.breadcrumb a {
  color: var(--teal-deep);
  font-weight: 500;
}

.breadcrumb a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.services-subhead {
  margin: 1.5rem 0 0;
  font-size: 1.15rem;
  letter-spacing: -0.01em;
}

.who .section-title,
.how .section-title {
  max-width: 28ch;
}

.visual-panel--light {
  background:
    radial-gradient(circle at 30% 20%, rgba(0, 180, 166, 0.08), transparent 55%),
    linear-gradient(165deg, #f7fbfa, #eef5f3);
  padding: 1.5rem;
}

.visual-panel--light img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

.services-hero .section-title,
.services-hero h1 {
  max-width: 16ch;
}

.service-cards--page {
  margin-top: 0;
}

@media (max-width: 860px) {
  .how__grid .visual-panel--light {
    order: -1;
  }

  .services-hero h1,
  .services-hero p {
    max-width: none;
  }

  .who .section-title,
  .how .section-title {
    max-width: none;
  }
}