/* ================= Çalışmalarımız (portfolyo) ================= */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px}
.filters .tag{padding:8px 16px;font-size:14px;border-radius:20px;transition:background 150ms,color 150ms}
.filters .tag[aria-pressed="true"]{background:var(--g100);color:#fff}
.works{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.work{background:#fff;border:1px solid var(--g20);display:flex;flex-direction:column;transition:border-color 200ms,transform 400ms var(--ease)}
.work[hidden]{display:none}
.work:hover{border-color:var(--g50)}
.work .shot{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--g100);position:relative;border-bottom:1px solid var(--g20)}
.work .shot img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 900ms var(--ease)}
.work:hover .shot img{transform:scale(1.04)}
.work .shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.18));pointer-events:none}
.work .wbody{padding:24px 24px 28px;display:flex;flex-direction:column;flex:1}
.wtags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.wtags span{font-size:12px;background:var(--g10);padding:4px 10px;border-radius:14px;color:var(--g70)}
.work h3{font-weight:400;font-size:22px;line-height:1.3;margin:0 0 8px}
.work p{font-size:14px;color:var(--g70);line-height:1.5;margin:0 0 20px}
.work .wlinks{margin-top:auto;display:flex;gap:24px;flex-wrap:wrap}
.worksmall{grid-template-columns:repeat(4,1fr);gap:1px;background:var(--g20);border:1px solid var(--g20)}
.worksmall .work{border:0}
.worksmall .wbody{padding:16px 16px 20px}
.worksmall h3{font-size:17px}
.worksmall p{display:none}
.case-shot{margin:48px 0 0;border:1px solid var(--g20)}
.case-shot img{width:100%;height:auto;display:block}
@media(max-width:1056px){.worksmall{grid-template-columns:repeat(2,1fr)}}
@media(max-width:672px){
  .works{grid-template-columns:1fr;gap:24px}
  .worksmall{grid-template-columns:1fr}
  .worksmall p{display:block}
  .filters{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}
  .filters::-webkit-scrollbar{display:none}
  .filters .tag{flex:none}
}