/* ===== Work index ===== */
.work-hero{padding-top:calc(env(safe-area-inset-top,0px) + clamp(110px,12vw,150px));padding-bottom:clamp(32px,4vw,48px)}
.work-hero .kick{display:block;margin-top:14px}
.work-hero .h-xl{margin-top:16px}
.work-hero .lede{margin-top:20px;max-width:52ch}
.filters{margin-top:clamp(28px,4vw,44px);display:grid;gap:14px}
.fgroup{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.fgroup .kick{width:84px;color:var(--muted)}
.chip{height:40px;padding:0 16px;border-radius:999px;border:0;cursor:pointer;background:transparent;color:var(--ink);font:500 14px/1 var(--f-sans);box-shadow:inset 0 0 0 1px var(--line-2);display:inline-flex;align-items:center;gap:8px}
.chip span{font:500 11px/1 var(--f-mono);color:var(--muted)}
.chip:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.chip[aria-pressed="true"] span{color:inherit;opacity:.7}
.worklist{padding-bottom:clamp(80px,10vw,140px)}
.grid-work{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:720px){.grid-work{grid-template-columns:1fr}}
.cs[hidden]{display:none}
.empty{padding:40px 0;color:var(--muted)}