.projects-page__intro{font-size:var(--font-size-lg);font-weight:400;color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin-bottom:var(--space-2xl);max-width:70ch;margin-left:auto;margin-right:auto;text-align:center}.projects-page__filters{display:flex;gap:var(--space-sm);margin-bottom:var(--space-2xl);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-3xl)}}.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-2xl)}