@rizom/site-rizom-ai 0.2.0-alpha.267 → 0.2.0-alpha.268

package/dist/index.js

@@ -38319,6 +38319,11 @@ var story_default = `/* The story pages: chapters beside one drawing, under the
   min-height: calc(100svh - var(--bar-height, 4.6rem));
   max-width: var(--words);
 }
+/* The opening (and the Ask room's first chapter, which follows its drawing in
+   the column) is the words' width, so the drawing has its room beside it. */
+.chapter--opening {
+  max-width: var(--words);
+}
 /* A chapter's eyebrow is the site's label: mono, small, tracked, in the room's accent. */
 .chapter .eyebrow {
   margin: 0 0 1.4rem;
@@ -39089,6 +39094,79 @@ var story_default = `/* The story pages: chapters beside one drawing, under the
     translate: 0 -50%;
   }
 }
+/* The opening's organism art: one brain, a team and a network in the rooms'
+   lights, joined by one thread (see ./story/organism-art). A wide picture, it
+   runs the full width of the opening under the words and the door, and
+   leaves with the opening. */
+.opening__art {
+  width: calc(min(100cqi, 80rem) - 2 * clamp(1rem, 5vw, 5rem));
+  max-width: none;
+  margin-top: 3rem;
+}
+.opening__art .organism-defs {
+  position: absolute;
+  width: 0;
+  height: 0;
+  overflow: hidden;
+}
+.opening__art > .organism-map {
+  display: block;
+  width: 100%;
+  height: auto;
+  overflow: visible;
+}
+.opening__art .organism-ray {
+  fill: none;
+  stroke: url(#org-thread);
+  stroke-width: 1.5;
+  stroke-linecap: round;
+}
+.opening__art .organism-ray-soft {
+  fill: none;
+  stroke: url(#org-thread);
+  stroke-width: 6;
+  opacity: 0.16;
+  filter: url(#org-blur);
+}
+.opening__art .organism-ray-fine {
+  stroke-width: 0.8;
+  opacity: 0.45;
+}
+.opening__art .organism-wire {
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.45;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  opacity: 0.7;
+}
+.opening__art .organism-wire-faint {
+  stroke-width: 0.8;
+  opacity: 0.28;
+}
+.opening__art .organism-peer {
+  fill: var(--color-bg);
+  stroke: currentColor;
+  stroke-width: 1.4;
+}
+.opening__art .organism-hot {
+  fill: var(--color-text);
+}
+.opening__art .organism-halo {
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 0.7;
+  opacity: 0.38;
+}
+.opening__art .organism-brain {
+  color: var(--palette-brass);
+}
+.opening__art .organism-team {
+  color: var(--palette-ruby-soft);
+}
+.opening__art .organism-network {
+  color: var(--palette-moss);
+}
 .net-svg {
   overflow: visible;
 }
@@ -39563,6 +39641,14 @@ var story_default = `/* The story pages: chapters beside one drawing, under the
     --words: 34rem;
     --strip-h: 34svh;
   }
+  /* The room page has no figure to hold the strip's height in the flow. */
+  .story--room .chapters {
+    padding-top: var(--strip-h);
+  }
+  .opening__art {
+    width: 100%;
+    margin-top: 2rem;
+  }
   .chapter.chapter--opening {
     min-height: auto;
     justify-content: flex-start;
@@ -55527,7 +55613,7 @@ var growthSchema = exports_external.object({
 var ROOMS = {
   You: "/brain",
   Team: "/work",
-  Network: "#hero"
+  Network: "/ask"
 };
 function GrowthSection({
   cap,
@@ -56482,42 +56568,441 @@ var BuildResultSchema = exports_external.object({
   errors: exports_external.array(exports_external.string()).optional(),
   warnings: exports_external.array(exports_external.string()).optional()
 });
-// src/story/network.ts
-var DISC = { x: 50, y: 50, radius: 44 };
-var CHARACTER = 1.45;
-var GAP = 3;
-var r12 = (v2) => Math.round(v2 * 10) / 10;
-function placeNetwork(map6) {
-  const shown = map6.nodes.filter((node2) => node2.status !== "archived");
-  const max = proximityMaxDistance({ ...map6, nodes: shown });
-  const placed2 = shown.map((node2) => {
-    const point3 = proximityPoint(node2.distance, node2.bearing, max, DISC);
-    return {
-      id: node2.id,
-      name: node2.name,
-      x: r12(point3.x),
-      y: r12(point3.y),
-      reach: proximityReach(node2.distance, max)
-    };
+// src/story/organism-art.tsx
+import { jsx as jsx56, jsxs as jsxs39, Fragment as Fragment21 } from "react/jsx-runtime";
+function OrganismDefs() {
+  return /* @__PURE__ */ jsx56("svg", {
+    className: "organism-defs",
+    "aria-hidden": "true",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsxs39("defs", {
+      children: [
+        /* @__PURE__ */ jsx56("filter", {
+          id: "org-blur",
+          x: "-50%",
+          y: "-50%",
+          width: "200%",
+          height: "200%",
+          children: /* @__PURE__ */ jsx56("feGaussianBlur", {
+            stdDeviation: "3"
+          })
+        }),
+        /* @__PURE__ */ jsxs39("radialGradient", {
+          id: "org-brain-light",
+          children: [
+            /* @__PURE__ */ jsx56("stop", {
+              stopColor: "var(--palette-brass)",
+              stopOpacity: ".36"
+            }),
+            /* @__PURE__ */ jsx56("stop", {
+              offset: ".3",
+              stopColor: "var(--palette-brass)",
+              stopOpacity: ".13"
+            }),
+            /* @__PURE__ */ jsx56("stop", {
+              offset: "1",
+              stopColor: "var(--palette-brass)",
+              stopOpacity: "0"
+            })
+          ]
+        }),
+        /* @__PURE__ */ jsxs39("radialGradient", {
+          id: "org-team-light",
+          children: [
+            /* @__PURE__ */ jsx56("stop", {
+              stopColor: "var(--palette-ruby-soft)",
+              stopOpacity: ".38"
+            }),
+            /* @__PURE__ */ jsx56("stop", {
+              offset: ".3",
+              stopColor: "var(--palette-ruby-soft)",
+              stopOpacity: ".12"
+            }),
+            /* @__PURE__ */ jsx56("stop", {
+              offset: "1",
+              stopColor: "var(--palette-ruby-soft)",
+              stopOpacity: "0"
+            })
+          ]
+        }),
+        /* @__PURE__ */ jsxs39("radialGradient", {
+          id: "org-net-light",
+          children: [
+            /* @__PURE__ */ jsx56("stop", {
+              stopColor: "var(--palette-moss)",
+              stopOpacity: ".4"
+            }),
+            /* @__PURE__ */ jsx56("stop", {
+              offset: ".3",
+              stopColor: "var(--palette-moss)",
+              stopOpacity: ".13"
+            }),
+            /* @__PURE__ */ jsx56("stop", {
+              offset: "1",
+              stopColor: "var(--palette-moss)",
+              stopOpacity: "0"
+            })
+          ]
+        }),
+        /* @__PURE__ */ jsxs39("linearGradient", {
+          id: "org-thread",
+          gradientUnits: "userSpaceOnUse",
+          x1: "180",
+          y1: "0",
+          x2: "940",
+          y2: "0",
+          children: [
+            /* @__PURE__ */ jsx56("stop", {
+              stopColor: "var(--palette-brass)",
+              stopOpacity: ".85"
+            }),
+            /* @__PURE__ */ jsx56("stop", {
+              offset: ".5",
+              stopColor: "var(--palette-ruby-soft)",
+              stopOpacity: ".6"
+            }),
+            /* @__PURE__ */ jsx56("stop", {
+              offset: "1",
+              stopColor: "var(--palette-moss)",
+              stopOpacity: ".65"
+            })
+          ]
+        }),
+        /* @__PURE__ */ jsxs39("symbol", {
+          id: "org-brain",
+          viewBox: "-90 -90 180 180",
+          overflow: "visible",
+          children: [
+            /* @__PURE__ */ jsx56("circle", {
+              r: "85",
+              fill: "url(#org-brain-light)"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              r: "38",
+              fill: "url(#org-brain-light)"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              r: "23",
+              className: "organism-halo"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              r: "10",
+              fill: "currentColor",
+              opacity: ".18"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              r: "6.5",
+              fill: "currentColor"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              r: "3.6",
+              className: "organism-hot"
+            })
+          ]
+        }),
+        /* @__PURE__ */ jsxs39("symbol", {
+          id: "org-team",
+          viewBox: "-90 -90 180 180",
+          overflow: "visible",
+          children: [
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "0",
+              cy: "-52",
+              r: "73",
+              fill: "url(#org-team-light)"
+            }),
+            /* @__PURE__ */ jsx56("path", {
+              d: "M0 -52 L48 30 L-48 30 Z",
+              fill: "color-mix(in srgb, var(--palette-ruby-soft) 3%, transparent)"
+            }),
+            /* @__PURE__ */ jsx56("path", {
+              className: "organism-wire",
+              d: "M-48 30 L0 -52 L48 30 Z"
+            }),
+            /* @__PURE__ */ jsx56("path", {
+              className: "organism-wire",
+              d: "M-48 30 L0 -52 L48 30",
+              filter: "url(#org-blur)",
+              opacity: ".4"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "-48",
+              cy: "30",
+              r: "20",
+              fill: "url(#org-team-light)"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "48",
+              cy: "30",
+              r: "20",
+              fill: "url(#org-team-light)"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "-48",
+              cy: "30",
+              r: "3.7",
+              className: "organism-peer"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "48",
+              cy: "30",
+              r: "3.7",
+              className: "organism-peer"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "0",
+              cy: "-52",
+              r: "16",
+              className: "organism-halo"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "0",
+              cy: "-52",
+              r: "23",
+              fill: "url(#org-team-light)"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "0",
+              cy: "-52",
+              r: "4.5",
+              fill: "currentColor"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "0",
+              cy: "-52",
+              r: "2.4",
+              className: "organism-hot"
+            })
+          ]
+        }),
+        /* @__PURE__ */ jsxs39("symbol", {
+          id: "org-network",
+          viewBox: "-90 -90 180 180",
+          overflow: "visible",
+          children: [
+            /* @__PURE__ */ jsx56("circle", {
+              r: "89",
+              fill: "url(#org-net-light)",
+              opacity: ".35"
+            }),
+            /* @__PURE__ */ jsx56("path", {
+              className: "organism-wire organism-wire-faint",
+              d: "M-33 12 Q-2 -14 22 -8 M-33 12 Q-13 42 9 36 M22 -8 Q51 3 65 24 M-45 -30 Q-9 -63 32 -58 M-70 -8 L-70 64 M67 -24 L78 3 M-45 -30 L-60 -68"
+            }),
+            /* @__PURE__ */ jsx56("path", {
+              className: "organism-wire",
+              d: "M-45 -30 L-70 -8 L-33 12 Z M32 -58 L67 -24 L22 -8 Z M9 36 L48 68 L65 24 Z"
+            }),
+            /* @__PURE__ */ jsx56("path", {
+              className: "organism-wire",
+              d: "M-33 12 Q-2 -14 22 -8 M22 -8 Q51 3 65 24",
+              filter: "url(#org-blur)"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "-45",
+              cy: "-30",
+              r: "32",
+              fill: "url(#org-net-light)"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "32",
+              cy: "-58",
+              r: "27",
+              fill: "url(#org-net-light)"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "9",
+              cy: "36",
+              r: "29",
+              fill: "url(#org-net-light)"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "-45",
+              cy: "-30",
+              r: "4",
+              fill: "currentColor"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "-45",
+              cy: "-30",
+              r: "2",
+              className: "organism-hot"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "32",
+              cy: "-58",
+              r: "3.8",
+              fill: "currentColor"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "32",
+              cy: "-58",
+              r: "1.8",
+              className: "organism-hot"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "9",
+              cy: "36",
+              r: "3.8",
+              fill: "currentColor"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "9",
+              cy: "36",
+              r: "1.8",
+              className: "organism-hot"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "-70",
+              cy: "-8",
+              r: "2.8",
+              className: "organism-peer"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "-33",
+              cy: "12",
+              r: "3",
+              className: "organism-peer"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "67",
+              cy: "-24",
+              r: "3",
+              className: "organism-peer"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "22",
+              cy: "-8",
+              r: "2.8",
+              className: "organism-peer"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "48",
+              cy: "68",
+              r: "3",
+              className: "organism-peer"
+            }),
+            /* @__PURE__ */ jsx56("circle", {
+              cx: "65",
+              cy: "24",
+              r: "2.8",
+              className: "organism-peer"
+            }),
+            /* @__PURE__ */ jsxs39("g", {
+              opacity: ".4",
+              children: [
+                /* @__PURE__ */ jsx56("circle", {
+                  cx: "-70",
+                  cy: "64",
+                  r: "2.6",
+                  className: "organism-peer"
+                }),
+                /* @__PURE__ */ jsx56("circle", {
+                  cx: "78",
+                  cy: "3",
+                  r: "2.6",
+                  className: "organism-peer"
+                }),
+                /* @__PURE__ */ jsx56("circle", {
+                  cx: "-60",
+                  cy: "-68",
+                  r: "2.6",
+                  className: "organism-peer"
+                })
+              ]
+            })
+          ]
+        })
+      ]
+    })
   });
-  const span = (name) => name.length * CHARACTER + GAP;
-  const room2 = (brain, dir) => (dir < 0 ? brain.x - GAP : 100 - brain.x - GAP) >= span(brain.name);
-  const blocked = (brain, dir) => placed2.some((other) => other !== brain && Math.abs(other.y - brain.y) < 4 && (dir < 0 ? other.x < brain.x && brain.x - other.x < span(brain.name) : other.x > brain.x && other.x - brain.x < span(brain.name)));
-  const brains = placed2.map((brain) => {
-    const sides = brain.x < DISC.x ? [-1, 1] : [1, -1];
-    const dir = sides.find((candidate) => room2(brain, candidate) && !blocked(brain, candidate));
-    return {
-      ...brain,
-      side: dir === undefined ? "above" : dir < 0 ? "left" : "right"
-    };
+}
+function OrganismMap() {
+  return /* @__PURE__ */ jsxs39("svg", {
+    className: "organism-map",
+    viewBox: "0 0 1080 280",
+    role: "img",
+    "aria-labelledby": "organism-map-title organism-map-desc",
+    children: [
+      /* @__PURE__ */ jsx56("title", {
+        id: "organism-map-title",
+        children: "One brain becomes a team, then a network"
+      }),
+      /* @__PURE__ */ jsx56("desc", {
+        id: "organism-map-desc",
+        children: "A brass light branches into a ruby triangle of people, then into three connected moss-green clusters. The same triangular form grows from the team's memory into a wider network."
+      }),
+      /* @__PURE__ */ jsx56("path", {
+        className: "organism-ray-soft",
+        d: "M180 142 C302 81 403 54 540 90 M588 172 C702 165 754 88 855 112"
+      }),
+      /* @__PURE__ */ jsx56("path", {
+        className: "organism-ray",
+        d: "M180 142 C302 81 403 54 540 90 M588 172 C702 165 754 88 855 112"
+      }),
+      /* @__PURE__ */ jsx56("path", {
+        className: "organism-ray organism-ray-fine",
+        d: "M180 142 C284 177 391 208 492 172 M540 90 C665 32 793 29 932 84 M492 172 C621 240 791 239 909 178"
+      }),
+      /* @__PURE__ */ jsx56("circle", {
+        cx: "180",
+        cy: "142",
+        r: "126",
+        fill: "url(#org-brain-light)",
+        opacity: ".35"
+      }),
+      /* @__PURE__ */ jsx56("circle", {
+        cx: "540",
+        cy: "142",
+        r: "112",
+        fill: "url(#org-team-light)",
+        opacity: ".24"
+      }),
+      /* @__PURE__ */ jsx56("circle", {
+        cx: "900",
+        cy: "142",
+        r: "126",
+        fill: "url(#org-net-light)",
+        opacity: ".25"
+      }),
+      /* @__PURE__ */ jsx56("use", {
+        href: "#org-brain",
+        className: "organism-brain",
+        x: "90",
+        y: "52",
+        width: "180",
+        height: "180"
+      }),
+      /* @__PURE__ */ jsx56("use", {
+        href: "#org-team",
+        className: "organism-team",
+        x: "450",
+        y: "52",
+        width: "180",
+        height: "180"
+      }),
+      /* @__PURE__ */ jsx56("use", {
+        href: "#org-network",
+        className: "organism-network",
+        x: "810",
+        y: "52",
+        width: "180",
+        height: "180"
+      })
+    ]
+  });
+}
+function OrganismArt() {
+  return /* @__PURE__ */ jsxs39(Fragment21, {
+    children: [
+      /* @__PURE__ */ jsx56(OrganismDefs, {}),
+      /* @__PURE__ */ jsx56(OrganismMap, {})
+    ]
   });
-  const ids3 = new Set(brains.map((brain) => brain.id));
-  const kin = map6.clusters.flatMap((cluster) => cluster.links.filter((link2) => ids3.has(link2.sourceId) && ids3.has(link2.targetId)).map((link2) => ({ from: link2.sourceId, to: link2.targetId })));
-  return { brains, kin };
 }
 
 // src/opening.tsx
-import { jsx as jsx56, jsxs as jsxs39, Fragment as Fragment21 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs40, Fragment as Fragment23 } from "react/jsx-runtime";
 var openingSchema = proximityMapDataSchema.extend({
   topics: exports_external.array(exports_external.string()).default([]),
   askBox: exports_external.boolean().default(false),
@@ -56537,16 +57022,16 @@ function NetworkLayer({
   if (brains.length === 0)
     return null;
   const byId = new Map(brains.map((brain) => [brain.id, brain]));
-  return /* @__PURE__ */ jsxs39("div", {
+  return /* @__PURE__ */ jsxs40("div", {
     className: "net-layer",
     "aria-hidden": "true",
     ...lendable ? { [ASK_DRAWING_ATTRIBUTE]: "" } : {},
     children: [
-      /* @__PURE__ */ jsxs39("svg", {
+      /* @__PURE__ */ jsxs40("svg", {
         className: "net-svg",
         viewBox: "0 0 100 100",
         children: [
-          [14.7, 29.3, 44].map((r) => /* @__PURE__ */ jsx56("circle", {
+          [14.7, 29.3, 44].map((r) => /* @__PURE__ */ jsx57("circle", {
             className: "net-ring",
             cx: "50",
             cy: "50",
@@ -56555,7 +57040,7 @@ function NetworkLayer({
           kin.map((link2) => {
             const from = byId.get(link2.from);
             const to = byId.get(link2.to);
-            return from && to ? /* @__PURE__ */ jsx56("line", {
+            return from && to ? /* @__PURE__ */ jsx57("line", {
               className: "net-kin",
               x1: from.x,
               y1: from.y,
@@ -56563,7 +57048,7 @@ function NetworkLayer({
               y2: to.y
             }, `${link2.from}-${link2.to}`) : null;
           }),
-          brains.map((brain) => /* @__PURE__ */ jsx56("line", {
+          brains.map((brain) => /* @__PURE__ */ jsx57("line", {
             className: "net-thread",
             "data-brain": brain.id,
             x1: "50",
@@ -56571,17 +57056,17 @@ function NetworkLayer({
             x2: brain.x,
             y2: brain.y
           }, `thread-${brain.id}`)),
-          /* @__PURE__ */ jsx56("circle", {
+          /* @__PURE__ */ jsx57("circle", {
             className: "net-pulse",
             cx: "50",
             cy: "50",
             r: "46"
           }),
-          brains.map((brain) => /* @__PURE__ */ jsxs39("g", {
+          brains.map((brain) => /* @__PURE__ */ jsxs40("g", {
             className: "net-reply",
             "data-brain": brain.id,
             children: [
-              /* @__PURE__ */ jsx56("circle", {
+              /* @__PURE__ */ jsx57("circle", {
                 className: "net-echo",
                 cx: brain.x,
                 cy: brain.y,
@@ -56591,7 +57076,7 @@ function NetworkLayer({
                   animationDelay: replyDelay(brain.reach)
                 }
               }),
-              /* @__PURE__ */ jsx56("line", {
+              /* @__PURE__ */ jsx57("line", {
                 className: "net-spark",
                 pathLength: 1,
                 x1: "50",
@@ -56602,19 +57087,19 @@ function NetworkLayer({
               })
             ]
           }, `reply-${brain.id}`)),
-          /* @__PURE__ */ jsx56("circle", {
+          /* @__PURE__ */ jsx57("circle", {
             className: "net-corona",
             cx: "50",
             cy: "50",
             r: "5.5"
           }),
-          /* @__PURE__ */ jsx56("circle", {
+          /* @__PURE__ */ jsx57("circle", {
             className: "net-corona net-corona--outer",
             cx: "50",
             cy: "50",
             r: "8.5"
           }),
-          /* @__PURE__ */ jsx56("circle", {
+          /* @__PURE__ */ jsx57("circle", {
             className: "net-lantern",
             cx: "50",
             cy: "50",
@@ -56622,25 +57107,25 @@ function NetworkLayer({
           })
         ]
       }),
-      /* @__PURE__ */ jsx56("ul", {
+      /* @__PURE__ */ jsx57("ul", {
         className: "net-marks",
-        children: brains.map((brain) => /* @__PURE__ */ jsx56("li", {
+        children: brains.map((brain) => /* @__PURE__ */ jsx57("li", {
           className: "net-mark",
           "data-brain": brain.id,
           ...{ [ASK_MARK_ATTRIBUTE]: brain.id },
           style: { left: `${brain.x}%`, top: `${brain.y}%` },
-          children: /* @__PURE__ */ jsx56("a", {
+          children: /* @__PURE__ */ jsx57("a", {
             href: `/agents/${brain.id}`,
             "aria-label": brain.name,
-            children: /* @__PURE__ */ jsx56("i", {
+            children: /* @__PURE__ */ jsx57("i", {
               style: { animationDelay: replyDelay(brain.reach) }
             })
           })
         }, brain.id))
       }),
-      /* @__PURE__ */ jsx56("ol", {
+      /* @__PURE__ */ jsx57("ol", {
         className: "net-names",
-        children: brains.map((brain) => /* @__PURE__ */ jsx56("li", {
+        children: brains.map((brain) => /* @__PURE__ */ jsx57("li", {
           className: `net-name net-name--${brain.side}`,
           "data-brain": brain.id,
           style: { left: `${brain.x}%`, top: `${brain.y}%` },
@@ -56653,39 +57138,41 @@ function NetworkLayer({
 function Opening(data) {
   const headingLead = data.headingLead ?? DEFAULT_COPY.headingLead;
   const lede = data.lede ?? DEFAULT_COPY.lede;
-  return /* @__PURE__ */ jsxs39("section", {
+  return /* @__PURE__ */ jsxs40("section", {
     id: "hero",
     className: "chapter chapter--opening",
     "data-title": "Top",
     children: [
-      data.kicker && /* @__PURE__ */ jsx56("p", {
+      data.kicker && /* @__PURE__ */ jsx57("p", {
         className: "eyebrow",
         children: data.kicker
       }),
-      /* @__PURE__ */ jsxs39("h1", {
+      /* @__PURE__ */ jsxs40("h1", {
         children: [
           headingLead,
-          data.headingAccent && /* @__PURE__ */ jsxs39(Fragment21, {
+          data.headingAccent && /* @__PURE__ */ jsxs40(Fragment23, {
             children: [
               " ",
-              /* @__PURE__ */ jsx56("em", {
+              /* @__PURE__ */ jsx57("em", {
                 children: data.headingAccent
               })
             ]
           })
         ]
       }),
-      /* @__PURE__ */ jsx56("p", {
+      /* @__PURE__ */ jsx57("p", {
         className: "lede",
         children: lede
       }),
-      data.ctaHref && data.ctaLabel && /* @__PURE__ */ jsx56("a", {
+      data.ctaHref && data.ctaLabel && /* @__PURE__ */ jsx57("a", {
         className: "opening__door",
         href: data.ctaHref,
         children: data.ctaLabel
       }),
-      /* @__PURE__ */ jsx56(NetworkLayer, {
-        ...placeNetwork(data)
+      /* @__PURE__ */ jsx57("div", {
+        className: "opening__art",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx57(OrganismArt, {})
       })
     ]
   });
@@ -56756,7 +57243,7 @@ function openingDataSource(shell) {
 }
 
 // src/asked.tsx
-import { jsx as jsx57, jsxs as jsxs40, Fragment as Fragment23 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs41, Fragment as Fragment25 } from "react/jsx-runtime";
 var askedSourceSchema = exports_external.object({
   id: exports_external.string(),
   title: exports_external.string(),
@@ -56802,40 +57289,40 @@ function Sources({ sources }) {
   if (sources.length === 0)
     return null;
   const brains = sources.flatMap((source) => source.brain ? [source.brain.name] : []);
-  return /* @__PURE__ */ jsxs40(Fragment23, {
+  return /* @__PURE__ */ jsxs41(Fragment25, {
     children: [
-      brains.length > 0 && /* @__PURE__ */ jsx57("p", {
+      brains.length > 0 && /* @__PURE__ */ jsx58("p", {
         className: "asked__by",
         children: answeredBy(OWNER, brains)
       }),
-      /* @__PURE__ */ jsx57("ul", {
+      /* @__PURE__ */ jsx58("ul", {
         className: "asked__sources",
         "aria-label": "Sources",
-        children: sources.map((source) => /* @__PURE__ */ jsxs40("li", {
+        children: sources.map((source) => /* @__PURE__ */ jsxs41("li", {
           "data-ask-source": source.id,
           ...source.brain ? { "data-ask-brain": source.brain.name } : {},
           children: [
-            /* @__PURE__ */ jsx57("span", {
+            /* @__PURE__ */ jsx58("span", {
               className: "asked__mark",
               "aria-hidden": "true"
             }),
-            /* @__PURE__ */ jsxs40("span", {
+            /* @__PURE__ */ jsxs41("span", {
               className: "asked__piece",
               children: [
-                source.brain && /* @__PURE__ */ jsx57("b", {
+                source.brain && /* @__PURE__ */ jsx58("b", {
                   children: source.brain.name
                 }),
-                source.url ? /* @__PURE__ */ jsx57("a", {
+                source.url ? /* @__PURE__ */ jsx58("a", {
                   href: source.url,
                   target: "_blank",
                   rel: "noopener noreferrer",
                   children: source.title
-                }) : /* @__PURE__ */ jsx57("span", {
+                }) : /* @__PURE__ */ jsx58("span", {
                   children: source.title
                 })
               ]
             }),
-            source.excerpt && /* @__PURE__ */ jsx57("q", {
+            source.excerpt && /* @__PURE__ */ jsx58("q", {
               children: source.excerpt
             })
           ]
@@ -56847,39 +57334,39 @@ function Sources({ sources }) {
 function Asked(data) {
   const { faqs } = data;
   if (faqs.length === 0)
-    return /* @__PURE__ */ jsx57(Fragment23, {});
-  return /* @__PURE__ */ jsxs40("section", {
+    return /* @__PURE__ */ jsx58(Fragment25, {});
+  return /* @__PURE__ */ jsxs41("section", {
     id: "asked",
     className: "chapter asked",
     "data-title": "Asked before",
     "data-lights-network": "",
     children: [
-      /* @__PURE__ */ jsx57("p", {
+      /* @__PURE__ */ jsx58("p", {
         className: "eyebrow",
         children: data.cap ?? DEFAULT_COPY2.cap
       }),
-      /* @__PURE__ */ jsx57("h2", {
+      /* @__PURE__ */ jsx58("h2", {
         children: data.claim ?? DEFAULT_COPY2.claim
       }),
-      /* @__PURE__ */ jsx57("p", {
+      /* @__PURE__ */ jsx58("p", {
         children: data.body ?? DEFAULT_COPY2.body
       }),
-      /* @__PURE__ */ jsx57("div", {
+      /* @__PURE__ */ jsx58("div", {
         className: "asked__list",
-        children: faqs.map((faq) => /* @__PURE__ */ jsxs40("details", {
+        children: faqs.map((faq) => /* @__PURE__ */ jsxs41("details", {
           name: "asked",
           "data-ask-answer": forDrawing(faq.sources),
           children: [
-            /* @__PURE__ */ jsx57("summary", {
+            /* @__PURE__ */ jsx58("summary", {
               children: faq.question
             }),
-            /* @__PURE__ */ jsxs40("div", {
+            /* @__PURE__ */ jsxs41("div", {
               className: "asked__answer",
               children: [
-                /* @__PURE__ */ jsx57(MarkdownContent, {
+                /* @__PURE__ */ jsx58(MarkdownContent, {
                   markdown: faq.answer
                 }),
-                /* @__PURE__ */ jsx57(Sources, {
+                /* @__PURE__ */ jsx58(Sources, {
                   sources: faq.sources
                 })
               ]
@@ -56908,8 +57395,42 @@ var askedTemplate = createTemplate({
   layout: { component: Asked }
 });
 
+// src/story/network.ts
+var DISC = { x: 50, y: 50, radius: 44 };
+var CHARACTER = 1.45;
+var GAP = 3;
+var r12 = (v2) => Math.round(v2 * 10) / 10;
+function placeNetwork(map6) {
+  const shown = map6.nodes.filter((node2) => node2.status !== "archived");
+  const max = proximityMaxDistance({ ...map6, nodes: shown });
+  const placed2 = shown.map((node2) => {
+    const point3 = proximityPoint(node2.distance, node2.bearing, max, DISC);
+    return {
+      id: node2.id,
+      name: node2.name,
+      x: r12(point3.x),
+      y: r12(point3.y),
+      reach: proximityReach(node2.distance, max)
+    };
+  });
+  const span = (name) => name.length * CHARACTER + GAP;
+  const room2 = (brain, dir) => (dir < 0 ? brain.x - GAP : 100 - brain.x - GAP) >= span(brain.name);
+  const blocked = (brain, dir) => placed2.some((other) => other !== brain && Math.abs(other.y - brain.y) < 4 && (dir < 0 ? other.x < brain.x && brain.x - other.x < span(brain.name) : other.x > brain.x && other.x - brain.x < span(brain.name)));
+  const brains = placed2.map((brain) => {
+    const sides = brain.x < DISC.x ? [-1, 1] : [1, -1];
+    const dir = sides.find((candidate) => room2(brain, candidate) && !blocked(brain, candidate));
+    return {
+      ...brain,
+      side: dir === undefined ? "above" : dir < 0 ? "left" : "right"
+    };
+  });
+  const ids3 = new Set(brains.map((brain) => brain.id));
+  const kin = map6.clusters.flatMap((cluster) => cluster.links.filter((link2) => ids3.has(link2.sourceId) && ids3.has(link2.targetId)).map((link2) => ({ from: link2.sourceId, to: link2.targetId })));
+  return { brains, kin };
+}
+
 // src/ask-room.tsx
-import { jsx as jsx58, jsxs as jsxs41, Fragment as Fragment25 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs43, Fragment as Fragment26 } from "react/jsx-runtime";
 var askRoomCopySchema = exports_external.object({
   cap: exports_external.string().nullable().default(null),
   claim: exports_external.string().nullable().default(null),
@@ -56927,55 +57448,55 @@ var askRoomSchema = proximityMapDataSchema.extend({
   askBox: exports_external.boolean().default(false)
 });
 function AskRoom(data) {
-  return /* @__PURE__ */ jsxs41(Fragment25, {
+  return /* @__PURE__ */ jsxs43(Fragment26, {
     children: [
-      /* @__PURE__ */ jsx58(NetworkLayer, {
+      /* @__PURE__ */ jsx59(NetworkLayer, {
         ...placeNetwork(data),
         lendable: true
       }),
-      /* @__PURE__ */ jsx58("svg", {
+      /* @__PURE__ */ jsx59("svg", {
         className: "net-leads",
         ...{ [ASK_LEADS_ATTRIBUTE]: "" },
         "aria-hidden": "true"
       }),
-      /* @__PURE__ */ jsx58("section", {
+      /* @__PURE__ */ jsx59("section", {
         id: "ask",
         className: "chapter chapter--opening",
         "data-title": "Ask",
-        children: /* @__PURE__ */ jsxs41("div", {
+        children: /* @__PURE__ */ jsxs43("div", {
           className: "opening__words",
           ...{ [ASK_COLUMN_ATTRIBUTE]: "" },
           children: [
-            /* @__PURE__ */ jsx58("p", {
+            /* @__PURE__ */ jsx59("p", {
               className: "eyebrow",
               children: data.cap ?? DEFAULT_COPY3.cap
             }),
-            /* @__PURE__ */ jsx58("h1", {
+            /* @__PURE__ */ jsx59("h1", {
               children: data.claim ?? DEFAULT_COPY3.claim
             }),
-            /* @__PURE__ */ jsx58("p", {
+            /* @__PURE__ */ jsx59("p", {
               className: "lede",
               children: data.body ?? DEFAULT_COPY3.body
             }),
-            /* @__PURE__ */ jsxs41("div", {
+            /* @__PURE__ */ jsxs43("div", {
               className: "ask",
               children: [
-                /* @__PURE__ */ jsx58(AskBoxHost, {
+                /* @__PURE__ */ jsx59(AskBoxHost, {
                   prefix: "opening",
                   placeholder: data.prompt ?? undefined
                 }),
-                data.topics.length > 0 && /* @__PURE__ */ jsx58("ul", {
+                data.topics.length > 0 && /* @__PURE__ */ jsx59("ul", {
                   className: "ask__topics",
                   "aria-label": "Suggested questions",
-                  children: data.topics.map((topic) => /* @__PURE__ */ jsx58("li", {
-                    children: /* @__PURE__ */ jsx58("button", {
+                  children: data.topics.map((topic) => /* @__PURE__ */ jsx59("li", {
+                    children: /* @__PURE__ */ jsx59("button", {
                       type: "button",
                       "data-atlas-fill": topic,
                       children: topic
                     })
                   }, topic))
                 }),
-                /* @__PURE__ */ jsx58("script", {
+                /* @__PURE__ */ jsx59("script", {
                   src: ASK_BOX_SCRIPT_PATH,
                   defer: true
                 })
@@ -57045,7 +57566,7 @@ function askedDataSource(shell) {
 }
 
 // src/writing.tsx
-import { jsx as jsx59, jsxs as jsxs43, Fragment as Fragment26 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs45, Fragment as Fragment27 } from "react/jsx-runtime";
 var linked = {
   id: exports_external.string(),
   entityType: exports_external.string(),
@@ -57108,19 +57629,19 @@ function pieces({ posts, decks }) {
   ].sort((a, b2) => b2.date.localeCompare(a.date));
 }
 function PieceBody({ piece }) {
-  return /* @__PURE__ */ jsxs43(Fragment26, {
+  return /* @__PURE__ */ jsxs45(Fragment27, {
     children: [
-      /* @__PURE__ */ jsxs43("small", {
+      /* @__PURE__ */ jsxs45("small", {
         children: [
           LABEL[piece.kind],
           " \xB7 ",
           day.format(new Date(piece.date))
         ]
       }),
-      /* @__PURE__ */ jsx59("b", {
+      /* @__PURE__ */ jsx60("b", {
         children: piece.title
       }),
-      piece.text && /* @__PURE__ */ jsx59("span", {
+      piece.text && /* @__PURE__ */ jsx60("span", {
         children: piece.text
       })
     ]
@@ -57128,38 +57649,38 @@ function PieceBody({ piece }) {
 }
 function WritingArchive(data) {
   const thread = pieces(data);
-  return /* @__PURE__ */ jsxs43("section", {
+  return /* @__PURE__ */ jsxs45("section", {
     id: "writing",
     className: "archive",
     children: [
-      /* @__PURE__ */ jsx59("link", {
+      /* @__PURE__ */ jsx60("link", {
         rel: "stylesheet",
         href: "/styles/writing.css",
         precedence: "page"
       }),
-      /* @__PURE__ */ jsxs43("header", {
+      /* @__PURE__ */ jsxs45("header", {
         className: "archive__head",
         children: [
-          /* @__PURE__ */ jsx59("p", {
+          /* @__PURE__ */ jsx60("p", {
             className: "eyebrow",
             children: "Writing"
           }),
-          /* @__PURE__ */ jsx59("h1", {
+          /* @__PURE__ */ jsx60("h1", {
             children: "Essays and presentations."
           }),
-          /* @__PURE__ */ jsx59("p", {
+          /* @__PURE__ */ jsx60("p", {
             className: "lede",
             children: "A working bibliography; new entries land roughly monthly."
           }),
-          /* @__PURE__ */ jsxs43("fieldset", {
+          /* @__PURE__ */ jsxs45("fieldset", {
             className: "archive__filter",
             children: [
-              /* @__PURE__ */ jsx59("legend", {
+              /* @__PURE__ */ jsx60("legend", {
                 children: "Show"
               }),
-              FILTERS.map((filter) => /* @__PURE__ */ jsxs43("label", {
+              FILTERS.map((filter) => /* @__PURE__ */ jsxs45("label", {
                 children: [
-                  /* @__PURE__ */ jsx59("input", {
+                  /* @__PURE__ */ jsx60("input", {
                     type: "radio",
                     name: "show",
                     value: filter.value,
@@ -57172,28 +57693,28 @@ function WritingArchive(data) {
           })
         ]
       }),
-      thread.length === 0 ? /* @__PURE__ */ jsx59("p", {
+      thread.length === 0 ? /* @__PURE__ */ jsx60("p", {
         className: "archive__empty",
         children: "Nothing published yet."
-      }) : /* @__PURE__ */ jsx59("ol", {
+      }) : /* @__PURE__ */ jsx60("ol", {
         className: "thread-list",
-        children: thread.map((piece, i) => /* @__PURE__ */ jsxs43("li", {
+        children: thread.map((piece, i) => /* @__PURE__ */ jsxs45("li", {
           className: `piece piece--${piece.kind}`,
           style: {
             animationDelay: `${Math.round((0.4 + Math.min(i, 8) * 0.15) * 100) / 100}s`
           },
           children: [
-            /* @__PURE__ */ jsx59("span", {
+            /* @__PURE__ */ jsx60("span", {
               className: "piece__mark",
               "aria-hidden": "true"
             }),
-            piece.url ? /* @__PURE__ */ jsx59("a", {
+            piece.url ? /* @__PURE__ */ jsx60("a", {
               href: piece.url,
-              children: /* @__PURE__ */ jsx59(PieceBody, {
+              children: /* @__PURE__ */ jsx60(PieceBody, {
                 piece
               })
-            }) : /* @__PURE__ */ jsx59("div", {
-              children: /* @__PURE__ */ jsx59(PieceBody, {
+            }) : /* @__PURE__ */ jsx60("div", {
+              children: /* @__PURE__ */ jsx60(PieceBody, {
                 piece
               })
             })
@@ -57244,7 +57765,7 @@ function writingDataSource(shell) {
 }
 
 // src/work.tsx
-import { jsx as jsx60, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs46 } from "react/jsx-runtime";
 var heroSchema2 = exports_external.object({
   eyebrow: exports_external.string(),
   headline: exports_external.string(),
@@ -57259,29 +57780,29 @@ function WorkHeroSection({
   primaryCta,
   secondaryCta
 }) {
-  return /* @__PURE__ */ jsxs45("section", {
+  return /* @__PURE__ */ jsxs46("section", {
     id: "work-hero",
     className: "chapter",
     children: [
-      /* @__PURE__ */ jsx60("p", {
+      /* @__PURE__ */ jsx61("p", {
         className: "eyebrow",
         children: eyebrow
       }),
-      /* @__PURE__ */ jsx60("h1", {
+      /* @__PURE__ */ jsx61("h1", {
         children: emphasize(headline)
       }),
-      /* @__PURE__ */ jsx60("p", {
+      /* @__PURE__ */ jsx61("p", {
         className: "lede",
         children: standfirst
       }),
-      /* @__PURE__ */ jsxs45("p", {
+      /* @__PURE__ */ jsxs46("p", {
         className: "doors-in",
         children: [
-          /* @__PURE__ */ jsx60("a", {
+          /* @__PURE__ */ jsx61("a", {
             href: primaryCta.href,
             children: primaryCta.label
           }),
-          /* @__PURE__ */ jsx60("a", {
+          /* @__PURE__ */ jsx61("a", {
             href: secondaryCta.href,
             children: secondaryCta.label
           })
@@ -57300,18 +57821,18 @@ function WorkProblemSection({
   headline,
   intro
 }) {
-  return /* @__PURE__ */ jsxs45("section", {
+  return /* @__PURE__ */ jsxs46("section", {
     id: "work-problem",
     className: "chapter",
     children: [
-      /* @__PURE__ */ jsx60("p", {
+      /* @__PURE__ */ jsx61("p", {
         className: "eyebrow",
         children: cap
       }),
-      /* @__PURE__ */ jsx60("h2", {
+      /* @__PURE__ */ jsx61("h2", {
         children: emphasize(headline)
       }),
-      /* @__PURE__ */ jsx60("p", {
+      /* @__PURE__ */ jsx61("p", {
         children: intro
       })
     ]
@@ -57329,35 +57850,35 @@ function WorkAuditSection({
   steps,
   ctas
 }) {
-  return /* @__PURE__ */ jsxs45("section", {
+  return /* @__PURE__ */ jsxs46("section", {
     id: "audit",
     className: "chapter",
     "data-title": "The Knowledge Audit",
     children: [
-      /* @__PURE__ */ jsx60("p", {
+      /* @__PURE__ */ jsx61("p", {
         className: "eyebrow",
         children: cap
       }),
-      /* @__PURE__ */ jsx60("h2", {
+      /* @__PURE__ */ jsx61("h2", {
         children: emphasize(headline)
       }),
-      /* @__PURE__ */ jsx60("p", {
+      /* @__PURE__ */ jsx61("p", {
         children: intro
       }),
-      /* @__PURE__ */ jsx60("ol", {
+      /* @__PURE__ */ jsx61("ol", {
         className: "steps",
-        children: steps.map((step) => /* @__PURE__ */ jsxs45("li", {
+        children: steps.map((step) => /* @__PURE__ */ jsxs46("li", {
           children: [
-            /* @__PURE__ */ jsx60("b", {
+            /* @__PURE__ */ jsx61("b", {
               children: step.lead
             }),
-            /* @__PURE__ */ jsx60("span", {
+            /* @__PURE__ */ jsx61("span", {
               children: step.text
             })
           ]
         }, step.lead))
       }),
-      ctas.map((cta) => /* @__PURE__ */ jsx60("a", {
+      ctas.map((cta) => /* @__PURE__ */ jsx61("a", {
         className: "cta",
         href: cta.href,
         children: cta.label
@@ -57373,24 +57894,24 @@ function WorkPersonasSection({
   cap,
   personas
 }) {
-  return /* @__PURE__ */ jsxs45("section", {
+  return /* @__PURE__ */ jsxs46("section", {
     id: "personas",
     className: "chapter",
     "data-title": cap,
     children: [
-      /* @__PURE__ */ jsx60("p", {
+      /* @__PURE__ */ jsx61("p", {
         className: "eyebrow",
         children: cap
       }),
-      /* @__PURE__ */ jsx60("div", {
+      /* @__PURE__ */ jsx61("div", {
         className: "voices",
-        children: personas.map((persona) => /* @__PURE__ */ jsxs45("blockquote", {
+        children: personas.map((persona) => /* @__PURE__ */ jsxs46("blockquote", {
           children: [
-            /* @__PURE__ */ jsx60("small", {
+            /* @__PURE__ */ jsx61("small", {
               children: persona.role
             }),
             persona.quote,
-            /* @__PURE__ */ jsx60("p", {
+            /* @__PURE__ */ jsx61("p", {
               children: persona.text
             })
           ]
@@ -57407,21 +57928,21 @@ function WorkQuotesSection({
   cap,
   quotes
 }) {
-  return /* @__PURE__ */ jsxs45("section", {
+  return /* @__PURE__ */ jsxs46("section", {
     id: "proof",
     className: "chapter",
     "data-title": cap,
     children: [
-      /* @__PURE__ */ jsx60("p", {
+      /* @__PURE__ */ jsx61("p", {
         className: "eyebrow",
         children: cap
       }),
-      /* @__PURE__ */ jsx60("div", {
+      /* @__PURE__ */ jsx61("div", {
         className: "voices",
-        children: quotes.map((quote) => /* @__PURE__ */ jsxs45("blockquote", {
+        children: quotes.map((quote) => /* @__PURE__ */ jsxs46("blockquote", {
           children: [
             quote.text,
-            /* @__PURE__ */ jsx60("cite", {
+            /* @__PURE__ */ jsx61("cite", {
               children: quote.by
             })
           ]
@@ -57438,30 +57959,30 @@ function WorkRosterSection({
   cap,
   people
 }) {
-  return /* @__PURE__ */ jsxs45("section", {
+  return /* @__PURE__ */ jsxs46("section", {
     id: "people",
     className: "chapter",
     children: [
-      /* @__PURE__ */ jsx60("p", {
+      /* @__PURE__ */ jsx61("p", {
         className: "eyebrow",
         children: cap
       }),
-      /* @__PURE__ */ jsx60("ul", {
+      /* @__PURE__ */ jsx61("ul", {
         className: "people",
-        children: people.map((person) => /* @__PURE__ */ jsxs45("li", {
+        children: people.map((person) => /* @__PURE__ */ jsxs46("li", {
           children: [
-            /* @__PURE__ */ jsx60("b", {
+            /* @__PURE__ */ jsx61("b", {
               children: person.name
             }),
-            /* @__PURE__ */ jsx60("span", {
+            /* @__PURE__ */ jsx61("span", {
               children: person.role
             })
           ]
         }, person.name))
       }),
-      /* @__PURE__ */ jsx60("p", {
+      /* @__PURE__ */ jsx61("p", {
         className: "onward",
-        children: /* @__PURE__ */ jsx60("a", {
+        children: /* @__PURE__ */ jsx61("a", {
           href: "/foundation",
           children: "The research arm, at the Foundation"
         })
@@ -57479,22 +58000,22 @@ function WorkCloserSection({
   primaryCta,
   secondaryCta
 }) {
-  return /* @__PURE__ */ jsxs45("section", {
+  return /* @__PURE__ */ jsxs46("section", {
     id: "closer",
     className: "chapter",
     "data-title": "Your team type",
     children: [
-      /* @__PURE__ */ jsx60("h2", {
+      /* @__PURE__ */ jsx61("h2", {
         children: emphasize(quote)
       }),
-      /* @__PURE__ */ jsxs45("p", {
+      /* @__PURE__ */ jsxs46("p", {
         className: "doors-in",
         children: [
-          /* @__PURE__ */ jsx60("a", {
+          /* @__PURE__ */ jsx61("a", {
             href: primaryCta.href,
             children: primaryCta.label
           }),
-          /* @__PURE__ */ jsx60("a", {
+          /* @__PURE__ */ jsx61("a", {
             href: secondaryCta.href,
             children: secondaryCta.label
           })
@@ -57535,7 +58056,7 @@ var workSections = sectionGroup("work", {
 });
 
 // src/foundation.tsx
-import { jsx as jsx61, jsxs as jsxs46, Fragment as Fragment27 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs47, Fragment as Fragment28 } from "react/jsx-runtime";
 var EMPHASIS_CLS = "italic font-[400] text-accent";
 var heroSchema3 = exports_external.object({
   volume: exports_external.string(),
@@ -57551,29 +58072,29 @@ function FoundationHeroSection({
   primaryCta,
   secondaryCta
 }) {
-  return /* @__PURE__ */ jsxs46("section", {
+  return /* @__PURE__ */ jsxs47("section", {
     id: "foundation-hero",
     className: "chapter",
     children: [
-      /* @__PURE__ */ jsx61("p", {
+      /* @__PURE__ */ jsx63("p", {
         className: "eyebrow",
         children: "Foundation"
       }),
-      /* @__PURE__ */ jsx61("h1", {
+      /* @__PURE__ */ jsx63("h1", {
         children: renderHighlightedText(headline, EMPHASIS_CLS)
       }),
-      /* @__PURE__ */ jsx61("p", {
+      /* @__PURE__ */ jsx63("p", {
         className: "lede",
         children: standfirst
       }),
-      /* @__PURE__ */ jsxs46("p", {
+      /* @__PURE__ */ jsxs47("p", {
         className: "doors-in",
         children: [
-          /* @__PURE__ */ jsx61("a", {
+          /* @__PURE__ */ jsx63("a", {
             href: primaryCta.href,
             children: primaryCta.label
           }),
-          /* @__PURE__ */ jsx61("a", {
+          /* @__PURE__ */ jsx63("a", {
             href: secondaryCta.href,
             children: secondaryCta.label
           })
@@ -57597,24 +58118,24 @@ var indexSchema = exports_external.object({
   items: exports_external.array(indexRowSchema)
 });
 function Entry({ row }) {
-  const body = /* @__PURE__ */ jsxs46(Fragment27, {
+  const body = /* @__PURE__ */ jsxs47(Fragment28, {
     children: [
-      /* @__PURE__ */ jsx61("small", {
+      /* @__PURE__ */ jsx63("small", {
         children: row.kicker
       }),
-      /* @__PURE__ */ jsx61("b", {
+      /* @__PURE__ */ jsx63("b", {
         children: row.title
       }),
-      /* @__PURE__ */ jsx61("span", {
+      /* @__PURE__ */ jsx63("span", {
         children: [row.text, row.metaSub].filter(Boolean).join(" ")
       })
     ]
   });
-  return /* @__PURE__ */ jsx61("li", {
-    children: row.href ? /* @__PURE__ */ jsx61("a", {
+  return /* @__PURE__ */ jsx63("li", {
+    children: row.href ? /* @__PURE__ */ jsx63("a", {
       href: row.href,
       children: body
-    }) : /* @__PURE__ */ jsx61("div", {
+    }) : /* @__PURE__ */ jsx63("div", {
       children: body
     })
   });
@@ -57625,20 +58146,20 @@ function EntriesChapter({
   title,
   items
 }) {
-  return /* @__PURE__ */ jsxs46("section", {
+  return /* @__PURE__ */ jsxs47("section", {
     id,
     className: "chapter",
     children: [
-      /* @__PURE__ */ jsx61("p", {
+      /* @__PURE__ */ jsx63("p", {
         className: "eyebrow",
         children: cap
       }),
-      /* @__PURE__ */ jsx61("h2", {
+      /* @__PURE__ */ jsx63("h2", {
         children: title
       }),
-      /* @__PURE__ */ jsx61("ul", {
+      /* @__PURE__ */ jsx63("ul", {
         className: "entries",
-        children: items.map((row) => /* @__PURE__ */ jsx61(Entry, {
+        children: items.map((row) => /* @__PURE__ */ jsx63(Entry, {
           row
         }, row.title))
       })
@@ -57649,7 +58170,7 @@ function FoundationResearchSection({
   cap,
   items
 }) {
-  return /* @__PURE__ */ jsx61(EntriesChapter, {
+  return /* @__PURE__ */ jsx63(EntriesChapter, {
     id: "research",
     cap,
     title: "A working bibliography.",
@@ -57660,7 +58181,7 @@ function FoundationChaptersSection({
   cap,
   items
 }) {
-  return /* @__PURE__ */ jsx61(EntriesChapter, {
+  return /* @__PURE__ */ jsx63(EntriesChapter, {
     id: "events",
     cap,
     title: "Twenty to forty people, city by city.",
@@ -57675,16 +58196,16 @@ function FoundationPullquoteSection({
   quote,
   attribution
 }) {
-  return /* @__PURE__ */ jsxs46("section", {
+  return /* @__PURE__ */ jsxs47("section", {
     id: "pullquote",
     className: "chapter",
     "data-title": "The pattern",
     children: [
-      /* @__PURE__ */ jsx61("p", {
+      /* @__PURE__ */ jsx63("p", {
         className: "pull",
         children: renderHighlightedText(quote, EMPHASIS_CLS)
       }),
-      /* @__PURE__ */ jsx61("p", {
+      /* @__PURE__ */ jsx63("p", {
         children: attribution
       })
     ]
@@ -57703,32 +58224,32 @@ function FoundationSupportSection({
   cap,
   options: options3
 }) {
-  return /* @__PURE__ */ jsxs46("section", {
+  return /* @__PURE__ */ jsxs47("section", {
     id: "support",
     className: "chapter",
     children: [
-      /* @__PURE__ */ jsx61("p", {
+      /* @__PURE__ */ jsx63("p", {
         className: "eyebrow",
         children: cap
       }),
-      /* @__PURE__ */ jsx61("h2", {
+      /* @__PURE__ */ jsx63("h2", {
         children: "Two ways the work gets funded."
       }),
-      /* @__PURE__ */ jsx61("dl", {
+      /* @__PURE__ */ jsx63("dl", {
         className: "parts",
-        children: options3.map((option) => /* @__PURE__ */ jsxs46("div", {
+        children: options3.map((option) => /* @__PURE__ */ jsxs47("div", {
           children: [
-            /* @__PURE__ */ jsxs46("dt", {
+            /* @__PURE__ */ jsxs47("dt", {
               children: [
                 option.kicker,
                 " ",
-                /* @__PURE__ */ jsx61("span", {
+                /* @__PURE__ */ jsx63("span", {
                   className: "status",
                   children: option.amount
                 })
               ]
             }),
-            /* @__PURE__ */ jsx61("dd", {
+            /* @__PURE__ */ jsx63("dd", {
               children: option.text
             })
           ]
@@ -57745,18 +58266,18 @@ function FoundationFollowSection({
   claim,
   links
 }) {
-  return /* @__PURE__ */ jsxs46("section", {
+  return /* @__PURE__ */ jsxs47("section", {
     id: "follow",
     className: "chapter",
     "data-title": "Follow the research",
     children: [
-      /* @__PURE__ */ jsx61("p", {
+      /* @__PURE__ */ jsx63("p", {
         className: "pull",
         children: renderHighlightedText(claim, "not-italic font-medium text-theme")
       }),
-      /* @__PURE__ */ jsx61("p", {
+      /* @__PURE__ */ jsx63("p", {
         className: "follow",
-        children: links.map((link2) => /* @__PURE__ */ jsx61("a", {
+        children: links.map((link2) => /* @__PURE__ */ jsx63("a", {
           href: link2.href,
           children: link2.label
         }, link2.href + link2.label))
@@ -57943,4 +58464,4 @@ export {
   workSections
 };
 
-//# debugId=E05C3A61E545CF7C64756E2164756E21
+//# debugId=E7C051CF4A01231464756E2164756E21