[data-tone=dark]{--case-client:var(--color-on-dark-body);--case-label:var(--color-on-dark-muted);--case-value:var(--color-lime);--case-title:var(--color-on-dark);--case-copy:var(--color-on-dark)}article.case[data-density=compact]{padding-block:var(--space-5);flex-direction:column;display:flex}article.case>.top{gap:var(--space-3);flex-direction:column;margin-block-end:var(--space-3);display:flex}article.case>.head{gap:var(--space-1);flex-direction:column;display:flex}article.case>.copy{gap:var(--space-3);flex-direction:column;flex:1;margin-block-start:var(--space-3);display:flex}article.case>.top>.client{color:var(--case-client);font-family:var(--font-body);font-size:var(--text-eyebrow);font-weight:var(--weight-eyebrow);letter-spacing:var(--text-eyebrow-tracking);line-height:var(--text-eyebrow-leading);text-transform:uppercase}article.case>.head>.metric{gap:var(--space-1);flex-direction:column;display:flex}article.case>.head>.value,article.case>.head>.metric>.value{color:var(--case-value);font-family:var(--font-heading);font-size:var(--text-figure);font-weight:var(--weight-heading);line-height:var(--text-figure-leading);letter-spacing:var(--text-figure-tracking);order:-1}article.case>.head>.label,article.case>.head>.headline,article.case>.head>.metric>dt{color:var(--case-title);font-family:var(--font-heading);font-size:var(--text-h6);font-weight:var(--weight-heading);line-height:var(--text-h6-leading);letter-spacing:var(--text-h6-tracking);text-wrap:wrap}article.case>.copy>.headline,article.case>.copy>.body,article.case>.copy>.result{color:var(--case-copy);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--text-body-leading)}article.case>.copy>.headline{font-weight:var(--weight-emphasis)}article.case>.top>[data-marked],article.case>.copy>[data-marked]{align-items:flex-start;gap:var(--space-2);display:flex}article.case>.top>[data-marked]>.icon,article.case>.copy>[data-marked]>.icon{color:var(--case-title)}article.case>.top>.client[data-marked]>.icon{margin-block-start:calc((var(--text-eyebrow) * var(--text-eyebrow-leading) - var(--space-4)) / 2)}article.case>.copy>.result[data-marked]>.icon{margin-block-start:calc((var(--text-body) * var(--text-body-leading) - var(--space-4)) / 2)}article.case>.top>[data-marked]>span,article.case>.copy>[data-marked]>span{min-width:0}@supports (grid-template-rows:subgrid){@media (width>=48rem){ul.cases>li>article.case[data-density=compact]{grid-row:span 3;grid-template-rows:subgrid;display:grid}ul.cases>li>article.case>.top{grid-row:1}ul.cases>li>article.case>.head{grid-row:2}ul.cases>li>article.case>.copy{grid-row:3}}}