@rizom/site-rizom-ai 0.2.0-alpha.263 → 0.2.0-alpha.264

package/dist/index.js

@@ -39058,11 +39058,13 @@ var story_default = `/* The story pages: chapters beside one drawing, under the
   width: min(100%, calc(100svh - var(--bar-height, 4.6rem) - 2rem));
   aspect-ratio: 1;
 }
-/* On a wide screen the opening's drawing keeps its place beside the words
-   while the opening is read, an answer included, and leaves with the opening;
-   it fades once the reading has moved the figure on, as on a phone. In flow
-   with no height, so the words do not move; its width is the room right of
-   the words, as the absolute layer's was. */
+/* On a wide screen the opening's drawing holds the figure's place: it stands
+   before the opening in the chapters column and sticks at the figure's centre
+   line down the whole story (the story is a size container, so nothing in it
+   can be fixed to the screen). It stays while the opening is read, an answer
+   included, and the words scroll past it. Once the reading has moved the
+   figure on, it draws into its centre point and the figure's first drawing
+   opens out of that same point; back up the page, the other way round. */
 @media not all and (max-width: 60rem) {
   /* The words are the room's column (the kit scrolls it within the screen);
      the bar and the opening's 4rem of padding above and below stay clear, so
@@ -39070,29 +39072,37 @@ var story_default = `/* The story pages: chapters beside one drawing, under the
   .chapter--opening .opening__words {
     --ask-column-clear: calc(8rem + var(--bar-height, 4.6rem));
   }
-  :where(.chapter--opening) > .net-layer {
+  :where(.chapters) > .net-layer {
     position: sticky;
-    order: -1;
     top: calc(
       var(--bar-height, 4.6rem) + (100svh - var(--bar-height, 4.6rem)) / 2
     );
+    left: auto;
+    right: auto;
     height: 0;
     margin-left: calc(var(--words) + var(--words-gap));
     width: calc(
       100cqi - max(0px, (100cqi - 80rem) / 2) - clamp(1rem, 5vw, 5rem) -
         var(--words) - var(--words-gap) - clamp(1rem, 6vw, 7rem)
     );
-    transition: opacity 0.6s ease;
+    /* Back from the point, lit at once. */
+    transition: opacity 0.3s ease;
   }
-  :where(.chapter--opening) > .net-layer > * {
+  :where(.chapters) > .net-layer > * {
     translate: 0 -50%;
+    transition: scale 1.2s cubic-bezier(0.3, 0.7, 0.2, 1);
+  }
+  .story:has(.figure:not([data-stage="0"])) :where(.chapters) > .net-layer > * {
+    scale: 0;
   }
-  .story:has(.figure:not([data-stage="0"]))
-    :where(.chapter--opening)
-    > .net-layer,
+  .story:has(.figure:not([data-stage="0"])) :where(.chapters) > .net-layer,
   .story:has(.figure:not([data-stage="0"])) .net-leads {
     opacity: 0;
   }
+  /* Lit while it draws in; out at the point. */
+  .story:has(.figure:not([data-stage="0"])) :where(.chapters) > .net-layer {
+    transition: opacity 0.6s ease 0.6s;
+  }
   .net-leads {
     transition: opacity 0.6s ease;
   }
@@ -39734,11 +39744,9 @@ var story_default = `/* The story pages: chapters beside one drawing, under the
    viewport is their frame. On a phone the opening's drawing joins the open
    conversation as the first item of its scroll, a slot holding its place. */
 .net-leads {
-  position: fixed;
+  position: absolute;
   inset: 0;
   z-index: 2;
-  width: 100vw;
-  height: 100vh;
   overflow: visible;
   pointer-events: none;
 }
@@ -40479,7 +40487,11 @@ var livingOrganism = organism({
     ...Object.fromEntries(economy.map((_2, i) => [`E${i + 1}`, i % 3 === 0 ? "lantern" : ""]))
   },
   stages: [
-    {},
+    {
+      T1: [C3, 300, 0, 0],
+      T2: [C3, 300, 0, 0],
+      T3: [C3, 300, 0, 0]
+    },
     {
       L: [C3, 300, 8, 1],
       T1: at(team2[0], 6),
@@ -55235,6 +55247,7 @@ function StoryPage({
       /* @__PURE__ */ jsx49(ReadingThread, {}),
       /* @__PURE__ */ jsxs35("div", {
         className: "story",
+        ...{ [ASK_ROOM_ATTRIBUTE]: "" },
         children: [
           /* @__PURE__ */ jsx49("div", {
             className: "chapters",
@@ -56694,67 +56707,8 @@ function NetworkLayer({
 function Opening(data) {
   const headingLead = data.headingLead ?? DEFAULT_COPY.headingLead;
   const lede = data.lede ?? DEFAULT_COPY.lede;
-  return /* @__PURE__ */ jsxs39("section", {
-    id: "hero",
-    className: "chapter chapter--opening",
-    "data-title": "Top",
-    ...data.askBox ? { [ASK_ROOM_ATTRIBUTE]: "" } : {},
+  return /* @__PURE__ */ jsxs39(Fragment21, {
     children: [
-      /* @__PURE__ */ jsxs39("div", {
-        className: "opening__words",
-        ...data.askBox ? { [ASK_COLUMN_ATTRIBUTE]: "" } : {},
-        children: [
-          data.kicker && /* @__PURE__ */ jsx56("p", {
-            className: "eyebrow",
-            children: data.kicker
-          }),
-          /* @__PURE__ */ jsxs39("h1", {
-            children: [
-              headingLead,
-              data.headingAccent && /* @__PURE__ */ jsxs39(Fragment21, {
-                children: [
-                  " ",
-                  /* @__PURE__ */ jsx56("em", {
-                    children: data.headingAccent
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx56("p", {
-            className: "lede",
-            children: lede
-          }),
-          data.askBox ? /* @__PURE__ */ jsxs39("div", {
-            className: "ask",
-            children: [
-              /* @__PURE__ */ jsx56(AskBoxHost, {
-                prefix: "opening",
-                placeholder: data.prompt ?? undefined
-              }),
-              data.topics.length > 0 && /* @__PURE__ */ jsx56("ul", {
-                className: "ask__topics",
-                "aria-label": "Suggested questions",
-                children: data.topics.map((topic) => /* @__PURE__ */ jsx56("li", {
-                  children: /* @__PURE__ */ jsx56("button", {
-                    type: "button",
-                    "data-atlas-fill": topic,
-                    children: topic
-                  })
-                }, topic))
-              }),
-              /* @__PURE__ */ jsx56("script", {
-                src: ASK_BOX_SCRIPT_PATH,
-                defer: true
-              })
-            ]
-          }) : data.ctaHref && data.ctaLabel && /* @__PURE__ */ jsx56("a", {
-            className: "opening__door",
-            href: data.ctaHref,
-            children: data.ctaLabel
-          })
-        ]
-      }),
       /* @__PURE__ */ jsx56(NetworkLayer, {
         ...placeNetwork(data),
         lendable: data.askBox
@@ -56763,6 +56717,66 @@ function Opening(data) {
         className: "net-leads",
         ...{ [ASK_LEADS_ATTRIBUTE]: "" },
         "aria-hidden": "true"
+      }),
+      /* @__PURE__ */ jsx56("section", {
+        id: "hero",
+        className: "chapter chapter--opening",
+        "data-title": "Top",
+        children: /* @__PURE__ */ jsxs39("div", {
+          className: "opening__words",
+          ...data.askBox ? { [ASK_COLUMN_ATTRIBUTE]: "" } : {},
+          children: [
+            data.kicker && /* @__PURE__ */ jsx56("p", {
+              className: "eyebrow",
+              children: data.kicker
+            }),
+            /* @__PURE__ */ jsxs39("h1", {
+              children: [
+                headingLead,
+                data.headingAccent && /* @__PURE__ */ jsxs39(Fragment21, {
+                  children: [
+                    " ",
+                    /* @__PURE__ */ jsx56("em", {
+                      children: data.headingAccent
+                    })
+                  ]
+                })
+              ]
+            }),
+            /* @__PURE__ */ jsx56("p", {
+              className: "lede",
+              children: lede
+            }),
+            data.askBox ? /* @__PURE__ */ jsxs39("div", {
+              className: "ask",
+              children: [
+                /* @__PURE__ */ jsx56(AskBoxHost, {
+                  prefix: "opening",
+                  placeholder: data.prompt ?? undefined
+                }),
+                data.topics.length > 0 && /* @__PURE__ */ jsx56("ul", {
+                  className: "ask__topics",
+                  "aria-label": "Suggested questions",
+                  children: data.topics.map((topic) => /* @__PURE__ */ jsx56("li", {
+                    children: /* @__PURE__ */ jsx56("button", {
+                      type: "button",
+                      "data-atlas-fill": topic,
+                      children: topic
+                    })
+                  }, topic))
+                }),
+                /* @__PURE__ */ jsx56("script", {
+                  src: ASK_BOX_SCRIPT_PATH,
+                  defer: true
+                })
+              ]
+            }) : data.ctaHref && data.ctaLabel && /* @__PURE__ */ jsx56("a", {
+              className: "opening__door",
+              href: data.ctaHref,
+              children: data.ctaLabel
+            })
+          ]
+        })
       })
     ]
   });
@@ -57968,4 +57982,4 @@ export {
   workSections
 };
 
-//# debugId=8D4FE8A38066E70164756E2164756E21
+//# debugId=5C42B2A5AC99CE6264756E2164756E21