/* Typography and surfaces aligned with the public homepage. */
:root { --brand-body:Inter,sans-serif; --brand-heading:Inter,sans-serif; --f:Inter,sans-serif; --red:#D50032; --off:#D9D9D6; --navy:#53565A; --muted:#53565A; }
.service-page { font-family:Inter,sans-serif; font-weight:300; }
.service-page .wrap { max-width:1280px; padding:0 3rem; }
.service-hero { padding:3rem 0 4.5rem; }
.service-hero h1 { font-family:Inter,sans-serif; font-weight:800; font-size:clamp(2.6rem,4.5vw,4.6rem); line-height:1.08; letter-spacing:-.03em; max-width:1000px; }
.service-lead { font-weight:300; }
.service-content { background:#D9D9D6; color:#181818; }
.service-section { padding:3rem 0; }
.service-section h2 { font-weight:800; font-size:clamp(1.9rem,3vw,3rem); line-height:1.08; letter-spacing:-.025em; }
.service-card { border-top-color:#D50032; }
.service-button { background:#D50032; border-color:#D50032; }
.service-section a:not(.service-button) { color:#b80028; }
.service-impact-box { border-left-color:#D50032; }
@media(max-width:700px) { .service-page .wrap { padding:0 1.25rem; } .service-hero {padding:2rem 0 3rem;} .service-hero h1 {font-size:clamp(2rem,7vw,3rem);} .service-section {padding:2rem 0;} }