.service-list article[id]{scroll-margin-top:110px}
.service-directory{padding:clamp(44px,6vw,88px) var(--ha-gutter)}
.service-directory{background:var(--ha-paper)}.service-intro{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}.service-intro h2{font-size:clamp(30px,3vw,44px);margin:0}.service-intro p{max-width:45ch;margin:0;color:var(--ha-ink-soft)}
.service-list article{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,6vw,80px);padding:30px 0;border-top:1px solid var(--ha-hairline)}.service-list h3{font-size:clamp(24px,2.3vw,32px);max-width:19ch;margin:0}.service-list p{max-width:64ch;margin:0;color:var(--ha-ink-soft)}.service-list .service-examples{margin-top:14px;font-size:15px}
.services-page .service-list p,.services-page .service-intro p{font-size:clamp(17px,1.5vw,21px);line-height:1.7}
.services-page .service-list .service-examples{font-size:15px}
@media(max-width:1000px){.service-intro,.service-list article{grid-template-columns:1fr;gap:20px}.service-list article{padding-block:26px}.service-intro{margin-bottom:24px}}