/* İşler galeri — yalnızca /isler/ */

.filters{
  display:flex;flex-wrap:wrap;gap:10px;
  padding:clamp(24px,4vw,40px) 0 clamp(32px,5vw,48px);
  border-bottom:1px solid var(--line);
}
.filters button{
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;
  padding:12px 18px;border:1px solid var(--line);color:var(--mute);
  transition:color .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease);
}
.filters button:hover{color:var(--ivory);border-color:color-mix(in srgb,var(--ivory) 35%,transparent)}
.filters button[aria-pressed="true"]{
  color:var(--amber);border-color:var(--amber);
  background:color-mix(in srgb,var(--amber) 8%,transparent);
}

.works-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,32px);
  padding:clamp(40px,6vw,72px) 0 var(--section);
}
@media (max-width:900px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.works-grid{grid-template-columns:1fr}}

.work{
  position:relative;
  opacity:1;
  transition:opacity .4s var(--ease);
}
.work[hidden]{display:none}

.work-visual{
  position:relative;overflow:hidden;aspect-ratio:813/441;
  background:var(--bg2);margin-bottom:16px;
}
.work-visual::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,color-mix(in srgb,var(--bg) 72%,transparent) 0%,transparent 45%);
  z-index:1;
}
.work-visual a{display:block;height:100%}
.work-visual img{
  width:100%;height:100%;object-fit:cover;
  transition:transform 1.2s var(--ease);
}
.work:hover .work-visual img{transform:scale(1.04)}

.work-logo{
  position:absolute;top:14px;right:14px;z-index:2;
  max-width:72px;max-height:28px;width:auto;height:auto;
  opacity:.7;filter:invert(1);pointer-events:none;
}

.work-meta h2{font-size:clamp(22px,2.4vw,28px);line-height:1.05;margin-bottom:8px}
.work-meta .lab{font-variant-numeric:tabular-nums}

.work-more{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

.cta-band{
  border-top:1px solid var(--line);
  padding:var(--section) 0;
  text-align:center;
}
.cta-band h2{
  font-size:clamp(32px,4.5vw,56px);line-height:1.05;
  margin-bottom:clamp(24px,4vw,36px);
}
.cta-band .btn{display:inline-flex}

@media (prefers-reduced-motion:reduce){
  .work{transition:none}
  .work-visual img{transition:none}
  .work:hover .work-visual img{transform:none}
}

.work img{width:100%;height:auto;display:block}