.project-filters{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:.5rem;display:flex}.filter-btn{border:1px solid var(--border);background:var(--card);color:var(--muted);font-family:var(--font-space-grotesk);cursor:pointer;border-radius:9999px;padding:.5rem 1.2rem;font-size:1rem;font-weight:500;transition:all .25s}.filter-btn:hover{border-color:var(--primary);color:var(--fg)}.filter-btn--active{background:var(--primary);color:#fff;border-color:var(--primary)}.project-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;width:100%;display:grid}.project-card{background:var(--card);border:1px solid var(--border);border-radius:1rem;flex-direction:column;padding:1.5rem;transition:all .35s;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:var(--accent-hl,var(--accent));box-shadow:0 16px 40px var(--shadow);transform:translateY(-4px)}.project-card__header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.project-card__icon-wrap{background:var(--bg-soft);border-radius:.7rem;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.project-card__title-area{flex-direction:column;flex:1;min-width:0;display:flex}.project-card__category{font-size:.85rem;font-weight:600;font-family:var(--font-space-grotesk);text-transform:uppercase;letter-spacing:.05em}.project-card__link{border:1px solid var(--border);background:var(--bg);width:36px;height:36px;color:var(--muted);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.project-card__link:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.1)}.project-card__gradient-preview{border-radius:.75rem;width:100%;height:9rem;margin-bottom:1.25rem;position:relative;overflow:hidden}.project-card__gradient-bg{width:100%;height:100%}.project-card__gradient-icon{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-card__features{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.feature-chip{background:var(--bg-soft);color:var(--fg);font-size:.9rem;font-weight:500;font-family:var(--font-space-grotesk);border-radius:9999px;padding:.3rem .75rem}.project-card__tech{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.tech-tag{border:1px solid var(--border);color:var(--muted);font-size:.9rem;font-weight:500;font-family:var(--font-space-grotesk);border-radius:9999px;padding:.3rem .75rem}.project-card__footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;display:flex}.project-card__date{color:var(--muted);font-size:.95rem;font-family:var(--font-space-grotesk)}.project-card__status{text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600;font-family:var(--font-space-grotesk);border-radius:9999px;padding:.25rem .7rem}.project-card__status--active{color:var(--secondary);background:#2f6b5326}.project-card__status--maintenance{color:var(--amber);background:#c9992e26}.project-card__status--archived{color:var(--muted);background:#5f6b7426}@media (max-width:700px){.project-grid{grid-template-columns:1fr}}