/* Filter tabs */
.ag-wk-filter{padding:0 clamp(20px,5vw,60px);border-bottom:1px solid var(--border);}
.ag-wk-filter__inner{max-width:1200px;margin:0 auto;display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.ag-wk-filter__btn{font-family:var(--mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);background:none;border:none;border-bottom:2px solid transparent;padding:clamp(14px,2vh,20px) clamp(14px,2vw,24px);cursor:pointer;white-space:nowrap;transition:color .3s,border-color .3s;}
.ag-wk-filter__btn:hover{color:var(--text);}
.ag-wk-filter__btn.is-active{color:var(--fg);border-bottom-color:var(--fg);}

/* Projects grid */
.ag-wk{padding:clamp(40px,6vh,80px) clamp(20px,5vw,60px);}
.ag-wk__inner{max-width:1200px;margin:0 auto;}
.ag-wk__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,40px);}

/* Project item — pixel effect */
.ag-wk__item{display:block;color:var(--text);overflow:hidden;transition:opacity .4s;}
.ag-wk__item.is-hidden{display:none;}

.ag-wk__item-img{position:relative;overflow:hidden;aspect-ratio:16/10;background:rgba(255,255,255,.03);}
.ag-wk__item-img img{width:100%;height:100%;object-fit:cover;transition:opacity .5s ease;}
.ag-wk__item-img canvas.px-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s ease;}
.ag-wk__item:hover .ag-wk__item-img img{opacity:0;}
.ag-wk__item:hover .ag-wk__item-img canvas.px-canvas{opacity:1;}
.ag-wk__item-placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgba(0,51,196,.08),rgba(0,51,196,.02));}

.ag-wk__item-overlay{position:absolute;inset:0;z-index:3;background:rgba(10,10,10,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s;}
.ag-wk__item:hover .ag-wk__item-overlay{opacity:1;}
.ag-wk__item-view{font-family:var(--mono);font-size:.7rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.1em;padding:10px 24px;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(4px);}

.ag-wk__item-info{display:flex;align-items:baseline;gap:clamp(10px,1.5vw,18px);padding:clamp(12px,1.5vh,18px) 0;}
.ag-wk__item-num{font-family:var(--mono);font-size:.65rem;color:var(--fg);opacity:.5;}
.ag-wk__item-meta{display:flex;flex-direction:column;gap:3px;}
.ag-wk__item-title{font-family:var(--sans);font-size:clamp(.85rem,1.3vw,1.1rem);font-weight:700;color:var(--text);margin:0;transition:color .3s;}
.ag-wk__item:hover .ag-wk__item-title{color:var(--fg);}
.ag-wk__item-tag{font-family:var(--mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);}
.ag-wk__item-year{font-family:var(--mono);font-size:.55rem;color:var(--text-dim);}

/* Responsive */
@media(max-width:768px){
  .ag-wk__grid{grid-template-columns:1fr;}
}