/* One opening sequence; interactive diagrams respond to focus and pointer. */
.headline-line{display:block;overflow:clip;padding-bottom:.09em;margin-bottom:-.09em}
.headline-line>span{display:block}
.service-icon{border-radius:12px;background:var(--surface)}
.service-list details[open] .service-icon{background:var(--bg)}
.service-list summary{grid-template-columns:60px minmax(0,1fr) 24px;gap:19px}
.service-icon{width:60px;height:60px}
.service-icon svg{width:42px;height:42px;stroke-width:1.5}
.service-list details>div{padding-left:101px}
.client-strip{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:35px;margin-block:0 75px;padding-block:33px;border-block:1px solid var(--line);overflow:clip}
.client-copy h2{font-size:clamp(27px,3vw,40px);margin-bottom:12px}
.client-copy p{font-size:17px;color:var(--muted);max-width:65ch}
.client-copy p a{color:var(--cyan);text-decoration:underline}
.client-connection{display:block;width:95px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--purple),var(--cyan));transform-origin:left;margin-bottom:22px}
.client-wordmark{display:flex;flex-direction:column;align-items:center;gap:10px;font:italic 45px/1 Georgia,serif;letter-spacing:-1px;padding:20px 0 20px 35px}
.client-wordmark span{font:500 14px/1.4 'Plus Jakarta Sans',sans-serif;letter-spacing:5px;margin-left:5px}
@media(max-width:1000px){.service-list summary{grid-template-columns:40px minmax(0,1fr) 24px;gap:14px}.service-icon{width:40px;height:45px;border-radius:8px}.service-icon svg{width:32px;height:32px}.service-list details>div{padding-left:22px}}
@media(max-width:560px){.service-list summary{grid-template-columns:30px minmax(0,1fr) 22px;gap:12px}.service-icon{width:30px;height:34px;background:transparent}.service-icon svg{width:27px;height:27px}.service-list details>div{padding-inline:16px}.client-strip{grid-template-columns:1fr;gap:20px;margin-bottom:50px;padding-block:27px}.client-copy p{font-size:16px}.client-wordmark{justify-self:start;padding:0;font-size:38px}.client-wordmark span{font-size:14px}.client-connection{margin-bottom:17px}}
@media(prefers-reduced-motion:reduce){.headline-line>span{transform:none!important}.client-wordmark,.client-connection{transform:none!important;opacity:1!important}}