.projects{padding:var(--space-3xl) 0}.projects__intro{max-width:700px;margin:0 auto var(--space-2xl);text-align:center}.projects__intro p{font-size:var(--font-size-lg);color:var(--color-text)}.projects-filter{justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.projects-filter__btn{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:2px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-bg-white);color:var(--color-text);cursor:pointer;transition:all var(--transition-base);padding:.5rem 1.25rem}.projects-filter__btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.projects-filter__btn--active{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.projects-filter__btn--active:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-primary)}.projects-grid{gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{background-color:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-card--hidden{display:none}.project-card__body{padding:var(--space-xl)}.project-card__tag{background-color:var(--color-accent-light);color:var(--color-accent-hover);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);padding:.2rem .75rem;display:inline-block}.project-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-dark);margin-bottom:var(--space-sm)}.project-card__text{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-normal);margin-bottom:var(--space-lg)}.project-card__meta{gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.project-card__meta-item{background-color:var(--color-bg-light);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text);align-items:center;gap:4px;padding:.2rem .6rem;display:inline-flex}.project-card__meta-item:before{content:"";border-radius:var(--radius-full);background-color:var(--color-accent);flex-shrink:0;width:6px;height:6px;display:inline-block}.project-card__title a{color:inherit;transition:color var(--transition-base);text-decoration:none}.project-card__title a:hover{color:var(--color-accent)}.project-card__link{align-items:center;gap:var(--space-xs);margin-top:var(--space-md);color:var(--color-accent);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:gap var(--transition-fast);text-decoration:none;display:inline-flex}.project-card__link:hover{gap:var(--space-sm);color:var(--color-accent-hover)}.project-card__link:after{content:"→"}