.work-gallery-section{width:100%}.gallery-filter-bar{display:flex;align-items:center;gap:1rem;margin-bottom:clamp(3rem,5vw,6rem);flex-wrap:wrap}.filter-btn{font-family:var(--font-mono);font-size:1.3rem;padding:.8rem 1.8rem;border-radius:var(--border-radius-pill);background-color:var(--btn-secondary-bg);color:var(--text-dark);font-weight:500;transition:all .3s ease;border:1px solid var(--btn-secondary-border);cursor:pointer}.filter-btn:hover{background-color:var(--btn-secondary-hover-bg);color:var(--btn-secondary-hover-text);border-color:var(--btn-secondary-hover-border)}.filter-btn.active{background-color:var(--accent);color:#ffffff;border-color:var(--accent)}.project-card{position:relative;border-radius:var(--border-radius-sm);overflow:hidden;cursor:none;background-color:var(--bg-card);border:1px solid var(--border-subtle);transition:transform .5s var(--ease-lnf),box-shadow .5s var(--ease-lnf);display:flex;flex-direction:column}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.12)}.project-media{width:100%;aspect-ratio:16/10;overflow:hidden;position:relative}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-lnf)}.project-card:hover .project-media img{transform:scale(1.06)}.card-badges{position:absolute;top:1.6rem;left:1.6rem;right:1.6rem;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none}.card-info{padding:clamp(2rem,3vw,3.2rem);display:flex;flex-direction:column;gap:1.2rem;background-color:var(--bg-card);flex-grow:1}.card-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.card-title{font-family:var(--font-headline);font-size:clamp(2.4rem,3.5vw,3.6rem);color:var(--text-dark);transition:color .3s ease}.project-card:hover .card-title{color:var(--accent)}.card-arrow{width:3.6rem;height:3.6rem;border-radius:50%;background-color:var(--bg-light);display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .4s var(--ease-lnf),color .3s ease;color:var(--text-dark);flex-shrink:0}.project-card:hover .card-arrow{background-color:var(--accent);color:#ffffff;transform:rotate(45deg)}.card-summary{font-size:1.5rem;color:var(--primary-medium);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}