.project-filter{flex-wrap:wrap;gap:8px;margin-bottom:clamp(1.25rem,1rem + 1vw,1.75rem);display:flex}.project-filter button{border:1px solid var(--border);color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);cursor:pointer;background-color:#0000;border-radius:999px;padding:8px 18px;transition:border-color .2s,color .2s,background-color .2s}.project-filter button:hover{border-color:var(--accent);color:var(--accent-ink)}.project-filter button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-filter button.active{color:var(--text-white);background-color:var(--accent);border-color:var(--accent)}.projects-empty{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:40px 0}