.legend{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;font:400 10px/13px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.legend li{display:flex;align-items:center;gap:8px}.legend li:before{content:"";width:10px;height:10px;border-radius:50%}.legend-human:before{border:1.5px solid var(--color-ink)}.legend-model:before{background:var(--color-cobalt)}.dumbbell{position:relative;aspect-ratio:600 / 330;font-size:13px;line-height:16px}.dumbbell img{width:100%;height:100%}.dumbbell-name,.dumbbell-gap{position:absolute;top:calc((60 + var(--row) * 58) / 330 * 100%);translate:0 -50%;white-space:nowrap}.dumbbell-name{left:0}.dumbbell-gap{left:calc(var(--x) / 600 * 100%);color:var(--color-cobalt);font:600 11px/16px var(--font-mono)}.dumbbell-axis{position:absolute;left:25%;width:71.67%;top:84.24%;display:flex;justify-content:space-between;font:400 9px/12px var(--font-mono);color:var(--color-slate)}.dumbbell-axis span{width:0;display:flex;justify-content:center}.figure-caption{font:400 9px/12px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-slate)}@media (max-width: 600px){.dumbbell-name{font-size:11px}}.note.page{padding-top:112px}.note-back{margin-bottom:18px}.note-meta{display:flex;align-items:center;gap:16px;font:400 10px/12px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted)}.note-title{max-width:1100px;margin:30px 0 34px;font:700 clamp(44px,5.6vw,80px) / .975 var(--font-display);letter-spacing:-.05em}.note-standfirst{max-width:760px;padding-bottom:34px;font-size:22px;line-height:33px;color:var(--color-slate)}.note-body{display:grid;grid-template-columns:220px minmax(0,740px);gap:56px;padding-top:40px;border-top:1px solid var(--color-ink)}.note-source{display:grid;gap:6px;align-content:start}.note-source h2,.next-note-label{font:400 10px/12px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-cobalt)}.note-source p{font-size:13px;line-height:20px;color:var(--color-slate)}.prose{display:grid;gap:28px;font-size:18px;line-height:29px}.prose>p{max-width:640px}.prose h2{padding-top:12px;font:700 30px/34px var(--font-display);letter-spacing:-.04em}.pull{display:flex;gap:20px;padding-block:20px;font:700 clamp(32px,3.4vw,44px) / 1.045 var(--font-display);letter-spacing:-.045em}.pull:before{content:"";flex-shrink:0;width:5px;height:5px;margin-top:14px;background:var(--color-cobalt)}.pull p{max-width:700px}.bars{border-top:1px solid var(--color-ink)}.bars-legend{display:flex;align-items:center;gap:24px;padding-block:14px;list-style:none;font:400 10px/12px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-slate)}.bars-legend li{display:flex;align-items:center;gap:24px}.bars-legend li:before{content:"";width:10px;height:10px}.bars-human:before{background:var(--color-ink)}.bars-model:before{background:var(--color-cobalt)}.bars table{width:100%;border-collapse:collapse;border-bottom:1px solid var(--color-ink)}.bars tr{border-top:1px solid var(--color-rule)}.bars th,.bars td{padding-block:16px;vertical-align:middle}.bars th{width:150px;text-align:left;font-size:14px;font-weight:500;line-height:18px}.bars td:first-of-type{width:440px}.bar{display:block;width:calc(var(--value) * 100%);height:9px}.bar+.bar{margin-top:4px}.bar-human{background:var(--color-ink)}.bar-model{background:var(--color-cobalt)}.bars td:last-child{text-align:right;font:500 12px/14px var(--font-mono);letter-spacing:.06em;color:var(--color-cobalt)}.bars figcaption{padding-top:10px;font:400 10px/14px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}.note-end{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-top:64px;padding-top:24px;border-top:1px solid var(--color-ink)}.next-note{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 24px;min-height:140px;margin-top:40px;padding:24px 32px;background:var(--color-pale);border-top:1px solid var(--color-ink)}.next-note-title{grid-column:1;font:500 34px/38px var(--font-display);letter-spacing:-.03em}.next-note-arrow{grid-column:2;grid-row:1 / span 2;font:400 18px/20px var(--font-mono);color:var(--color-cobalt)}@media (max-width: 900px){.note-body{grid-template-columns:1fr;gap:32px}.bars th{width:110px}.bars td:first-of-type{width:auto}.next-note{padding:20px}.next-note-title{font-size:24px;line-height:28px}}.note-dumbbell{display:none}@media (max-width: 720px){.note-back{display:none}.note-meta .tag{padding:0;background:none;font:400 10px/12px var(--font-mono);letter-spacing:.14em;color:var(--color-ink)}.note-title{font-size:36px;line-height:38px;letter-spacing:-.04em;text-wrap:balance}.note-standfirst{font-size:19px;line-height:28px;text-wrap:pretty}.note-source{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding-block:14px;border-block:1px solid var(--color-rule)}.note-source h2{padding-top:3px}.note-source p{font-size:14px;line-height:21px}.note-gap-title,.bars{display:none}.note-dumbbell{display:grid;gap:14px;margin-inline:calc(-1 * var(--gutter));padding:28px var(--gutter);background:var(--color-pale)}.note-dumbbell-title{font:700 22px/26px var(--font-display);letter-spacing:-.02em}.note-dumbbell figcaption{font:400 9px/13px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-slate)}}
