.projects-page__filters{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:center}@media(min-width:768px){.projects-page__filters{justify-content:flex-start;gap:var(--space-md);margin-bottom:var(--space-2xl)}}.projects-page__filter{font-size:var(--font-size-base);font-weight:400;line-height:var(--line-height-base);padding:var(--space-sm) var(--space-lg);border:2px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-weight:500}.projects-page__filter:hover{background:var(--color-bg-elevated);border-color:var(--color-border-hover)}.projects-page__filter--active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.projects-page__filter--active:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.projects-page__grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:640px){.projects-page__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-xl)}}@media(min-width:1024px){.projects-page__grid{gap:var(--space-2xl)}}