.ratio-bar{border:var(--hair);height:60px;margin-top:var(--s-6);display:flex}.ratio-bar>div{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;align-items:end;padding:8px;display:flex}.pair{padding:var(--s-6);border:var(--hair);align-items:center;gap:var(--s-6);grid-template-columns:1fr 1fr;display:grid}.pair .demo{font-family:var(--serif);font-size:var(--t-md)}.pair .meta{font-family:var(--mono);font-size:var(--t-xs);color:var(--ash);letter-spacing:.04em}