body[data-page=works]{--bengara: #8f2e14;--sumi: #1e1b18;--slug: #26201d;--slug-2: #2e2723}.works{display:grid;grid-template-columns:minmax(340px,520px) minmax(0,1fr);grid-template-areas:"intro press" "picker press" "case press";grid-template-rows:auto auto 1fr;gap:0 clamp(24px,3vw,48px);padding:96px var(--gutter-r) 64px var(--gutter);max-width:1680px;margin:0 auto}.works h2{margin:0;font:500 12px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ivory)}.works .hint{margin:6px 0 14px;font-size:14.5px;line-height:1.5;color:var(--ivory-2)}.works button{font:inherit;color:inherit}.intro{grid-area:intro;padding-bottom:28px}.intro h1{margin:10px 0 12px;font:560 clamp(34px,3.6vw,50px)/1.02 var(--display);font-variation-settings:"opsz" 96;letter-spacing:-.01em}.intro .lede{margin:0;max-width:34em;font-size:17px;line-height:1.55;color:var(--ivory-2)}.picker{grid-area:picker;padding:22px 0 26px;border-top:1px solid var(--rule)}.pk-fam{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px}.pk-lbl{font:500 10.5px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:4px}.pk-row{display:contents}.pk{appearance:none;cursor:pointer;padding:6px 11px 5px;border:1px solid var(--rule);border-radius:999px;background:none;font:500 12.5px/1.2 var(--mono)!important;letter-spacing:.02em;color:var(--ivory-2)!important;transition:background .15s,color .15s,border-color .15s}.pk:hover{border-color:var(--muted);color:var(--ivory)!important}.pk[aria-pressed=true]{background:var(--ivory);border-color:var(--ivory);color:var(--ground)!important}.pk-note{min-height:1.4em;margin:4px 0 0;font-size:14px;color:var(--ivory-2)}.pk-note button{appearance:none;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;color:var(--ivory)!important}.case{grid-area:case;padding-top:22px;border-top:1px solid var(--rule)}.case-head{display:flex;justify-content:space-between;align-items:baseline}.reset{appearance:none;cursor:pointer;background:none;border:0;padding:4px 0;font:500 11px/1 var(--mono)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)!important}.reset:hover{color:var(--ivory)!important}.case-list,.cs-list{position:relative}.cs{position:relative;margin-bottom:14px;padding:10px 12px 12px;border:1px solid var(--rule);border-radius:6px;background:#1a1513}.cs-bar,.ce-bar{display:flex;align-items:center;gap:8px}.grip{appearance:none;flex:none;width:24px;height:28px;margin-left:-4px;border:0;border-radius:4px;background:none;cursor:grab;touch-action:none;color:var(--muted)!important;font-size:15px!important;line-height:1}.grip:hover,.grip:focus-visible{background:#f3eee514;color:var(--ivory)!important}.cs-name,.ce-name{appearance:none;flex:1;min-width:0;text-align:left;cursor:pointer;background:none;border:0;padding:4px 0}.cs-name{font:500 12px/1.2 var(--mono)!important;letter-spacing:.14em;text-transform:uppercase}.cs-name:after,.ce-name:after{content:"Set";float:right;margin-left:10px;font:500 10px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.cs-name[aria-pressed=false]:after,.ce-name[aria-pressed=false]:after{content:"In the case"}.cs-name[aria-pressed=false],.ce-name[aria-pressed=false]{opacity:.5}.cs.off>.cs-list{opacity:.45}.cs-list{display:grid;gap:8px;margin-top:6px}.ce{position:relative;padding:6px 8px 8px;border-radius:4px;background:var(--slug)}.ce-name{font:560 16px/1.25 var(--display)!important}.ce.off>:not(.ce-bar){opacity:.5}.ce.solo>.ce-bar{display:none}.ce-text{margin:2px 0 0 28px;font-size:14px;line-height:1.4;color:var(--ivory-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slugs{list-style:none;margin:6px 0 0 28px;padding:0;display:grid;gap:5px}.slug{appearance:none;display:block;width:100%;text-align:left;cursor:pointer;padding:7px 10px 7px 12px;border-radius:3px;border:1px dashed rgba(165,156,144,.35);background:none;transition:background .15s,border-color .15s;position:relative}.slug .t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.4;color:var(--muted)}.slug[aria-pressed=true]{border:1px solid #4a403a;background:var(--slug-2);box-shadow:inset 3px 0 0 var(--ivory-2)}.slug[aria-pressed=true] .t{color:var(--ivory)}.slug:hover{border-color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.tags i{font:normal 500 10px/1.2 var(--mono);letter-spacing:.04em;padding:2px 6px;border-radius:999px;border:1px solid #4a403a;color:var(--muted)}.tags i.hit{border-color:#e2b35c;color:#e2b35c}.items{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:7px 0 0 28px}.items .lbl{font:500 10px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:2px}.chip{appearance:none;cursor:pointer;padding:4px 9px 3px;border-radius:999px;border:1px dashed rgba(165,156,144,.4);background:none;font:500 11.5px/1.2 var(--mono)!important;color:var(--muted)!important}.chip[aria-pressed=true]{border:1px solid #4a403a;background:var(--slug-2);color:var(--ivory)!important}.chip.hit{border-color:#e2b35c}.lit-case{outline:1px solid #e2b35c;outline-offset:2px}.lifted{z-index:5;box-shadow:0 14px 32px #00000073;cursor:grabbing}.case-list.dragging{user-select:none;-webkit-user-select:none}.case-list.compact .cs-list,.case-list.compact .cs>.hint{display:none}.flash{animation:flash 1.1s ease}@keyframes flash{0%,40%{box-shadow:0 0 0 2px #e2b35c}to{box-shadow:0 0 0 2px transparent}}.press{grid-area:press;position:sticky;top:76px;height:calc(var(--screen) - 96px);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px}.proof{position:relative;min-height:0}.proof-wait{position:absolute;inset:0;display:grid;place-items:center;margin:0;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.proof-stage{position:absolute;inset:0}.proof-sheet{position:absolute;left:0;top:0;background:#fff;border-radius:1px;box-shadow:0 1px 2px #0000004d,0 18px 50px #00000073;transition:transform .35s var(--ease-out),width .35s var(--ease-out),height .35s var(--ease-out)}.proof-piece{position:absolute;left:0;top:0;display:block;cursor:pointer;border-radius:1px;transition:transform .35s var(--ease-out),opacity .25s,width .35s var(--ease-out),height .35s var(--ease-out)}.proof-piece.new,.proof-piece.gone{opacity:0}.proof-piece.lit{background:#e2b35c38;box-shadow:0 0 0 2px #e2b35c59}.proof-piece:hover{background:#e2b35c1f}.ticket{position:relative;display:grid;grid-template-columns:auto 1fr;gap:6px 22px;align-items:center;padding:14px 18px;border-radius:6px;background:var(--ivory);color:var(--sumi)}.ticket:before{content:"";position:absolute;left:0;right:0;top:-1px;height:6px;background:radial-gradient(circle at 4px -1px,var(--ground) 3px,transparent 3.5px) 0 0 / 10px 6px repeat-x}.tk-k{margin:0;font:500 10.5px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#6d655b}.tk-pages{margin:4px 0 0;font-size:15px}.tk-pages b{font:560 20px/1 var(--display)}.tk-pages span{color:#5a544c}.tk-ink{display:flex;flex-wrap:wrap;gap:4px 22px;margin:0}.tk-ink div{display:flex;align-items:baseline;gap:8px}.tk-ink dt{font-size:14px}.tk-ink dt span{color:#6d655b}.tk-ink dd{margin:0;font:500 16px/1 IBM Plex Sans,system-ui,sans-serif;font-variant-numeric:tabular-nums}.sw{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%;vertical-align:-1px}.sw.sumi{background:var(--sumi)}.sw.bengara{background:var(--bengara)}.tk-stock{grid-column:1 / -1;margin:2px 0 0;font-size:13px;line-height:1.4;color:#5a544c}.tk-act{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.tk-paper{display:inline-flex;padding:3px;border:1px solid rgba(30,27,24,.25);border-radius:999px}.tk-paper button{appearance:none;border:0;background:none;cursor:pointer;padding:6px 11px;border-radius:999px;font:500 11px/1 var(--mono)!important;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.tk-paper button[aria-pressed=true]{background:#1e1b181a;opacity:1}.tk-go{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.tk-make{font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sumi);text-underline-offset:4px}.tk-make:hover{color:var(--bengara)}.tk-print{appearance:none;border:0;cursor:pointer;padding:11px 18px 10px;border-radius:999px;background:var(--bengara);color:#f6efe6!important;font:500 12px/1 var(--mono)!important;letter-spacing:.12em;text-transform:uppercase}.tk-print:hover{background:#a23a1c}.tk-print:disabled{opacity:.5;cursor:progress}.tk-status{grid-column:1 / -1;margin:0;min-height:0;font-size:13px;color:#5a544c}.tk-status:empty{display:none}.tk-peek{display:none}@media(max-width:900px){.works{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "picker" "case";padding-bottom:210px}.press{position:fixed;z-index:20;inset:auto 0 0;height:auto;gap:0;grid-template-rows:auto auto;pointer-events:none}.press>*{pointer-events:auto}.proof{display:none;height:calc(var(--screen) - 300px);margin:0 10px 10px}.press.open .proof{display:block}.press.open{top:64px;grid-template-rows:minmax(0,1fr) auto;background:#15110ff0}.ticket{grid-template-columns:minmax(0,1fr);border-radius:10px 10px 0 0;padding:12px var(--gutter-r) calc(12px + env(safe-area-inset-bottom,0px)) var(--gutter);gap:6px}.tk-pages{margin-top:2px}.tk-ink{gap:4px 18px}.tk-ink dt{font-size:13.5px}.tk-ink dt span,.tk-stock{display:none}.tk-ink dd{font-size:14px}.tk-act{margin-top:2px}.tk-peek{display:block;position:absolute;right:var(--gutter-r);top:12px;appearance:none;border:1px solid rgba(30,27,24,.3);border-radius:999px;background:none;cursor:pointer;padding:6px 11px;font:500 11px/1 var(--mono)!important;letter-spacing:.08em;text-transform:uppercase}}