.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:clamp(30px,4vh,50px);border-bottom:1px solid var(--line);padding-bottom:22px}
.filters button{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--stone);background:transparent;border:1px solid var(--line);border-radius:999px;padding:9px 18px;cursor:pointer;transition:color .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease)}
.filters button:hover{color:var(--bone);border-color:var(--sand)}
.filters button.on{color:var(--ink);background:var(--ember);border-color:var(--ember)}
.cat-group{margin-bottom:clamp(40px,6vh,72px)}
.cat-group h2{font-family:"Newsreader",serif;font-weight:400;font-size:clamp(24px,3vw,38px);letter-spacing:-.01em;margin-bottom:4px}
.cat-group .gm{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ember);margin-bottom:20px}
.crow{display:grid;grid-template-columns:2.2fr 1.3fr auto;gap:clamp(14px,3vw,44px);align-items:baseline;padding:16px 0;border-top:1px solid var(--line);transition:padding-left .3s var(--ease)}
.cat-group .crow:last-child{border-bottom:1px solid var(--line)}
.crow:hover{padding-left:9px}
.crow .ct{font-family:"Newsreader",serif;font-size:clamp(18px,1.7vw,22px);color:var(--bone)}
.crow .cby{color:var(--stone);font-size:14px}
.crow .cst{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.07em;color:var(--stone);white-space:nowrap;display:inline-flex;align-items:center;gap:.6ch;justify-self:end}
.crow .cst.out{color:#9EB89A}
.crow .cst .arrow{color:var(--ember)}
.crow:hover .cst .arrow{transform:translateX(4px)}
.hidden{display:none}
@media(max-width:820px){
  .crow{grid-template-columns:1fr auto;gap:6px 16px}
  .crow .cby{grid-column:1;font-size:13px}
  .crow .cst{grid-row:1/3;align-self:center}
}