.cards{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px; }
@media (max-width:1024px){ .cards{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:640px){ .cards{ grid-template-columns:1fr; } }

.project{
  position:relative; padding:18px; border-radius:16px; border:1px solid var(--stroke);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  overflow:hidden;
}
.project h3{ margin:6px 0 8px; font-size:20px; }
.project p{ margin:0; color:var(--muted); font-size:14px; }
.project-tech{ font-size:12px; color:var(--muted) }