/* Original ordering capsules, fitted to the editorial frame and card faces. */
.work-tag-controls{max-width:1420px;margin:0 70px 0 48px;padding:21px 0 0}
.work-tag-controls .case-tags:not([hidden]){display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.work-tag-controls .case-tag{--tag-on:color-mix(in srgb,var(--wine) 14%,var(--paper));display:inline-flex;align-items:center;min-height:36px;border-radius:999px;background:color-mix(in srgb,var(--wine) 6%,var(--paper));transition:background-color 180ms ease}
.work-tag-controls .case-tag:hover{background:color-mix(in srgb,var(--wine) 10%,var(--paper))}
.work-tag-controls .case-tag[data-state]{background:var(--tag-on)}
.work-tag-controls .case-tag-name{appearance:none;border:0;background:none;cursor:pointer;font:500 11px/1.2 var(--font-body);color:var(--wine);min-height:36px;padding:0 14px;border-radius:999px;white-space:nowrap}
.work-tag-controls .case-tag[data-state] .case-tag-name{font-weight:700;padding-right:6px}
.work-tag-controls .case-tag[data-state=sink] .case-tag-name{text-decoration:line-through;text-decoration-thickness:1.5px}
.work-tag-controls .case-tag-ops{display:grid;grid-template-columns:0fr;transition:grid-template-columns 200ms cubic-bezier(.22,1,.36,1)}
.work-tag-controls .case-tag[data-state] .case-tag-ops{grid-template-columns:1fr}
.work-tag-controls .case-tag-ops-in{display:flex;min-width:0;overflow:hidden}
.work-tag-controls .case-tag-op{appearance:none;border:0;background:none;cursor:pointer;flex:none;display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:50%;color:var(--wine)}
.work-tag-controls .case-tag-op:last-child{margin-right:3px}
.work-tag-controls .case-tag-op:hover{background:color-mix(in srgb,var(--wine) 12%,transparent)}
.work-tag-controls button:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.work-tag-controls .case-tag-op:focus-visible{outline-offset:-2px}
.work-tag-controls .case-tag-op circle,.work-tag-controls .case-tag-op path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.work-tag-controls .case-tag-op[aria-pressed=true] circle{fill:currentColor}
.work-tag-controls .case-tag-op[aria-pressed=true] path{stroke:var(--tag-on)}
.work-tag-controls .case-tags-clear{appearance:none;border:0;background:none;cursor:pointer;min-height:36px;padding:0 8px;font:500 9px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--wine)}
.work-tag-controls .case-tags-clear:hover{color:var(--violet)}
.work-tag-controls .case-tags-clear[hidden]{display:none}
.work-tag-controls .case-tags-status{min-height:1.6em;margin:12px 0 0;font:400 9px/1.6 var(--font-mono);color:var(--wine)}
.work-tag-controls .case-tag-hint{margin:12px 0 0;font:400 9px/1.6 var(--font-mono);color:var(--wine)}
.project-tags{list-style:none;display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0;min-width:0;max-width:100%;text-align:left}
.project-tags li{display:block;max-width:100%;box-sizing:border-box;white-space:nowrap;font:500 10px/1.2 var(--font-body);letter-spacing:0;text-transform:none;color:inherit;border:1px solid currentColor;border-radius:999px;padding:4px 7px;transition:color 180ms,border-color 180ms,background-color 180ms}
.project-tags li.lead{font-weight:800}
.project-tags li.sink{text-decoration:line-through;text-decoration-thickness:1px}
.gallery-plane .project-caption{align-items:flex-end;gap:8px;left:14px;right:14px;bottom:14px}
.gallery-plane .project-caption>.project-tags{flex:1;gap:4px}
.gallery-plane .project-tags li{font-size:9px;padding:3px 6px;background:color-mix(in srgb,var(--cover-color) 78%,transparent);border-color:color-mix(in srgb,var(--cover-ink) 55%,transparent);text-shadow:none}
.gallery-plane .project-tags li.lead{background:var(--cover-ink);color:var(--cover-color);border-color:var(--cover-ink)}
/* The selected project already has a separate opening link. Keep the small
   card's entire caption width for tags instead of a repeated arrow. */
.gallery-plane .project-caption>span{display:none}
.index-collection .project-caption{align-items:flex-start;gap:12px}
.index-collection .project-caption>.project-tags{flex:1;gap:6px}
.index-collection .project-tags li{font-size:11px;padding:5px 9px;color:var(--wine);border-color:var(--line)}
.index-collection .project-tags li.lead{border-color:var(--violet);background:color-mix(in srgb,var(--violet) 8%,var(--paper))}
.index-collection .project-caption>span{display:block;flex:none;font-size:22px;line-height:1}
@media(max-width:700px){
  .work-tag-controls{margin:0 38px 0 26px;padding-top:18px}
  .work-tag-controls .case-tags:not([hidden]){gap:6px}
  .work-tag-controls .case-tag-name{font-size:10px;padding:0 11px}
  .work-tag-controls .case-tags-status{font-size:8px;margin-top:10px}
  .gallery-plane .project-caption{left:9px;right:9px;bottom:10px;gap:4px}
  .gallery-plane .project-caption>.project-tags{gap:3px}
  .gallery-plane .project-tags li{font-size:8px;line-height:1.15;padding:3px 5px}
  .gallery-plane .project-caption>span{font-size:12px}
  .index-collection .project-tags li{font-size:10px;padding:4px 7px}
}
@media(prefers-reduced-motion:reduce){.work-tag-controls .case-tag,.work-tag-controls .case-tag-ops,.project-tags li{transition:none}}

@media(min-width:1500px){.work-tag-controls{margin-inline:auto}}