/* ============================================================
   PROJECTS — filter pills, card spec tags
   (project grid + cards inherit from global.css)
   ============================================================ */

.filter-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(36px,4vw,56px);}
.filter-pill{padding:8px 16px;border:1px solid var(--line);border-radius:999px;font-size:12.5px;letter-spacing:.01em;color:var(--ink-2);transition:background .2s,color .2s,border-color .2s;}
.filter-pill:hover{border-color:var(--ink);color:var(--ink);}
.filter-pill.active{background:var(--ink);color:var(--bg);border-color:var(--ink);}

.proj .spec-tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 2px 0;}
.proj .spec-tag{font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:3px 8px;}
.proj .btn-link{display:inline-flex;align-items:center;gap:7px;margin:14px 2px 0;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);}
.proj .btn-link::after{content:"→";color:var(--accent);transition:transform .25s ease;}
.proj:hover .btn-link::after{transform:translateX(4px);}