.work-filter{padding:30px 3% 26px;border-bottom:1px solid #ffffff23;scroll-margin-top:100px}
.work-filter[hidden],.work-group[hidden]{display:none!important}
.work-filter-buttons{display:flex;flex-wrap:wrap;gap:10px}
.work-filter button{min-height:44px;padding:12px 17px;border:1px solid #ffffff45;background:transparent;color:#fff;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.075em;transition:background-color .2s,border-color .2s}
.work-filter button[aria-pressed="true"]{background:#fff;color:#071016;border-color:#fff}
.work-filter button:hover{border-color:#fff}
.work-filter button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.work-filter-status{display:block;margin-top:17px;color:#c9d5dd;font-size:12px;line-height:1.5;letter-spacing:.08em}
@media(max-width:700px){.work-filter{padding:24px 0}.work-filter-buttons{gap:8px}.work-filter button{padding:11px 13px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.work-filter button{transition:none}}

/* Tighten the transition from filter controls to the first visible category. */
.work-filter+.work-sections{padding-top:0}
.work-filter+.work-sections>.work-group:first-child{padding-top:32px}
.work-filter+.work-sections>.work-group[hidden]+.work-group{padding-top:32px}
@media(max-width:700px){.work-filter+.work-sections>.work-group:first-child,.work-filter+.work-sections>.work-group[hidden]+.work-group{padding-top:24px}}