/* Services presentation only; copy, destinations and service behavior are unchanged. */
body.services-page .content-hero h1 { max-width: 100%; font-size: clamp(2.15rem, 4vw, 4.2rem); line-height: 1.02; }
body.services-page .content-hero--stacked .lead { max-width: 80ch; }
body.services-page .section-intro { max-width: none; margin-bottom: 2rem; }
body.services-page .section-intro h2,
body.services-page .section-heading-row h2 { max-width: 100%; }
body.services-page .section-copy { max-width: 80ch; }
body.services-page .content-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
  gap: 1.25rem;
  border: 0;
  background: transparent;
}
body.services-page .content-card {
  min-width: 0;
  min-height: 270px;
  border: 1px solid #c7cfdf;
  border-top: 3px solid var(--ballpoint);
  background: white;
  gap: .9rem;
  transition: background-color .16s ease, border-color .16s ease;
}
body.services-page .content-card:is(:hover, :focus-within) { border-color: var(--ballpoint); background: #edf3ff; }
body.services-page .content-card h3 { margin-bottom: 0; }
body.services-page .content-card p { max-width: 72ch; }
body.services-page .content-card > br { display: none; }
body.services-page .content-card .text-link { margin-top: 0; }
body.services-page .content-card .text-link:first-of-type { margin-top: auto; }
body.services-page .services-audience { background: #edf2fc; border-block: 1px solid #d7dfef; }
body.services-page .services-audience .eyebrow { color: var(--ballpoint); }
body.services-page .services-audience .section-intro { padding-left: 1.4rem; border-left: 4px solid var(--ballpoint); }
body.services-page .content-section--blue .section-heading-row { align-items: flex-start; flex-direction: column; gap: 1rem; }
body.services-page .content-section--blue .section-side-note { max-width: 80ch; }
body.services-page .content-section--blue .text-link { color: var(--ballpoint-dark); }
@media (prefers-reduced-motion: reduce) { body.services-page .content-card { transition: none; } }
@media (max-width: 720px) { body.services-page .content-hero h1 { font-size: clamp(2rem, 8.4vw, 3rem); } }

body.services-page .services-contact { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.5rem; min-width: 0; }
body.services-page .services-contact .text-link { margin: 0; text-transform: none; letter-spacing: normal; font-size: 1rem; overflow-wrap: anywhere; }
body.services-page .services-contact__label { font-weight: 400; }