.ww-work__filters{border:0;margin:0 0 var(--ww-sp-8);padding:0;display:flex;flex-wrap:wrap;gap:var(--ww-sp-2)}
.ww-work__filters input{position:absolute;opacity:0;width:1px;height:1px}
.ww-work__filters label{cursor:pointer;min-height:40px;display:inline-flex;align-items:center;gap:.5em;padding:0 1.1em;border:1px solid var(--ww-raised);border-radius:var(--ww-radius-pill);font-family:var(--ww-font-mono);font-size:var(--ww-fs-xs);letter-spacing:.08em;text-transform:uppercase}
.ww-work__filters label span{color:var(--ww-muted)}
.ww-work__filters input:checked+label{background:var(--ww-red);border-color:var(--ww-red);color:#0B0B0F}
.ww-work__filters input:checked+label span{color:#0B0B0F}
.ww-work__filters input:focus-visible+label{outline:2px solid var(--ww-red);outline-offset:3px}
.ww-work__grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--ww-sp-8) var(--ww-sp-6);grid-template-columns:1fr}
@media (min-width:640px){.ww-work__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.ww-work__grid{grid-template-columns:repeat(3,1fr)}}
.ww-work__item .ww-case__text{font-size:var(--ww-fs-sm)}
.ww-work__item .ww-case__title{font-family:var(--ww-font-body);text-transform:none;font-weight:700}
.ww-work:has(#ww-wf-website:checked) .ww-work__item:not([data-type=website]),.ww-work:has(#ww-wf-eshop:checked) .ww-work__item:not([data-type=eshop]),.ww-work:has(#ww-wf-booking:checked) .ww-work__item:not([data-type=booking]),.ww-work:has(#ww-wf-app:checked) .ww-work__item:not([data-type=app]){display:none}
