:root{--lab-ink: oklch(.145 .01 148);--lab-ink-raised: oklch(.18 .012 148);--lab-ink-soft: oklch(.25 .012 148);--lab-paper: oklch(.94 .008 96);--lab-muted: oklch(.69 .012 148);--lab-line: oklch(.31 .012 148);--lab-yellow: oklch(.88 .18 96);--lab-rind: oklch(.76 .15 155);--lab-blueberry: oklch(.68 .18 255);--lab-blackcurrant: oklch(.64 .18 302);--lab-dragonfruit: oklch(.72 .2 345);--lab-watermelon: oklch(.67 .22 26.43);--lab-ui-paper: oklch(.98 .008 255);--lab-diagram-grid-line: color-mix(in srgb, var(--lab-paper) 5%, transparent);--lab-diagram-grid-border: color-mix(in srgb, var(--lab-paper) 12%, transparent);--lab-type-min-mono: 11px}.book-figure{max-width:100%;min-width:0;margin:40px 0}.book-figure-scroll{width:100%;max-width:100%;overflow:clip;box-sizing:border-box;border:1px solid var(--lab-diagram-grid-border);background:var(--lab-ink)}.book-figure-caption{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:var(--fresh-grid-gap, 24px);padding-top:16px;border-top:1px solid var(--lab-line)}.book-figure-caption>span{grid-column:1 / 3;color:var(--lab-yellow);font-family:var(--font-mono);font-size:var(--lab-type-min-mono);font-variation-settings:"wght" 620;letter-spacing:.11em;line-height:1.45;text-transform:uppercase}.book-figure-caption>p{grid-column:3 / -1;max-width:60ch;margin:0;color:var(--lab-muted);font-family:var(--font-sans);font-size:13px;line-height:1.55;text-wrap:pretty}@media(max-width:620px){.book-figure-caption{grid-template-columns:1fr;row-gap:10px}.book-figure-caption>span,.book-figure-caption>p{grid-column:1}}.brand-diagram-assembled{width:100%;max-width:100%;height:auto;display:block}.brand-diagram-assembled text{font-family:var(--font-mono)}.brand-diagram-grid line{stroke:var(--lab-diagram-grid-line);stroke-width:.5;opacity:1}.brand-diagram-header text,.brand-diagram-footer text{fill:var(--lab-muted);font-family:var(--font-mono);font-size:11px;font-variation-settings:"wght" 570;letter-spacing:.12em}.brand-diagram-header .brand-diagram-header-title{fill:var(--lab-paper);font-size:14px;font-variation-settings:"wght" 650;letter-spacing:.1em}.brand-diagram-lanes rect{fill:var(--lab-paper);opacity:.035}.brand-diagram-source{--diagram-box-colour: var(--lab-ui-paper)}.brand-diagram-source rect{fill:transparent;stroke:var(--diagram-box-colour);stroke-width:2}.brand-diagram-source-label,.brand-diagram-source-detail{fill:var(--diagram-box-colour);font-family:var(--font-mono);font-size:13px;font-variation-settings:"wght" 680;letter-spacing:.12em}.brand-diagram-source-detail{font-size:11px;font-variation-settings:"wght" 540;opacity:.66}.brand-diagram-tier rect{fill:transparent;stroke:var(--diagram-box-colour);stroke-width:2}.brand-diagram-tier text{fill:var(--diagram-box-colour);font-size:33px;font-variation-settings:"wght" 730;letter-spacing:0}.brand-diagram-connectors path{fill:none;stroke:color-mix(in oklch,var(--lab-paper) 60%,transparent);stroke-width:1.5}.brand-diagram-connectors circle{fill:var(--lab-rind);stroke:var(--lab-ink);stroke-width:2}#book-diagram-arrow path{fill:var(--lab-paper)}.brand-diagram-node rect{fill:transparent;stroke:var(--diagram-box-colour);stroke-width:2}.brand-diagram-node-label,.brand-diagram-node-detail{fill:var(--diagram-box-colour);font-family:var(--font-mono);font-size:12px;font-variation-settings:"wght" 680;letter-spacing:.1em}.brand-diagram-node-detail{font-size:11px;font-variation-settings:"wght" 540;opacity:.68}.brand-diagram-footer line{stroke:var(--lab-line);stroke-width:1}.brand-diagram-node--composite,.brand-diagram-tier--s,.book-tone--s{--diagram-box-colour: var(--lab-yellow)}.brand-diagram-tier--a,.book-tone--a{--diagram-box-colour: var(--lab-rind)}.brand-diagram-tier--b,.book-tone--b{--diagram-box-colour: var(--lab-blueberry)}.brand-diagram-node--paint,.brand-diagram-tier--c,.book-tone--c{--diagram-box-colour: var(--lab-blackcurrant)}.brand-diagram-node--layout,.brand-diagram-tier--d,.book-tone--d{--diagram-box-colour: var(--lab-dragonfruit)}.brand-diagram-node--thrash,.brand-diagram-tier--f,.book-tone--f{--diagram-box-colour: var(--lab-watermelon)}.book-tone--neutral{--diagram-box-colour: var(--lab-ui-paper)}.book-curve{fill:none;stroke:var(--diagram-box-colour, var(--lab-rind));stroke-width:2}.book-curve--dashed{stroke-dasharray:4 5}.book-curve-marker{fill:var(--diagram-box-colour, var(--lab-rind))}.book-axis line,.book-axis path{stroke:var(--lab-line);stroke-width:1;fill:none}.book-axis text{fill:var(--lab-muted);font-family:var(--font-mono);font-size:11px;font-variation-settings:"wght" 540;letter-spacing:.08em}.book-zone rect{fill:var(--diagram-box-colour, var(--lab-rind));opacity:.1}.book-zone line{stroke:var(--diagram-box-colour, var(--lab-rind));stroke-width:1}.book-zone text{fill:var(--diagram-box-colour, var(--lab-rind));font-family:var(--font-mono);font-size:11px;font-variation-settings:"wght" 620;letter-spacing:.1em}.book-lab-frame{border:1px solid var(--lab-diagram-grid-border);background:var(--lab-ink)}.book-lab-field{border:0;border-bottom:1px solid var(--lab-diagram-grid-border)}.book-lab-controls{display:grid;gap:20px;padding:20px 24px 24px;background:var(--lab-ink-raised)}.book-lab-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.book-lab-kicker{color:var(--lab-muted);font-family:var(--font-mono);font-size:var(--lab-type-min-mono);font-variation-settings:"wght" 570;letter-spacing:.12em;text-transform:uppercase}.book-lab-hint{margin:0 0 0 auto;max-width:42ch;color:var(--lab-muted);font-family:var(--font-sans);font-size:12px;line-height:1.45;text-align:right;text-wrap:balance}.book-lab-seg{display:flex;border:1px solid var(--lab-line)}.book-lab-seg button{padding:7px 13px;border:0;border-right:1px solid var(--lab-line);background:transparent;color:var(--lab-muted);font-family:var(--font-mono);font-size:var(--lab-type-min-mono);font-variation-settings:"wght" 570;letter-spacing:.11em;text-transform:uppercase;cursor:pointer}.book-lab-seg button:last-child{border-right:0}.book-lab-seg button:hover{color:var(--lab-paper)}.book-lab-seg button[data-active=true]{background:var(--lab-rind);color:var(--lab-ink)}.book-lab-knobs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px 28px}.book-lab-knob{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 10px}.book-lab-knob-label,.book-lab-knob-value{font-family:var(--font-mono);font-size:var(--lab-type-min-mono);font-variation-settings:"wght" 570;letter-spacing:.11em;text-transform:uppercase}.book-lab-knob-label{color:var(--lab-muted)}.book-lab-knob-value{color:var(--lab-rind)}.book-lab-knob input[type=range]{grid-column:1 / -1;width:100%;height:18px;margin:0;accent-color:var(--lab-rind);cursor:ew-resize}.book-lab-readouts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border:1px solid var(--lab-line)}.book-lab-readout{padding:10px 14px;border-right:1px solid var(--lab-line)}.book-lab-readout:last-child{border-right:0}.book-lab-readout dt{color:var(--lab-muted);font-family:var(--font-mono);font-size:var(--lab-type-min-mono);font-variation-settings:"wght" 570;letter-spacing:.11em;text-transform:uppercase}.book-lab-readout dd{margin:5px 0 0;color:var(--lab-paper);font-family:var(--font-mono);font-size:17px;font-variation-settings:"wght" 650;letter-spacing:.02em}.book-lab-readout[data-tone=f] dd{color:var(--lab-watermelon)}.book-lab-run{display:flex;align-items:center;gap:20px}.book-lab-track{position:relative;flex:1;min-width:0;height:40px;overflow:clip;border:1px solid var(--lab-line);background:color-mix(in srgb,var(--lab-paper) 3%,transparent)}.book-lab-track-mark{position:absolute;top:5px;right:5px;width:28px;height:28px;border:1px dashed var(--lab-line)}.book-lab-runner{position:absolute;top:5px;left:5px;width:28px;height:28px;background:var(--lab-rind)}.book-lab-runner--spring{background:transparent;border:1px solid var(--lab-blueberry)}.book-lab-play{flex-shrink:0}@media(max-width:620px){.book-lab-controls{padding:16px;gap:16px}.book-lab-hint{margin-left:0;text-align:left}.book-lab-readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.book-lab-readout:nth-child(2n){border-right:0}.book-lab-readout:nth-child(n+3){border-top:1px solid var(--lab-line)}.book-lab-run{flex-wrap:wrap}}