.works { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.work { display: grid; grid-template-columns: 12rem 1fr; gap: 2rem; padding: 1.6rem 0; border-bottom: 1px solid var(--line); }
.work .side { display: flex; flex-direction: column; gap: .5rem; align-items: flex-start; }
.work .yr { font-family: var(--font-mono); font-size: .78rem; color: var(--muted); }
.work h3 { font-family: var(--font-display); font-weight: 500; font-size: 1.6rem; line-height: 1.15; margin: 0 0 .45rem; letter-spacing: -.008em; }
/* figures (as on the MIT page): overlapping stills at the right of the paper; a larger view plays on hover */
.work.has-figs .main { position: relative; padding-right: calc(64px + (var(--n) - 1) * 44px + 24px); }
.work .thumbs { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
@media (max-width: 960px) {
  .work { grid-template-columns: 1fr; gap: .9rem; } .work .side { flex-direction: row; flex-wrap: wrap; align-items: center; }
  .work.has-figs .main { padding-right: 0; }
  .work .thumbs { position: static; transform: none; margin-top: .8rem; }
}