@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2) format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2")}:root{--paper: #0e1110;--ink: #f3f6ef;--muted: #b7c2b4;--lime: #d6ff3f;--lime-ink: #12160d;--line: rgba(214, 255, 63, .38);--focus: #d6ff3f;--header: 4.35rem;--bench: 12.75rem;--scrim: rgba(14, 17, 16, .94);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:Barlow,Arial Narrow,sans-serif;font-size:1rem;line-height:1.4}.skip{position:absolute;left:1rem;top:-4rem;background:var(--lime);color:var(--lime-ink);padding:.55rem .75rem;z-index:30}.skip:focus{top:.6rem}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}::selection{background:var(--lime);color:var(--lime-ink)}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:pan-y}#figure{position:fixed;inset:0;z-index:0;display:grid;place-items:center;padding:8vh 14vw 18vh 0;pointer-events:none}#figure svg{width:min(52vw,560px);height:auto}body[data-gl=webgl] #figure{visibility:hidden}body[data-finish=lime] #figure .frame{stroke:#c6ee3a}body[data-finish=bone] #figure .frame{stroke:#e4dccb}body[data-finish=oxide] #figure .frame{stroke:#b64022}body[data-finish=graphite] #figure .frame{stroke:#d7ddd4}body[data-groupset=anodized] #figure .metal{stroke:#d6ff3f}body[data-groupset=oxide] #figure .metal{stroke:#8d948c}body[data-groupset=silver] #figure .metal{stroke:#d5d0c4}.top{position:fixed;z-index:6;top:0;left:0;right:var(--bench);min-height:var(--header);display:flex;align-items:center;gap:.8rem;padding:.55rem 1.2rem .35rem 4vw;background:linear-gradient(to bottom,rgba(14,17,16,.92),transparent)}.brand{display:flex;flex-direction:column;min-width:0}.wordmark,.concept,.chapters button,.text-btn,.menu,.bench button,.sheet button,dialog button{appearance:none;background:transparent;color:inherit;font:inherit;cursor:pointer}.wordmark{border:0;padding:0;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:600;font-size:1.7rem;letter-spacing:.16em;line-height:.9;text-transform:uppercase}.concept{border:0;padding:0;margin-top:.2rem;color:var(--lime);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;min-height:1.5rem}.chapters{display:flex;flex-wrap:wrap;gap:.1rem .7rem;margin-left:auto}.chapters button,.text-btn,.menu{border:0;min-height:44px;padding:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.chapters button[aria-current=true]{color:var(--lime)}.desk{display:flex;gap:.9rem}.menu{display:none;color:var(--lime)}.index-num{position:fixed;z-index:4;top:calc(var(--header) + .2rem);left:4vw;margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem;letter-spacing:.12em;color:var(--lime);pointer-events:none}.progress{position:fixed;z-index:6;top:0;left:0;right:0;height:2px;background:transparent;pointer-events:none}.progress span{display:block;height:100%;width:100%;background:var(--lime);transform:scaleX(var(--p, 0));transform-origin:left center}#copy{position:fixed;z-index:3;left:0;right:var(--bench);bottom:0;padding:0 1.5rem 6vh 4vw;pointer-events:none}.panel{max-width:34rem}.panel :is(button,a,label,input){pointer-events:auto}.kicker,.legend{margin:0 0 .35rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}.display{margin:0;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:600;font-size:clamp(3.4rem,7vw,7rem);line-height:.82;letter-spacing:-.03em;text-transform:uppercase;max-width:9ch}.display.nowrap{white-space:nowrap;max-width:none}.dek{margin:.75rem 0 0;max-width:36ch;font-size:1.12rem;color:var(--ink)}.nums{margin:.7rem 0 0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.95rem;letter-spacing:.02em;color:var(--lime)}.bench{position:fixed;z-index:5;top:0;right:0;bottom:0;width:var(--bench);padding:4.6rem .9rem 1rem;overflow:auto;border-left:1px solid rgba(214,255,63,.28);background:linear-gradient(to left,#0e1110b8,#0e111033)}.bench-handle{display:none}.block{margin:0 0 .85rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem;line-height:1.45;color:var(--ink)}.block strong{color:var(--lime);font-weight:500}.seg{display:flex;flex-wrap:wrap;gap:.3rem;margin:0 0 .75rem}.seg label{position:relative}.seg input{position:absolute;opacity:0;width:1px;height:1px}.seg span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:40px;padding:.2rem .45rem;border:1px solid rgba(214,255,63,.35);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.seg input:checked+span{background:var(--lime);color:var(--lime-ink)}.seg input:focus-visible+span{outline:2px solid var(--lime);outline-offset:2px}.bench .tool,dialog .tool,.row button{width:100%;min-height:42px;margin-top:.35rem;border:1px solid rgba(214,255,63,.4);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}button[aria-pressed=true]{background:var(--lime);color:var(--lime-ink)}#spacer{height:1040vh}#veil{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:var(--paper);color:var(--lime);font-family:IBM Plex Mono,ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}#veil[hidden]{display:none}dialog{width:min(32rem,calc(100vw - 1.25rem));max-height:min(86vh,44rem);overflow:auto;padding:1rem 1rem .9rem;border:1px solid var(--line);background:#121614;color:var(--ink)}dialog::backdrop{background:#0000009e}dialog h2{margin:.15rem 0 .55rem;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(2.2rem,6vw,3.4rem);line-height:.88;letter-spacing:-.03em;text-transform:uppercase}.sheet{display:grid}.sheet button{border:0;border-bottom:1px solid rgba(214,255,63,.25);text-align:left;min-height:48px;font-family:Barlow Condensed,sans-serif;font-size:1.6rem;letter-spacing:.04em;text-transform:uppercase}.row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}.row button{width:auto;padding:0 .8rem}.fit-steps{margin:.4rem 0;padding:0;list-style:none}.fit-steps li{min-height:36px;font-family:IBM Plex Mono,ui-monospace,monospace;color:var(--muted);border-left:2px solid transparent;padding-left:.6rem}.fit-steps li.on{color:var(--lime);border-left-color:var(--lime)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript-story{position:relative;z-index:2;padding:6rem 1.2rem 3rem;max-width:40rem;background:var(--paper)}@media(max-width:800px),(max-aspect-ratio:4/5){:root{--bench: 0px}.chapters,.desk{display:none}.menu{display:inline-flex;margin-left:auto}.top{right:0;padding-left:1.1rem;padding-right:1.1rem}.index-num{left:1.1rem}#copy{right:0;padding:0 1.1rem calc(4.4rem + env(safe-area-inset-bottom))}.display{font-size:clamp(3.3rem,16vw,5.2rem)}.panel{background:linear-gradient(to top,var(--scrim) 58%,transparent);margin:0 -1.1rem;padding:2rem 1.1rem .2rem}#figure{padding:8vh 0 34vh}#figure svg{width:min(88vw,460px)}.bench{top:auto;left:0;right:0;width:auto;height:auto;max-height:72vh;padding:0 0 calc(.4rem + env(safe-area-inset-bottom));border-left:0;border-top:1px solid var(--line);background:#0a0c0bf5;transform:translateY(calc(100% - 3.2rem))}.bench.open{transform:translateY(0)}.bench-handle{display:flex;width:100%;min-height:3.2rem;align-items:center;justify-content:space-between;padding:0 1rem;border:0;color:var(--lime);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.bench-body{padding:.2rem 1rem .8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bench{transition:none}}