/* CEO introduction, scoped to the homepage audience chapter. */
#who-we-work-with{gap:0;padding-block:clamp(28px,4svh,72px)}
#who-we-work-with .client-heading{margin-bottom:clamp(22px,2.5svh,48px)}
#who-we-work-with .client-list article{padding-top:clamp(14px,1.4svh,26px)}
#who-we-work-with .client-list p{margin-top:clamp(10px,1.1svh,20px)}
#who-we-work-with .ceo-card{display:grid;grid-template-columns:clamp(150px,11.5vw,360px) minmax(0,.85fr) minmax(0,1.2fr);align-items:center;gap:clamp(24px,3vw,100px);margin-top:clamp(26px,3svh,58px);min-height:clamp(190px,24svh,380px);padding-right:clamp(24px,3vw,100px);border-radius:16px;background:var(--paper);overflow:hidden}
.ceo-portrait{position:relative;align-self:stretch;margin:0;min-height:clamp(190px,24svh,380px);background:#e5e6da}
.ceo-portrait img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 35%}
.ceo-portrait figcaption{position:absolute;bottom:10px;left:10px;right:10px;font-size:11px;line-height:1.3;text-align:center;color:#2c5042;background:#f8faf8eb;padding:5px 7px;border-radius:5px}
.ceo-voice{padding-block:22px;min-width:0}
#who-we-work-with .ceo-voice h3{font-size:clamp(25px,1.85vw,54px);line-height:1.13;font-weight:500;max-width:18ch;color:var(--ink)}
.ceo-role{font-size:clamp(13px,.9vw,24px);font-weight:500;color:#32695d;margin-top:clamp(15px,1.5svh,28px)}
.ceo-note{padding-block:22px;min-width:0}
.ceo-note>p{font-size:clamp(13px,.92vw,24px);line-height:1.65;max-width:66ch;color:#4d655b}
.ceo-note>p+p{margin-top:clamp(10px,1.1svh,20px)}
.ceo-note .text-link{font-size:clamp(12px,.86vw,22px);font-weight:500;line-height:1.4;color:#285e50;gap:12px;margin-top:clamp(10px,1.1svh,20px);padding:4px 0;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#aac8bb}
.ceo-note .text-link svg{width:17px;height:17px;flex-shrink:0}
@media(min-width:1051px) and (max-height:800px){
 #who-we-work-with{padding-block:24px}
 #who-we-work-with .client-heading{margin-bottom:20px}
 #who-we-work-with .client-metric{min-height:110px;padding:18px 24px;gap:14px}
 #who-we-work-with .client-list article{padding-top:14px}
 #who-we-work-with .client-list h3{font-size:clamp(19px,1.6vw,26px)}
 #who-we-work-with .client-list p{font-size:13px;margin-top:10px;line-height:1.5}
 #who-we-work-with .ceo-card{min-height:176px;margin-top:22px;grid-template-columns:150px minmax(0,.85fr) minmax(0,1.2fr);gap:28px;padding-right:28px}
 .ceo-portrait{min-height:176px}
 .ceo-note,.ceo-voice{padding-block:16px}
 .ceo-note>p{font-size:13px;line-height:1.5}.ceo-note>p+p{margin-top:8px}.ceo-note .text-link{margin-top:10px}
}
@media(max-width:1050px){
 #who-we-work-with .ceo-card{grid-template-columns:155px minmax(0,1fr);gap:22px 28px;padding-right:28px}
 .ceo-portrait{grid-column:1;grid-row:1 / 3;min-height:300px}
 .ceo-voice{grid-column:2;padding-top:26px;padding-bottom:0}
 .ceo-note{grid-column:2;padding-top:0;padding-bottom:26px}
 #who-we-work-with .ceo-voice h3{font-size:32px;max-width:none}
 .ceo-role{margin-top:14px}.ceo-note>p{font-size:14px}
}
@media(max-width:600px){
 #who-we-work-with{padding-block:42px}
 #who-we-work-with .client-heading{margin-bottom:28px}
 #who-we-work-with .client-list{gap:28px 20px}
 #who-we-work-with .client-list h3{font-size:20px;line-height:1.15}
 #who-we-work-with .client-list p{font-size:13px;line-height:1.6}
 #who-we-work-with .ceo-card{grid-template-columns:42% minmax(0,1fr);gap:0;margin-top:32px;padding:0;border-radius:14px;align-items:stretch}
 .ceo-portrait{grid-row:1;min-height:205px}
 .ceo-portrait figcaption{font-size:11px;left:7px;right:7px;bottom:7px;padding:4px}
 .ceo-voice{grid-column:2;align-self:center;padding:22px 18px}
 #who-we-work-with .ceo-voice h3{font-size:25px;line-height:1.12}
 .ceo-role{font-size:12px;line-height:1.4;margin-top:18px}
 .ceo-note{grid-column:1 / -1;padding:24px}
 .ceo-note>p{font-size:14px;line-height:1.7}.ceo-note>p+p{margin-top:12px}.ceo-note .text-link{font-size:14px;margin-top:18px;min-height:32px}
}