@font-face{font-family:Fraunces;font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/fraunces-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/fraunces-italic-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/jetbrains-mono-greek.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Fraunces fallback;src:local("Georgia");size-adjust:104%;ascent-override:94%;descent-override:24.5%;line-gap-override:0%}@font-face{font-family:Inter fallback;src:local("Arial");size-adjust:105%;ascent-override:92.3%;descent-override:23%;line-gap-override:0%}@font-face{font-family:JetBrains Mono fallback;src:local("Consolas");size-adjust:109%;ascent-override:93.6%;descent-override:27.5%;line-gap-override:0%}:root{--ink: #0C2427;--ink-2: #123C42;--primary: #12707B;--primary-hi: #0E5B64;--paper: #F3F6F5;--paper-2: #E8EDEB;--line: #C7D4D1;--line-strong: #768C88;--muted: #5E7375;--muted-on-paper-2: #566A6C;--signal: #B4F03C;--signal-ink: #3E5A07;--ok: #1F7A4D;--warn: #A2570C;--stop: #B3261E;--on-dark: #F3F6F5;--muted-on-dark: #8FA8A4;--primary-on-dark: #3FA9B4;--line-on-dark: #2A5158;--white: #FFFFFF;--font-display: "Fraunces", "Fraunces fallback", Georgia, serif;--font-body: "Inter", "Inter fallback", system-ui, sans-serif;--font-mono: "JetBrains Mono", "JetBrains Mono fallback", ui-monospace, Consolas, monospace;--fs-display: clamp(2.625rem, 1.55rem + 4.4vw, 5rem);--fs-h1: clamp(2.25rem, 1.55rem + 2.9vw, 3.75rem);--fs-h2: clamp(1.75rem, 1.36rem + 1.6vw, 2.625rem);--fs-h3: clamp(1.3125rem, 1.2rem + .5vw, 1.625rem);--fs-h4: clamp(1.125rem, 1.08rem + .2vw, 1.25rem);--fs-lede: clamp(1.1875rem, 1.1rem + .42vw, 1.4375rem);--fs-body: clamp(1.0625rem, 1.04rem + .1vw, 1.125rem);--fs-small: .9375rem;--fs-xs: .8125rem;--fs-label: .75rem;--lh-display: 1.04;--lh-heading: 1.1;--lh-snug: 1.35;--lh-body: 1.6;--track-display: -.022em;--track-heading: -.014em;--track-label: .08em;--wght-display: 480;--wght-heading: 520;--wght-strong: 600;--fraunces-soft: "SOFT" 60;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4rem;--s-9: 6rem;--s-10: 8rem;--gutter: clamp(1.25rem, .6rem + 2.6vw, 2.5rem);--section-y: clamp(4rem, 2.6rem + 5.6vw, 8rem);--section-y-tight: clamp(2.5rem, 1.8rem + 2.8vw, 4.5rem);--grid-gap: clamp(1.25rem, .9rem + 1.4vw, 2rem);--tap: 2.75rem;--w-measure: 68ch;--w-narrow: 46rem;--w-content: 75rem;--w-wide: 87.5rem;--r-1: 2px;--r-2: 4px;--r-3: 8px;--r-pill: 999px;--bw: 1px;--bw-strong: 2px;--dur-fast: .13s;--dur-base: .3s;--dur-slow: .4s;--dur-draw: 1.1s;--dw-stagger: .14s;--ease: cubic-bezier(.2, .7, .2, 1);--reveal-shift: 14px;--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-header: 200;--z-nav: 300;--z-overlay: 400;--z-skip: 1000}:root,.surface-paper,.surface-paper-2,.surface-sheet{--bg: var(--paper);--bg-raised: var(--paper-2);--fg: var(--ink);--fg-muted: var(--muted);--fg-muted-raised: var(--muted-on-paper-2);--link: var(--primary);--accent: var(--primary);--accent-small: var(--primary-hi);--live: var(--signal-ink);--on-live: var(--paper);--rule: var(--line);--rule-strong: var(--line-strong);--focus: var(--line-strong);--grid-line: var(--line);--status-ok: var(--ok);--status-warn: var(--warn);--status-stop: var(--stop);--select-bg: var(--ink);--select-fg: var(--paper);--btn-bg: var(--ink);--btn-fg: var(--paper);--btn-line: var(--ink);--card-bg: var(--paper);--card-hover: var(--ink);--panel-muted: var(--primary-hi);--panel-link: var(--primary-hi);--dw-stroke: var(--ink);--dw-muted: var(--muted);--dw-hatch: var(--line-strong);--dw-hatch-opacity: 1;--dw-new: var(--signal-ink);--dw-path: var(--signal-ink);--dw-accent: var(--primary);--dw-tw: var(--primary);--dw-bg: var(--paper);--dw-text: var(--ink);--dw-text-muted: var(--muted);--dw-hatch-masonry: url(#dw-hatch-masonry);--dw-hatch-block: url(#dw-hatch-block);--dw-hatch-concrete: url(#dw-hatch-concrete);--dw-hatch-earth: url(#dw-hatch-earth);--dw-hatch-insulation: url(#dw-hatch-insulation);--dw-marker-arrow: url(#dw-arrow);--dw-marker-tick: url(#dw-tick)}.surface-paper-2{--bg: var(--paper-2);--bg-raised: var(--paper);--fg-muted: var(--primary-hi);--link: var(--primary-hi);--dw-bg: var(--paper-2);--dw-muted: var(--primary-hi);--dw-text-muted: var(--primary-hi)}.surface-board,.surface-ink,.band--ink,.page-head--ink,.photo-hero{--bg: var(--ink);--bg-raised: var(--ink-2);--fg: var(--on-dark);--fg-muted: var(--muted-on-dark);--fg-muted-raised: var(--muted-on-dark);--link: var(--primary-on-dark);--accent: var(--primary-on-dark);--accent-small: var(--primary-on-dark);--live: var(--signal);--on-live: var(--ink);--rule: var(--line-on-dark);--rule-strong: var(--muted-on-dark);--focus: var(--signal);--grid-line: var(--line-on-dark);--status-ok: var(--on-dark);--status-warn: var(--on-dark);--status-stop: var(--on-dark);--select-bg: var(--signal);--select-fg: var(--ink);--btn-bg: var(--signal);--btn-fg: var(--ink);--btn-line: var(--on-dark);--card-bg: var(--ink-2);--card-hover: var(--signal);--panel-muted: var(--muted-on-dark);--panel-link: var(--on-dark);--dw-stroke: var(--on-dark);--dw-muted: var(--muted-on-dark);--dw-hatch: var(--muted-on-dark);--dw-hatch-opacity: .7;--dw-new: var(--signal);--dw-path: var(--signal);--dw-accent: var(--primary-on-dark);--dw-tw: var(--primary-on-dark);--dw-bg: var(--ink);--dw-text: var(--on-dark);--dw-text-muted: var(--muted-on-dark);--dw-hatch-masonry: url(#dw-hatch-masonry-d);--dw-hatch-block: url(#dw-hatch-block-d);--dw-hatch-concrete: url(#dw-hatch-concrete-d);--dw-hatch-earth: url(#dw-hatch-earth-d);--dw-hatch-insulation: url(#dw-hatch-insulation-d);--dw-marker-arrow: url(#dw-arrow-d);--dw-marker-tick: url(#dw-tick-d)}:root{--ink-rgb: 12, 36, 39;--ink-2-rgb: 18, 60, 66;--paper-rgb: 243, 246, 245;--signal-rgb: 180, 240, 60;--fs-hero: clamp(2.35rem, 5.4vw, 3.85rem);--fs-section: clamp(1.9rem, 4.2vw, 3.1rem);--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 28px;--header-h: 76px;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--grain-opacity: .11;--vignette: radial-gradient(ellipse 78% 68% at 50% 46%, rgba(var(--ink-2-rgb), .8) 0%, rgba(var(--ink-2-rgb), 0) 100%);--shadow-signal: 0 1px 0 rgba(var(--paper-rgb), .4) inset, 0 10px 30px -12px rgba(var(--signal-rgb), .55);--shadow-signal-hover: 0 1px 0 rgba(var(--paper-rgb), .4) inset, 0 16px 36px -12px rgba(var(--signal-rgb), .7);--shadow-ink-hover: 0 14px 30px -14px rgba(var(--ink-rgb), .6);--glow-signal: drop-shadow(0 0 7px rgba(var(--signal-rgb), .6))}@media(min-width:62em){:root{--header-h: 92px}}:root,.surface-paper,.surface-paper-2,.surface-sheet{--eyebrow: var(--primary-hi);--shadow-card: 0 1px 2px rgba(var(--ink-rgb), .05), 0 14px 34px -20px rgba(var(--ink-rgb), .3);--shadow-card-hover: 0 2px 4px rgba(var(--ink-rgb), .06), 0 26px 48px -22px rgba(var(--ink-rgb), .4);--shadow-frame: 0 34px 70px -36px rgba(var(--ink-rgb), .55), 0 0 0 1px var(--line);--field-bg: var(--paper);--tile-bg: var(--paper);--tile-hover: var(--paper-2)}.surface-board,.surface-ink,.band--ink,.page-head--ink,.photo-hero{--eyebrow: var(--signal);--shadow-card: 0 1px 0 rgba(var(--paper-rgb), .04) inset, 0 24px 48px -28px rgba(0, 0, 0, .6);--shadow-card-hover: 0 1px 0 rgba(var(--paper-rgb), .06) inset, 0 34px 60px -28px rgba(0, 0, 0, .75);--shadow-frame: 0 40px 80px -40px rgba(0, 0, 0, .7), 0 0 0 1px var(--line-on-dark);--field-bg: rgba(var(--paper-rgb), .05);--tile-bg: rgba(var(--paper-rgb), .04);--tile-hover: rgba(var(--paper-rgb), .09)}.callout,.band,.seq-fig,.seq-still,.dm-figure,.figure__media:not(.figure__media--photo),.chapter-nav{--fg-muted: var(--fg-muted-raised)}
