/* services.html — page-only styles */
.svc-index{border-top:1px solid var(--line)}
.svc-row{display:grid;grid-template-columns:72px minmax(0,1.15fr) minmax(0,1fr) auto;gap:clamp(16px,3vw,48px);align-items:center;padding:clamp(32px,4vw,56px) 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;position:relative;scroll-margin-top:110px}
.svc-row .n{color:var(--mag-hi);align-self:start;padding-top:.9em}
.svc-row h3{margin:0;font-size:clamp(2.2rem,4.6vw,4.4rem);line-height:.95;letter-spacing:-.045em;font-weight:700;transition:color .3s}
.svc-row .copy p{margin:0 0 16px;color:var(--muted);max-width:30rem}
.svc-row .copy ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.svc-row .copy li{padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:var(--cream)}
.svc-row .go{display:flex;align-items:center;gap:16px}
.svc-row .thumb{width:clamp(120px,12vw,180px);aspect-ratio:4/3;border-radius:var(--radius-sm);overflow:hidden;background:var(--ink-3)}
.svc-row .thumb img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-out)}
.svc-row .circ{flex:none;width:64px;height:64px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:22px;transition:background .3s,border-color .3s,transform .5s var(--ease-out)}
.svc-row:hover h3{color:var(--mag-hi)}
.svc-row:hover .thumb img{transform:scale(1.08)}
.svc-row:hover .circ{background:var(--mag);border-color:var(--mag);transform:rotate(-45deg)}
@media (max-width:1000px){
.svc-row{grid-template-columns:48px minmax(0,1fr);row-gap:20px}
.svc-row .copy,.svc-row .go{grid-column:2}
.svc-row .thumb{width:160px}
}
@media (max-width:520px){
.svc-row{grid-template-columns:1fr}
.svc-row .copy,.svc-row .go{grid-column:1}
.svc-row .n{padding-top:0}
}

/* one point of contact hub */
.hub{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,48px)}
.hub-col h3{margin:0 0 16px;font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:500;color:var(--muted-ink)}
.hub-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hub-col li{position:relative;padding:18px 22px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--line-ink);font-weight:600;font-size:clamp(1.05rem,1.4vw,1.3rem);letter-spacing:-.02em;display:flex;justify-content:space-between;align-items:center;gap:12px}
.hub-col li small{font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-weight:400;color:var(--muted-ink)}
.hub-col--net li{background:transparent;border-style:dashed;border-color:rgba(11,12,14,.35)}
.hub-col--in li::after,.hub-col--net li::before{content:"";position:absolute;top:50%;width:clamp(20px,3vw,48px);height:1px;background:rgba(11,12,14,.3)}
.hub-col--in li::after{left:100%}
.hub-col--net li::before{right:100%}
.hub-core{width:clamp(220px,22vw,300px);aspect-ratio:1;border-radius:50%;background:var(--mag);color:var(--on-mag);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;box-shadow:0 30px 60px -24px rgba(14,115,120,.55);position:relative}
.hub-core::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px dashed rgba(63,206,213,.5)}
.hub-core strong{display:block;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.02;letter-spacing:-.035em}
.hub-core span{margin-top:10px;font-size:15px;color:var(--on-mag-soft)}
.hub-note{margin:clamp(32px,4vw,56px) 0 0;max-width:46rem;color:var(--muted-ink);font-size:clamp(17px,1.3vw,19px)}
@media (max-width:900px){
.hub{grid-template-columns:1fr;justify-items:stretch}
.hub-core{justify-self:center;order:-1}
.hub-col--in li::after,.hub-col--net li::before{display:none}
}

/* WordPress focus */
.wp-big{margin:0;color:var(--mag);width:clamp(160px,26vw,380px)}
.wp-big svg{display:block;width:100%;height:auto}
.wp-big path{stroke-width:2px}
.wp-copy p{margin:0 0 18px;max-width:38rem;color:var(--muted);font-size:clamp(17px,1.3vw,19px)}
.wp-copy p strong{color:var(--cream);font-weight:500}
.wp-copy h2{margin:0 0 24px}