.work-index{border:var(--hair) solid var(--line-ink)}.work-row+.work-row{border-top:var(--hair) solid var(--line-ink)}.work-head{grid-template-columns:68px minmax(0,1fr) 300px 190px 56px;align-items:stretch;display:grid}.work-head>*{padding:var(--s4);min-width:0}.work-head>*+*{border-left:var(--hair) solid var(--line-ink)}@media (max-width:1200px){.work-head{grid-template-columns:56px minmax(0,1fr) 56px}.work-diff,.work-meta{border-left:0;border-top:var(--hair) solid var(--line-ink);grid-column:1/-1}}@media (max-width:560px){.work-head>*{padding:var(--s3)}}.work-rank{font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:var(--track-label);color:var(--accent);line-height:1}.work-title .display{font-size:var(--t-h2);line-height:.98}.work-blurb{margin-top:var(--s2);font-size:var(--t-sm);color:var(--ink-2);max-width:46ch}.work-diff{align-content:center;gap:var(--s1);display:grid}.work-diff>div{align-items:center;gap:var(--s2);grid-template-columns:1fr auto;display:grid}.work-diff dt{font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--ink-3)}.work-diff dd{align-items:center;display:flex}.meter{gap:3px;display:flex}.meter .tick{border:var(--hair) solid var(--line-2);background:0 0;width:12px;height:8px}.meter .tick.is-on{background:var(--blue);border-color:var(--blue)}@media (max-width:560px){.meter .tick{width:16px}}.work-meta{justify-content:center;gap:var(--s1);flex-direction:column;display:flex}.work-year{color:var(--ink-3)}@media (max-width:1200px){.work-meta{flex-direction:row;justify-content:space-between}}.work-toggle{font-family:var(--font-mono);color:var(--ink-3);transition:background var(--dur-tactile) var(--ease-soft), color var(--dur-tactile) var(--ease-soft);place-items:center;font-size:1.125rem;line-height:1;display:grid}.work-toggle:hover{background:var(--blue-soft);color:var(--blue)}.work-row.is-open .work-toggle{background:var(--blue);color:var(--on-blue)}.work-panel{border-top:var(--hair) solid var(--line-ink);animation:work-open var(--dur-enter) var(--ease-firm) both;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);display:grid}@media (max-width:900px){.work-panel{grid-template-columns:1fr}}@keyframes work-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.work-panel{animation-duration:1ms}}.work-panel .spec{padding:var(--s4);border-top:0;align-content:start}.work-outcome{gap:var(--s2);padding:var(--s4);border-left:var(--hair) solid var(--line-ink);background:var(--paper-2);flex-direction:column;display:flex}@media (max-width:900px){.work-outcome{border-left:0;border-top:var(--hair) solid var(--line-ink)}}.work-outcome p{font-family:var(--font-head);font-weight:600;font-size:var(--t-h3);letter-spacing:-.02em;color:var(--ink);line-height:1.15}.work-outcome .work-open{color:var(--blue-ink);font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);align-self:flex-start;margin-top:auto}.work-legend{align-items:center;gap:var(--s3);margin-top:var(--s2);font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--ink-3);flex-wrap:wrap;display:flex}.work-legend .meter{margin-right:var(--s1)}
