@font-face{font-family: "Fraunces";src: url("/fonts/fraunces.9a5ceb9843.woff2") format("woff2");font-weight: 300 700;font-style: normal;font-display: swap}@font-face{font-family: "Instrument Sans";src: url("/fonts/instrument-sans.dc8fb3e787.woff2") format("woff2");font-weight: 400 700;font-style: normal;font-display: swap}@font-face{font-family: "Instrument Sans Fallback";src: local("Arial"), local("ArialMT"), local("Helvetica Neue");size-adjust: 100.45%;ascent-override: 96.57%;descent-override: 24.89%;line-gap-override: 0%}@font-face{font-family: "Fraunces Fallback";src: local("Georgia");size-adjust: 101%;ascent-override: 96.8%;descent-override: 25.2%;line-gap-override: 0%}@layer reset, tokens, base, layout, components, instruments, utilities;@layer reset{*, *::before, *::after{box-sizing: border-box}body, h1, h2, h3, h4, p, figure, blockquote, ol, ul, dl, dd, table{margin: 0}ol, ul{padding: 0}img, svg, picture{display: block;max-width: 100%;height: auto}button{font: inherit;color: inherit}table{border-collapse: collapse}[hidden]{display: none !important}}@layer tokens{:root{color-scheme: light;--paper:       oklch(0.965 0.012 85);--paper-deep:  oklch(0.925 0.018 82);--ink:         oklch(0.24 0.02 60);--graphite:    oklch(0.45 0.015 60);--rule:        oklch(0.24 0.02 60 / 0.16);--rule-strong: oklch(0.24 0.02 60 / 0.5);--pencil:      oklch(0.53 0.17 32);--accent:      var(--pencil);--accent-deco: var(--pencil);--font-display: "Fraunces", "Fraunces Fallback", Georgia, serif;--font-text: "Instrument Sans", "Instrument Sans Fallback", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;--step--1: clamp(0.833rem, 0.815rem + 0.083vw, 0.889rem);--step-0:  clamp(1.000rem, 0.948rem + 0.231vw, 1.156rem);--step-1:  clamp(1.200rem, 1.099rem + 0.449vw, 1.503rem);--step-2:  clamp(1.440rem, 1.269rem + 0.762vw, 1.954rem);--step-3:  clamp(1.728rem, 1.457rem + 1.203vw, 2.540rem);--step-4:  clamp(2.074rem, 1.664rem + 1.820vw, 3.302rem);--step-5:  clamp(2.300rem, 1.700rem + 2.674vw, 4.293rem);--step-6:  clamp(2.500rem, 1.400rem + 4.600vw, 5.600rem);--space-3xs: clamp(0.250rem, 0.237rem + 0.058vw, 0.289rem);--space-2xs: clamp(0.500rem, 0.474rem + 0.116vw, 0.578rem);--space-xs:  clamp(0.750rem, 0.711rem + 0.174vw, 0.867rem);--space-s:   clamp(1.000rem, 0.948rem + 0.231vw, 1.156rem);--space-m:   clamp(1.500rem, 1.422rem + 0.347vw, 1.734rem);--space-l:   clamp(2.000rem, 1.896rem + 0.463vw, 2.312rem);--space-xl:  clamp(3.000rem, 2.844rem + 0.694vw, 3.469rem);--space-2xl: clamp(4.000rem, 3.792rem + 0.926vw, 4.625rem);--space-l-2xl:  clamp(2.000rem, 1.125rem + 3.889vw, 4.625rem);--space-xl-3xl: clamp(3.000rem, 1.688rem + 5.833vw, 6.938rem);--gutter: clamp(1rem, 0.6rem + 2vw, 2.5rem);--measure: 60ch;--margin-w: 0rem;--aside-w: 0rem;--gap: 0rem;--tilt-left: -1.2deg;--tilt-right: 1.5deg;--tilt-sticker: -3deg;--ease-out: cubic-bezier(0.16, 1, 0.3, 1);--shadow-print: 0 1px 0 var(--rule), 0 18px 34px -24px oklch(0.24 0.02 60 / 0.5);--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .16 0 0 0 0 .12 0 0 0 0 .08 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--stroke: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8.5c28-4.6 61-6.2 96-4.9 34 1.3 66 3.6 100 1.6' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E");--ring: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60' preserveAspectRatio='none'%3E%3Cpath d='M70 6C38 2 8 12 5 30c-3 17 27 26 58 25 33-1 54-11 52-27C113 13 88 5 52 8' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");--arrow-ne: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 9.6 9.3 2.8M4.1 2.6l5.3.1.1 5.4' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}@media (min-width: 48rem){:root{--margin-w: 6.5rem;--gap: clamp(1.25rem, 0.5rem + 1.6vw, 2rem)}}@media (min-width: 72rem){:root{--margin-w: 11rem;--aside-w: 17rem;--gap: clamp(1.75rem, 0.4rem + 2.2vw, 3rem)}}@media (min-width: 100rem){:root{--margin-w: 13rem;--aside-w: 21rem}}[data-project="bigskyeats"]{--accent: oklch(0.46 0.1 155);--accent-deco: oklch(0.72 0.13 150)}[data-project="regeneratelife"]{--accent: #2964ad;--accent-deco: #5895e2}[data-project="fracture-by-design"]{--accent: oklch(0.2 0.006 60);--accent-deco: oklch(0.62 0.01 60)}[data-project="regeneratemx"]{--accent: #7a6219;--accent-deco: #c9a961}}@layer base{html{background: var(--grain) 0 0 / 180px 180px, var(--paper);color: var(--ink);font-family: var(--font-text);-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-padding-top: var(--space-l)}body{font-size: var(--step-0);line-height: 1.6;font-variant-numeric: proportional-nums;-webkit-font-smoothing: antialiased;overflow-wrap: break-word}h1, h2, h3{font-family: var(--font-display);font-weight: 540;line-height: 1.06;letter-spacing: -0.012em;font-optical-sizing: auto;font-variation-settings: "SOFT" 100, "WONK" 1;text-wrap: balance}h1{font-size: var(--step-6);font-weight: 450}h2{font-size: var(--step-3)}h3{font-size: var(--step-1);line-height: 1.2}p, li, dd, figcaption, td, th{text-wrap: pretty}p{max-width: var(--measure);hanging-punctuation: first allow-end}a{color: inherit;text-decoration-line: underline;text-decoration-thickness: 1px;text-underline-offset: 0.2em;text-decoration-color: color-mix(in oklch, currentColor 40%, transparent);transition: text-decoration-color 0.2s, color 0.2s}a:hover{color: var(--accent);text-decoration-color: currentColor}:focus-visible{outline: 2px solid var(--pencil);outline-offset: 3px;border-radius: 2px}::selection{background: color-mix(in oklch, var(--pencil) 22%, var(--paper));color: var(--ink)}strong{font-weight: 620}code, kbd, samp{font-family: var(--font-mono);font-size: 0.86em;letter-spacing: 0}abbr[title]{text-decoration: none}}@layer layout{.grid, .sub{display: grid;grid-template-columns:
[bleed-start] minmax(var(--gutter), 1fr)
[margin-start] var(--margin-w)
[margin-end] var(--gap)
[text-start] minmax(0, var(--measure))
[text-end] var(--gap)
[aside-start] var(--aside-w)
[aside-end] minmax(var(--gutter), 2fr)
[bleed-end]}.sub{grid-template-columns: subgrid}.grid > *, .sub > *{grid-column: text}.grid > .sub, .sub > .sub{grid-column: bleed}main.grid{padding-bottom: var(--space-xl-3xl)}main.grid > * + *{margin-top: var(--space-xl-3xl)}@supports not (grid-template-columns: subgrid){.sub{display: block;max-width: calc(var(--measure) + 2 * var(--gutter));margin-inline: auto;padding-inline: var(--gutter)}}}@layer components{.skip{position: absolute;left: var(--gutter);top: 0;z-index: 10;padding: 0.6em 1em;background: var(--ink);color: var(--paper);text-decoration: none;translate: 0 -120%;transition: translate 0.2s var(--ease-out)}.skip:focus-visible{translate: 0 0.5rem;color: var(--paper)}.mono, .label, .no, .year, .dateline, .facts dt, .note{font-family: var(--font-mono);font-variant-numeric: tabular-nums lining-nums;letter-spacing: 0.01em}.mono{font-size: var(--step--1)}.label{font-size: 0.75rem;line-height: 1.5;text-transform: uppercase;letter-spacing: 0.1em;color: var(--graphite)}.caps{font-size: 0.9em;letter-spacing: 0.05em}.vh{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.masthead{padding-top: var(--space-s)}.masthead .bar{grid-column: margin-start / aside-end;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: baseline;gap: 0 var(--space-m);border-bottom: 1px solid var(--ink)}.wordmark{font-family: var(--font-display);font-size: var(--step-2);line-height: 1.15;font-weight: 500;font-variation-settings: "SOFT" 100, "WONK" 1, "opsz" 40;letter-spacing: -0.012em;text-decoration: none;padding-block: 0.25em}.wordmark:hover{color: var(--ink)}.masthead nav ul{display: flex;flex-wrap: wrap;gap: 0 var(--space-s);list-style: none}.masthead nav a{display: inline-block;padding-block: 0.7rem;font-size: var(--step--1);letter-spacing: 0.02em;text-decoration: none}.masthead nav a:hover, .masthead nav a[aria-current]{text-decoration: underline;text-decoration-color: var(--pencil);color: var(--ink)}.dateline{grid-column: margin-start / aside-end;max-width: none;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0 var(--space-m);padding-top: var(--space-3xs);font-size: 0.75rem;color: var(--graphite)}.intro{row-gap: var(--space-m);padding-top: var(--space-xl)}.intro h1{grid-column: margin-start / aside-end;max-width: 16ch;font-size: clamp(2.15rem, 1.1rem + 4.75vw, 5.6rem);font-weight: 420;line-height: 1.02;letter-spacing: -0.022em}.intro .lede{font-size: var(--step-1);line-height: 1.5}@media (min-width: 72rem){.intro .lede{grid-column: text-start / aside-end;max-width: 34em}}.scribble{position: relative;white-space: nowrap}.scribble::after{content: "";position: absolute;left: -1%;right: -3%;bottom: -0.08em;height: 0.28em;background: var(--pencil);-webkit-mask: var(--stroke) center / 100% 100% no-repeat;mask: var(--stroke) center / 100% 100% no-repeat;rotate: -0.6deg;pointer-events: none}@media (max-width: 22rem){.scribble{white-space: normal}.scribble::after{display: none}}.chapter{row-gap: var(--space-s);align-items: start}.chapter > .label, .bench > .label{padding-top: 0.35em}.chapter > h2:not(.label){font-size: var(--step-3)}.chapter > h3{margin-top: var(--space-s)}@media (min-width: 48rem){.chapter > .label, .bench > .label{grid-column: margin;grid-row: 1;text-align: right;padding-top: 0.6em}.chapter > h2, .bench > h2{grid-row: 1}}.chapter > ol, .chapter > ul{padding-left: 0}.annotated{grid-column: text-start / aside-end;display: grid;grid-template-columns: subgrid;row-gap: var(--space-2xs)}.annotated > *{grid-column: text}.note{font-size: var(--step--1);line-height: 1.5;color: var(--pencil);max-width: 34ch}.note::before{content: "\2191\00a0"}@media (min-width: 72rem){.annotated > *{grid-row: 1}.annotated > .note{grid-column: aside;padding-top: 0.2em}.note::before{content: "\2190\00a0"}}.work{row-gap: var(--space-s)}.work > .label{align-self: end}.ledger{grid-column: margin-start / aside-end;list-style: none;border-top: 2px solid var(--ink);border-bottom: 3px double var(--ink)}.ledger > li{position: relative;display: grid;grid-template-columns: 2.4rem minmax(0, 1fr);grid-template-areas: "no name" ". what" ". meta";column-gap: var(--space-2xs);padding-block: var(--space-m)}.ledger > li + li{border-top: 1px solid var(--rule-strong)}.ledger .no{grid-area: no;font-size: var(--step--1);color: var(--graphite);padding-top: 0.6em}.ledger h3{grid-area: name;font-size: var(--step-5);line-height: 1;font-weight: 460;letter-spacing: -0.02em;font-variation-settings: "SOFT" 100, "WONK" 1, "opsz" 96;transition: font-variation-settings 0.5s var(--ease-out), color 0.25s}.ledger h3 a{text-decoration: none}.ledger h3 a::after{content: "";position: absolute;inset: 0;z-index: 1}.ledger h3 a:focus-visible{outline: none}.ledger > li:has(a:focus-visible){outline: 2px solid var(--pencil);outline-offset: 4px}.ledger .what{grid-area: what;margin-top: var(--space-2xs);max-width: 46ch}.ledger .meta{grid-area: meta;margin-top: var(--space-3xs);font-family: var(--font-mono);font-size: var(--step--1);color: var(--graphite);max-width: 60ch}.ledger .year{display: none}.ledger .thumb{display: none}.ledger > li:hover h3, .ledger > li:has(a:focus-visible) h3{color: var(--accent);font-variation-settings: "SOFT" 0, "WONK" 0, "opsz" 144}@media (min-width: 48rem){.ledger{display: grid;grid-template-columns: subgrid}.ledger > li{grid-column: 1 / -1;grid-template-columns: subgrid;grid-template-areas: none;column-gap: 0}.ledger .no{grid-column: margin;grid-row: 1;text-align: right}.ledger .year{display: block;grid-column: margin;grid-row: 2;text-align: right;font-size: 0.75rem;color: var(--graphite)}.ledger h3{grid-column: text-start / aside-end;grid-row: 1}.ledger .what{grid-column: text;grid-row: 2}.ledger .meta{grid-column: text;grid-row: 3}}@media (min-width: 72rem){.ledger h3{grid-column: text}.ledger .thumb{display: block;grid-column: aside;grid-row: 1 / span 3;align-self: center;justify-self: start;width: min(100%, 15rem);rotate: var(--tilt-left);transition: rotate 0.4s var(--ease-out), translate 0.4s var(--ease-out)}.ledger > li:nth-child(even) .thumb{rotate: var(--tilt-right)}.ledger > li:hover .thumb{rotate: 0deg;translate: 0 -3px}}@media (min-width: 100rem){.ledger .thumb{grid-column: aside-start / bleed-end;width: min(100%, 22rem)}}.print{position: relative}.print picture{background: var(--paper-deep);border: 1px solid var(--rule);border-radius: 4px;box-shadow: var(--shadow-print);overflow: hidden}.print img{width: 100%}.print::after{content: "";position: absolute;inset: 0;border-radius: 4px;pointer-events: none;background: var(--grain) 0 0 / 180px 180px;opacity: 0.7}.tape::before{content: "";position: absolute;z-index: 2;top: -0.7rem;left: var(--tape-x, 16%);width: var(--tape-w, 6.5rem);height: 1.5rem;background: color-mix(in oklch, var(--accent-deco) 34%, var(--paper));opacity: 0.88;rotate: var(--tape-r, -4deg);box-shadow: 0 1px 2px oklch(0 0 0 / 0.08);clip-path: polygon(0 6%, 4% 0, 9% 7%, 13% 1%, 87% 0, 91% 6%, 96% 0, 100% 8%, 100% 92%, 95% 100%, 91% 93%, 86% 100%, 14% 100%, 9% 94%, 4% 100%, 0 93%)}.thumb.tape::before{--tape-w: 3.4rem;--tape-x: 36%;--tape-r: 3deg;height: 1rem;top: -0.45rem}.spread{row-gap: var(--space-s)}.spread .print-desk{grid-column: text-start / bleed-end;grid-row: 1;width: 100%;max-width: 96rem;justify-self: start}.spread .print-phone{grid-row: 2;width: min(13rem, 58%);justify-self: center;rotate: var(--tilt-right);--tape-w: 4.2rem;--tape-x: 30%;--tape-r: 5deg}.spread figcaption{grid-row: 3;font-family: var(--font-mono);font-size: var(--step--1);line-height: 1.5;color: var(--graphite);max-width: 52ch}@media (min-width: 48rem){.spread .print-phone{grid-column: margin-start / text-start;justify-self: end;width: min(12rem, 100%)}.spread figcaption{grid-row: 2;align-self: end}}@media (min-width: 72rem){.spread .print-phone{grid-column: margin-start / text-start;grid-row: 1;align-self: end;justify-self: end;width: 13.5rem;margin-bottom: calc(var(--space-xl) * -1);translate: 2.5rem 0;z-index: 3}.spread figcaption{grid-row: 2;padding-top: var(--space-xl)}}.crumbs{padding-top: var(--space-s)}.crumbs a{text-decoration-color: var(--rule-strong)}.case-head{row-gap: var(--space-s);padding-top: var(--space-l);align-items: start}.case-head .kicker{font-size: var(--step--1);color: var(--graphite)}.case-head .kicker .no{color: var(--accent)}.case-head h1{line-height: 0.98;letter-spacing: -0.03em;overflow-wrap: anywhere}.case-head .standfirst{font-size: var(--step-1);line-height: 1.5}.case-head .facts{margin-top: var(--space-xs)}@media (min-width: 48rem){.case-head .kicker{grid-column: margin;grid-row: 1;text-align: right;padding-top: 0.9em}.case-head .kicker > span:not(.sticker){display: block}.case-head h1{grid-column: text-start / aside-end;grid-row: 1}}@media (min-width: 72rem){.case-head h1{grid-column: text}.case-head .standfirst{grid-row: 2}.case-head .facts{grid-column: aside;grid-row: 1 / span 3;margin-top: 0.9em}}.sticker{display: inline-block;font-family: var(--font-mono);font-size: 0.75rem;line-height: 1.4;letter-spacing: 0.04em;padding: 0.18em 0.7em;border: 1px solid currentColor;border-radius: 999px;color: var(--pencil);background: var(--paper);rotate: var(--tilt-sticker);white-space: nowrap}.facts{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));gap: var(--space-xs) var(--space-m);border-top: 1px solid var(--ink);padding-top: var(--space-xs)}.facts dt{font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.1em;color: var(--graphite)}.facts dd{font-size: var(--step--1);line-height: 1.45;margin-top: 0.15em}@media (min-width: 72rem){.case-head .facts{grid-template-columns: 1fr}}.credit{border-block: 3px double var(--ink);padding-block: var(--space-s);display: grid;gap: var(--space-xs)}.credit dl{display: grid;gap: var(--space-xs) var(--space-m)}.credit dl > div{display: grid;gap: 0.1em;align-content: start}.credit dt{font-family: var(--font-mono);font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.1em;color: var(--graphite)}.credit dd{font-family: var(--font-display);font-size: var(--step-2);line-height: 1.2;font-variation-settings: "SOFT" 100, "WONK" 1, "opsz" 48}.credit p{font-size: var(--step--1);color: var(--graphite)}@media (min-width: 48rem){.credit dl{grid-template-columns: 1fr 1fr}}.steps{list-style: none;counter-reset: step;display: grid;gap: var(--space-xs)}.steps > li{counter-increment: step;position: relative;padding-left: 2.4rem}.steps > li::before{content: counter(step, decimal-leading-zero);position: absolute;left: 0;top: 0.15em;font-family: var(--font-mono);font-size: var(--step--1);color: var(--accent)}.steps strong{font-weight: 600}.bench{row-gap: var(--space-s);padding-block: var(--space-xl) var(--space-xl);background: var(--grain) 0 0 / 180px 180px, var(--paper-deep);border-block: 1px solid var(--rule-strong)}.bench > .instrument, .bench > .method{grid-column: margin-start / aside-end}@media (min-width: 72rem){.bench > .instrument{grid-column: text-start / aside-end}}.method{font-family: var(--font-mono);font-size: 0.78rem;line-height: 1.55;color: var(--graphite);max-width: 92ch}@media (min-width: 72rem){.bench > .method{grid-column: text-start / aside-end}}.turn{grid-column: margin-start / aside-end;display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-m);border-top: 3px double var(--ink);padding-top: var(--space-s)}.turn a{text-decoration: none;display: grid;gap: var(--space-3xs);padding-block: var(--space-2xs);align-content: start}.turn .t{font-family: var(--font-display);font-size: var(--step-3);line-height: 1.05;overflow-wrap: anywhere;font-variation-settings: "SOFT" 100, "WONK" 1, "opsz" 72;transition: font-variation-settings 0.5s var(--ease-out), color 0.25s}.turn a:hover .t, .turn a:focus-visible .t{font-variation-settings: "SOFT" 0, "WONK" 0, "opsz" 144;color: var(--accent)}.turn .next{text-align: right;justify-items: end;grid-column: 2}@media (max-width: 40rem){.turn{grid-template-columns: 1fr;gap: 0}.turn .next{grid-column: 1;border-top: 1px solid var(--rule-strong)}}.lead{font-family: var(--font-display);font-size: var(--step-2);line-height: 1.25;font-weight: 420;font-variation-settings: "SOFT" 100, "WONK" 1, "opsz" 48;max-width: 30ch}.links{list-style: none;border-top: 1px solid var(--ink)}.links li{display: grid;gap: 0 var(--space-s);align-items: baseline;padding-block: var(--space-xs);border-bottom: 1px solid var(--rule-strong)}@media (min-width: 40rem){.links li{grid-template-columns: minmax(6.5rem, 9rem) minmax(0, 1fr)}}.links a{font-family: var(--font-display);font-size: var(--step-2);line-height: 1.2;font-variation-settings: "SOFT" 100, "WONK" 1, "opsz" 48;overflow-wrap: anywhere}.links a:hover{color: var(--pencil)}.links .label{padding-top: 0.2em}.ext::after{content: "";display: inline-block;width: 0.62em;height: 0.62em;margin-left: 0.22em;vertical-align: 0.02em;background: currentColor;-webkit-mask: var(--arrow-ne) center / contain no-repeat;mask: var(--arrow-ne) center / contain no-repeat}.ring{position: relative;display: inline-block;padding-inline: 0.32em;margin-inline: 0.12em}.ring::after{content: "";position: absolute;inset: -0.32em -0.5em -0.28em -0.55em;pointer-events: none;background: var(--pencil);-webkit-mask: var(--ring) center / 100% 100% no-repeat;mask: var(--ring) center / 100% 100% no-repeat;rotate: -2deg}.colophon{padding-block: var(--space-l) var(--space-xl)}.colophon .bar{grid-column: margin-start / aside-end;border-top: 1px solid var(--ink);padding-top: var(--space-s);display: grid;gap: var(--space-s) var(--space-l);font-size: var(--step--1);color: var(--graphite)}.colophon p{max-width: 64ch}.colophon .end{font-family: var(--font-mono);font-size: 0.75rem}@media (min-width: 72rem){.colophon .bar{grid-template-columns: subgrid}.colophon .studio{grid-column: margin;font-family: var(--font-display);font-size: var(--step-2);color: var(--ink);line-height: 1;font-variation-settings: "SOFT" 100, "WONK" 1, "opsz" 48;text-align: right}.colophon p{grid-column: text}.colophon .end{grid-column: aside;text-align: right}}.studio{font-family: var(--font-display);font-size: var(--step-1);color: var(--ink)}.missing h1{grid-column: margin-start / aside-end;padding-top: var(--space-xl)}.missing .ledger h3{font-size: var(--step-3)}}@layer instruments{.instrument button{cursor: pointer}.arch-list{list-style: none;display: grid;gap: var(--space-s) var(--space-m);grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr))}.arch-node{border-top: 1px solid var(--ink);padding-top: var(--space-2xs)}.arch-node h3{font-size: var(--step-1)}.arch-role{font-family: var(--font-mono);font-size: 0.78rem;color: var(--graphite)}.arch-detail p{font-size: var(--step--1);line-height: 1.5;margin-top: var(--space-3xs)}.arch-detail .links-to{font-family: var(--font-mono);font-size: 0.75rem;color: var(--graphite)}.arch.is-live{display: grid;gap: var(--space-m)}.arch.is-live .arch-stage{position: relative}.arch.is-live .arch-list{position: relative;z-index: 1;grid-template-columns: minmax(0, 1fr);gap: var(--space-2xs)}.arch.is-live .arch-node{border: 0;padding: 0;display: grid;justify-items: stretch}.arch.is-live .arch-node h3{font-size: inherit}.arch.is-live .arch-detail{display: none}.arch-btn{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: 0 0.6em;text-align: left;width: 100%;min-height: 2.9rem;padding: 0.45em 0.8em;background: var(--paper);border: 1px solid var(--ink);border-radius: 3px;font-family: var(--font-display);font-size: var(--step-0);line-height: 1.15;font-weight: 520;font-variation-settings: "SOFT" 100, "WONK" 1, "opsz" 24;transition: background-color 0.2s, border-color 0.2s, opacity 0.2s, color 0.2s}.arch-btn .arch-role{font-weight: 400;font-size: 0.7rem}.arch-btn:hover{border-color: var(--accent);color: var(--accent)}.arch-btn[aria-pressed="true"]{background: var(--ink);color: var(--paper);border-color: var(--ink)}.arch-btn[aria-pressed="true"] .arch-role{color: color-mix(in oklch, var(--paper) 80%, transparent)}.arch.has-selection .arch-node.is-linked .arch-btn{border-color: var(--accent);border-width: 2px;padding: calc(0.45em - 1px) calc(0.8em - 1px)}.arch.has-selection .arch-node:not(.is-linked):not(.is-selected) .arch-btn{opacity: 0.55}.arch-wires{position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none;overflow: visible;display: none}.arch-wires path{fill: none;stroke: var(--rule-strong);stroke-width: 1.2;transition: stroke 0.2s, stroke-width 0.2s}.arch-wires path.is-lit{stroke: var(--accent-deco);stroke-width: 3}.arch-panel{border-top: 2px solid var(--ink);padding-top: var(--space-xs)}.arch-panel h3{font-size: var(--step-2)}.arch-panel p{margin-top: var(--space-2xs)}.arch-panel .links-to{font-family: var(--font-mono);font-size: var(--step--1);color: var(--graphite)}.arch-node > .arch-panel{border-top: 0;padding: var(--space-2xs) var(--space-3xs) var(--space-xs)}.arch-node > .arch-panel > .label, .arch-node > .arch-panel > h3{display: none}.arch-node > .arch-panel > p:first-of-type{margin-top: 0}.arch-jump{display: inline-block;min-height: 1.75rem;padding: 0.15em 0.1em;background: none;border: 0;font: inherit;color: var(--accent);text-decoration: underline;text-underline-offset: 0.2em;cursor: pointer}.arch-jump:hover{color: var(--ink)}.arch-jump-item{white-space: nowrap}@media (min-width: 48rem){.arch-wires{display: block}.arch.is-live .arch-list{grid-template-columns: repeat(3, minmax(0, 1fr));grid-template-areas:
"app admin ." "cf cf ." "nginx nginx ." "cable puma deploy" "redis pg backup" "sidekiq . .";gap: var(--space-l) var(--space-s)}.arch.is-live .arch-node{justify-items: center}.arch-btn{display: grid;gap: 0.1em;justify-items: center;text-align: center;max-width: 15rem;min-height: 3.2rem}.arch-panel{min-height: 12rem}.arch.is-live .arch-node[data-node="app"]{grid-area: app}.arch.is-live .arch-node[data-node="admin"]{grid-area: admin}.arch.is-live .arch-node[data-node="deploy"]{grid-area: deploy}.arch.is-live .arch-node[data-node="cf"]{grid-area: cf}.arch.is-live .arch-node[data-node="nginx"]{grid-area: nginx}.arch.is-live .arch-node[data-node="puma"]{grid-area: puma}.arch.is-live .arch-node[data-node="cable"]{grid-area: cable}.arch.is-live .arch-node[data-node="pg"]{grid-area: pg}.arch.is-live .arch-node[data-node="redis"]{grid-area: redis}.arch.is-live .arch-node[data-node="sidekiq"]{grid-area: sidekiq}.arch.is-live .arch-node[data-node="backup"]{grid-area: backup}}@media (min-width: 72rem){.arch.is-live{grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);align-items: start;gap: var(--space-l)}.arch-panel{position: sticky;top: var(--space-m)}}.log-list{list-style: none;display: grid;gap: var(--space-l);counter-reset: entry}.log-entry{counter-increment: entry;display: grid;gap: var(--space-2xs);border-top: 1px solid var(--ink);padding-top: var(--space-xs)}.log-entry h3{font-size: var(--step-2)}.log-entry .area{font-family: var(--font-mono);font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.1em;color: var(--accent)}.log-entry dl{display: grid;gap: var(--space-s)}.log-entry dt{font-family: var(--font-mono);font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.1em;color: var(--graphite)}.log-entry dd{max-width: var(--measure)}.log-entry .measured dd{font-family: var(--font-display);font-size: var(--step-2);line-height: 1.2;font-variation-settings: "SOFT" 100, "WONK" 1, "opsz" 48}@media (min-width: 72rem){.log-entry dl{grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);column-gap: var(--space-l)}.log-entry .happened, .log-entry .fix{grid-column: 1}.log-entry .measured{grid-column: 2;grid-row: 1 / span 2;align-self: start}}.log.is-live .log-tabs{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));border-top: 2px solid var(--ink);border-left: 1px solid var(--rule-strong)}@media (min-width: 48rem){.log.is-live .log-tabs{grid-template-columns: repeat(8, minmax(0, 1fr))}}.log-tab{display: grid;gap: 0.1em;align-content: start;text-align: left;min-height: 3.6rem;padding: 0.45rem 0.55rem;background: transparent;border: 0;border-right: 1px solid var(--rule-strong);border-bottom: 1px solid var(--rule-strong);font-family: var(--font-mono);font-size: 0.72rem;line-height: 1.3;color: var(--graphite);transition: background-color 0.2s, color 0.2s}.log-tab b{font-family: var(--font-display);font-weight: 520;font-size: var(--step-1);color: var(--ink);font-variation-settings: "SOFT" 100, "WONK" 1}@media (max-width: 47.99rem){.log-tab > span:not(.vh){display: none}.log-tab{min-height: 2.9rem}}.log-tab:hover{background: color-mix(in oklch, var(--accent-deco) 18%, transparent)}.log-tab[aria-selected="true"]{background: var(--ink);color: var(--paper)}.log-tab[aria-selected="true"] b{color: var(--paper)}.log.is-live .log-list{margin-top: var(--space-m)}.log.is-live .log-entry{border-top: 0;padding-top: 0}.log-nav{display: flex;justify-content: space-between;gap: var(--space-s);margin-top: var(--space-m);border-top: 1px solid var(--rule-strong);padding-top: var(--space-xs)}.log-nav button{min-height: 2.75rem;padding: 0.4em 0.9em;background: var(--paper);border: 1px solid var(--ink);border-radius: 3px;font-family: var(--font-mono);font-size: var(--step--1)}.log-nav button:hover:not(:disabled){background: var(--ink);color: var(--paper)}.log-nav button:disabled{opacity: 0.4;cursor: default}.events{list-style: none;counter-reset: ev;display: grid;gap: 0;border-top: 2px solid var(--ink)}.events > li{counter-increment: ev;display: grid;grid-template-columns: 2.2rem minmax(0, 1fr);column-gap: var(--space-2xs);padding-block: var(--space-xs);border-bottom: 1px solid var(--rule-strong);transition: opacity 0.2s}.events > li::before{content: counter(ev, decimal-leading-zero);font-family: var(--font-mono);font-size: var(--step--1);color: var(--graphite);padding-top: 0.15em}.events .ev-text{grid-column: 2}.events .ev-effect{grid-column: 2;font-family: var(--font-mono);font-size: 0.78rem;color: var(--graphite);margin-top: 0.2em}.events .ev-effect .yes{color: var(--accent)}.replay.is-live{display: grid;gap: var(--space-m)}.replay.is-live .events > li{cursor: pointer}.replay.is-live .events > li:not(.is-future)::before{color: var(--accent);font-weight: 700}.replay.is-live .events > li.is-future{color: var(--graphite)}.replay.is-live .events > li.is-current{background: color-mix(in oklch, var(--accent-deco) 16%, transparent)}.replay.is-live .events .ev-effect{display: none}.replay.is-live .replay-controls{order: 1}.replay.is-live .state{order: 2}.replay.is-live .events{order: 3}.ev-btn{all: unset;cursor: pointer}.ev-btn:focus-visible{outline: 2px solid var(--pencil);outline-offset: 2px}.replay-controls{display: grid;gap: var(--space-2xs)}.replay-controls label{font-family: var(--font-mono);font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.1em;color: var(--graphite)}.replay-controls .row{display: flex;align-items: center;gap: var(--space-xs)}.replay-controls input[type="range"]{flex: 1;accent-color: var(--accent);min-height: 2.75rem}.replay-controls button{min-width: 2.75rem;min-height: 2.75rem;background: var(--paper);border: 1px solid var(--ink);border-radius: 3px;font-family: var(--font-mono);font-size: var(--step-0)}.replay-controls button:hover:not(:disabled){background: var(--ink);color: var(--paper)}.replay-controls button:disabled{opacity: 0.4;cursor: default}.replay-controls output{font-family: var(--font-mono);font-size: var(--step--1);min-width: 4.5ch;text-align: right}.state{background: var(--paper);border: 1px solid var(--ink);border-radius: 3px;padding: var(--space-xs) var(--space-s);box-shadow: var(--shadow-print)}.state h3{font-family: var(--font-mono);font-size: 0.75rem;font-weight: 400;text-transform: uppercase;letter-spacing: 0.1em;color: var(--graphite)}.state dl{display: grid;grid-template-columns: auto minmax(0, 1fr);gap: 0.25em var(--space-s);margin-top: var(--space-2xs);font-family: var(--font-mono);font-size: var(--step--1)}.state dt{color: var(--graphite)}.state .is-ok{color: var(--accent)}.state .is-not{color: var(--pencil)}.verdict{margin-top: var(--space-xs);padding-top: var(--space-xs);border-top: 1px dashed var(--rule-strong)}.verdict strong{font-family: var(--font-display);font-size: var(--step-2);font-weight: 520;font-variation-settings: "SOFT" 100, "WONK" 1, "opsz" 48;display: block;line-height: 1.2}.verdict p{font-size: var(--step--1);color: var(--graphite);margin-top: 0.2em}@media (min-width: 72rem){.replay.is-live{grid-template-columns: minmax(0, 1fr) minmax(0, 19rem);column-gap: var(--gap);align-items: start}.replay.is-live .replay-controls{grid-column: 1 / -1}.replay.is-live .state{grid-column: 2;grid-row: 2;position: sticky;top: var(--space-m)}.replay.is-live .events{grid-column: 1;grid-row: 2}}.compare-switch{display: flex;flex-wrap: wrap;gap: 0;margin-bottom: var(--space-s)}.compare-switch button{min-height: 2.75rem;padding: 0.4em 1em;background: var(--paper);border: 1px solid var(--ink);margin-left: -1px;font-family: var(--font-mono);font-size: var(--step--1)}.compare-switch button:first-child{margin-left: 0;border-radius: 3px 0 0 3px}.compare-switch button:last-child{border-radius: 0 3px 3px 0}.compare-switch button[aria-pressed="true"]{background: var(--ink);color: var(--paper)}.compare-table{width: 100%;font-size: var(--step--1)}.compare-table caption{text-align: left;font-family: var(--font-mono);font-size: 0.75rem;color: var(--graphite);padding-bottom: var(--space-2xs);caption-side: top}.compare-table th, .compare-table td{padding: 0.5em 0.6em 0.5em 0;text-align: left;vertical-align: top;border-bottom: 1px solid var(--rule-strong)}.compare-table thead th{font-family: var(--font-mono);font-size: 0.75rem;font-weight: 400;text-transform: uppercase;letter-spacing: 0.08em;color: var(--graphite);border-bottom: 2px solid var(--ink)}.compare-table tbody th{font-weight: 500;width: 34%}.compare-table tbody th small{display: block;font-family: var(--font-mono);font-size: 0.72rem;font-weight: 400;color: var(--graphite)}.compare-table td{font-family: var(--font-mono);font-variant-numeric: tabular-nums lining-nums;width: 33%}.compare-table .group th{padding-top: var(--space-s);font-family: var(--font-display);font-size: var(--step-1);font-weight: 520;font-variation-settings: "SOFT" 100, "WONK" 1;border-bottom: 1px solid var(--ink)}.compare-table .group th span{font-family: var(--font-mono);font-size: 0.72rem;font-weight: 400;color: var(--graphite);margin-left: 0.6em}.meter{display: block;height: 0.6rem;margin-top: 0.35rem;width: var(--w, 0%);min-width: 3px;background: transparent;border: 1px solid var(--graphite);border-radius: 0 2px 2px 0;transition: width 0.6s var(--ease-out)}.meter.is-rebuild{background: var(--accent);border-color: var(--accent)}.compare-table td.is-better{color: var(--ink);font-weight: 600}.compare.is-live tbody[data-group]:not(.is-shown){display: none}.compare:not(.is-live) .meter{display: none}@media (min-width: 72rem){.compare-table tbody th{width: 30%}}}@layer utilities{@media (prefers-reduced-motion: reduce){*, *::before, *::after{transition-duration: 1ms !important;animation-duration: 1ms !important;animation-iteration-count: 1 !important}}}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto}}[data-project="bigskyeats"] .vt-name{view-transition-name: name-bigskyeats}[data-project="regeneratelife"] .vt-name{view-transition-name: name-regeneratelife}[data-project="fracture-by-design"] .vt-name{view-transition-name: name-fracture-by-design}[data-project="regeneratemx"] .vt-name{view-transition-name: name-regeneratemx}