/* ══════════ SERVICE DETAIL PAGES ══════════ */
body.sp{padding-top:64px}
body.sp .topbar-scroll{box-shadow:0 6px 24px rgba(59,51,42,.06)}

.sp-hero{position:relative;overflow:hidden;padding:0 0 clamp(48px,5.6vw,80px);
  background:radial-gradient(118% 78% at 92% 0%, var(--tint-3) 0%, rgba(255,253,247,0) 60%), var(--surface)}
/* full-bleed banner across the top of the page; the copy sits below it */
.sp-banner{position:relative;width:100%;height:clamp(200px,28vh,320px);overflow:hidden;background:var(--tint-3)}
.sp-banner img{width:100%;height:100%;object-fit:cover;display:block}
.sp-hero .wrap{padding-top:clamp(36px,4.4vw,58px)}
.sp-crumb{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-3);margin-bottom:16px}
.sp-crumb a{transition:color .2s}
.sp-crumb a:hover{color:var(--accent-2)}
.sp-hero h1{font-size:clamp(31px,4.6vw,55px);line-height:1.04;letter-spacing:-.036em;font-weight:700;color:var(--ink)}
.sp-hero h1 em{font-style:normal;color:var(--accent-2)}
.sp-hero .lead{margin-top:20px}
.sp-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}
.sp-actions .btn{padding:0 26px}
.sp-facts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.8vw,22px);
  margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.sp-facts .k{display:block;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-2);margin-bottom:7px}
.sp-facts .v{font-size:15px;font-weight:650;line-height:1.45;letter-spacing:-.012em}

.sp-note{margin-top:24px;padding:19px 22px;border-radius:20px;background:var(--tint-3);
  border:1px solid var(--tint-2);font-size:14.8px;line-height:1.62;color:var(--muted);max-width:70ch}
.sp-note strong{color:var(--ink);font-weight:750}

.sp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px);margin-top:clamp(38px,4.5vw,60px)}
.sp-stats .card p{color:var(--muted);font-size:15.5px;line-height:1.62}

.sp-band .wrap{grid-template-columns:1.05fr 1fr}
.sp-band .sp-actions{margin-top:26px}
.sp-band .btn-solid{background:var(--tint-2);color:var(--cta);box-shadow:none}
.sp-band .btn-solid:hover{background:var(--cta-ink);transform:translateY(-2px)}
.sp-band .btn-line{background:transparent;border-color:rgba(227,216,196,.42);color:var(--cta-ink)}
.sp-band .btn-line:hover{background:rgba(227,216,196,.14);border-color:var(--tint-2)}

@media (max-width:980px){
  .sp-banner{height:clamp(185px,27vh,275px)}
  .sp-stats{grid-template-columns:1fr 1fr}
  body.sp{padding-top:60px}
}
@media (max-width:640px){
  .sp-banner{height:clamp(170px,25vh,225px)}
  .sp-facts{grid-template-columns:1fr 1fr}
  .sp-stats{grid-template-columns:1fr}
  .sp-actions .btn{width:100%}
}