/* Compact homepage project directory. */
.home-work .project-group + .project-group { margin-top: 44px; }
.home-work .project-group > h3 { font-size: 26px; font-weight: 500; margin: 0 0 8px; }
.project-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; padding: 0; margin: 0; list-style: none; }
.project-grid > li { min-width: 0; border-bottom: 1px solid var(--line); }
.project-cell { display: flex; align-items: flex-start; gap: 18px; height: 100%; padding: 24px 0; text-decoration: none; }
.project-cell-icon { width: 56px; height: 56px; flex: 0 0 56px; border-radius: 12px; object-fit: cover; }
.project-cell-copy { min-width: 0; }
.project-cell h4 { margin: 0 0 6px; font-family: var(--serif); font-size: 24px; line-height: 1.2; font-weight: 500; }
.project-cell p { margin: 0; font-size: 18px; line-height: 1.45; color: var(--muted); }
.project-cell:hover h4, .project-cell:focus-visible h4 { text-decoration: underline; text-underline-offset: .18em; text-decoration-thickness: 1px; }
.tool-mark { display: grid; place-items: center; background: var(--soft); color: var(--ink); }
.tool-mark svg { width: 28px; height: 28px; }
@media (max-width: 700px) { .project-grid { grid-template-columns: minmax(0, 1fr); } .project-cell { gap: 16px; padding: 22px 0; } .home-work .project-group + .project-group { margin-top: 36px; } }