.project-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.project-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.project-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.project-card__title{font-size:1.25rem;font-weight:600}.project-card__title a{color:inherit;text-decoration:none}.project-card__title a:hover{color:var(--color-accent)}.project-card__category{flex-shrink:0;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.project-card__description{color:var(--color-text-secondary);margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.project-card__links{display:flex;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.project-card__links a{font-family:var(--font-mono);font-size:.875rem;color:var(--color-accent);text-decoration:none}.project-card__links a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.project-card__links a:hover{text-decoration:underline}.projects-page{padding-block:var(--space-12)}.projects-page__header{margin-bottom:var(--space-8)}.projects-page__header h1{margin-bottom:var(--space-2)}.projects-page__header p{color:var(--color-text-secondary)}.project-filter{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.project-filter__header{display:flex;margin-bottom:var(--space-2)}.project-filter__group{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-3)}.project-filter__label{font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;width:110px;flex-shrink:0;padding-top:var(--space-1)}.project-filter__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);flex:1 1}.project-filter__button{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--color-text-secondary);background-color:var(--color-bg-secondary);border:1px solid transparent;border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer}.project-filter__button:hover{opacity:.85}.project-filter__button--active{border-width:2px}.project-filter__button:not(.project-filter__button--tech){padding:var(--space-1) var(--space-3);background-color:var(--color-bg-secondary);border-color:var(--color-border)}.project-filter__button:not(.project-filter__button--tech):hover{background-color:var(--color-border);opacity:1}.project-filter__button:not(.project-filter__button--tech).project-filter__button--active{color:var(--color-accent);background-color:var(--color-accent-subtle);border-color:var(--color-accent)}.project-filter__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:root{--color-bg-primary:#fafaf9;--color-bg-secondary:#f5f5f4;--color-bg-elevated:#fff;--color-text-primary:#1c1917;--color-text-secondary:#57534e;--color-text-muted:#a8a29e;--color-accent:#f59e0b;--color-accent-hover:#d97706;--color-accent-subtle:#fef3c7;--color-border:#e7e5e4;--color-border-strong:#d6d3d1;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:150ms ease;--transition-normal:250ms ease}[data-theme=dark]{--color-bg-primary:#0c0a09;--color-bg-secondary:#1c1917;--color-bg-elevated:#292524;--color-text-primary:#fafaf9;--color-text-secondary:#a8a29e;--color-text-muted:#78716c;--color-accent:#fbbf24;--color-accent-hover:#fcd34d;--color-accent-subtle:#451a03;--color-border:#292524;--color-border-strong:#44403c;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 15px rgba(0,0,0,.5)}.project-grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6);grid-template-columns:1fr}@media(min-width:768px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.project-grid{grid-template-columns:repeat(3,1fr)}}.project-grid__empty{padding:var(--space-12);text-align:center;color:var(--color-text-muted);font-family:var(--font-mono)}