.works-home-main{padding-top:calc(var(--nav-height) + 40px);padding-bottom:110px}
.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 calc(43.329 * var(--u)) 28px calc(43 * var(--u));padding:0}
.portfolio-filters button{border:1px solid transparent;border-radius:999px;padding:10px 16px;min-height:44px;font-size:14px;color:#626262;background:#fff}
.portfolio-filters button:hover{background:#f5f5f7;color:#202124}
.portfolio-filters button[aria-pressed="true"]{background:var(--blue);color:#fff}
.portfolio-filters .works-filter__count{font-size:11px;vertical-align:top;margin-left:4px}
.works-home .project[hidden]{display:none!important}
.works-home .work-gallery.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(38 * var(--u));row-gap:calc(234 * var(--u))}
.works-home .is-filtered .project-row{display:contents}
.works-home .is-filtered .project{width:auto;margin:0}
.works-home .is-filtered .inset-caption{padding-left:0}
@media(max-width:700px){
 .works-home-main{padding-top:calc(var(--nav-height) + 24px);padding-bottom:70px}
 .portfolio-filters{margin:0 16px 24px;gap:4px}
 .portfolio-filters button{padding:9px 12px;font-size:13px}
 .works-home .work-gallery.is-filtered{grid-template-columns:1fr;gap:48px}
}