.project { border-top: 1px solid var(--border); padding-top: 24px; margin-top: 32px; }
.project h2 { font-size: 20px; margin: 0 0 14px; }
.project-heading { display: flex; align-items: baseline; gap: 20px; flex-wrap: wrap; }
.project h3 { margin: 0 0 12px; font-size: 20px; }
.made-preview { display: grid; grid-template-columns: minmax(0, 260px) minmax(0, 1fr); gap: 24px; }
.made-preview figure { margin: 0; }
.made-preview img { display: block; border: 1px solid var(--border); }
.made-preview figcaption { font-size: 12px; color: var(--muted); margin-top: 6px; }
@media (max-width: 640px) { .made-preview { grid-template-columns: 1fr; } }