/* c2-what.css: styles for c2_what (What we do), all scoped under .c2-what. Engine tokens only (styles.css + brand.css). */
@keyframes cwUp{from{opacity:0;transform:translateY(10px)}}
.c2-what{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column}
.c2-what .cw-in{margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(14px,2.4vh,22px);min-width:0;max-width:100%;animation:cwUp .38s var(--ease) backwards}
.c2-what .eyebrow{font-size:12px}
.c2-what .cw-h1{margin:0;font-size:clamp(26px,min(2.7vw,5.5vh),52px);line-height:1.18;font-weight:450;letter-spacing:-.025em;max-width:23.5em;text-wrap:balance;color:var(--ink)}
.c2-what .cw-acc{padding-right:.04em}
.c2-what .cw-line{margin:clamp(4px,1vh,10px) 0 0;font-size:clamp(14px,min(1.1vw,2.2vh),18px);line-height:1.55;color:var(--muted);max-width:64ch;text-wrap:balance;
 opacity:0;transform:translateY(8px);transition:opacity .36s var(--ease),transform .36s var(--ease)}
.c2-what .cw-line.on{opacity:1;transform:none}
.c2-what.cw-still .cw-in{animation:none}
.c2-what.cw-still .cw-line{transition:none;transform:none}
@media (max-width:760px){.c2-what .cw-h1{font-size:24px}.c2-what .cw-line{font-size:16px}}
@media (prefers-reduced-motion:reduce){.c2-what .cw-in{animation:none}.c2-what .cw-line{transition:none;transform:none}}