.projects{position:relative;background:var(--color-bg-secondary)}.projects__header{text-align:center;margin-bottom:var(--space-3xl)}.projects__title{font-size:var(--text-4xl);margin-bottom:var(--space-xl)}.projects__filters{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-3xl)}.projects__filter-btn{padding:.6rem 1.4rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-tertiary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-smooth)}.projects__filter-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.projects__filter-btn--active{color:var(--color-bg-primary);background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.projects__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.projects__card{position:relative;background:var(--color-bg-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:transform var(--duration-normal) var(--ease-smooth),border-color var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth);will-change:transform}.projects__card-inner{display:block;color:inherit;text-decoration:none}.projects__card:hover{transform:translateY(-4px);border-color:var(--color-border-accent);box-shadow:var(--shadow-xl)}.projects__card-image{position:relative;aspect-ratio:16/10;overflow:hidden;isolation:isolate}.projects__card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:transform var(--duration-slow) var(--ease-smooth)}.projects__card:hover .projects__card-image img{transform:scale(1.05)}.projects__card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.6));pointer-events:none;z-index:1}.projects__card-year{top:var(--space-md);right:var(--space-md);font-family:var(--font-display);background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.3rem .8rem}.projects__card-category,.projects__card-year{position:absolute;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#fff;border-radius:var(--radius-full);z-index:2}.projects__card-category{bottom:var(--space-md);left:var(--space-md);background:rgba(201,168,76,.8);padding:.25rem .75rem}.projects__card-body{padding:var(--space-xl)}.projects__card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.projects__card-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-lg);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.projects__card-tech{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-lg)}.projects__card-tag{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-tertiary);background:var(--color-bg-card);border:1px solid var(--color-border);padding:.2rem .6rem;border-radius:var(--radius-sm)}.projects__card-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-accent-primary);transition:gap var(--duration-normal) var(--ease-smooth)}.projects__card-link:hover{gap:var(--space-md)}@media (max-width:640px){.projects__grid{grid-template-columns:1fr}}