/* Service landing uses Home's material palette and editorial type scale.
   Keep the service's shorter chapters, portrait and conversion components. */
.service-page {
  --service-heading:clamp(38px,3.65vw,58px);
  --service-copy:#5c6b61;
  color:var(--black);
}
.service-page .service-section:not(.nexo-section--dark) .nexo-title {color:var(--black)}
.service-page .service-section .nexo-eyebrow {letter-spacing:.2em;gap:18px}
.service-page .service-section .nexo-eyebrow:after {width:48px;background:#a5b4a7}
.service-page .service-section:not(.nexo-section--dark) .nexo-title span {background-image:var(--text-gradient)}
.service-page .service-section.nexo-section--dark .nexo-title span {background-image:var(--text-gradient-dark)}

/* 01 — same restrained black / emerald headline as the opening on Home. */
.service-page .service-hero--object .nexo-title {line-height:.98;letter-spacing:-.052em}
.service-page .service-hero--object .nexo-lead {font-size:16px;line-height:1.6}
@media(min-width:1101px) and (min-height:701px) {
  .service-page .service-hero--object .nexo-title {font-size:clamp(58px,min(5.6vw,10vh),90px)}
}

/* 02 — limestone cards, optical glass and outline controls from Home services. */
.service-page .service-situations .service-paths-heading .nexo-title,
.service-page .service-remit-heading .nexo-title,
.service-page .service-answers-heading .nexo-title {
  font-size:var(--service-heading);line-height:1.04;letter-spacing:-.052em;
}
.service-page .service-path-card {
  border:1px solid #dadbd35e;border-radius:6px;
  background:radial-gradient(ellipse at 75% 85%,#e2e4da77,transparent 65%),linear-gradient(145deg,#f0efe9,#eeede7);
  box-shadow:inset 0 1px 0 #ffffffa6;
}
.service-page .service-path-card--featured {border-color:#a8beb180}
.service-page .service-path-card--featured .service-path-link {color:var(--black)}
.service-page .service-path-card--featured :is(.service-path-number,.service-path-copy small,.service-path-copy p) {color:var(--service-copy)}
.service-page .service-path-card--featured .service-path-arrow {color:#163b2b;border-color:#9aab9e}
.service-page .service-path-copy h3 {line-height:1.14;letter-spacing:-.04em}
.service-page .service-path-copy p {font-size:14px;line-height:1.6;color:var(--service-copy)}
.service-page .service-path-card--featured .service-path-link:focus-visible {outline-color:var(--emerald)}

/* 03 — the integrated advocate portrait stays intact; improve the real form. */
.service-page .service-short_form .consultation-form.home-contact .nexo-field label {font-size:13px;line-height:1.5}
.service-page .service-short_form .consultation-form.home-contact .nexo-field :is(input,select,textarea) {font-size:14px;border-radius:3px}
.service-page .service-short_form .consultation-form .home-contact-consent {font-size:12px;line-height:1.65}

/* 04 — deep emerald, not a separate green palette. */
.service-page .service-benefits.nexo-section--dark {
  background:radial-gradient(ellipse at 12% 100%,#12634a55,transparent 58%),var(--dark-gradient);
}
.service-page .service-assurance-copy .nexo-title {line-height:1.04;letter-spacing:-.052em}
.service-page .service-assurance-list h3 {font-weight:600;letter-spacing:-.04em;line-height:1.15}

/* 05 / 06 — a continuous ivory-to-sage transition into the shared film block. */
.service-page .service-section.service-scope:not(.nexo-section--dark) {background:linear-gradient(180deg,var(--paper) 70%,#eff1e9);border-bottom:0}
.service-page .service-remit-heading .nexo-lead {font-size:14px;line-height:1.7;color:var(--service-copy)}
.service-page .service-remit-item p {font-size:14px;line-height:1.65;color:var(--service-copy)}
.service-page .home-presentation:not(.nexo-section--dark) .nexo-title {color:#09281d}
.service-page .home-presentation:not(.nexo-section--dark) .nexo-title span {background-image:linear-gradient(105deg,#04432e,#13805a 70%,#095436)}

/* 07 / 08 — shared cinematic story and glass route: match Home's readable copy. */
.service-page .service-story .nexo-lead {font-size:16px;line-height:1.75}

/* 09 — override the old generic service headline, which squeezed the slider. */
.service-page .service-cases .home-stories .nexo-title {
  font-size:clamp(38px,3.9vw,60px);line-height:1.035;letter-spacing:-.055em;
  margin:0 0 22px;text-wrap:balance;
}
.service-page .service-cases .home-stories .nexo-lead {font-size:15px;line-height:1.7;color:var(--service-copy)}
.service-page .service-cases .home-stories .nexo-eyebrow {letter-spacing:.22em}

/* 10 / 11 — calm answers, then the same open-form language as Home contact. */
.service-page .service-section.service-faq.nexo-section--dark {
  background:radial-gradient(ellipse at 100% 0,#164b383d,transparent 60%),var(--dark-gradient)!important;
}
.service-page .service-answers-heading .nexo-lead {font-size:15px;line-height:1.75}
.service-page .service-short_form .has-no-scenarios:not(.consultation--compact) .consultation-heading .nexo-title {
  font-size:var(--service-heading);line-height:1.035;letter-spacing:-.055em;
}
.service-page .service-short_form .has-no-scenarios:not(.consultation--compact) .consultation-intro {font-size:15px;line-height:1.75;color:var(--service-copy)}
.service-page .service-actions .nexo-btn {font-size:13px;min-height:50px;line-height:1.35}

@media(max-width:1100px) { .service-page {--service-heading:38px} }
@media(max-width:760px) {
  .service-page {--service-heading:36px}
  .service-page .service-story .nexo-lead {font-size:15px;line-height:1.75}
  .service-page .service-cases .home-stories .nexo-title {font-size:38px;line-height:1.035}
  .service-page .service-path-copy p {font-size:14px}
  .service-page .service-short_form .consultation-form.home-contact .nexo-field :is(input,select,textarea) {font-size:16px}
  .service-page .service-short_form .consultation-form .home-contact-consent {font-size:12px}
}
@media(max-width:360px) {
  .service-page {--service-heading:34px}
  .service-page .service-cases .home-stories .nexo-title {font-size:34px}
}
@media(forced-colors:active) {
  .service-page .service-section .nexo-title {color:CanvasText}
  .service-page .service-section .nexo-title span {background:none;-webkit-text-fill-color:CanvasText}
  .service-page .service-path-card,.service-page .service-benefits.nexo-section--dark,
  .service-page .service-section.service-scope:not(.nexo-section--dark),
  .service-page .service-section.service-faq.nexo-section--dark {background:Canvas!important;color:CanvasText}
  .service-page .service-path-card--featured .service-path-link {color:LinkText}
  .service-page .service-path-card--featured :is(.service-path-number,.service-path-copy small,.service-path-copy p) {color:CanvasText}
}