.group-filter{display:inline-flex;align-items:center;gap:12px}.group-chevron{font-size:17px;transition:transform .25s}.group-filter[aria-expanded=true] .group-chevron{transform:rotate(180deg)}
.work-subfilters{position:relative;margin:0 0 28px;padding:20px;border:1px solid var(--line);border-inline-start:3px solid var(--red);background:linear-gradient(125deg,#ff293409,transparent 65%),#141412;animation:subfilter-enter .3s cubic-bezier(.16,1,.3,1)}
.subfilter-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.subfilter-heading h3{font:12px monospace;letter-spacing:1px;margin:0}.subfilter-close{background:transparent;border:1px solid var(--line);width:32px;height:32px;font:22px Arial;color:var(--cream)}
.subfilter-choices{display:flex;gap:8px;flex-wrap:wrap}.subfilter-choices button{display:flex;align-items:center;gap:16px;min-height:42px;padding:10px 13px;background:transparent;border:1px solid var(--line);color:var(--cream);font:11px monospace;transition:border-color .2s,background .2s}.subfilter-choices button:hover,.subfilter-choices button:focus-visible{border-color:var(--red)}.subfilter-choices button.active{background:var(--red);border-color:var(--red);color:var(--black)}.subfilter-count{opacity:.6;font:10px monospace}.subfilter-choices button:focus-visible,.subfilter-close:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
[dir=rtl] .subfilter-heading h3,[dir=rtl] .subfilter-choices button{font-family:inherit;letter-spacing:0}
@keyframes subfilter-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.work-subfilters{padding:14px}.subfilter-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.subfilter-choices button{justify-content:space-between;gap:6px;font-size:10px}.subfilter-heading h3{font-size:11px}}
@media(prefers-reduced-motion:reduce){.work-subfilters{animation:none}.group-chevron,.subfilter-choices button{transition:none}}