.work-hero{min-height:clamp(440px,72vh,760px)}.work-hero .hero-sub{color:#fff;font-family:Lexend,sans-serif;font-size:clamp(18px,1.9vw,25px);font-weight:200;line-height:1.3;margin:22px 0 0;max-width:40ch;opacity:.92}.work-hero .hero-sub a{color:#fff;text-decoration:underline;text-underline-offset:3px}.work-filter{background:var(--surface);border-radius:999px;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:0 auto clamp(34px,4.2vw,56px);max-width:94vw;padding:6px;width:max-content}.wf-tab{background:transparent;border:0;border-radius:999px;color:var(--text-soft);cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:.07em;padding:10px 22px;text-transform:uppercase;transition:color .2s var(--ease),background .2s var(--ease)}.wf-tab.active,.wf-tab:hover{color:var(--text)}.wf-tab.active{background:var(--card-bg);box-shadow:0 1px 5px rgba(13,21,38,.12)}.work-grid{display:grid;gap:clamp(16px,1.8vw,26px);grid-template-columns:repeat(3,1fr)}.work-card{cursor:pointer}.work-card-media{aspect-ratio:16/9;background:var(--surface);overflow:hidden;position:relative}.work-card-bg{background:50%/cover no-repeat;inset:0;position:absolute;transition:transform .6s var(--ease);z-index:0}.work-card:hover .work-card-bg{transform:scale(1.05)}.work-card-ov{background:linear-gradient(180deg,rgba(7,11,20,0) 45%,rgba(7,11,20,.6));inset:0;opacity:0;position:absolute;transition:opacity .3s var(--ease);z-index:1}.work-card:hover .work-card-ov{opacity:1}.work-play{color:#fff;display:grid;filter:drop-shadow(0 2px 10px rgba(7,12,24,.55));left:50%;place-items:center;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .25s var(--ease);z-index:2}.work-play svg{height:46px;margin-left:0;width:46px}.work-card:hover .work-play{transform:translate(-50%,-50%) scale(1.12)}.work-card-meta{padding:14px 2px 0}.work-card-client{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}@media (max-width:900px){.work-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.work-grid{grid-template-columns:1fr}}