.work-section{padding-top:40px}.filters{z-index:5;margin:0 calc(var(--gutter) * -1) 40px;padding:14px var(--gutter);background:var(--glass);-webkit-backdrop-filter:saturate(180%)blur(20px);flex-wrap:wrap;gap:8px;display:flex;position:sticky;top:68px}.filter{border:1.5px solid var(--line-strong);border-radius:var(--radius);min-height:40px;color:var(--ink);font:500 14px/1 var(--font);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.filter span{font-family:var(--mono);color:var(--ink-3);font-size:12px;font-weight:400}.filter{border-color:var(--hairline)}.filter:hover{background:var(--tint-hover)}.filter[aria-pressed=true]{background:var(--ink);color:var(--paper)}.filter[aria-pressed=true] span{color:var(--ink-3)}.work-grid{grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:48px 16px;display:grid}.work-grid>.card:not(.card--vertical){grid-column:span 2}@media (max-width:960px){.work-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.work-grid{gap:36px 12px}.filters{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.filter{flex:none}}