*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;font-kerning:none;font-feature-settings:"kern" 0;font-variant-ligatures:none}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,picture,svg,video,canvas,iframe{display:block;max-width:100%}img{height:auto}picture{width:100%;height:100%}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid currentColor;outline-offset:3px}:root{--ground-page: rgb(251, 251, 251);--ground-panel: oklab(.999994 .0000455678 .0000200868 / .5);--ground-card: rgb(255, 255, 255);--ground-card-phone: oklab(.970151 1.78814e-7 0 / .2);--ink: rgb(0, 0, 0);--ink-warm: oklch(.147 .004 49.25);--ink-slate: oklch(.373 .034 259.733);--ink-h1: oklab(0 0 0 / .8);--ink-glossary: oklab(0 0 0 / .75);--ink-caption: oklab(0 0 0 / .55);--ink-label: oklab(0 0 0 / .55);--ink-meta: oklab(0 0 0 / .55);--ink-faint: oklab(0 0 0 / .55);--ink-tick: oklab(0 0 0 / .2);--cobalt: oklch(.5058 .2886 264.84);--cobalt-50: oklch(97.05% .0054 274.97);--cobalt-100: oklch(94.22% .0275 274.66);--cobalt-200: oklch(83.76% .0774 273.32);--cobalt-300: oklch(76.12% .1218 272.4);--cobalt-400: oklch(63.79% .1899 269.89);--cobalt-500: oklch(57.66% .2443 267.62);--cobalt-600: oklch(50.58% .2886 264.84);--cobalt-700: oklch(47.65% .3102 264.11);--white: #fff;--cobalt-hairline: oklch(50.58% .2886 264.84);--face-serif: Gelasio, "Times New Roman", Times, serif;--face-mono: DepartureMono, ui-monospace, "SF Mono", Menlo, monospace;--t-h1: 36px;--t-h1-lh: 40px;--t-h1-ls: -.9px;--t-16: 16px;--t-16-lh: 28.8px;--t-16-tight-lh: 24px;--t-14: 14px;--t-14-lh: 22.4px;--t-14-chapter-lh: 25.2px;--t-14-deck-lh: 20px;--t-14-index-lh: 28px;--t-h2-lh: 21.7778px;--t-h2-ls: -.35px;--t-12: 12px;--t-12-lh: 16px;--t-12-gloss-lh: 24px;--t-11: 11px;--t-11-lh: 28.8px;--t-10: 10px;--t-10-lh: 25.2px;--t-10-metric-lh: 8px;--t-ascii: 9.072px;--t-ascii-lh: 10.8864px;--t-ascii-phone: 7.824px;--t-ascii-lh-phone: 9.3888px;--t-sup: 8.4px;--measure-home: 1360px;--gutter-home: 40px;--measure-chapter: 912px;--gutter-chapter: 264px;--measure-phone: 358px;--gutter-phone: 16px;--card-width: 848px;--card-x: 296px;--prose-measure: 576px;--figure-measure: 750px;--figure-x: 345px;--figure-half: 370px;--figure-gap: 10px;--rail-width: 288px;--rail-x: 30px;--ruler-x: 1144px;--ruler-width: 296px;--home-col: 399px;--home-col-gap: 82px;--radius: 4px;--radius-xs: 2px;--bevel: rgba(255, 255, 255, .75) 1px 1px 0 2px inset, rgba(0, 0, 0, .1) -1px -1px 0 2px inset;--card-shadow: 0 1px 4px 1px rgba(0, 0, 0, .05), 0 1px 1px 0 rgba(0, 0, 0, .5), 0 -1px 1px 1px #fff inset;--dur-fast: .1s;--dur-btn: .15s;--dur-chrome: .2s;--dur-reveal: .3s;--dur-blur: .5s;--ease: cubic-bezier(.4, 0, .2, 1)}@font-face{font-family:Gelasio;src:url(/makingsoftware-01/assets/Gelasio-400-iJd6Vga2.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Gelasio;src:url(/makingsoftware-01/assets/Gelasio-500-pgBQysut.woff2) format("woff2");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Gelasio;src:url(/makingsoftware-01/assets/Gelasio-600-BtcWIh_F.woff2) format("woff2");font-weight:600;font-style:normal;font-display:block}@font-face{font-family:Gelasio;src:url(/makingsoftware-01/assets/Gelasio-700-C5SYogJc.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Gelasio;src:url(/makingsoftware-01/assets/Gelasio-400italic-DuC2oJsP.woff2) format("woff2");font-weight:400;font-style:italic;font-display:block}@font-face{font-family:Gelasio;src:url(/makingsoftware-01/assets/Gelasio-500italic-1MpUmoup.woff2) format("woff2");font-weight:500;font-style:italic;font-display:block}@font-face{font-family:Gelasio;src:url(/makingsoftware-01/assets/Gelasio-700italic-C8H1DNbT.woff2) format("woff2");font-weight:700;font-style:italic;font-display:block}@font-face{font-family:DepartureMono;src:url(/makingsoftware-01/assets/DepartureMono-Regular-DOtt0B61.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}html{background:var(--ground-page)}body{background:var(--ground-page);color:var(--ink);font-family:var(--face-serif);font-size:var(--t-16);line-height:var(--t-16-lh);-webkit-font-smoothing:antialiased;font-kerning:none;font-variant-ligatures:none}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.panel{position:relative;margin:0;width:100%;background-image:url(/makingsoftware-01/texture.svg);background-repeat:repeat}.panel__edge{position:absolute;background-image:url(/makingsoftware-01/texture.svg);background-repeat:repeat}.panel__edge--t{inset-inline:0;top:0;height:2px}.panel__edge--b{inset-inline:0;bottom:0;height:2px}.panel__edge--l{inset-block:0;left:0;width:2px}.panel__edge--r{inset-block:0;right:0;width:2px}.panel__art{display:block;width:100%;height:auto;margin-inline:auto}.art--64{max-width:256px}.art--96{max-width:384px}.art--830{max-width:830px}.panel__cap{position:absolute;margin:0;font-family:var(--face-mono);font-size:var(--t-10);line-height:28.8px;color:var(--ink-caption);white-space:nowrap;background:var(--ground-page);rotate:90deg}.panel__cap--tl{top:4px;left:18px;transform-origin:top left}.panel__cap--tr{top:4px;right:18px;transform-origin:bottom left;translate:100% -100%}.panel__cap--br{bottom:40px;right:18px;transform-origin:bottom left;translate:100% -100%;padding-inline:4px}.t-mono{font-family:var(--face-mono);text-transform:uppercase}pre,code,kbd,samp{font-family:var(--face-mono);font-size:inherit}.home{max-width:1440px;margin-inline:auto;padding-inline:var(--gutter-home);padding-block:var(--gutter-home) 0}.masthead__row{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;height:114px}.masthead__mark{position:relative}.wordmark{display:block;width:100%;height:auto;color:var(--cobalt)}.masthead__meta{align-self:center}.masthead__tagline,.masthead__byline{font-size:var(--t-16);line-height:var(--t-16-lh);text-align:right;margin:0;text-wrap:pretty}.masthead__byline{font-weight:500}.rule{display:block;color:var(--ink)}.rule--masthead{margin-top:0}.lead{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--home-col-gap);align-items:start}.lead>.panel--hero{grid-column:2 / 4;grid-row:1}.lead__col--1{grid-column:1;grid-row:1 / 3}.lead__col--2{grid-column:2;grid-row:2}.lead__col--3{grid-column:3;grid-row:2}.lead__col--2,.lead__col--3{margin-top:32px}.lead__p{margin:32px 0 0;font-size:var(--t-14);line-height:var(--t-14-lh);text-align:justify;-webkit-hyphens:manual;hyphens:manual}.lead__col>.lead__p:first-child{margin-top:0}.lead__col--3 .lead__p:first-child{font-weight:600}.lead__p--drop:first-letter{-webkit-initial-letter:2;initial-letter:2;padding-right:2px}.panel--column{margin-top:32px}.panel--hero{margin-bottom:32px}.divider{margin-top:128px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:16px}.divider__label{margin:0;font-family:var(--face-mono);font-size:var(--t-12);line-height:var(--t-12-lh);text-transform:uppercase;color:var(--ink-caption);white-space:nowrap}.crt{margin-top:256px;display:grid;grid-template-columns:minmax(0,879fr) minmax(0,399fr);column-gap:var(--home-col-gap);align-items:center}.panel--crt{display:grid;justify-items:center}.panel--wide{margin-top:256px;margin-inline:auto;max-width:936px}.panel--close{margin-top:0;margin-inline:auto;max-width:800px}.early{max-width:448px}.early--centred{max-width:512px;margin-inline:auto;text-align:center}.early__h{margin:0;font-size:var(--t-16);line-height:var(--t-16-tight-lh);font-weight:500}.early__p{margin:8px 0 0;font-size:var(--t-14);line-height:24px}.early__cta{display:inline-grid;align-items:center;height:28px;width:fit-content;margin-top:24px;padding-inline:8px;border:1px solid oklab(0 0 0 / .5);border-radius:var(--radius);background:var(--ground-panel);box-shadow:var(--bevel);font-family:var(--face-mono);font-size:var(--t-12);line-height:var(--t-12-lh);text-transform:uppercase;transition:border-color var(--dur-btn) var(--ease)}.early__cta:hover{border-color:var(--ink)}.early__tail{margin:24px 0 0;font-size:var(--t-14);line-height:24px}.early__link{text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#00000080;text-underline-offset:2px;transition:color var(--dur-fast) var(--ease),text-decoration-color var(--dur-fast) var(--ease)}.early__link:hover{color:var(--cobalt);text-decoration-color:var(--cobalt)}.toc{margin-top:256px}.toc__head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:16px}.toc__title{position:relative;margin:0;font-size:var(--t-16);line-height:var(--t-16-tight-lh);font-weight:400;width:fit-content}.toc__title a{transition:color var(--dur-fast) var(--ease)}.toc__title a:hover{color:var(--cobalt);text-decoration:underline}.toc__version{position:absolute;top:-4px;right:-20px;font-family:var(--face-mono);font-size:var(--t-10);line-height:0;text-transform:uppercase;color:var(--ink-caption)}.toc__rule{display:block;height:1px;background:var(--ink)}.toc__toggles{display:flex;align-items:center;font-family:var(--face-mono);font-size:var(--t-12);line-height:var(--t-12-lh)}.toc__toggle{background:none;border:0;padding:0 4px;cursor:pointer;font:inherit;text-transform:uppercase;color:var(--ink);transition:color var(--dur-fast) var(--ease)}.toc__toggle[data-on=true]{color:var(--cobalt)}.toc__dot{color:var(--ink-faint)}.toc__parts{list-style:none;margin:96px 0 0;padding:0;columns:3;column-gap:6%}.toc__part{break-inside:avoid;margin:0 0 28px;padding-left:32px}.toc__part-name{margin:0;font-family:var(--face-mono);font-size:var(--t-14);line-height:20px;text-transform:uppercase}.toc__rows{list-style:none;margin:16px 0 0;padding-left:0}.toc__row{font-size:var(--t-14);line-height:var(--t-14-index-lh);list-style:none;height:29px}.toc__row-title{display:list-item;list-style:disc inside}.toc__link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:4px}.toc__row-title{white-space:nowrap;transition:color var(--dur-fast) var(--ease)}.toc__leader{display:block;height:14px;translate:0 1px;color:#0009}.toc__metric{font-family:var(--face-mono);font-size:var(--t-10);line-height:var(--t-10-metric-lh);text-transform:uppercase;color:var(--ink-caption);white-space:nowrap;transition:color var(--dur-fast) var(--ease)}.toc__link:hover .toc__row-title,.toc__link:hover .toc__metric{color:var(--cobalt)}.ledger{margin:256px auto 0;max-width:576px;font-family:var(--face-mono);font-size:var(--t-10);line-height:14px}.ledger__bar{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:space-between;padding:6px}.ledger__bar-label{margin:0;font-family:var(--face-serif);font-size:var(--t-14);line-height:var(--t-16-lh)}.ledger__bar-glyphs{margin:0;font-family:var(--face-serif);font-size:var(--t-12);line-height:14px;letter-spacing:-.08px;color:var(--cobalt)}.ledger__stats{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:8px 96px;padding:6px}.ledger__stat{display:grid;grid-template-columns:1fr auto;gap:8px}.ledger__k{margin:0;color:var(--ink-caption)}.ledger__v{margin:0;justify-self:end;color:var(--ink)}.faq{margin-top:256px;display:grid;grid-template-columns:235px 48px 1fr;column-gap:32px;align-items:start}.faq__wheel{position:relative;height:416px;overflow:hidden;padding-top:80px}.faq__stack{display:flex;flex-direction:column;transform:translateY(calc(var(--offset) * -48px));transition:transform var(--dur-chrome) var(--ease)}.faq__q{height:48px;margin:0;padding:0;display:flex;align-items:center;background:none;border:0;cursor:pointer;text-align:left;font-family:inherit;color:inherit;width:100%;font-size:var(--t-14);line-height:var(--t-16-tight-lh);font-weight:600;transform-origin:left;transform:translate(calc(var(--distance) * 2px));filter:blur(calc(var(--distance) * 1px));opacity:calc(1 - var(--distance) * .18);transition:filter var(--dur-blur) ease-out,opacity var(--dur-blur) ease-out,transform var(--dur-blur) ease-out}.faq__q[data-active=true]{filter:none;opacity:1}.faq__q:hover{filter:none}.faq__keys{display:flex;align-items:center;height:416px}.faq__key{width:24px;height:24px;display:grid;place-items:center;background:none;border:0;cursor:pointer;font-family:var(--face-mono);font-size:var(--t-14);line-height:20px;color:var(--ink);transition:opacity var(--dur-fast) var(--ease)}.faq__key:disabled{cursor:not-allowed;opacity:.5}.faq__panel{min-width:0}.faq__h{margin:0;font-size:var(--t-16);line-height:var(--t-16-tight-lh);font-weight:400}.faq__card{margin-top:16px;border-radius:var(--radius-xs);background:var(--ground-page);border:1px solid oklab(0 0 0 / .1);font-family:var(--face-mono);font-size:var(--t-12);line-height:var(--t-12-lh)}.faq__row{display:grid;grid-template-columns:56px 1fr;column-gap:16px;padding:16px}.faq__row:first-child{border-bottom:1px solid oklab(0 0 0 / .1);text-transform:uppercase}.faq__label{margin:0;color:var(--ink-caption)}.faq__q-out{margin:0}.faq__a{font-family:var(--face-serif);font-size:var(--t-14);line-height:24px}.faq__a-p{margin:0 0 12px}.faq__a-p:last-child{margin-bottom:0}.faq__a a{text-decoration:underline;text-decoration-color:#00000080;text-underline-offset:2px}.close{margin-top:256px;display:grid;justify-items:center;row-gap:256px}.foot{margin-top:128px;padding-bottom:0;text-align:center}.foot__stars{margin:0;font-family:var(--face-mono);font-size:var(--t-12);line-height:var(--t-12-lh)}.foot__block{margin:256px 0 0;font-family:var(--face-mono);font-size:var(--t-12);line-height:var(--t-12-lh)}.foot__line{display:block}.foot__line:nth-child(1){margin-bottom:16px}.foot__line:nth-child(3){margin-bottom:16px}.foot__ornament{display:block;margin-top:96px;color:var(--ink-tick)}@media (width < 1260px){.toc__parts{columns:2}}@media (width < 1020px){.lead{grid-template-columns:repeat(2,minmax(0,1fr))}.lead>.panel--hero{grid-column:1 / 3;grid-row:1}.lead__col--1{grid-column:1;grid-row:2}.lead__col--2{grid-column:2;grid-row:2}.lead__col--3{grid-column:1 / 3;grid-row:3}.crt{grid-template-columns:minmax(0,1fr);row-gap:48px}.early{max-width:none}}@media (width < 780px){.home{padding:var(--gutter-phone)}.masthead__row{grid-template-columns:minmax(0,1fr);height:auto;min-height:172px;row-gap:24px}.masthead__tagline,.masthead__byline{text-align:left}.masthead__meta{display:grid;row-gap:0}.lead,.toc__parts{grid-template-columns:minmax(0,1fr);columns:1}.lead>.panel--hero{grid-column:1;grid-row:auto}.lead__col--1,.lead__col--2,.lead__col--3{grid-column:1;grid-row:auto}.lead__col--2,.lead__col--3{margin-top:32px}.toc__part{padding-left:24px}.faq{grid-template-columns:1fr auto;column-gap:16px;row-gap:16px}.faq__wheel{height:48px;padding-top:0}.faq__keys{height:48px}.faq__panel{grid-column:1 / 3}.faq__h{display:none}.ledger__stats{grid-template-columns:minmax(0,1fr);gap:8px}.divider{margin-top:128px}.faq__panel{margin-top:24px}.toc__parts{margin-top:48px}}@media (width < 620px){.close{row-gap:128px}}@media (prefers-reduced-motion: reduce){.faq__q{filter:none;opacity:1;transition:none;transform:none}.faq__stack{transition:none}}.panel__art [data-spring]{animation:layer-settles .72s cubic-bezier(.16,.84,.44,1) both;animation-delay:calc(.18s + var(--i, 0) * .34s)}@keyframes layer-settles{0%{opacity:0;transform:translate(var(--dx, 0),var(--dy, 0))}10%{opacity:1}68%{transform:translate(calc(var(--dx, 0px) * -.09),calc(var(--dy, 0px) * -.09))}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.panel__art [data-spring]{animation:none;opacity:1;transform:none}}@media (width < 780px){.ledger__bar{grid-template-columns:minmax(0,1fr);row-gap:6px}.ledger__bar-glyphs{justify-self:start}}.panel__art [data-move]{transform-box:view-box;transform-origin:center;animation-delay:var(--md, 0s);animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.45,0,.55,1)}.panel__art [data-move=breathe]{animation-name:wt-breathe;animation-duration:7.5s}.panel__art [data-move=dip]{animation-name:wt-dip;animation-duration:3.6s}.panel__art [data-move=pull]{animation-name:wt-pull;animation-duration:3.6s}.panel__art [data-move=rock]{animation-name:wt-rock;animation-duration:4.8s}.panel__art [data-move=wink]{animation-name:wt-wink;animation-duration:2.8s}.panel__art [data-move=flip]{animation-name:wt-flip;animation-duration:1.1s}.panel__art [data-move=pulse]{animation-name:wt-pulse;animation-duration:5.4s}.panel__art [data-move=flow]{animation-name:wt-flow;animation-duration:1.6s;animation-timing-function:linear}.panel__art [data-move=flow] path,.panel__art [data-move=flow] line{stroke-dasharray:9 6}.panel__art [data-move=drift]{animation-name:wt-drift;animation-duration:11s}@keyframes wt-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes wt-dip{0%,to{transform:translateY(0)}44%{transform:translateY(3px)}}@keyframes wt-pull{0%,to{transform:translateY(0)}44%{transform:translateY(-4px)}}@keyframes wt-rock{0%,to{transform:rotate(0)}50%{transform:rotate(.9deg)}}@keyframes wt-wink{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes wt-flip{0%,to{transform:translate(0)}50%{transform:translate(-2.5px)}}@keyframes wt-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes wt-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-30}}@keyframes wt-drift{0%,to{transform:translateY(0)}34%{transform:translateY(-1.6px)}67%{transform:translateY(1.1px)}}@media (prefers-reduced-motion: reduce){.panel__art [data-move]{animation:none;opacity:1;transform:none}.panel__art [data-move=flow] path,.panel__art [data-move=flow] line{stroke-dasharray:none}}.chapter{position:relative;min-height:100vh;background:var(--ground-page)}.rail{position:fixed;left:0;top:0;bottom:0;width:256px;z-index:40;pointer-events:none}.rail__inner{position:sticky;top:0;height:100vh;display:grid;grid-template-rows:auto 1fr auto;padding:40px 0 0 32px;overflow:hidden;pointer-events:auto}.rail__mark{font-family:var(--face-mono);font-size:var(--t-16);line-height:24px;text-transform:uppercase;color:var(--cobalt);transition:color var(--dur-fast) var(--ease)}.rail__parts{list-style:none;margin:40px 0 0;padding:0 0 0 24px;overflow-y:auto;scrollbar-width:none}.rail__parts::-webkit-scrollbar{display:none}.rail__part{margin-bottom:24px}.rail__part-name{margin:0;font-family:var(--face-mono);font-size:var(--t-12);line-height:16px;text-transform:uppercase}.rail__items{list-style:disc;margin:16px 0 0;padding-left:16px}.rail__item{font-size:var(--t-12);line-height:24px;color:var(--ink-warm)}.rail__item[data-current=true],.rail__link{color:var(--cobalt)}.rail__entry{color:inherit}.rail__foot{position:relative;padding:24px 32px 24px 0}.rail__foot:before{content:"";position:absolute;inset:-64px 0 auto 0;height:64px;background:linear-gradient(to bottom,transparent,var(--ground-page));pointer-events:none}.rail__note{margin:0;font-size:var(--t-12);line-height:24px}.rail__cta{display:inline-grid;align-items:center;height:28px;margin-top:8px;padding-inline:8px;white-space:nowrap;border:1px solid oklab(0 0 0 / .5);border-radius:var(--radius);font-family:var(--face-mono);font-size:var(--t-12);line-height:var(--t-12-lh);text-transform:uppercase;transition:border-color var(--dur-btn) var(--ease)}.rail__cta:hover{border-color:var(--ink)}.chapter__main{width:100%;max-width:848px;margin-inline:auto;padding-top:80px}.crumb{position:sticky;top:0;z-index:30;display:flex;align-items:center;height:45px;margin-inline:-32px;padding-inline:32px;transition:background-color var(--dur-chrome) var(--ease)}.crumb[data-stuck=true]{background:color-mix(in srgb,var(--ground-page) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.crumb__trail{margin:0;font-family:var(--face-mono);font-size:var(--t-11);line-height:var(--t-11-lh);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumb__part{color:var(--ink-label);transition:color var(--dur-fast) var(--ease)}.crumb__part:hover{color:var(--cobalt)}.crumb__slash{color:var(--ink-label)}.crumb__here{color:var(--ink)}.article{position:relative;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;padding:80px 64px;border-radius:var(--radius-xs);background:var(--ground-card);box-shadow:var(--card-shadow);margin-bottom:120px}@media (width < 780px){.article{background:var(--ground-card-phone);box-shadow:none;padding:32px;border-radius:0}}.head{margin:24px 0;display:grid;justify-items:center;width:100%;max-width:549px}.head__meta,.head__deck,.head__rule{width:100%}.head__meta{margin:8px 0 0;font-family:var(--face-mono);font-size:var(--t-10);line-height:var(--t-10-lh);text-transform:uppercase;text-align:center}.head__meta .t-tick,.head__meta span{color:var(--ink-meta)}.head__h1{width:100%;margin:24px 0 0;text-align:center;font-family:var(--face-serif);font-weight:400;font-size:var(--t-h1);line-height:var(--t-h1-lh);letter-spacing:var(--t-h1-ls);color:var(--ink-h1)}.head__deck{margin:12px 0 0;text-align:center;max-width:65ch;font-size:var(--t-14);line-height:var(--t-14-deck-lh);color:var(--ink-slate)}.head__rule{margin:24px 0 0;text-align:center;font-family:var(--face-mono);font-size:var(--t-10);line-height:var(--t-10-lh)}.prose{width:100%;max-width:var(--prose-measure);margin:24px 0 0;font-size:var(--t-14);line-height:var(--t-14-chapter-lh);color:var(--ink-warm);text-align:justify;-webkit-hyphens:manual;hyphens:manual}.prose a{text-decoration:underline;text-decoration-color:#0000004d;text-underline-offset:2px;transition:color var(--dur-fast) var(--ease)}.prose a:hover{color:var(--cobalt)}.gloss-link{cursor:help}.prose sup{font-size:var(--t-sup);line-height:0;vertical-align:super}.prose-rule{width:100%;max-width:var(--prose-measure);margin:32px 0 0;text-align:center;font-size:var(--t-12);line-height:var(--t-12-lh);color:var(--ink-warm)}.sec,.sub{width:100%;max-width:var(--prose-measure);margin:80px 0 0;font-size:var(--t-14);line-height:var(--t-h2-lh);font-weight:600;color:var(--ink-warm);scroll-margin-top:64px}.sec{letter-spacing:var(--t-h2-ls)}.fig{width:100%;margin:24px 0 0;margin-inline:-32px;width:calc(100% + 64px)}.fig__frame{margin:0;display:grid;justify-items:center}.fig__img{display:block;width:var(--figure-measure);max-width:100%;height:auto;object-fit:contain}.fig--pair .fig__frame{grid-auto-flow:column;column-gap:var(--figure-gap);justify-content:center}.fig--pair .fig__img{width:var(--figure-half)}.fig[data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .4s var(--ease),transform .4s var(--ease)}.fig[data-revealed=true]{opacity:1;transform:none}@media (width < 780px){.fig__img{width:356px}.fig--pair{margin-inline:-8px;max-width:calc(100% + 16px)}.fig--pair .fig__frame{justify-content:start;grid-auto-columns:356px;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:9px;scrollbar-width:none}.fig--pair .fig__frame::-webkit-scrollbar{display:none}.fig--pair .fig__img{width:356px;max-width:none;scroll-snap-align:start}}.ascii{width:100%;max-width:100%;margin:24px 0 0;overflow-x:auto;padding-block:32px;font-family:var(--face-mono);font-size:var(--t-ascii);line-height:var(--t-ascii-lh);color:var(--ink-slate);white-space:pre;scrollbar-width:none}.ascii::-webkit-scrollbar{display:none}@media (width < 780px){.ascii{font-size:var(--t-ascii-phone);line-height:var(--t-ascii-lh-phone)}}.tablewrap{width:100%;max-width:var(--prose-measure);margin:24px 0 0;overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--t-12);line-height:16.8px;color:var(--ink-warm)}.table th,.table td{text-align:left;padding:8px;vertical-align:top;border-bottom:1px solid oklab(0 0 0 / .12)}.table thead th,.table tbody th{font-weight:600}.glossary{width:100%;max-width:720px;margin:64px 0 0;scroll-margin-top:64px}.glossary__body{columns:2;column-gap:48px}.glossary__h{margin:0 0 8px;padding-bottom:2px;border-bottom:1px solid oklab(0 0 0 / .15);font-size:var(--t-14);line-height:20px;font-weight:600;color:var(--ink-warm)}.glossary__entry{break-inside:avoid;margin:12px 0 0;font-size:var(--t-12);line-height:var(--t-12-gloss-lh);color:var(--ink-glossary);text-align:justify;scroll-margin-top:64px}.glossary__num{margin-right:2px;font-size:var(--t-sup);line-height:0;vertical-align:super}.glossary__term{color:var(--ink);font-weight:600}.glossary__entry:target .glossary__term{color:var(--cobalt)}.end{width:100%;margin:40px 0 0;text-align:center;font-family:var(--face-mono);font-size:var(--t-12);line-height:var(--t-12-lh)}.ruler{position:fixed;right:0;top:0;bottom:0;width:296px;z-index:20;pointer-events:none}.ruler__inner{position:sticky;top:0;height:100vh;padding:88px 24px 24px 0}.ruler__readout{position:absolute;top:88px;right:60px;margin:0;font-family:var(--face-mono);font-size:var(--t-12);line-height:var(--t-12-lh);color:var(--cobalt)}.ruler__ticks{position:absolute;top:128px;right:24px;bottom:24px;width:24px;display:flex;flex-direction:column;justify-content:space-between}.ruler__tick{display:block;height:1px;background:var(--ink-tick);width:100%}.ruler__labels{position:absolute;top:128px;right:56px;bottom:24px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;width:216px}.ruler__label{font-family:var(--face-mono);font-size:var(--t-11);line-height:var(--t-11-lh);text-transform:uppercase;text-align:right;color:var(--ink-label);pointer-events:auto;transition:color var(--dur-reveal) var(--ease)}.ruler__label[data-active=true],.ruler__label:hover{color:var(--cobalt)}.ruler__indicator{position:absolute;right:24px;width:24px;height:1px;background:var(--cobalt);top:calc(128px + (100vh - 152px) * var(--y, 0) / 100%);transition:opacity var(--dur-reveal) var(--ease)}@media (width < 1260px){.rail,.ruler{display:none}.chapter__main{padding-inline:16px}}@media (width < 780px){.chapter__main{padding-top:32px;padding-inline:0}.crumb{margin-inline:0;padding-inline:16px}.glossary__body{columns:1}.fig{margin-inline:-32px;width:calc(100% + 64px)}}@media (prefers-reduced-motion: reduce){.fig[data-reveal]{opacity:1;transform:none;transition:none}}