.service-page .site-header { position: relative; background: var(--ink); }
.service-page .desktop-nav { gap: 24px; margin-right: 32px; }
.service-page .desktop-nav [aria-current="page"] { color: var(--lime); }
.service-hero { padding-block: clamp(60px, 8vw, 100px); color: var(--white); background: var(--ink); }
.service-hero-inner { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); gap: 60px; align-items: end; }
.service-hero h1 { margin-bottom: 24px; font-size: clamp(34px, 4.9vw, 66px); font-weight: 680; line-height: 1.25; letter-spacing: -.045em; }
.service-hero-copy > p:last-of-type { max-width: 620px; color: #c2c7be; font-size: 16px; line-height: 1.9; }
.service-hero .button { margin-top: 12px; }
.service-brief { margin: 0; padding: 0 0 0 28px; border-left: 1px solid #404a39; }
.service-brief div + div { margin-top: 25px; }
.service-brief dt { margin-bottom: 8px; color: var(--lime); font-size: 11px; letter-spacing: .08em; }
.service-brief dd { margin: 0; color: #c2c7be; font-size: 14px; line-height: 1.8; }
.service-section { padding-block: clamp(58px, 7vw, 90px); border-bottom: 1px solid var(--line); }
.service-section h2 { margin-bottom: 24px; font-size: clamp(29px, 3.4vw, 44px); font-weight: 680; letter-spacing: -.04em; line-height: 1.3; }
.service-section p, .service-section li { color: var(--muted-dark); font-size: 15px; line-height: 1.9; }
.service-section a:not(.button), .service-related a { text-decoration: underline; text-underline-offset: 5px; }
.service-split { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 64px; }
.service-inclusions { padding: 0; margin: 0; list-style: none; counter-reset: inclusion; }
.service-inclusions li { position: relative; padding: 22px 0 22px 42px; border-top: 1px solid var(--line); counter-increment: inclusion; }
.service-inclusions li::before { content: "0" counter(inclusion); position: absolute; top: 26px; left: 0; color: #486525; font-size: 11px; font-weight: 700; }
.service-inclusions h3 { margin-bottom: 5px; color: var(--ink); font-size: 18px; }
.service-inclusions p { margin-bottom: 0; }
.service-note { margin-top: 28px; padding-left: 18px; border-left: 2px solid #678d32; }
.service-section .process-list { margin: 0; }
.service-section .process-list li { grid-template-columns: 40px 1fr; }
.service-example { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.service-example img { width: 100%; height: 360px; object-fit: cover; background: #dce4d7; }
.service-example small { display: block; margin-bottom: 16px; color: #486525; font-size: 12px; }
.service-faq { padding-block: 72px; }
.service-faq .faq-heading h2 { font-size: clamp(29px, 3.4vw, 44px); }
.service-related { margin-top: 34px; color: #c2c7be; font-size: 14px; line-height: 1.8; }
.service-related a { color: var(--lime); }
@media (max-width: 1000px) {
  .service-page .desktop-nav { gap: 18px; margin-right: 20px; }
  .service-page .header-cta { display: none; }
}
@media (max-width: 760px) {
  .service-hero-inner, .service-split, .service-example { grid-template-columns: 1fr; gap: 32px; }
  .service-hero-copy > p:last-of-type { font-size: 15px; }
  .service-brief { padding-left: 18px; }
  .service-brief div + div { margin-top: 18px; }
  .service-section p, .service-section li { font-size: 14px; }
  .service-example img { height: 280px; }
}

.breadcrumbs { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; color: #c2c7be; font-size: 13px; line-height: 1.8; }
.breadcrumbs a { text-decoration: underline; text-underline-offset: 4px; }
.breadcrumbs a:hover, .breadcrumbs a:focus-visible { color: var(--lime); }