/* Measured evidence, using ThinkCodec's existing tokens and motion kit. */
.work-proof .page-hero { padding-block: 24px 12px; }
.work-proof .work-opening { display: grid; gap: 24px; }
.work-proof h1 { font-size: 40px; line-height: 1.08; letter-spacing: -.03em; max-width: 16ch; }
.work-proof .studio-label { margin-bottom: 12px; }
.work-proof .hero-subhead { max-width: 42ch; }
.work-proof .work-total { min-width: 0; }
.work-proof .work-counts { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-bottom: 12px; }
.work-proof .work-counts strong { color: var(--ink); font-size: 16px; font-weight: 500; }
.work-proof .work-rings { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 24px; }
.work-proof .work-ring { text-align: center; min-width: 0; }
.work-proof .work-ring svg { display: block; width: 100%; max-width: 140px; margin-inline: auto; }
.work-proof .work-ring-track { fill: none; stroke: var(--line); stroke-width: 9; }
.work-proof .work-ring-score { fill: none; stroke: var(--teal); stroke-width: 9; }
.work-proof .work-ring text { font: 500 36px Inter,sans-serif; fill: var(--ink); font-variant-numeric: tabular-nums; }
.work-proof .work-ring p { margin: 0; font-size: 16px; }
.work-proof .work-total-note { max-width: 85ch; }
.work-proof .proof-index { padding-block: 8px 16px; gap: 0 24px; }
.work-proof .work-case { padding-block: 40px 48px; }
.work-proof .work-case-head { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; }
.work-proof .work-case h2 { font-size: 30px; line-height: 1.18; max-width: 25ch; }
.work-proof .work-case-head > a { min-height: 44px; display: inline-flex; align-items: center; align-self: start; }
.work-proof .work-case-copy { max-width: 74ch; }
.work-proof .work-case-copy > p { margin-top: 16px; }
.work-proof .work-case-copy > h3 { font-size: 22px; max-width: 38ch; }
.work-proof .work-facts { color: var(--ink); font-weight: 500; }
.work-proof .work-evidence { display: grid; gap: 28px; margin-top: 28px; align-items: start; }
.work-proof :is(.work-metrics,.work-path,.work-checks) { min-width: 0; }
.work-proof :is(.work-flow,.work-scores) { margin: 0; }
.work-proof .work-flow svg { width: 100%; height: auto; max-width: 390px; }
.work-proof .work-flow rect { fill: var(--raised); stroke: none; }
.work-proof .work-flow text { fill: var(--ink); font: 16px Inter,sans-serif; }
.work-proof .work-flow .work-flow-note { fill: var(--muted); }
.work-proof .work-scores { margin-top: 16px; }
.work-proof .work-scores svg { display: block; width: 100%; max-width: 540px; }
.work-proof .work-scores text { fill: var(--ink); font: 16px Inter,sans-serif; }
.work-proof .work-scores .work-score-value { font-weight: 600; font-variant-numeric: tabular-nums; }
.work-proof .work-score-track { fill: none; stroke: var(--line); stroke-width: 10; }
.work-proof .work-score-bar { fill: none; stroke: var(--teal); stroke-width: 10; }
.work-proof .work-score-caution { stroke: var(--data); }
.work-proof .work-table { border-collapse: collapse; width: 100%; text-align: left; margin-top: 20px; table-layout: fixed; }
.work-proof .work-table :is(th,td) { font-size: 16px; padding: 8px 0; font-weight: 400; }
.work-proof .work-table th:first-child { width: 70%; }
.work-proof .work-table td { color: var(--ink); text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.work-proof .work-table thead th { color: var(--muted); }
.work-proof .work-table thead th:last-child { text-align: right; }
.work-proof :is(.work-table caption,figcaption) { font-size: 16px; text-align: left; }
.work-proof .work-checks { padding: 20px; background: var(--surface); }
.work-proof .work-checks ul { list-style: none; padding: 0; margin: 16px 0 0; display: grid; gap: 12px; }
.work-proof .work-checks li { display: grid; grid-template-columns: 20px minmax(0,1fr) auto; align-items: start; gap: 8px; margin: 0; font-size: 16px; line-height: 1.4; }
.work-proof .work-pass { width: 20px; height: 20px; fill: none; stroke: var(--teal); stroke-width: 2; }
.work-proof .work-checks strong { color: var(--teal); font-size: 16px; font-weight: 400; }
.work-proof .work-checks .proof-note { margin-bottom: 0; }
.work-proof .work-back { display: inline-flex; min-height: 44px; align-items: center; margin-top: 24px; }
.work-proof .work-method { max-width: 74ch; padding-block: 32px; }
.work-proof .work-method h2 { margin-bottom: 16px; font-size: 30px; }
.work-proof .work-checker { margin-block: 24px; padding: 24px; display: grid; gap: 24px; }
.work-proof .work-checker h2 { font-size: 30px; }
.work-proof .proof-cta p { margin-block: 16px 24px; }
@media (min-width: 760px) {
 .work-proof .page-hero { padding-block: 40px 20px; }
 .work-proof .work-opening { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 64px; align-items: center; }
 .work-proof h1 { font-size: clamp(44px,5vw,68px); }
 .work-proof .work-ring svg { max-width: 160px; }
 .work-proof .work-rings { gap: 16px 32px; }
 .work-proof .work-case { padding-block: 56px; }
 .work-proof .work-case-head { flex-direction: row; align-items: center; justify-content: space-between; gap: 28px; }
 .work-proof .work-case h2 { font-size: clamp(32px,3.5vw,44px); }
 .work-proof .work-evidence { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 32px; }
 .work-proof .work-checks { grid-column: 2; }
 .work-proof .work-path { grid-column: 2; grid-row: 1; }
 .work-proof .work-metrics { grid-row: 1 / span 2; }
 .work-proof .work-checker { grid-template-columns: minmax(0,1fr) auto; align-items: center; padding: 32px; gap: 32px; }
}
@media (min-width: 1100px) {
 .work-proof .work-evidence { grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr); gap: 32px; }
 .work-proof .work-path { grid-column: 2; }
 .work-proof .work-checks { grid-column: 3; grid-row: 1; }
 .work-proof .work-metrics { grid-row: 1; }
 .work-proof .work-checks { padding: 20px; }
}