:root{--stone: #F9F4F3;--dado: #4A3F95;--wire: #E8682B;--gold: #F2B53C;--plaster: #F1C6B9;--shutter: #2C6BA3;--ochre: #946200;--teal: #357595;--amber: #F9A600;--olive: #6A8A22;--color-white: #FFFFFF;--off-white: #F8F8F8;--off-black: #1A1A1A;--neutral-mid: #5C5C5C;--neutral-faint: #909090;--neutral-line: #D9D9D9;--neutral-line-dark: #2A2A2A;--neutral-soft-dark: #B0B0B0;--neutral-faint-dark: #707070;--emdy-ground: #F3EFE3;--page: var(--stone);--ink: var(--dado);--on-ink: var(--stone);--card: var(--color-white);--tile: var(--stone);--hairline: #4A3F9529;--outline: var(--dado);--thread: var(--wire);--ring: var(--wire);--highlight: var(--gold);--highlight-ink: var(--ink);--logo-dot: var(--wire);--current-page: var(--wire);--kind-case-study: var(--dado);--kind-personal-project: var(--ochre);--kind-playground: var(--teal);--meaning-data: var(--teal);--meaning-insight: var(--ochre);--meaning-principle: var(--dado);--outline-data: var(--teal);--outline-insight: var(--ochre);--outline-principle: var(--dado);--rule-insight: #94620040;--rule-principle: #4A3F9540;--dot-curiosity: var(--wire);--dot-play: var(--amber);--dot-system: var(--shutter);--dot-table: var(--olive);--switch-1: var(--wire);--switch-2: var(--gold);--switch-3: var(--shutter);--switch-4: var(--dado);--bg: var(--page);--text: var(--ink);--text-soft: var(--ink);--text-faint: var(--ink);--border: var(--ink);--border-soft: var(--hairline);--signal: var(--highlight);--signal-ink: var(--ink);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-18: 72px;--space-20: 80px;--space-24: 96px;--space-28: 112px;--space-32: 128px;--space-40: 160px;--size-display: 24px;--leading-display: 32px;--size-heading: 20px;--leading-heading: 24px;--size-lead: 16px;--leading-lead: 24px;--size-title: 16px;--leading-title: 24px;--size-card-heading: 16px;--leading-card-heading: 24px;--size-card-title: 16px;--leading-card-title: 24px;--size-body: 12px;--leading-body: 24px;--size-small: 12px;--leading-small: 24px;--size-caption: 12px;--leading-caption: 16px;--size-label: 12px;--leading-label: 16px;--size-button: 11px;--leading-button: 16px;--text-2xs: var(--size-button);--text-xs: var(--size-button);--text-sm: var(--size-body);--text-md: var(--size-body);--text-base: var(--size-body);--text-lg: var(--size-body);--text-xl: var(--size-body);--text-2xl: var(--size-body);--text-3xl: var(--size-title);--text-4xl: var(--size-title);--text-5xl: var(--size-heading);--text-6xl: var(--size-heading);--text-display-sm: var(--size-heading);--text-display-md: var(--size-display);--text-display-lg: var(--size-display);--weight-heading: 500;--lh-tight: 1.1;--lh-snug: 1.2;--lh-normal: 1.4;--lh-relaxed: 1.55;--lh-body: 1.65;--lh-loose: 1.8;--tracking-tighter: -.035em;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .12em;--tracking-widest: .2em;--border-1: 1px;--border-2: 2px;--border-3: 3px;--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--column: 880px;--grid-gutter: 32px;--bp-sm: 480px;--bp-md: 720px;--bp-lg: 880px;--bp-xl: 1080px;--wrapper-max: 1080px;--gutter: max(var(--space-6), calc(50% - (var(--wrapper-max) / 2)));--dur-fast: .12s;--dur-base: .15s;--dur-mid: .25s;--dur-slow: .35s;--ease-out: cubic-bezier(.16, 1, .3, 1);--font-display: "Albert Sans", "IBM Plex Sans Arabic", -apple-system, sans-serif;--font-body: "Albert Sans", "IBM Plex Sans Arabic", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--font-ar: "IBM Plex Sans Arabic", sans-serif}@supports (color: color(display-p3 0 0 0)){:root{--amber: color(display-p3 .928 .664 .182)}}[data-mode=mono]{--page: var(--color-white);--ink: var(--off-black);--on-ink: var(--color-white);--card: var(--off-white);--tile: var(--off-white);--hairline: #1A1A1A29;--outline: var(--neutral-faint);--thread: var(--neutral-faint);--ring: var(--neutral-faint);--highlight: var(--neutral-line);--logo-dot: var(--off-black);--current-page: var(--off-black);--kind-case-study: var(--off-black);--kind-personal-project: var(--off-black);--kind-playground: var(--off-black);--meaning-data: var(--off-black);--meaning-insight: var(--off-black);--meaning-principle: var(--off-black);--outline-data: var(--neutral-faint);--outline-insight: var(--neutral-faint);--outline-principle: var(--neutral-faint);--rule-insight: #1A1A1A40;--rule-principle: #1A1A1A40;--dot-curiosity: var(--neutral-faint);--dot-play: var(--neutral-faint);--dot-system: var(--neutral-faint);--dot-table: var(--neutral-faint);--switch-1: var(--off-black);--switch-2: var(--neutral-mid);--switch-3: var(--neutral-faint);--switch-4: var(--neutral-line)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:clip;background:var(--page)}body{min-height:100vh;font-family:var(--font-body);font-size:var(--size-small);line-height:var(--leading-small);font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased;background:var(--page);color:var(--ink);overflow-x:clip}a{color:inherit;text-decoration:underline 1px;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}img,svg{display:block;max-width:100%}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);z-index:1000;display:inline-flex;align-items:center;height:32px;padding-inline:var(--space-4);border-radius:var(--radius-sm);background:var(--ink);color:var(--on-ink);font:700 var(--size-button) / var(--leading-button) var(--font-body);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transform:translateY(-200%);transition:transform var(--dur-base)}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0)}main:focus{outline:none}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}::selection{background:var(--highlight);color:var(--highlight-ink)}.tnum{font-variant-numeric:tabular-nums}[dir=rtl] body{font-family:var(--font-ar);line-height:1.8}[dir=rtl] [class*=font-display],[dir=rtl] [class*=font-mono]{font-family:var(--font-ar)}[dir=rtl] .uppercase-label,[dir=rtl] [data-rtl-no-case]{text-transform:none;letter-spacing:0}[dir=rtl] pre,[dir=rtl] code{direction:ltr;text-align:left;unicode-bidi:embed}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.column{width:min(var(--column),100% - 2 * var(--space-4));margin-inline:auto}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gutter)}.side-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--grid-gutter);align-items:start}.side-row>:last-child{grid-column:2 / -1}.side-head{padding-top:var(--space-6);font:500 var(--size-heading) / var(--leading-heading) var(--font-display);letter-spacing:-.015em}@media(max-width:719px){.grid-3,.side-row{grid-template-columns:minmax(0,1fr);row-gap:var(--space-6)}.side-row>:last-child{grid-column:auto}.side-head{padding-top:0}}.static-box{position:relative;border-radius:var(--radius-xl)}.static-box:after{content:"";position:absolute;inset:0;border:1px solid var(--outline);border-radius:inherit;pointer-events:none}.static-box.is-pulled:after{border:2px solid var(--ink)}.btn{display:inline-flex;align-items:center;height:32px;padding-inline:var(--space-4);border:1px solid var(--ink);border-radius:var(--radius-sm);background:transparent;color:var(--ink);font:700 var(--size-button) / var(--leading-button) var(--font-body);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color var(--dur-base),color var(--dur-base)}.btn:hover,.btn--primary{background:var(--ink);color:var(--on-ink)}.btn--primary:hover{background:transparent;color:var(--ink)}[dir=rtl] .btn{text-transform:none;letter-spacing:0}.live{font-weight:500;text-decoration:none;border-radius:2px}.live:hover{text-decoration:none}.live.is-pulled{background:var(--highlight);color:var(--highlight-ink);padding-inline:var(--space-2);margin-inline:calc(-1 * var(--space-2));box-decoration-break:clone;-webkit-box-decoration-break:clone}.ring{display:inline-block;width:8px;height:8px;margin-inline-start:var(--space-2);border:2px solid var(--ring);border-radius:50%;vertical-align:.5em}.ring--display{vertical-align:.45em}@media(max-width:719px){.ring{display:none}}.thread-stage{position:relative}.thread-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}.thread-overlay path{fill:none;stroke:var(--thread);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.thread-overlay circle{fill:var(--thread)}.thread-overlay .rail-dot{opacity:0;transition:opacity .16s var(--ease-out)}.thread-overlay .rail-dot.is-reached{opacity:1}@media print{.thread-overlay{display:none}}