/* /services hub — dedicated additions layered on shared /assets/index-2e14bde4.css */

.sector-grid{background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:clamp(40px,6vw,84px) clamp(26px,5vw,78px);display:grid}
.sector-card{background:var(--stone-050);padding:clamp(30px,3.5vw,48px);flex-direction:column;gap:1.1rem;display:flex}
.sector-card>span{color:var(--copper-ink);font:700 8px/1 var(--display);letter-spacing:.1em}
.sector-card h2{font:540 clamp(22px,2.4vw,30px)/1.1 var(--display);letter-spacing:-.02em}
.sector-card>p{color:var(--muted);font-size:.92rem;line-height:1.6}
.sector-links{border-top:1px solid var(--line);flex-direction:column;margin-top:.4rem;display:flex}
.sector-links a{justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--line);font:650 13px/1.2 var(--body);color:var(--ink);display:flex}
.sector-links a:hover,.sector-links a:focus-visible{color:var(--copper-ink)}
.sector-links a span:last-child{color:var(--copper)}

@media (max-width:900px){
  .sector-grid{grid-template-columns:1fr;padding:28px 20px}
}

/* ---- Approach band (coordinated-or-standalone positioning) ---- */
.approach-band{--copper-ink:var(--copper);background:var(--green-1000);color:var(--cream);grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center;padding:clamp(48px,6.5vw,90px) clamp(26px,5vw,78px);display:grid}
.approach-band h2{font:540 clamp(22px,2.8vw,32px)/1.15 var(--display);letter-spacing:-.02em}
.approach-band h2 em{color:var(--brass);font-style:normal}
.approach-band p{color:#ffffffb8;font-size:.95rem;line-height:1.65}

@media (max-width:900px){
  .approach-band{grid-template-columns:1fr}
}

/* ---- Credentials strip (verified schemes, matching sitewide markup) ---- */
.services-credentials{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:2.2rem clamp(26px,5vw,78px);display:flex}
.services-credentials-lead{font-family:var(--display);font-size:15px;color:var(--ink);max-width:220px}
.services-credential-grid{flex-wrap:wrap;gap:clamp(1.6rem,3vw,3.2rem);display:flex}
.services-credential{align-items:center;gap:.9rem;display:flex}
.services-credential img{height:44px;max-height:44px;width:auto;filter:grayscale(1);opacity:.85}
.services-credential span{flex-direction:column;font-size:13px;line-height:1.3;display:flex}
.services-credential small{color:var(--muted);font-size:10px;letter-spacing:.05em;text-transform:uppercase}
a.services-credential:hover{opacity:.8}

@media (max-width:900px){
  .services-credentials{padding:1.8rem 20px}
}
