/* Phase 2 service discovery; reuse the existing brand and layout system. */
.service-intro { position: relative; z-index: 1; }
.service-intro h1 { max-width: 980px; }
.service-intro .lede { max-width: 840px; }
.service-page .section-heading h2 { max-width: 750px; }
.service-page .lede { margin-top: 1.25rem; }
.service-note { margin-top: 1.5rem; }
.service-path { display: flex; flex-direction: column; gap: .8rem; }
.service-path .text-link { margin-top: auto; padding-top: .75rem; }
.service-path .eyebrow { font-size: .7rem; }
.service-paths, .service-related { margin-top: 2rem; }
.service-related { display: grid; gap: 1rem; }
.service-page .surface-dark .lede { color: #bed0da; }
.service-path:focus-visible { outline: 3px solid var(--pink-dark); outline-offset: 5px; }
.service-page .page-hero { padding-block: clamp(3.5rem, 7vw, 6rem); }
.service-intro h1 { font-size: clamp(2.45rem, 5vw, 4.5rem); }
#service-paths { scroll-margin-top: 7rem; }
.service-page .page-hero .eyebrow { color: #f6c3d3; }
.service-page .page-hero .text-link { color: #f6c3d3; }
.service-page .page-hero a:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
.service-page .btn:not(.btn-light):not(.btn-ghost) { background: var(--pink-dark); }
.service-page .eyebrow, .service-page .text-link, .service-page .step-number { color: var(--pink-dark); }
.service-page .surface-dark .eyebrow, .service-page .surface-dark .text-link,
.service-page .page-hero .eyebrow, .service-page .page-hero .text-link { color: #f6c3d3; }
.service-page p a:not(.btn) { text-decoration: underline; text-underline-offset: .2em; }