.proj-grid{margin:0 0 var(--sp-7);gap:var(--sp-5);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.proj-card{gap:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);padding:var(--sp-5);animation:card-in .32s var(--ease-out) var(--d) backwards;transition:transform var(--dur-quick) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out), border-color var(--dur-quick) var(--ease-out);flex-direction:column;display:flex}.proj-card:hover{border-color:color-mix(in srgb, var(--topic-color) 45%, var(--border));box-shadow:var(--shadow-panel);transform:translateY(-3px)}.proj-head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.proj-name{letter-spacing:0;font-size:1rem;font-weight:600;font-family:var(--font-mono);color:var(--text)}.proj-link{font-size:var(--text-mono-small);white-space:nowrap}.proj-desc{color:var(--text-muted);font-size:var(--text-small);flex:1}.proj-foot{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.proj-topic{font-size:var(--text-mono-small);color:var(--text-muted);white-space:nowrap;align-items:center;gap:.5em;display:inline-flex}.proj-dot{background:var(--topic-color);border-radius:50%;width:9px;height:9px}.proj-tech{gap:var(--sp-1);flex-wrap:wrap;justify-content:flex-end;display:flex}@media (width<=760px){.proj-grid{grid-template-columns:1fr}}