/* Reuse the collection page's type, spacing and button tokens. */
.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 30px;padding:0 0 48px}
.project-card{min-width:0;display:flex;flex-direction:column}
.project-card figure{margin:0 0 18px}
.project-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#f1f2f2}
.project-card figcaption{font-size:12px;line-height:1.5;color:var(--collection-muted);margin-top:10px}
.project-card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px;line-height:1.5;color:var(--collection-muted);margin:0 0 12px}
.project-card-meta span:last-child{padding:3px 10px;background:#f1f3f5;border-radius:999px;font-size:12px}
.project-card-meta span:first-child{align-self:center}
.project-card h2{font-size:26px;line-height:1.25;letter-spacing:-.02em;font-weight:500;margin:0 0 14px;text-wrap:pretty}
.project-card-description{font-size:16px;line-height:1.65;color:var(--collection-muted);margin:0 0 24px}
.project-card>.collection-button{margin-top:auto}
.projects-archive{border-top:1px solid #dce0e4;max-width:none}
.projects-archive p{max-width:940px}
@media(max-width:1000px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}}
@media(max-width:700px){.projects-grid{grid-template-columns:1fr;gap:38px;padding-bottom:36px}.project-card h2{font-size:25px}.project-card-description{margin-bottom:20px}}
.project-actions{display:flex;flex-wrap:wrap;gap:12px}
.project-actions .collection-button{border-radius:10px}