/* Customer-clarity content pass. Reuse the existing homepage type, media,
   surfaces and motion; these rules only frame the added explanations. */
.intro.section-pad{padding-bottom:clamp(88px,10vw,160px)}
.intro>.agency-bridge{margin-top:48px;max-width:56ch}
.project-description,.project-disciplines{display:block}
.project-disciplines{margin-top:16px;font-size:14px;line-height:1.6;letter-spacing:0;font-weight:400}
.project-disciplines>span{display:inline-block;margin-right:16px}
.home-offerings .service-copy{min-width:0}
.home-offerings .service-delivery{display:block;margin-top:12px;font-size:20px;line-height:1.4;letter-spacing:-.01em;font-weight:200;color:var(--okto-muted)}
.home-offerings .services-list>a{padding-block:28px}
.home-offerings .services-engagement{margin:40px 0 0;max-width:62ch}
.ado-content .ado-proof-link{display:inline-flex;align-items:baseline;gap:12px;min-height:44px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.ado-content .ado-proof-link:hover{text-decoration-thickness:2px}
.ado-content .ado-proof-link>span:last-child{font-size:18px;font-weight:400}
.home-clarity.home-pod-scene .home-clarity-eyebrow{color:var(--okto-ink);max-width:36ch}
.home-clarity.home-pod-scene .home-clarity-provider{margin:0;font-size:16px;line-height:1.4;color:var(--okto-muted)}
@media(max-width:700px){
 .intro>.agency-bridge{margin-top:32px}
 .project-disciplines{margin-top:12px;font-size:13px;line-height:1.7}
 .project-disciplines>span{margin-right:12px}
 .home-offerings .service-copy{grid-column:2;grid-row:1}
 .home-offerings .service-delivery{font-size:18px}
 .home-offerings .services-engagement{margin-top:32px}
}