.projects-section{padding:5rem 0 6rem;position:relative;z-index:1}.projects-header{margin-bottom:3rem}.projects-subtitle{font-size:.9rem;color:var(--text-muted);margin-top:.5rem;max-width:480px}.filter-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}.filter-pill{padding:.35rem 1rem;border-radius:999px;font-size:.78rem;font-weight:500;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:all .2s ease;font-family:DM Mono,Fira Code,monospace}.filter-pill:hover{color:var(--accent-lilac);border-color:#c4b5fd40;background:#7c3aed0f}.filter-pill.active{color:var(--accent-lilac);background:#7c3aed26;border-color:#c4b5fd4d;box-shadow:0 0 10px #a78bfa33,0 0 24px #7c3aed1a;text-shadow:0 0 12px rgba(196,181,253,.5)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column}.project-card:hover{border-color:#7c3aed59;transform:translateY(-4px);box-shadow:0 12px 40px #7c3aed1a,0 0 0 1px #c4b5fd0a}.project-thumb{width:100%;aspect-ratio:1/1;background:var(--bg-secondary);overflow:hidden}.project-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card:hover .project-thumb img{transform:scale(1.04)}.project-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;opacity:.15;background:linear-gradient(135deg,var(--bg-secondary),rgba(124,58,237,.08))}.project-body{padding:1.1rem 1.25rem 1.25rem;flex:1;display:flex;flex-direction:column;gap:.4rem}.project-title{font-family:Syne,sans-serif;font-size:.95rem;font-weight:700;color:var(--text-primary)}.project-desc{font-size:.8rem;color:var(--text-muted);line-height:1.6;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.project-links-indicator{display:flex;gap:.75rem;margin-top:.5rem}.link-dot{font-size:.7rem;font-family:DM Mono,Fira Code,monospace;opacity:.7}.projects-empty{grid-column:1 / -1;padding:3rem 0;font-family:DM Mono,Fira Code,monospace;font-size:.85rem;display:flex;align-items:center;gap:.5rem}@media(max-width:900px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.projects-grid{grid-template-columns:1fr}}