From cd465aff5056700f6ee5ac44a6ea0f21e095c77b Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Wed, 4 Nov 2026 07:42:50 +0000
Subject: [PATCH 1/3] LIVE-2055: New World gets its own section blocks, and
 every kit Home uses them

Twenty New World sections drawn from the design system's site kit (hero with the
doors-open card and neighbourhood strip, numbers, story, groups, live calendar,
first visit, live reviews, team, ways in, plans, live openings, gallery, notes,
how a first time goes, where, ask, newsletter, live questions, tools, closer),
with their own scoped sheet. The owner accent now drives the flare ramps, type
defaults to sentence case with Caps as the opt-in, and the frame matches the
design's 1320 content width plus gutter. The seven kit Homes compose the new
blocks in the design's order; the other kit pages move in LIVE-2056.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012BMmZWMC1cBFx5qBRseTKj
---
 components/page-editor/blocks/new-world.tsx   | 1390 +++++++++++++++++
 components/sites/new-world-blocks-css.ts      |    2 +
 components/sites/new-world-css.ts             |   10 +-
 components/sites/new-world-forms.tsx          |   81 +
 components/sites/new-world-sections-css.ts    |  350 +++++
 docs/ledger/rows/LIVE-2055.json               |   33 +-
 lib/page-editor/config.tsx                    |    7 +
 lib/page-editor/palette-scope.ts              |    3 +-
 lib/sites/editor/block-meta.ts                |    4 +-
 lib/sites/kits/new-world-variants.test.ts     |   18 +-
 lib/sites/kits/new-world-variants.ts          |  187 ++-
 lib/theme/new-world.ts                        |    1 +
 .../render/new-world-site-pages.render.tsx    |   64 +
 13 files changed, 2090 insertions(+), 60 deletions(-)
 create mode 100644 components/page-editor/blocks/new-world.tsx
 create mode 100644 components/sites/new-world-forms.tsx
 create mode 100644 components/sites/new-world-sections-css.ts
 create mode 100644 scripts/render/new-world-site-pages.render.tsx

diff --git a/components/page-editor/blocks/new-world.tsx b/components/page-editor/blocks/new-world.tsx
new file mode 100644
index 0000000000..bcbe42c1d1
--- /dev/null
+++ b/components/page-editor/blocks/new-world.tsx
@@ -0,0 +1,1390 @@
+import type { ReactNode } from "react";
+import {
+  ArrowRight,
+  Award,
+  Calendar,
+  Check,
+  Clock,
+  Eye,
+  Heart,
+  Mail,
+  MapPin,
+  MessageSquare,
+  Phone,
+  Sparkles,
+  Star,
+  Tag,
+  Users,
+  type LucideIcon,
+} from "lucide-react";
+import { InlineText } from "@/components/sites/inline-text";
+import {
+  NewWorldContactForm,
+  NewWorldLetterForm,
+} from "@/components/sites/new-world-forms";
+import type { ComponentConfig } from "@/lib/page-editor/types";
+import type { SiteLinkMap } from "@/lib/sites/house-theme";
+import { storedWallClock } from "@/lib/sites/site-events";
+import {
+  LINK_HINT,
+  VOICE_HINT,
+  area,
+  arr,
+  block,
+  cls,
+  hrefOf,
+  image,
+  img,
+  rel,
+  str,
+  text,
+  type Common,
+  type Props,
+} from "./midnight";
+import {
+  DAYS,
+  MONTHS,
+  clock,
+  eventHref,
+  spaceOf,
+  upcoming,
+} from "./network-kit";
+
+// ── The New World block family (LIVE-2055) ──────────────────────────────────────────────────
+// New World's own sections, drawn from its design system (docs/design-systems/new-world; the reference is the zip's Web Theme.html,
+// ui_kits/site/Sections.jsx and Blocks.jsx): the split hero with the "doors open this week" card and the neighbourhood strip, the
+// numbers band, the story with its outlined numbers, the groups as a times list beside a feature card, the calendar with its week
+// strip and date rows, the first-visit stepper, the regulars' words, the hosts, the ways in, the plans, the open spots, the gallery,
+// the posts, how a first time goes, where to find us, the contact and letter forms, the questions, the tools and the closer.
+//
+// Server Components. Every look is the New World sheet's (components/sites/new-world-sections-css.ts), tokens only, scoped to
+// [data-house-theme="new-world"], so these only ever dress the stand-alone site render (theme fence, ADR-1906). The kit's mixed
+// registers come from the design's REG map: a block's Register is "auto" by default, which keeps the site's register except where the
+// design turns a section to Commons (the regulars' words, the questions) or Stage (the closer); the owner can pin either.
+//
+// Live where the Space has the data: the hero card, the calendar and the open spots read the Space's upcoming events, the regulars'
+// words read its reviews and the questions read its own answers; with none, each shows the rows the owner wrote. A list with no rows
+// says so in its own words and never draws an empty box.
+
+const ICONS: Record<string, LucideIcon> = {
+  users: Users,
+  calendar: Calendar,
+  check: Check,
+  award: Award,
+  tag: Tag,
+  heart: Heart,
+  phone: Phone,
+  mail: Mail,
+  clock: Clock,
+  pin: MapPin,
+  message: MessageSquare,
+  star: Star,
+  sparkle: Sparkles,
+  eye: Eye,
+};
+const ICON_NAMES = Object.keys(ICONS);
+
+function Icon({ name, tile = false, size = 16 }: { name: string; tile?: boolean; size?: number }) {
+  const Glyph = ICONS[name] ?? Sparkles;
+  const glyph = <Glyph size={size} strokeWidth={1.75} aria-hidden="true" />;
+  return tile ? <i className="nw-tile">{glyph}</i> : glyph;
+}
+
+type Reg = "night" | "day" | undefined;
+const regOf = (v: unknown, auto: Reg): Reg =>
+  v === "night" || v === "day" ? v : auto;
+
+function Sec({
+  id,
+  p,
+  auto,
+  className,
+  glow = "tl",
+  pad,
+  vis,
+  children,
+}: {
+  id?: string;
+  p: Props;
+  auto?: Reg;
+  className?: string;
+  glow?: "tl" | "tr" | "bl" | "br" | "top" | "none";
+  pad?: string;
+  vis?: string;
+  children: ReactNode;
+}) {
+  return (
+    <section
+      id={id}
+      data-th={regOf(p.register, auto)}
+      className={cls("nw-sec", glow !== "none" && `nw-sec--${glow}`, className, pad, vis)}
+    >
+      {children}
+    </section>
+  );
+}
+
+function Btn({
+  label,
+  href,
+  kind = "accent",
+  metadata,
+  size,
+  arrow = false,
+  full = false,
+}: {
+  label: string;
+  href: string;
+  kind?: "accent" | "secondary" | "ghost";
+  metadata?: Props;
+  size?: "sm" | "lg";
+  arrow?: boolean;
+  full?: boolean;
+}) {
+  const to = label ? hrefOf(href, metadata) : null;
+  if (!to) return null;
+  return (
+    <a
+      className={cls("nw-btn", `nw-btn--${kind}`, size && `nw-btn--${size}`, full && "nw-btn--full")}
+      href={to}
+      {...rel(to)}
+    >
+      <span>{label}</span>
+      {arrow && <ArrowRight size={size === "sm" ? 14 : 16} strokeWidth={2} aria-hidden="true" />}
+    </a>
+  );
+}
+
+function Stars() {
+  return (
+    <span className="nw-stars" aria-hidden="true">
+      {[0, 1, 2, 3, 4].map((i) => (
+        <svg key={i} width="14" height="14" viewBox="0 0 24 24" fill="currentColor">
+          <path d="M12 3l2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1-4.4-4.3 6.1-.9z" />
+        </svg>
+      ))}
+    </span>
+  );
+}
+
+/** The row of round faces the design draws beside a count: decoration, never a photo of anyone. */
+function Faces({ n = 5 }: { n?: number }) {
+  return (
+    <span className="nw-faces" aria-hidden="true">
+      {Array.from({ length: n }, (_, i) => (
+        <i key={i} />
+      ))}
+    </span>
+  );
+}
+
+function Eyebrow({ index, label }: { index?: string; label: string }) {
+  if (!label) return null;
+  return (
+    <span className="nw-eyebrow">
+      {index && (
+        <>
+          <b>{index}</b>
+          <i aria-hidden="true" />
+        </>
+      )}
+      {label}
+    </span>
+  );
+}
+
+/** The section head: index and label, the title with its italic, a lede, and an optional action beside it. */
+function Head({ p, action, size }: { p: Props; action?: ReactNode; size?: "md" }) {
+  if (!str(p.eyebrow) && !str(p.title) && !str(p.lede)) return null;
+  return (
+    <div className={cls("nw-head", size && `nw-head--${size}`)}>
+      <div className="nw-head-copy">
+        <Eyebrow index={str(p.index)} label={str(p.eyebrow)} />
+        {str(p.title) && (
+          <h2 className="nw-display">
+            <InlineText text={str(p.title)} />
+          </h2>
+        )}
+        {str(p.lede) && <p className="nw-lede">{str(p.lede)}</p>}
+      </div>
+      {action}
+    </div>
+  );
+}
+
+function Photo({ src, alt, label, className, children }: { src: string | null; alt: string; label?: string; className?: string; children?: ReactNode }) {
+  return (
+    <figure className={cls("nw-photo", className)}>
+      {src ? (
+        // eslint-disable-next-line @next/next/no-img-element -- owner photo on an arbitrary host
+        <img src={src} alt={alt} loading="lazy" />
+      ) : (
+        <>
+          <i className="nw-dotgrid" aria-hidden="true" />
+          {label && (
+            <figcaption>
+              <Eye size={15} strokeWidth={1.75} aria-hidden="true" />
+              {label}
+            </figcaption>
+          )}
+        </>
+      )}
+      {children}
+    </figure>
+  );
+}
+
+function Empty({ what }: { what: string }) {
+  return <div className="nw-empty">No {what} yet. Add the first one and it appears here.</div>;
+}
+
+const two = (n: number) => String(n + 1).padStart(2, "0");
+const lines = (v: unknown) => (Array.isArray(v) ? (v as unknown[]).map(str).filter(Boolean) : []);
+
+function Tap({ to, className, children, label }: { to: string | null; className: string; children: ReactNode; label?: string }) {
+  return to ? (
+    <a className={className} href={to} {...rel(to)} aria-label={label}>
+      {children}
+    </a>
+  ) : (
+    <div className={className}>{children}</div>
+  );
+}
+
+/** Upcoming dated rows: the Space's own events when it has any, else the rows the owner wrote. */
+interface Dated {
+  mon: string;
+  day: string;
+  dow: string;
+  title: string;
+  body: string;
+  time: string;
+  where: string;
+  spots: string;
+  kind: string;
+  href: string | null;
+}
+function dated(p: Props, metadata: Props | undefined, now: Date, count: number): Dated[] {
+  const live = p.useEvents === false ? [] : upcoming(metadata, now).slice(0, count);
+  if (live.length)
+    return live.map((e) => {
+      const d = storedWallClock(e.startsAt);
+      return {
+        mon: d ? MONTHS[d.getUTCMonth()] : "",
+        day: d ? String(d.getUTCDate()).padStart(2, "0") : "",
+        dow: d ? DAYS[d.getUTCDay()] : "",
+        title: e.title,
+        body: e.location ?? "",
+        time: d ? clock(d) : "",
+        where: e.priceLabel ?? "",
+        spots: "",
+        kind: "event",
+        href: eventHref(e, metadata),
+      };
+    });
+  return arr(p.rows)
+    .slice(0, count)
+    .map((r) => ({
+      mon: str(r.mon),
+      day: str(r.day),
+      dow: str(r.weekday),
+      title: str(r.title),
+      body: str(r.body),
+      time: str(r.time),
+      where: str(r.where),
+      spots: str(r.spots),
+      kind: str(r.kind),
+      href: hrefOf(str(r.href), metadata),
+    }))
+    .filter((r) => r.title);
+}
+
+// ── Home ─────────────────────────────────────────────────────────────────────────────────
+
+function Hero({ p, metadata, now = new Date(), pad, vis }: Common) {
+  const src = img(p.image);
+  const next = dated(p, metadata, now, 3);
+  const hoods = lines(p.areas);
+  return (
+    <section data-th={regOf(p.register, undefined)} className={cls("nw-hero", pad, vis)}>
+      <div className="nw-hero-sky" aria-hidden="true" />
+      <i className="nw-orb nw-orb--a" aria-hidden="true" />
+      <div className="nw-hero-in">
+        <div className="nw-hero-copy">
+          <Eyebrow label={str(p.eyebrow)} />
+          <h1 className="nw-display nw-lit">
+            <InlineText text={str(p.title)} />
+          </h1>
+          {str(p.lead) && <p className="nw-hero-lead">{str(p.lead)}</p>}
+          <div className="nw-actions">
+            <Btn label={str(p.primaryLabel)} href={str(p.primaryHref)} metadata={metadata} size="lg" arrow />
+            <Btn label={str(p.secondaryLabel)} href={str(p.secondaryHref)} metadata={metadata} kind="ghost" size="lg" />
+          </div>
+          {(str(p.proof) || str(p.aside)) && (
+            <div className="nw-proof">
+              <Faces />
+              <span>
+                {str(p.proof)}
+                {str(p.proof) && str(p.aside) && " · "}
+                {str(p.aside) && <em>{str(p.aside)}</em>}
+              </span>
+            </div>
+          )}
+        </div>
+        <div className="nw-hero-art">
+          <Photo src={src} alt={str(p.alt)} label="Your photo · a real night, real people" className="nw-photo--hero">
+            {str(p.badge) && (
+              <span className="nw-chip">
+                <i className="nw-pulse" aria-hidden="true" />
+                {str(p.badge)}
+              </span>
+            )}
+          </Photo>
+          {next.length > 0 && (
+            <div className="nw-hero-card">
+              {next.map((n, i) => (
+                <Tap key={i} to={n.href} className={cls("nw-hero-row", i === 0 && "is-first")}>
+                  <span className="nw-date">
+                    <small>{n.mon}</small>
+                    <b>{n.day}</b>
+                  </span>
+                  <span className="nw-hero-row-text">
+                    <b>{n.title}</b>
+                    <small>{n.time || n.body}</small>
+                  </span>
+                  {n.spots && <em>{n.spots}</em>}
+                </Tap>
+              ))}
+            </div>
+          )}
+        </div>
+      </div>
+      {hoods.length > 0 && (
+        <div className="nw-ticker" aria-hidden="true">
+          <div className="nw-ticker-track">
+            {[...hoods, ...hoods].map((h, i) => (
+              <span key={i}>{h}</span>
+            ))}
+          </div>
+        </div>
+      )}
+    </section>
+  );
+}
+
+function Stats({ p, pad, vis }: Common) {
+  const items = arr(p.items).filter((t) => str(t.value) || str(t.label));
+  if (items.length === 0) return null;
+  return (
+    <section data-th={regOf(p.register, undefined)} className={cls("nw-stats", pad, vis)}>
+      <div className="nw-stats-in">
+        {items.map((t, i) => (
+          <div key={i} className="nw-stat">
+            <span className="nw-stat-icon">
+              <Icon name={str(t.icon)} size={18} />
+            </span>
+            <span className={cls("nw-display", str(t.label) ? "nw-stat-value" : "nw-stat-word")}>{str(t.value)}</span>
+            {str(t.label) && <b>{str(t.label)}</b>}
+            {str(t.note) && <small>{str(t.note)}</small>}
+          </div>
+        ))}
+      </div>
+      <i className="nw-glowline" aria-hidden="true" />
+    </section>
+  );
+}
+
+function Story({ p, metadata, pad, vis }: Common) {
+  const paras = lines(p.paragraphs);
+  return (
+    <Sec id="story" p={p} glow="tl" pad={pad} vis={vis}>
+      <div className="nw-wrap nw-cols nw-cols--7-5">
+        <div className="nw-stack nw-stack--lg">
+          <Eyebrow index={str(p.index)} label={str(p.eyebrow)} />
+          <h2 className="nw-display nw-display--xl nw-break">
+            <InlineText text={str(p.title)} />
+          </h2>
+          {paras.length > 0 && (
+            <ol className="nw-numbered">
+              {paras.map((t, i) => (
+                <li key={i}>
+                  <span className="nw-display nw-outline">{two(i)}</span>
+                  <p>{t}</p>
+                </li>
+              ))}
+            </ol>
+          )}
+          <div className="nw-actions">
+            <Btn label={str(p.buttonLabel)} href={str(p.buttonHref)} metadata={metadata} kind="secondary" arrow />
+            <Btn label={str(p.secondaryLabel)} href={str(p.secondaryHref)} metadata={metadata} kind="ghost" />
+          </div>
+        </div>
+        <div className="nw-stack nw-sticky">
+          <Photo src={img(p.image)} alt={str(p.alt)} label="Photo · your room, your people" className="nw-photo--tall" />
+          {str(p.quote) && (
+            <blockquote className="nw-quote">
+              <em>“{str(p.quote)}”</em>
+              {str(p.quoteBy) && <span>{str(p.quoteBy)}</span>}
+            </blockquote>
+          )}
+        </div>
+      </div>
+    </Sec>
+  );
+}
+
+function Groups({ p, metadata, pad, vis }: Common) {
+  const rows = arr(p.rows).filter((r) => str(r.name));
+  return (
+    <Sec id="circles" p={p} glow="tr" pad={pad} vis={vis}>
+      <div className="nw-wrap nw-cols nw-cols--5-7">
+        <div className="nw-stack nw-sticky">
+          <Head p={p} size="md" />
+          {(str(p.featureName) || img(p.image)) && (
+            <Photo src={img(p.image)} alt={str(p.alt)} className="nw-photo--feature">
+              <span className="nw-feature">
+                <span>
+                  {str(p.featureLabel) && <small>{str(p.featureLabel)}</small>}
+                  <b className="nw-display">{str(p.featureName)}</b>
+                </span>
+                <Btn label={str(p.featureButtonLabel)} href={str(p.featureButtonHref)} metadata={metadata} size="sm" />
+              </span>
+            </Photo>
+          )}
+        </div>
+        <ol className="nw-rule-list">
+          {rows.length === 0 && (
+            <li>
+              <Empty what="group" />
+            </li>
+          )}
+          {rows.map((g, i) => {
+            const to = hrefOf(str(g.href), metadata);
+            return (
+              <li key={i} className="nw-group">
+                <div className="nw-group-when">
+                  <small>{str(g.day)}</small>
+                  <b className="nw-display">{str(g.time)}</b>
+                  {g.open === true && (
+                    <span className="nw-badge">
+                      <i aria-hidden="true" />
+                      Open
+                    </span>
+                  )}
+                </div>
+                <div className="nw-group-what">
+                  <h3 className="nw-display">{str(g.name)}</h3>
+                  {str(g.body) && <p>{str(g.body)}</p>}
+                  {str(g.people) && (
+                    <span className="nw-group-people">
+                      <Faces n={3} />
+                      {str(g.people)}
+                    </span>
+                  )}
+                </div>
+                {to && (
+                  <a className="nw-round" href={to} {...rel(to)} aria-label={`Come once to ${str(g.name)}`}>
+                    <ArrowRight size={14} aria-hidden="true" />
+                  </a>
+                )}
+              </li>
+            );
+          })}
+        </ol>
+      </div>
+    </Sec>
+  );
+}
+
+const WEEK = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
+
+function CalendarBlock({ p, metadata, now = new Date(), pad, vis }: Common) {
+  const count = Math.max(1, Math.min(12, Number(p.count) || 6));
+  const rows = dated(p, metadata, now, count);
+  const perDay = WEEK.map((d) => rows.filter((r) => r.dow.slice(0, 3).toLowerCase() === d.toLowerCase()).length);
+  return (
+    <Sec id="events" p={p} glow="bl" pad={pad} vis={vis}>
+      <div className="nw-wrap">
+        <Head p={p} action={<Btn label={str(p.buttonLabel)} href={str(p.buttonHref)} metadata={metadata} kind="secondary" arrow />} />
+        {perDay.some(Boolean) && (
+          <div className="nw-week" aria-hidden="true">
+            {WEEK.map((d, i) => (
+              <span key={d} className={cls(perDay[i] > 0 && "is-on")}>
+                <small>{d}</small>
+                <span>
+                  {Array.from({ length: perDay[i] }, (_, j) => (
+                    <i key={j} />
+                  ))}
+                </span>
+              </span>
+            ))}
+          </div>
+        )}
+        <ol className="nw-dates">
+          {rows.length === 0 && (
+            <li>
+              <Empty what="event" />
+            </li>
+          )}
+          {rows.map((e, i) => (
+            <li key={i} className={cls("nw-date-row", i === 0 && "is-first")}>
+              <span className="nw-date-big">
+                <b className="nw-display">{e.day}</b>
+                <small>{e.mon}</small>
+              </span>
+              <span className="nw-date-what">
+                <span className="nw-date-title">
+                  <h3 className="nw-display">{e.title}</h3>
+                  {e.kind === "event" && rows.some((r) => r.kind && r.kind !== "event") && <span className="nw-badge nw-badge--plain">Event</span>}
+                </span>
+                {e.body && <p>{e.body}</p>}
+              </span>
+              <span className="nw-date-when">
+                {e.time && <b>{e.time}</b>}
+                {e.where && <span>{e.where}</span>}
+                {e.spots && <small>{e.spots}</small>}
+              </span>
+              {e.href && (
+                <a className={cls("nw-btn nw-btn--sm", i === 0 ? "nw-btn--accent" : "nw-btn--secondary")} href={e.href} {...rel(e.href)}>
+                  <span>{str(p.rowLabel) || "Save a spot"}</span>
+                </a>
+              )}
+            </li>
+          ))}
+        </ol>
+      </div>
+    </Sec>
+  );
+}
+
+function FirstVisit({ p, pad, vis }: Common) {
+  const rows = arr(p.rows).filter((r) => str(r.title) || str(r.body));
+  return (
+    <Sec id="firstnight" p={p} glow="br" pad={pad} vis={vis}>
+      <div className="nw-wrap nw-cols nw-cols--5-7 nw-cols--center">
+        <div className="nw-stack">
+          <Head p={p} size="md" />
+          {str(p.note) && <p className="nw-note">{str(p.note)}</p>}
+        </div>
+        <ol className="nw-stepper">
+          {rows.map((r, i) => (
+            <li key={i} className={cls(i === 0 && "is-first")}>
+              <span className="nw-display nw-step-dot">{two(i)}</span>
+              <span>
+                <small>{str(r.title)}</small>
+                <span>{str(r.body)}</span>
+              </span>
+            </li>
+          ))}
+        </ol>
+      </div>
+    </Sec>
+  );
+}
+
+function Reviews({ p, metadata, pad, vis }: Common) {
+  const live = (spaceOf(metadata)?.reviews?.latest ?? []).filter((r) => r.body?.trim()).slice(0, 3);
+  const rows = live.length
+    ? live.map((r) => ({ quote: r.body, who: r.author?.displayName ?? "A member", what: "" }))
+    : arr(p.rows).map((r) => ({ quote: str(r.quote), who: str(r.who), what: str(r.what) })).filter((r) => r.quote);
+  return (
+    <Sec id="reviews" p={p} auto="day" glow="tl" pad={pad} vis={vis}>
+      <div className="nw-wrap">
+        <Head
+          p={p}
+          action={
+            str(p.proof) ? (
+              <span className="nw-head-proof">
+                <Stars />
+                {str(p.proof)}
+              </span>
+            ) : undefined
+          }
+        />
+        <div className="nw-reviews">
+          {rows.length === 0 && <Empty what="review" />}
+          {rows.map((r, i) => (
+            <figure key={i} className={cls("nw-review", i === 0 && "is-first")}>
+              <Stars />
+              <blockquote className={cls(i === 0 && "nw-display")}>“{r.quote}”</blockquote>
+              <figcaption>
+                <b>{r.who}</b>
+                {r.what && <small>{r.what}</small>}
+              </figcaption>
+            </figure>
+          ))}
+        </div>
+      </div>
+    </Sec>
+  );
+}
+
+function Team({ p, pad, vis }: Common) {
+  const rows = arr(p.rows).filter((r) => str(r.name));
+  return (
+    <Sec id="team" p={p} glow="br" pad={pad} vis={vis}>
+      <div className="nw-wrap nw-cols nw-cols--4-8">
+        <div className="nw-stack nw-sticky">
+          <Head p={p} size="md" />
+          {str(p.note) && <p className="nw-note nw-note--sm">{str(p.note)}</p>}
+        </div>
+        <div className="nw-team">
+          {rows.length === 0 && <Empty what="person" />}
+          {rows.map((t, i) => (
+            <figure key={i} className="nw-person">
+              <Photo src={img(t.image)} alt={str(t.alt)} className="nw-photo--person" />
+              <figcaption>
+                <b>{str(t.name)}</b>
+                {str(t.role) && <small>{str(t.role)}</small>}
+              </figcaption>
+            </figure>
+          ))}
+        </div>
+      </div>
+    </Sec>
+  );
+}
+
+function Offers({ p, metadata, pad, vis }: Common) {
+  const rows = arr(p.rows).filter((r) => str(r.name));
+  return (
+    <Sec id="services" p={p} glow="tl" pad={pad} vis={vis}>
+      <div className="nw-wrap">
+        <Head p={p} action={<Btn label={str(p.buttonLabel)} href={str(p.buttonHref)} metadata={metadata} kind="secondary" arrow />} />
+        <div className="nw-grid">
+          {rows.length === 0 && <Empty what="way in" />}
+          {rows.map((s, i) => (
+            <Tap key={i} to={hrefOf(str(s.href), metadata)} className="nw-card nw-offer">
+              <Icon name={str(s.icon) || "users"} tile />
+              <span className="nw-offer-top">
+                <small>{str(s.meta)}</small>
+                <small>{two(i)}</small>
+              </span>
+              <h3 className="nw-display">{str(s.name)}</h3>
+              {str(s.body) && <p>{str(s.body)}</p>}
+              <span className="nw-offer-foot">
+                <b>{str(s.price)}</b>
+                <i className="nw-round nw-round--sm" aria-hidden="true">
+                  <ArrowRight size={13} />
+                </i>
+              </span>
+            </Tap>
+          ))}
+        </div>
+      </div>
+    </Sec>
+  );
+}
+
+function Plans({ p, metadata, pad, vis }: Common) {
+  const rows = arr(p.rows).filter((r) => str(r.name));
+  return (
+    <Sec id="plans" p={p} glow="tr" pad={pad} vis={vis}>
+      <div className="nw-wrap">
+        <Head p={p} action={str(p.aside) ? <span className="nw-head-aside">{str(p.aside)}</span> : undefined} />
+        <div className="nw-plans">
+          {rows.length === 0 && <Empty what="plan" />}
+          {rows.map((r, i) => (
+            <article key={i} className={cls("nw-card nw-plan", r.featured === true && "is-featured")}>
+              {r.featured === true && (
+                <span className="nw-badge">
+                  <i aria-hidden="true" />
+                  {str(p.featuredLabel) || "Most chosen"}
+                </span>
+              )}
+              <h3 className="nw-display">{str(r.name)}</h3>
+              {str(r.body) && <p>{str(r.body)}</p>}
+              {str(r.price) && <b className="nw-display nw-plan-price">{str(r.price)}</b>}
+              <Btn
+                label={str(r.buttonLabel) || (str(r.href) ? `Choose ${str(r.name)}` : "")}
+                href={str(r.href)}
+                metadata={metadata}
+                kind={r.featured === true ? "accent" : "secondary"}
+                full
+              />
+            </article>
+          ))}
+        </div>
+        {str(p.note) && <p className="nw-fine">{str(p.note)}</p>}
+      </div>
+    </Sec>
+  );
+}
+
+function Openings({ p, metadata, now = new Date(), pad, vis }: Common) {
+  const rows = dated(p, metadata, now, 4);
+  return (
+    <Sec id="booking" p={p} glow="bl" pad={pad} vis={vis}>
+      <div className="nw-wrap nw-cols nw-cols--6-6 nw-cols--center">
+        <div className="nw-stack">
+          <Head p={p} size="md" />
+          <div className="nw-actions">
+            <Btn label={str(p.buttonLabel)} href={str(p.buttonHref)} metadata={metadata} arrow />
+          </div>
+        </div>
+        <div className="nw-card nw-slots">
+          {rows.length === 0 && <Empty what="open time" />}
+          {rows.map((o, i) => (
+            <Tap key={i} to={o.href} className={cls("nw-slot", i === 0 && "is-first")}>
+              <span className="nw-date">
+                <small>{o.mon}</small>
+                <b>{o.day}</b>
+              </span>
+              <span className="nw-slot-text">
+                <b>{o.title}</b>
+                <small>{[o.time, o.body].filter(Boolean).join(" · ")}</small>
+              </span>
+              {o.spots ? <span className={cls("nw-badge", i > 0 && "nw-badge--plain")}>{o.spots}</span> : <small className="nw-mono">{str(p.fullLabel) || "Waitlist"}</small>}
+            </Tap>
+          ))}
+        </div>
+      </div>
+    </Sec>
+  );
+}
+
+function Gallery({ p, pad, vis }: Common) {
+  const pics = arr(p.images).map((g) => ({ src: img(g.image), alt: str(g.alt) })).filter((g) => g.src);
+  return (
+    <Sec id="gallery" p={p} glow="br" pad={pad} vis={vis}>
+      <div className="nw-wrap">
+        <Head p={p} />
+        <div className="nw-gallery">
+          {pics.length === 0 && <Empty what="photo" />}
+          {pics.map((g, i) => (
+            <Photo key={i} src={g.src} alt={g.alt} className={cls("nw-photo--tile", i === 0 && "is-first")} />
+          ))}
+        </div>
+      </div>
+    </Sec>
+  );
+}
+
+function Posts({ p, metadata, pad, vis }: Common) {
+  const rows = arr(p.rows).filter((r) => str(r.title));
+  return (
+    <Sec id="posts" p={p} glow="tl" pad={pad} vis={vis}>
+      <div className="nw-wrap">
+        <Head p={p} action={<Btn label={str(p.buttonLabel)} href={str(p.buttonHref)} metadata={metadata} kind="secondary" arrow />} />
+        <div className="nw-posts">
+          {rows.length === 0 && <Empty what="post" />}
+          {rows.map((r, i) => (
+            <Tap key={i} to={hrefOf(str(r.href), metadata)} className="nw-post">
+              <small>{str(r.kind)}</small>
+              <h3>{str(r.title)}</h3>
+              {str(r.meta) && <span>{str(r.meta)}</span>}
+            </Tap>
+          ))}
+        </div>
+      </div>
+    </Sec>
+  );
+}
+
+function Process({ p, pad, vis }: Common) {
+  const rows = arr(p.rows).filter((r) => str(r.title));
+  return (
+    <Sec id="process" p={p} glow="none" className="nw-sec--stripes" pad={pad} vis={vis}>
+      <i className="nw-orb nw-orb--b" aria-hidden="true" />
+      <div className="nw-wrap">
+        <Head p={p} />
+        <div className="nw-track" aria-hidden="true">
+          <i />
+        </div>
+        <ol className="nw-process">
+          {rows.map((r, i) => (
+            <li key={i} className={cls(i === 0 && "is-first")}>
+              <i className="nw-process-dot" aria-hidden="true" />
+              <span className="nw-process-top">
+                <span className="nw-display nw-step-dot">{two(i)}</span>
+                <Icon name={str(r.icon) || "calendar"} tile size={15} />
+              </span>
+              <h3 className="nw-display">{str(r.title)}</h3>
+              {str(r.body) && <p>{str(r.body)}</p>}
+            </li>
+          ))}
+        </ol>
+      </div>
+    </Sec>
+  );
+}
+
+function Where({ p, pad, vis }: Common) {
+  const hours = arr(p.hours).filter((h) => str(h.day));
+  const hoods = lines(p.areas);
+  const facts = [
+    ["pin", str(p.address)],
+    ["phone", str(p.phone)],
+    ["mail", str(p.email)],
+  ].filter(([, t]) => t);
+  return (
+    <Sec id="locations" p={p} glow="bl" pad={pad} vis={vis}>
+      <div className="nw-wrap nw-cols nw-cols--6-6 nw-cols--center">
+        <div className="nw-stack">
+          <Head p={p} size="md" />
+          {facts.length > 0 && (
+            <div className="nw-facts">
+              {facts.map(([ic, t]) => (
+                <span key={ic}>
+                  <Icon name={ic} size={18} />
+                  {t}
+                </span>
+              ))}
+            </div>
+          )}
+          {hours.length > 0 && (
+            <dl className="nw-hours">
+              {hours.map((h, i) => (
+                <div key={i}>
+                  <dt>{str(h.day)}</dt>
+                  <dd>{str(h.time)}</dd>
+                </div>
+              ))}
+            </dl>
+          )}
+          {hoods.length > 0 && (
+            <div className="nw-pills">
+              {hoods.map((n) => (
+                <span key={n}>{n}</span>
+              ))}
+            </div>
+          )}
+        </div>
+        <Photo src={img(p.image)} alt={str(p.alt)} label={str(p.mapLabel) || "Map · where we meet"} className="nw-photo--map">
+          {!img(p.image) && (
+            <>
+              <i className="nw-mapgrid" aria-hidden="true" />
+              <i className="nw-pin nw-pulse" aria-hidden="true" />
+            </>
+          )}
+        </Photo>
+      </div>
+    </Sec>
+  );
+}
+
+function Ask({ p, metadata, pad, vis }: Common) {
+  const slug = (metadata?.links as SiteLinkMap | undefined)?.slug ?? null;
+  return (
+    <Sec id="forms" p={p} glow="tr" pad={pad} vis={vis}>
+      <div className="nw-wrap nw-cols nw-cols--6-6 nw-cols--end">
+        <Head p={p} size="md" />
+        <div className="nw-card nw-form-card">
+          <NewWorldContactForm slug={slug} buttonLabel={str(p.buttonLabel)} successMessage={str(p.successMessage)} />
+        </div>
+      </div>
+    </Sec>
+  );
+}
+
+function Letter({ p, metadata, pad, vis }: Common) {
+  const slug = (metadata?.links as SiteLinkMap | undefined)?.slug ?? null;
+  return (
+    <Sec id="letter" p={p} glow="bl" pad={pad} vis={vis}>
+      <div className="nw-wrap nw-center">
+        <Eyebrow label={str(p.eyebrow)} />
+        {str(p.title) && (
+          <h2 className="nw-display nw-display--md">
+            <InlineText text={str(p.title)} />
+          </h2>
+        )}
+        {str(p.lede) && <p className="nw-lede">{str(p.lede)}</p>}
+        <NewWorldLetterForm slug={slug} placeholder={str(p.placeholder)} buttonLabel={str(p.buttonLabel)} successMessage={str(p.successMessage)} />
+      </div>
+    </Sec>
+  );
+}
+
+function Faq({ p, pad, vis, metadata }: Common) {
+  const live = spaceOf(metadata)?.faqs ?? [];
+  const rows = live.length
+    ? live.map((f) => ({ q: f.question, a: f.answer }))
+    : arr(p.rows).map((r) => ({ q: str(r.question), a: str(r.answer) })).filter((r) => r.q);
+  const facts = [
+    ["phone", str(p.phone)],
+    ["mail", str(p.email)],
+    ["clock", str(p.hours)],
+  ].filter(([, t]) => t);
+  const hoods = lines(p.areas);
+  return (
+    <Sec id="faq" p={p} auto="day" glow="tl" pad={pad} vis={vis}>
+      <div className="nw-wrap nw-cols nw-cols--6-6">
+        <div className="nw-stack nw-sticky">
+          <Head p={p} size="md" />
+          {facts.length > 0 && (
+            <div className="nw-facts">
+              {facts.map(([ic, t]) => (
+                <span key={ic}>
+                  <Icon name={ic} size={18} />
+                  {t}
+                </span>
+              ))}
+            </div>
+          )}
+          {hoods.length > 0 && (
+            <div className="nw-stack nw-stack--sm nw-ruled">
+              {str(p.areasLabel) && <small className="nw-mono">{str(p.areasLabel)}</small>}
+              <div className="nw-pills">
+                {hoods.map((n) => (
+                  <span key={n}>{n}</span>
+                ))}
+              </div>
+            </div>
+          )}
+        </div>
+        <div className="nw-faq">
+          {rows.length === 0 && <Empty what="question" />}
+          {rows.map((r, i) => (
+            <details key={i} className="nw-faq-item" open={i === 0}>
+              <summary>
+                <span>{r.q}</span>
+                <i aria-hidden="true" />
+              </summary>
+              <p>{r.a}</p>
+            </details>
+          ))}
+        </div>
+      </div>
+    </Sec>
+  );
+}
+
+function Tools({ p, metadata, pad, vis }: Common) {
+  const rows = arr(p.rows).filter((r) => str(r.title));
+  return (
+    <Sec id="business" p={p} glow="bl" className="nw-sec--wash" pad={pad} vis={vis}>
+      <div className="nw-wrap nw-cols nw-cols--5-7">
+        <div className="nw-stack nw-sticky">
+          <Head p={p} size="md" />
+          <div className="nw-actions">
+            <Btn label={str(p.buttonLabel)} href={str(p.buttonHref)} metadata={metadata} arrow />
+            <Btn label={str(p.secondaryLabel)} href={str(p.secondaryHref)} metadata={metadata} kind="ghost" />
+          </div>
+          {str(p.note) && <p className="nw-note nw-note--sm">{str(p.note)}</p>}
+        </div>
+        <ol className="nw-rule-list">
+          {rows.map((r, i) => (
+            <li key={i} className="nw-tool">
+              <Icon name={str(r.icon) || "check"} tile size={15} />
+              <span>
+                <b>{str(r.title)}</b>
+                {str(r.body) && <small>{str(r.body)}</small>}
+              </span>
+              <small className="nw-mono">{two(i)}</small>
+            </li>
+          ))}
+        </ol>
+      </div>
+    </Sec>
+  );
+}
+
+function Closer({ p, metadata, pad, vis }: Common) {
+  return (
+    <section data-th={regOf(p.register, "night")} className={cls("nw-closer", pad, vis)}>
+      <i className="nw-orb nw-orb--a" aria-hidden="true" />
+      <i className="nw-orb nw-orb--c" aria-hidden="true" />
+      <div className="nw-wrap nw-center">
+        {str(p.aside) && <p className="nw-display nw-closer-aside"><em>{str(p.aside)}</em></p>}
+        <h2 className="nw-display nw-lit nw-break">
+          <InlineText text={str(p.title)} />
+        </h2>
+        <div className="nw-actions nw-actions--center">
+          <Btn label={str(p.primaryLabel)} href={str(p.primaryHref)} metadata={metadata} size="lg" arrow />
+          <Btn label={str(p.secondaryLabel)} href={str(p.secondaryHref)} metadata={metadata} kind="secondary" size="lg" />
+        </div>
+        {str(p.note) && <Eyebrow label={str(p.note)} />}
+      </div>
+    </section>
+  );
+}
+
+// ── Registry ────────────────────────────────────────────────────────────────────────────────
+
+const register = {
+  type: "select",
+  label: "Register",
+  options: [
+    { label: "As the design sets it", value: "auto" },
+    { label: "Night", value: "night" },
+    { label: "Day", value: "day" },
+  ],
+} as const;
+const icon = { type: "select", label: "Icon", options: ICON_NAMES.map((v) => ({ label: v, value: v })) } as const;
+const links = (n: string, label = "Button") => ({
+  [`${n}Label`]: text(label),
+  [`${n}Href`]: text(`${label}: where it goes`, LINK_HINT),
+});
+const head = {
+  index: text("Number", "Like 02. Leave empty for none."),
+  eyebrow: text("Small label"),
+  title: area("Heading", VOICE_HINT),
+  lede: area("Line under the heading"),
+};
+const rows = (fields: Record<string, unknown>, label = "Rows") =>
+  ({
+    type: "array",
+    label,
+    arrayFields: fields,
+    getItemSummary: (it: Props) => str(it.title) || str(it.name) || str(it.question) || str(it.who) || str(it.value) || str(it.day) || "Row",
+  }) as const;
+const list = (label: string) =>
+  ({ type: "array", label, arrayFields: {}, getItemSummary: (it: unknown) => String(it) }) as const;
+const yesNo = (label: string) =>
+  ({ type: "radio", label, options: [{ label: "No", value: false }, { label: "Yes", value: true }] }) as const;
+const datedRow = {
+  weekday: text("Weekday", "Mon to Sun, for the week strip."),
+  mon: text("Month"),
+  day: text("Day"),
+  title: text("Title"),
+  body: area("Line"),
+  time: text("Time"),
+  where: text("Where"),
+  spots: text("Spots", "Like 4 spots left. Empty shows the waitlist."),
+  kind: { type: "select", label: "Kind", options: [{ label: "Session", value: "session" }, { label: "Event", value: "event" }] },
+  href: text("Link", LINK_HINT),
+};
+const useEvents = yesNo("Show the Space's own events when it has any");
+
+export const newWorldBlocks: Record<string, ComponentConfig> = {
+  NewWorldHero: block(
+    "New World hero",
+    {
+      eyebrow: text("Small label"),
+      title: area("Heading", VOICE_HINT),
+      lead: area("Line under the heading"),
+      ...links("primary", "Main button"),
+      ...links("secondary", "Second button"),
+      proof: text("Line beside the faces"),
+      aside: text("Italic line after it"),
+      image,
+      alt: text("Photo description"),
+      badge: text("Label on the photo"),
+      useEvents,
+      rows: rows(datedRow, "Next three, when the Space has no events"),
+      areas: list("Neighbourhoods for the strip"),
+      register,
+    },
+    {
+      eyebrow: "Your street · Your City",
+      title: "Say what happens here *and who it is for.*",
+      lead: "Two sentences: what you do, who shows up, how someone new gets started.",
+      primaryLabel: "Book your first visit",
+      primaryHref: "~/booking",
+      secondaryLabel: "See the calendar",
+      secondaryHref: "#events",
+      proof: "",
+      aside: "",
+      image: "",
+      alt: "",
+      badge: "Doors open this week",
+      useEvents: true,
+      rows: [],
+      areas: [],
+      register: "auto",
+    },
+    Hero,
+  ),
+  NewWorldStats: block(
+    "New World numbers band",
+    { items: rows({ icon, value: text("Big words"), label: text("Line under it"), note: text("Small line") }), register },
+    {
+      items: [
+        { icon: "users", value: "4", label: "groups a week", note: "On the calendar" },
+        { icon: "calendar", value: "90", label: "minutes, about", note: "Leave when you need to" },
+        { icon: "heart", value: "Free", label: "first visit", note: "Always" },
+        { icon: "check", value: "Pause", label: "any time", note: "Memberships that wait" },
+      ],
+      register: "auto",
+    },
+    Stats,
+  ),
+  NewWorldStory: block(
+    "New World story",
+    {
+      index: head.index,
+      eyebrow: head.eyebrow,
+      title: head.title,
+      paragraphs: list("Numbered lines"),
+      ...links("button"),
+      ...links("secondary", "Second button"),
+      image,
+      alt: text("Photo description"),
+      quote: area("Quote under the photo"),
+      quoteBy: text("Who said it"),
+      register,
+    },
+    {
+      index: "01",
+      eyebrow: "Our story",
+      title: "Our *story.*",
+      paragraphs: ["The beginning: the thing you noticed, the room you wanted to exist, the first few people who came."],
+      buttonLabel: "Read the whole story",
+      buttonHref: "~/about",
+      secondaryLabel: "",
+      secondaryHref: "",
+      image: "",
+      alt: "",
+      quote: "",
+      quoteBy: "",
+      register: "auto",
+    },
+    Story,
+  ),
+  NewWorldGroups: block(
+    "New World groups",
+    {
+      ...head,
+      image,
+      alt: text("Photo description"),
+      featureLabel: text("Label on the photo"),
+      featureName: text("Name on the photo"),
+      ...links("featureButton", "Button on the photo"),
+      rows: rows({ day: text("Day"), time: text("Time"), name: text("Name"), body: area("Line"), people: text("Who comes", "Like 14 members."), open: yesNo("Open to new faces"), href: text("Link", LINK_HINT) }),
+      register,
+    },
+    {
+      index: "02",
+      eyebrow: "Groups",
+      title: "The *groups.*",
+      lede: "Regular sessions with their own members. Book a spot or drop in.",
+      image: "",
+      alt: "",
+      featureLabel: "Open to new faces",
+      featureName: "",
+      featureButtonLabel: "Come once",
+      featureButtonHref: "~/booking",
+      rows: [],
+      register: "auto",
+    },
+    Groups,
+  ),
+  NewWorldCalendar: block(
+    "New World calendar (live)",
+    { ...head, ...links("button"), rowLabel: text("Button on each row"), count: text("How many"), useEvents, rows: rows(datedRow), register },
+    {
+      index: "03",
+      eyebrow: "What's Happening",
+      title: "What's *happening.*",
+      lede: "Everything on the calendar this month. RSVP and we remind you.",
+      buttonLabel: "Full calendar",
+      buttonHref: "~/events",
+      rowLabel: "Save a spot",
+      count: "6",
+      useEvents: true,
+      rows: [],
+      register: "auto",
+    },
+    CalendarBlock,
+  ),
+  NewWorldFirstVisit: block(
+    "New World first visit",
+    { ...head, note: area("Line under it"), rows: rows({ title: text("Small label"), body: area("Line") }), register },
+    {
+      index: "04",
+      eyebrow: "Walking in",
+      title: "Your first *visit.*",
+      lede: "Walking in alone is the hardest part. Here is exactly what happens.",
+      note: "",
+      rows: [],
+      register: "auto",
+    },
+    FirstVisit,
+  ),
+  NewWorldReviews: block(
+    "New World reviews (live)",
+    { ...head, proof: text("Line beside the stars"), rows: rows({ quote: area("Quote"), who: text("Who"), what: text("What they come to") }), register },
+    { index: "05", eyebrow: "In their words", title: "In their *words.*", lede: "", proof: "", rows: [], register: "auto" },
+    Reviews,
+  ),
+  NewWorldTeam: block(
+    "New World team",
+    { ...head, note: text("Small line"), rows: rows({ name: text("Name"), role: text("Role"), image, alt: text("Photo description") }), register },
+    { index: "06", eyebrow: "The team", title: "The people *behind it.*", lede: "Who you will meet.", note: "", rows: [], register: "auto" },
+    Team,
+  ),
+  NewWorldOffers: block(
+    "New World ways in",
+    { ...head, ...links("button"), rows: rows({ icon, meta: text("Small line"), name: text("Name"), body: area("Line"), price: text("Price"), href: text("Link", LINK_HINT) }), register },
+    {
+      index: "07",
+      eyebrow: "Ways in",
+      title: "Ways *in.*",
+      lede: "Everything here is priced in plain sight.",
+      buttonLabel: "",
+      buttonHref: "",
+      rows: [],
+      register: "auto",
+    },
+    Offers,
+  ),
+  NewWorldPlans: block(
+    "New World plans",
+    {
+      ...head,
+      aside: text("Small line beside the heading"),
+      featuredLabel: text("Label on the highlighted plan"),
+      note: text("Line under the plans"),
+      rows: rows({ name: text("Name"), body: area("Line"), price: text("Price"), featured: yesNo("Highlight"), buttonLabel: text("Button"), href: text("Link", LINK_HINT) }),
+      register,
+    },
+    {
+      index: "08",
+      eyebrow: "Memberships and plans",
+      title: "Keep *coming back.*",
+      lede: "Pick a rhythm. Pause or change it any time.",
+      aside: "",
+      featuredLabel: "Most chosen",
+      note: "Pause, change or cancel from your account any time.",
+      rows: [],
+      register: "auto",
+    },
+    Plans,
+  ),
+  NewWorldOpenings: block(
+    "New World open spots (live)",
+    { ...head, ...links("button"), fullLabel: text("Word when a row has no spots"), useEvents, rows: rows(datedRow), register },
+    {
+      index: "09",
+      eyebrow: "Save a spot",
+      title: "Open *this week.*",
+      lede: "Live spots. Pick a time, see what it costs, get a reminder.",
+      buttonLabel: "Book your first visit",
+      buttonHref: "~/booking",
+      fullLabel: "Waitlist",
+      useEvents: true,
+      rows: [],
+      register: "auto",
+    },
+    Openings,
+  ),
+  NewWorldGallery: block(
+    "New World gallery",
+    { ...head, images: rows({ image, alt: text("Photo description") }, "Photos"), register },
+    { index: "10", eyebrow: "Gallery", title: "Real *nights.*", lede: "Photos from people who were there.", images: [], register: "auto" },
+    Gallery,
+  ),
+  NewWorldPosts: block(
+    "New World posts",
+    { ...head, ...links("button"), rows: rows({ kind: text("Kind"), title: text("Title"), meta: text("Small line"), href: text("Link", LINK_HINT) }), register },
+    { index: "11", eyebrow: "Notes", title: "Good to *read.*", lede: "Notes from the room, written by the people in it.", buttonLabel: "", buttonHref: "", rows: [], register: "auto" },
+    Posts,
+  ),
+  NewWorldProcess: block(
+    "New World how it works",
+    { ...head, rows: rows({ icon, title: text("Title"), body: area("Line") }), register },
+    { index: "12", eyebrow: "How it works", title: "How a first time *goes.*", lede: "", rows: [], register: "auto" },
+    Process,
+  ),
+  NewWorldWhere: block(
+    "New World where to find us",
+    {
+      ...head,
+      address: text("Address"),
+      phone: text("Phone"),
+      email: text("Email"),
+      hours: rows({ day: text("Days"), time: text("Hours") }, "Hours"),
+      areas: list("Neighbourhoods"),
+      image,
+      alt: text("Map or photo description"),
+      mapLabel: text("Label when there is no picture"),
+      register,
+    },
+    {
+      index: "13",
+      eyebrow: "Where we meet",
+      title: "Where to *find us.*",
+      lede: "",
+      address: "",
+      phone: "",
+      email: "",
+      hours: [],
+      areas: [],
+      image: "",
+      alt: "",
+      mapLabel: "Map · where we meet",
+      register: "auto",
+    },
+    Where,
+  ),
+  NewWorldAsk: block(
+    "New World contact form",
+    { ...head, buttonLabel: text("Button"), successMessage: text("Thank-you line"), register },
+    { index: "14", eyebrow: "Say hello", title: "Ask us *anything.*", lede: "A person answers.", buttonLabel: "Send", successMessage: "Thanks. A person will reply soon.", register: "auto" },
+    Ask,
+  ),
+  NewWorldLetter: block(
+    "New World newsletter",
+    { eyebrow: text("Small label"), title: area("Heading", VOICE_HINT), lede: area("Line under the heading"), placeholder: text("Email box hint"), buttonLabel: text("Button"), successMessage: text("Thank-you line"), register },
+    {
+      eyebrow: "Newsletter",
+      title: "Stay in *the loop.*",
+      lede: "A short note when something is coming up. Nothing else.",
+      placeholder: "you@email.com",
+      buttonLabel: "Join",
+      successMessage: "Thanks. You are on the list.",
+      register: "auto",
+    },
+    Letter,
+  ),
+  NewWorldFaq: block(
+    "New World questions (live)",
+    {
+      ...head,
+      phone: text("Phone"),
+      email: text("Email"),
+      hours: text("Hours"),
+      areasLabel: text("Label over the neighbourhoods"),
+      areas: list("Neighbourhoods"),
+      rows: rows({ question: text("Question"), answer: area("Answer") }),
+      register,
+    },
+    {
+      index: "15",
+      eyebrow: "Questions",
+      title: "Good to *know.*",
+      lede: "Anything else, ask. A real person answers.",
+      phone: "",
+      email: "",
+      hours: "",
+      areasLabel: "Where we meet",
+      areas: [],
+      rows: [],
+      register: "auto",
+    },
+    Faq,
+  ),
+  NewWorldTools: block(
+    "New World tools",
+    { ...head, ...links("button"), ...links("secondary", "Second button"), note: text("Small line"), rows: rows({ icon, title: text("Title"), body: text("Line") }), register },
+    {
+      index: "17",
+      eyebrow: "Behind the door",
+      title: "The tools that *run this place.*",
+      lede: "A calendar, check-in at the door, memberships, your member list and a page you edit yourself. Your people stay yours.",
+      buttonLabel: "",
+      buttonHref: "",
+      secondaryLabel: "",
+      secondaryHref: "",
+      note: "",
+      rows: [],
+      register: "auto",
+    },
+    Tools,
+  ),
+  NewWorldCloser: block(
+    "New World closer",
+    { aside: text("Italic line above"), title: area("Heading", VOICE_HINT), ...links("primary", "Main button"), ...links("secondary", "Second button"), note: text("Small line under the buttons"), register },
+    {
+      aside: "",
+      title: "Book your *first visit.*",
+      primaryLabel: "Book your first visit",
+      primaryHref: "~/booking",
+      secondaryLabel: "Bring someone",
+      secondaryHref: "~/booking",
+      note: "",
+      register: "auto",
+    },
+    Closer,
+  ),
+};
diff --git a/components/sites/new-world-blocks-css.ts b/components/sites/new-world-blocks-css.ts
index 6e5e30a651..0002c596fb 100644
--- a/components/sites/new-world-blocks-css.ts
+++ b/components/sites/new-world-blocks-css.ts
@@ -11,3 +11,5 @@ import { SERVICES_CSS } from '@/components/sites/services-css'
 export const NEW_WORLD_BLOCKS_CSS = SERVICES_CSS.replaceAll('[data-house-theme="services"]', '[data-house-theme="new-world"]')
   .replace(/--sv-shadow-(sm|md|lg)\b/g, '--nw-depth-$1')
   .replace(/--sv-(?!min\b|ratio\b)/g, '--nw-')
+  // The design's frame is content-box: 1320 of content plus the gutter either side (--nw-frame), so every row lines up with the chrome.
+  .replaceAll('max-width:var(--nw-container-max)', 'max-width:var(--nw-frame)')
diff --git a/components/sites/new-world-css.ts b/components/sites/new-world-css.ts
index eaf6392e6c..b54f9a00cf 100644
--- a/components/sites/new-world-css.ts
+++ b/components/sites/new-world-css.ts
@@ -1,4 +1,5 @@
 import { NEW_WORLD_BLOCKS_CSS } from '@/components/sites/new-world-blocks-css'
+import { NEW_WORLD_SECTIONS_CSS } from '@/components/sites/new-world-sections-css'
 import { NEW_WORLD_DAY_CSS, NEW_WORLD_DETAIL_CSS, NEW_WORLD_TOKENS_CSS } from '@/lib/theme/new-world'
 
 // THE NEW WORLD SKIN. Scoped under [data-house-theme="new-world"] so every house section keeps its markup and content; values come
@@ -14,6 +15,7 @@ const LABEL = 'font-family:var(--nw-font-mono);text-transform:uppercase;letter-s
 
 export const NEW_WORLD_CSS = `${NEW_WORLD_TOKENS_CSS}${NEW_WORLD_DAY_CSS}${NEW_WORLD_DETAIL_CSS}
 ${NEW_WORLD_BLOCKS_CSS}
+${NEW_WORLD_SECTIONS_CSS}
 ${N}{--nw-font-display:var(--font-nw-unbounded,'Unbounded'),'Hanken Grotesk',system-ui,sans-serif;--nw-font-body:var(--font-nw-hanken,'Hanken Grotesk'),system-ui,-apple-system,'Segoe UI',sans-serif;--nw-font-accent:var(--font-nw-instrument,'Instrument Serif'),Georgia,serif;--nw-font-mono:var(--nw-font-display)}
 ${R}{color-scheme:inherit;--color-canvas:var(--nw-ink-900);--color-surface:var(--nw-ink-850);--color-surface-post:var(--nw-ink-850);--color-surface-elevated:var(--nw-ink-800);--color-surface-hover:var(--nw-ink-700);--color-border:var(--nw-border-default);--color-border-strong:var(--nw-border-strong);--color-text:var(--nw-text-primary);--color-text-muted:var(--nw-text-secondary);--color-text-subtle:var(--nw-text-muted);--color-focus-ring:var(--nw-focus-ring);--color-success:var(--nw-success-500);--color-warning:var(--nw-warning-500);--color-danger:var(--nw-danger-500);--color-info:var(--nw-halo-500);--color-ink:var(--color-primary);--color-on-ink:var(--color-text-on-primary);--radius-control:var(--nw-radius-pill);--radius-card:var(--nw-radius-lg);--radius-cover:var(--nw-radius-xl);--radius-media:var(--nw-radius-lg);--font-display:var(--nw-font-display);--font-body:var(--nw-font-body);--font-label:var(--nw-font-mono)}
 ${N}{font-family:var(--nw-font-body);line-height:var(--nw-lh-body);background:var(--nw-surface-page);color:var(--color-text)}
@@ -38,7 +40,7 @@ ${N} .hs-btn-soft:hover{background:var(--nw-accent-tint);color:var(--color-text)
 ${N} .hs-header{position:sticky;top:0;z-index:40;padding:0;background:linear-gradient(180deg,color-mix(in oklab,var(--nw-chrome-50) 3.5%,transparent),transparent),var(--nw-ink-950);border-bottom:var(--nw-border-hairline) solid var(--nw-border-subtle);box-shadow:0 20px 40px -24px color-mix(in oklab,var(--nw-ink-950) 70%,transparent)}
 ${N} .hs-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in oklab,var(--nw-flare-400) 55%,transparent) 30%,color-mix(in oklab,var(--nw-swell-300) 50%,transparent) 55%,color-mix(in oklab,var(--nw-halo-300) 45%,transparent) 75%,transparent 100%);opacity:.7;pointer-events:none}
 ${N}:has(#top .sv-hero-bg--photo) .hs-header{position:absolute;left:0;right:0;background:linear-gradient(180deg,color-mix(in oklab,var(--nw-ink-950) 55%,transparent) 0%,transparent 100%);border-bottom-color:transparent;box-shadow:none}
-${N} .hs-pill{max-width:var(--nw-container-max);margin:0 auto;padding:18px var(--nw-gutter);border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;animation:none;overflow:visible}
+${N} .hs-pill{max-width:var(--nw-frame);margin:0 auto;padding:18px var(--nw-gutter);border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;animation:none;overflow:visible}
 ${N} .hs-header .hs-brand{padding-left:0;color:var(--nw-chrome-50);text-decoration:none}
 ${N} .hs-nav{-webkit-mask-image:none;mask-image:none}
 ${N} .hs-header-actions .hs-btn,${N} .hs-header-actions .hs-btn-primary,${N} .hs-header-actions .hs-btn-dark{min-height:36px;padding:0 18px;font-size:11px}
@@ -59,7 +61,7 @@ ${N} .hs-menu-panel,${N} .hs-mega-panel{background:var(--nw-ink-800);border:var(
    button first, the columns with mono heads, contact lines with their icons, the dim wordmark across the width, and the mono base line. */
 ${N} > div:has(> .hs-footer-top){position:relative;overflow:hidden;background:var(--nw-glow-sky,none),var(--nw-ink-950);border-top:var(--nw-border-hairline) solid var(--nw-border-subtle)}
 ${N} > div:has(> .hs-footer-top)::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in oklab,var(--nw-flare-400) 55%,transparent) 30%,color-mix(in oklab,var(--nw-swell-300) 50%,transparent) 55%,color-mix(in oklab,var(--nw-halo-300) 45%,transparent) 75%,transparent 100%);opacity:.7;pointer-events:none}
-${N} .hs-footer-top{max-width:var(--nw-container-max);margin:0 auto;padding:96px var(--nw-gutter) 56px;gap:48px;background:none;border:0}
+${N} .hs-footer-top{max-width:var(--nw-frame);margin:0 auto;padding:96px var(--nw-gutter) 56px;gap:48px;background:none;border:0}
 ${N} .hs-footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
 ${N} .hs-footer-brand p{margin:0;color:var(--nw-text-secondary)}
 ${N} .sv-wordmark{display:block;font-family:var(--nw-font-display);font-stretch:var(--nw-stretch-display);font-weight:var(--nw-fw-display);letter-spacing:var(--nw-ls-display);line-height:1;font-size:clamp(24px,2.4vw,30px);color:var(--nw-chrome-50)}
@@ -69,7 +71,7 @@ ${N} .hs-footer-col{display:flex;flex-direction:column;align-items:flex-start;ga
 ${N} .hs-footer-col a,${N} .sv-foot-line{display:inline-flex;align-items:center;gap:10px;font-size:15px;color:var(--nw-chrome-200)}
 ${N} .hs-footer-col a:hover{color:var(--nw-chrome-50)}
 ${N} .sv-foot-icon{display:inline-flex;color:var(--color-primary-strong)}
-${N} .sv-foot-mark{position:relative;max-width:var(--nw-container-max);margin:0 auto;padding:0 var(--nw-gutter);font-family:var(--nw-font-display);font-stretch:var(--nw-stretch-display);font-weight:var(--nw-fw-display);text-transform:uppercase;line-height:.8;letter-spacing:-.01em;font-size:clamp(44px,9vw,150px);text-align:center;color:var(--nw-chrome-50);opacity:.07;user-select:none;overflow:hidden;white-space:nowrap}
-${N} .hs-footer{max-width:var(--nw-container-max);margin:0 auto;padding:24px var(--nw-gutter);${LABEL};font-size:10.5px;letter-spacing:.12em;color:var(--nw-text-muted);border-top:0;background:none}
+${N} .sv-foot-mark{position:relative;max-width:var(--nw-frame);margin:0 auto;padding:0 var(--nw-gutter);font-family:var(--nw-font-display);font-stretch:var(--nw-stretch-display);font-weight:var(--nw-fw-display);text-transform:uppercase;line-height:.8;letter-spacing:-.01em;font-size:clamp(44px,9vw,150px);text-align:center;color:var(--nw-chrome-50);opacity:.07;user-select:none;overflow:hidden;white-space:nowrap}
+${N} .hs-footer{max-width:var(--nw-frame);margin:0 auto;padding:24px var(--nw-gutter);${LABEL};font-size:10.5px;letter-spacing:.12em;color:var(--nw-text-muted);border-top:0;background:none}
 @media (prefers-reduced-motion:reduce){${N} *{transition:none!important;animation:none!important}}
 `
diff --git a/components/sites/new-world-forms.tsx b/components/sites/new-world-forms.tsx
new file mode 100644
index 0000000000..f567eeb059
--- /dev/null
+++ b/components/sites/new-world-forms.tsx
@@ -0,0 +1,81 @@
+'use client'
+
+import { useState, type FormEvent } from 'react'
+import { ArrowRight, ShieldCheck } from 'lucide-react'
+import { Input, Textarea } from '@/components/ui/field'
+import { Checkbox } from '@/components/ui/checkbox'
+import { submitContactForm } from '@/app/(main)/spaces/[slug]/contact-form-actions'
+
+// THE NEW WORLD FORMS (design: New World Blocks.jsx ContactBlock and LetterBlock). Both go through the Space's one anonymous lead
+// door (the Space resolved from the slug server-side, a honeypot and a rate limit above the write), the same door the Network kit's
+// forms use. The contact form's box is the visitor's own opt-in; pressing Join on the letter form is the opt-in. A null slug is the
+// editor's preview: the same markup, inert. Thank-you lines are the owner's own words and promise no day or rhythm.
+
+type Status = 'idle' | 'loading' | 'done'
+
+function useLead() {
+  const [status, setStatus] = useState<Status>('idle')
+  const [error, setError] = useState<string | null>(null)
+  async function send(slug: string | null, input: { name: string; email: string; message: string; optIn: boolean; company: string }) {
+    if (slug === null || status === 'loading') return
+    setError(null)
+    setStatus('loading')
+    try {
+      const res = await submitContactForm({ slug, phone: '', ...input })
+      if (res.ok) setStatus('done')
+      else {
+        setError(res.error)
+        setStatus('idle')
+      }
+    } catch {
+      setError('That did not send. Check your connection and try again.')
+      setStatus('idle')
+    }
+  }
+  return { status, error, send }
+}
+
+export function NewWorldContactForm({ slug, buttonLabel, successMessage }: { slug: string | null; buttonLabel: string; successMessage: string }) {
+  const [name, setName] = useState('')
+  const [email, setEmail] = useState('')
+  const [message, setMessage] = useState('')
+  const [optIn, setOptIn] = useState(false)
+  const [company, setCompany] = useState('')
+  const { status, error, send } = useLead()
+  const off = slug === null
+
+  if (status === 'done') return <p className="nw-form-done" role="status">{successMessage || 'Thanks. A person will reply soon.'}</p>
+
+  return (
+    <form className="nw-form" onSubmit={(e: FormEvent) => { e.preventDefault(); void send(slug, { name, email, message, optIn, company }) }}>
+      <label className="nw-field"><span>Name</span><Input className="nw-input" type="text" required autoComplete="name" placeholder="Jamie Lee" value={name} onChange={(e) => setName(e.target.value)} disabled={off} /></label>
+      <label className="nw-field"><span>Email</span><Input className="nw-input" type="email" required autoComplete="email" placeholder="jamie@example.com" value={email} onChange={(e) => setEmail(e.target.value)} disabled={off} /></label>
+      <label className="nw-field nw-field--wide"><span>Message</span><Textarea className="nw-input nw-textarea" rows={4} placeholder="What can we help with?" value={message} onChange={(e) => setMessage(e.target.value)} disabled={off} /></label>
+      <Checkbox wrapperClassName="nw-check nw-field--wide" label="Email me when something is coming up" checked={optIn} onChange={(e) => setOptIn(e.target.checked)} disabled={off} />
+      <Input className="nw-hp" type="text" name="company" tabIndex={-1} autoComplete="off" aria-hidden="true" value={company} onChange={(e) => setCompany(e.target.value)} />
+      <div className="nw-form-foot nw-field--wide">
+        <span className="nw-form-note"><ShieldCheck size={15} aria-hidden="true" />Never shared.</span>
+        <button type="submit" className="sv-btn sv-btn--accent" disabled={off || status === 'loading'}><span>{status === 'loading' ? 'Sending' : buttonLabel || 'Send'}</span><ArrowRight size={16} aria-hidden="true" /></button>
+      </div>
+      {error && <p className="nw-form-error nw-field--wide" role="alert">{error}</p>}
+    </form>
+  )
+}
+
+export function NewWorldLetterForm({ slug, placeholder, buttonLabel, successMessage }: { slug: string | null; placeholder: string; buttonLabel: string; successMessage: string }) {
+  const [email, setEmail] = useState('')
+  const [company, setCompany] = useState('')
+  const { status, error, send } = useLead()
+  const off = slug === null
+
+  if (status === 'done') return <p className="nw-form-done" role="status">{successMessage || 'Thanks. You are on the list.'}</p>
+
+  return (
+    <form className="nw-letter-form" onSubmit={(e: FormEvent) => { e.preventDefault(); void send(slug, { name: '', email, message: '', optIn: true, company }) }}>
+      <Input className="nw-input nw-input--pill" type="email" aria-label="Email" required autoComplete="email" placeholder={placeholder || 'you@email.com'} value={email} onChange={(e) => setEmail(e.target.value)} disabled={off} />
+      <Input className="nw-hp" type="text" name="company" tabIndex={-1} autoComplete="off" aria-hidden="true" value={company} onChange={(e) => setCompany(e.target.value)} />
+      <button type="submit" className="sv-btn sv-btn--accent" disabled={off || status === 'loading'}><span>{status === 'loading' ? 'Joining' : buttonLabel || 'Join'}</span></button>
+      {error && <p className="nw-form-error" role="alert">{error}</p>}
+    </form>
+  )
+}
diff --git a/components/sites/new-world-sections-css.ts b/components/sites/new-world-sections-css.ts
new file mode 100644
index 0000000000..881e09bbc1
--- /dev/null
+++ b/components/sites/new-world-sections-css.ts
@@ -0,0 +1,350 @@
+// THE NEW WORLD SECTION SHEET (LIVE-2055): the look of New World's own blocks (components/page-editor/blocks/new-world.tsx), lifted
+// from the design system's Web Theme (docs/design-systems/new-world; ui_kits/site/Sections.jsx, Blocks.jsx and tokens/base, effects,
+// textures). The design draws every section with inline styles; here each is a class and every colour, wash and shadow reads the
+// New World token block (lib/theme/new-world.ts) or the owner's accent (--color-primary*, set by the site's AccentScope). No literal
+// colours. Scoped under [data-house-theme="new-world"], so it only ever dresses the stand-alone site render (theme fence, ADR-1906).
+
+const N = '[data-house-theme="new-world"]'
+const MONO = 'font-family:var(--nw-font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:var(--nw-fw-medium)'
+const WRAP = 'position:relative;z-index:2;max-width:var(--nw-frame);margin:0 auto;padding:clamp(80px,9vw,128px) var(--nw-gutter)'
+const CARD =
+  'border:1px solid var(--nw-border-subtle);border-radius:var(--nw-radius-lg);background:linear-gradient(180deg,color-mix(in oklab,var(--nw-chrome-50) 6%,transparent),color-mix(in oklab,var(--nw-chrome-50) 2%,transparent));box-shadow:0 30px 70px -40px color-mix(in oklab,var(--nw-flare-500) 35%,transparent),inset 0 1px 0 color-mix(in oklab,var(--nw-chrome-50) 8%,transparent)'
+const FACE = 'linear-gradient(135deg,color-mix(in oklab,var(--nw-flare-300) 70%,transparent),color-mix(in oklab,var(--nw-swell-300) 55%,transparent))'
+
+/* THE ACCENT BRIDGE: the theme's accent ramps (Night --nw-n-flare-*, Day --nw-d-flare-*) follow the owner's accent, so a Signal,
+ * Bloom, Ember or Fern site draws its own colour in every spread, glow and line, not only in the buttons. Tide resolves to the same
+ * family. Day mixes toward the ink so accent text still reads on white. */
+const ACCENT = `
+${N}{--nw-n-flare-500:var(--color-primary);--nw-n-flare-400:var(--color-primary-strong);--nw-n-flare-300:color-mix(in oklab,var(--color-primary) 55%,var(--nw-chrome-50));--nw-n-flare-600:color-mix(in oklab,var(--color-primary) 80%,var(--nw-ink-950));--nw-n-flare-700:color-mix(in oklab,var(--color-primary) 60%,var(--nw-ink-950));--nw-d-flare-500:color-mix(in oklab,var(--color-primary) 74%,var(--nw-ink-950));--nw-d-flare-400:color-mix(in oklab,var(--color-primary) 86%,var(--nw-ink-950));--nw-d-flare-300:color-mix(in oklab,var(--color-primary) 45%,var(--nw-chrome-50));--nw-d-flare-600:color-mix(in oklab,var(--color-primary) 62%,var(--nw-ink-950));--nw-d-flare-700:color-mix(in oklab,var(--color-primary) 50%,var(--nw-ink-950))}
+${N},${N} [data-th]{--nwa-text:color-mix(in oklab,var(--color-primary) 70%,var(--nw-chrome-50));--nwa-lit:linear-gradient(100deg,var(--nwa-text) 0%,var(--nw-halo-300) 48%,var(--nwa-text) 100%)}
+${N} [data-th="day"],${N}[data-th="day"]{--nwa-text:color-mix(in oklab,var(--color-primary) 62%,var(--nw-chrome-50))}
+`
+
+/* TYPE: the default voice is Charge (the display face in sentence case with a serif italic phrase); Caps is the opt-in voice. */
+const TYPE = `
+${N} .sv-display,${N} .nw-display{font-family:var(--nw-font-display);font-stretch:var(--nw-stretch-display);font-weight:var(--nw-fw-display);text-transform:none;letter-spacing:var(--nw-ls-display);line-height:var(--nw-lh-display);margin:0;color:var(--nw-text-primary);text-wrap:balance}
+${N} .sv-display em,${N} .nw-display em{font-family:var(--nw-font-accent);font-style:italic;font-weight:400;font-stretch:100%;text-transform:none;letter-spacing:-.01em;font-size:var(--nw-em-size);line-height:.85}
+${N}[data-type="caps"] .sv-display,${N}[data-type="caps"] .nw-display{text-transform:uppercase;font-weight:var(--nw-fw-heavy);letter-spacing:-.02em;line-height:.92}
+${N} .nw-break em{display:block}
+${N} .nw-lit em{background:var(--nwa-lit) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.1em;animation:nw-shimmer 10s linear infinite}
+${N} .nw-mono{${MONO};color:var(--nw-text-muted)}
+${N} .nw-eyebrow{${MONO};display:inline-flex;align-items:center;gap:12px;color:var(--nw-text-secondary)}
+${N} .nw-eyebrow::before{content:"";width:6px;height:6px;border-radius:var(--nw-radius-pill);background:var(--color-primary);box-shadow:0 0 10px color-mix(in oklab,var(--color-primary) 70%,transparent)}
+${N} .nw-eyebrow b{font-weight:inherit;color:var(--nwa-text)}
+${N} .nw-eyebrow i{width:18px;height:1px;background:var(--nw-border-default)}
+${N} .nw-lede{margin:0;font-size:17px;line-height:1.55;color:var(--nw-text-secondary);max-width:560px;text-wrap:pretty}
+${N} .nw-note{margin:0;font-size:16px;line-height:1.55;color:var(--nw-text-secondary);text-wrap:pretty}
+${N} .nw-note--sm{font-size:14px;color:var(--nw-text-muted)}
+${N} .nw-fine{margin:24px 0 0;font-size:13px;color:var(--nw-text-muted);text-align:center}
+`
+
+/* SECTIONS: a band on the page ground with one corner spread, a glow line on top, an orb, and the wrap. Day halves the spread. */
+const SECTION = `
+${N} .nw-sec{position:relative;isolation:isolate;overflow:clip;background:var(--nw-surface-page);color:var(--nw-text-primary)}
+${N} .nw-sec::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--nw-flare-400) 55%,transparent),transparent);pointer-events:none;z-index:1}
+${N} .nw-sec::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.55}
+${N} [data-th="day"].nw-sec::after,${N}[data-th="day"] .nw-sec::after{opacity:.3}
+${N} .nw-sec--tl::after{background:radial-gradient(60% 70% at 0% 0%,color-mix(in oklab,var(--nw-flare-500) 22%,transparent),transparent 70%)}
+${N} .nw-sec--tr::after{background:radial-gradient(55% 70% at 100% 0%,color-mix(in oklab,var(--nw-flare-500) 18%,transparent),transparent 70%)}
+${N} .nw-sec--bl::after{background:radial-gradient(55% 70% at 0% 100%,color-mix(in oklab,var(--nw-swell-500) 16%,transparent),transparent 70%)}
+${N} .nw-sec--br::after{background:radial-gradient(55% 70% at 100% 100%,color-mix(in oklab,var(--nw-halo-500) 18%,transparent),transparent 70%)}
+${N} .nw-sec--wash{background:linear-gradient(to top right,color-mix(in oklab,var(--nw-swell-500) 32%,var(--nw-ink-900)) 0%,color-mix(in oklab,var(--nw-swell-500) 12%,var(--nw-ink-900)) 45%,var(--nw-ink-900) 85%)}
+${N} .nw-sec--stripes{background:repeating-linear-gradient(135deg,color-mix(in oklab,var(--nw-chrome-50) 3%,transparent) 0 1px,transparent 1px 14px),var(--nw-surface-page)}
+${N} .nw-wrap{${WRAP}}
+${N} .nw-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}
+${N} .nw-stack{display:flex;flex-direction:column;gap:28px;min-width:0}
+${N} .nw-stack--lg{gap:40px}
+${N} .nw-stack--sm{gap:12px}
+${N} .nw-ruled{padding-top:24px;border-top:1px solid var(--nw-border-subtle)}
+${N} .nw-cols{display:grid;gap:clamp(40px,5vw,80px);align-items:start}
+${N} .nw-cols--center{align-items:center}
+${N} .nw-cols--end{align-items:end}
+@media (min-width:900px){
+${N} .nw-cols--7-5{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
+${N} .nw-cols--5-7{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
+${N} .nw-cols--4-8{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
+${N} .nw-cols--6-6{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
+${N} .nw-sticky{position:sticky;top:96px}
+}
+${N} .nw-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px);width:620px;height:620px;opacity:.6;background:radial-gradient(closest-side,color-mix(in oklab,var(--nw-flare-500) 36%,transparent),color-mix(in oklab,var(--nw-flare-500) 14%,transparent) 45%,transparent);animation:nw-drift 22s ease-in-out infinite}
+${N} .nw-orb--a{left:-8%;top:52%}
+${N} .nw-orb--b{left:58%;top:-20%;background:radial-gradient(closest-side,color-mix(in oklab,var(--nw-halo-500) 30%,transparent),transparent)}
+${N} .nw-orb--c{left:66%;top:36%;background:radial-gradient(closest-side,color-mix(in oklab,var(--nw-swell-500) 30%,transparent),transparent)}
+${N} .nw-dotgrid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,color-mix(in oklab,var(--nw-chrome-50) 14%,transparent) 1px,transparent 1.3px);background-size:22px 22px;-webkit-mask-image:radial-gradient(60% 60% at 50% 50%,black 30%,transparent 100%);mask-image:radial-gradient(60% 60% at 50% 50%,black 30%,transparent 100%)}
+${N} .nw-glowline{display:block;height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--nw-flare-400) 70%,transparent),transparent);box-shadow:0 0 18px color-mix(in oklab,var(--nw-flare-500) 60%,transparent)}
+`
+
+/* THE HEAD, BUTTONS, BADGES, CARDS, PHOTOS: the shared parts. */
+const PARTS = `
+${N} .nw-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(40px,5vw,64px)}
+${N} .nw-head-copy{display:flex;flex-direction:column;gap:22px;max-width:760px}
+${N} .nw-head .nw-display{font-size:clamp(40px,5vw,76px)}
+${N} .nw-head--md{margin-bottom:0}
+${N} .nw-head--md .nw-display{font-size:clamp(40px,4.4vw,64px)}
+${N} .nw-head-proof,${N} .nw-head-aside{display:inline-flex;align-items:center;gap:12px;${MONO};color:var(--nw-text-secondary)}
+${N} .nw-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
+${N} .nw-actions--center{justify-content:center}
+${N} .nw-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 26px;border-radius:var(--nw-radius-pill);font-family:var(--nw-font-mono);font-weight:var(--nw-fw-bold);font-size:12px;letter-spacing:var(--nw-ls-button);text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;border:1px solid transparent;transition:background var(--nw-dur-fast),border-color var(--nw-dur-fast),color var(--nw-dur-fast),transform var(--nw-dur-fast) var(--nw-ease-out)}
+${N} .nw-btn--lg{height:56px;padding:0 30px;font-size:12.5px}
+${N} .nw-btn--sm{height:38px;padding:0 18px;font-size:10.5px}
+${N} .nw-btn--full{width:100%}
+${N} .nw-btn--accent{background:linear-gradient(115deg,color-mix(in oklab,var(--color-primary) 86%,var(--nw-chrome-50)) 0%,var(--color-primary) 55%,color-mix(in oklab,var(--color-primary) 80%,var(--nw-halo-500)) 100%);color:var(--color-text-on-primary);box-shadow:var(--nw-shadow-glow)}
+${N} .nw-btn--accent:hover{background:var(--color-primary-hover);color:var(--color-text-on-primary);transform:translateY(-1px)}
+${N} .nw-btn--secondary{background:color-mix(in oklab,var(--nw-ink-950) 40%,transparent);color:var(--nw-text-primary);border-color:var(--nw-border-default)}
+${N} .nw-btn--secondary:hover{border-color:var(--color-primary);color:var(--nw-text-primary)}
+${N} .nw-btn--ghost{height:auto;padding:4px 0;border-radius:0;color:var(--nw-text-primary);border:0;border-bottom:1px solid var(--nw-border-strong)}
+${N} .nw-btn--ghost:hover{color:var(--nwa-text);border-color:var(--color-primary)}
+${N} .nw-btn:focus-visible,${N} .nw-card:focus-visible,${N} .nw-round:focus-visible{outline:2px solid var(--nw-focus-ring);outline-offset:3px}
+${N} .nw-round{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:var(--nw-radius-pill);border:1px solid var(--nw-border-default);color:var(--nw-text-primary);transition:border-color var(--nw-dur-fast),background var(--nw-dur-fast)}
+${N} .nw-round:hover{border-color:var(--color-primary);background:var(--nw-accent-tint)}
+${N} .nw-round--sm{width:32px;height:32px}
+${N} .nw-badge{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:5px 12px;border-radius:var(--nw-radius-pill);${MONO};font-size:10px;color:var(--nwa-text);background:var(--nw-accent-tint);border:1px solid color-mix(in oklab,var(--color-primary) 35%,transparent)}
+${N} .nw-badge i{width:5px;height:5px;border-radius:var(--nw-radius-pill);background:var(--color-primary)}
+${N} .nw-badge--plain{color:var(--nw-text-secondary);background:color-mix(in oklab,var(--nw-chrome-50) 4%,transparent);border-color:var(--nw-border-default)}
+${N} .nw-tile{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--nw-radius-md);color:var(--nwa-text);background:color-mix(in oklab,var(--nw-chrome-50) 5%,transparent);border:1px solid var(--nw-border-default);box-shadow:0 8px 24px -12px color-mix(in oklab,var(--nw-flare-500) 60%,transparent);font-style:normal}
+${N} .nw-stars{display:inline-flex;gap:2px;color:var(--nwa-text)}
+${N} .nw-faces{display:inline-flex}
+${N} .nw-faces i{width:24px;height:24px;border-radius:var(--nw-radius-pill);background:${FACE};box-shadow:0 0 0 2px var(--nw-ink-900)}
+${N} .nw-faces i+i{margin-left:-7px}
+${N} .nw-card{${CARD};position:relative;display:flex;flex-direction:column;color:inherit;text-decoration:none}
+${N} a.nw-card{transition:border-color var(--nw-dur-base),transform var(--nw-dur-base) var(--nw-ease-out)}
+${N} a.nw-card:hover{border-color:color-mix(in oklab,var(--color-primary) 55%,transparent);transform:translateY(-3px)}
+${N} .nw-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
+${N} .nw-empty{${CARD};box-shadow:none;border-style:dashed;padding:28px;text-align:center;font-size:14px;color:var(--nw-text-muted);grid-column:1/-1}
+${N} .nw-photo{position:relative;overflow:hidden;margin:0;border-radius:var(--nw-radius-xl);border:1px solid var(--nw-border-subtle);background:var(--nw-spread-tr),var(--nw-ink-800);display:grid;place-items:center}
+${N} .nw-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
+${N} .nw-photo figcaption{position:relative;display:flex;align-items:center;gap:10px;${MONO};color:var(--nw-text-muted);padding:0 20px;text-align:center}
+${N}[data-image="mono"] .nw-photo>img{filter:grayscale(1) contrast(1.05)}
+${N} .nw-photo--tall{aspect-ratio:4/5}
+${N} .nw-photo--hero{aspect-ratio:4/5;box-shadow:0 0 0 1px color-mix(in oklab,var(--nw-flare-400) 35%,transparent),0 60px 120px -50px color-mix(in oklab,var(--nw-flare-500) 60%,transparent),var(--nw-depth-lg)}
+${N} .nw-photo--feature{aspect-ratio:4/5;box-shadow:0 50px 100px -50px color-mix(in oklab,var(--nw-flare-500) 55%,transparent)}
+${N} .nw-photo--feature::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,color-mix(in oklab,var(--nw-ink-950) 85%,transparent))}
+${N} .nw-photo--person{aspect-ratio:3/4}
+${N} .nw-photo--map{aspect-ratio:4/3;background:var(--nw-spread-tl),var(--nw-spread-br),var(--nw-ink-800)}
+${N} .nw-photo--tile{min-height:220px}
+${N} .nw-chip{position:absolute;top:18px;left:18px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--nw-radius-pill);${MONO};font-size:10px;color:var(--nw-chrome-50);background:color-mix(in oklab,var(--nw-ink-950) 55%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
+${N} .nw-pulse{display:inline-block;width:6px;height:6px;border-radius:var(--nw-radius-pill);background:var(--color-primary);animation:nw-pulse 2.2s ease-out infinite}
+${N} .nw-date{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1}
+${N} .nw-date small{${MONO};font-size:9px;color:var(--nw-text-muted)}
+${N} .nw-date b{font-family:var(--nw-font-display);font-stretch:var(--nw-stretch-display);font-weight:var(--nw-fw-display);font-size:24px;margin-top:4px;color:var(--nw-text-primary)}
+${N} .nw-pills{display:flex;flex-wrap:wrap;gap:8px}
+${N} .nw-pills span{padding:6px 12px;border-radius:var(--nw-radius-pill);border:1px solid var(--nw-border-default);font-size:13px;color:var(--nw-text-secondary)}
+${N} .nw-facts{display:flex;flex-direction:column;gap:14px}
+${N} .nw-facts span{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--nw-text-secondary)}
+${N} .nw-facts svg{color:var(--nwa-text);flex:none}
+`
+
+/* HERO: the split hero with the "doors open" photo, the next three on a glass card, the faces line and the neighbourhood strip. */
+const HERO = `
+${N} .nw-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;background:var(--nw-ink-950);color:var(--nw-text-primary)}
+${N} .nw-hero-sky{position:absolute;inset:0;z-index:0;background:var(--nw-glow-sunset),linear-gradient(to bottom left,color-mix(in oklab,var(--nw-halo-500) 22%,var(--nw-ink-900)) 0%,color-mix(in oklab,var(--nw-halo-500) 8%,var(--nw-ink-900)) 30%,transparent 62%);opacity:.9}
+${N} .nw-hero-sky::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 30% 60%,color-mix(in oklab,var(--nw-ink-950) 70%,transparent),transparent 80%)}
+${N} .nw-hero-in{position:relative;z-index:2;width:100%;box-sizing:border-box;max-width:var(--nw-frame);margin:0 auto;padding:clamp(56px,7vw,96px) var(--nw-gutter) 72px;display:grid;gap:56px clamp(32px,5vw,88px);align-items:center}
+@media (min-width:900px){${N} .nw-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
+${N} .nw-hero-copy{display:flex;flex-direction:column;gap:26px;align-items:flex-start}
+${N} .nw-hero-copy .nw-display{font-size:clamp(44px,5vw,76px);text-wrap:pretty}
+${N} .nw-hero-copy .nw-display em{display:block}
+${N} .nw-hero-lead{margin:0;font-size:18px;line-height:1.55;color:var(--nw-chrome-200);max-width:46ch;text-wrap:pretty}
+${N} .nw-proof{display:flex;align-items:center;gap:14px;padding-top:22px;border-top:1px solid var(--nw-border-subtle);align-self:stretch;font-size:14px;color:var(--nw-chrome-200)}
+${N} .nw-proof .nw-faces i{width:28px;height:28px;box-shadow:0 0 0 2px var(--nw-ink-950)}
+${N} .nw-proof .nw-faces i+i{margin-left:-9px}
+${N} .nw-proof em{font-family:var(--nw-font-accent);font-size:16px;color:var(--nwa-text)}
+${N} .nw-hero-art{position:relative;padding-bottom:72px}
+${N} .nw-hero-card{position:absolute;left:-28px;right:28px;bottom:0;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:var(--nw-radius-lg);background:color-mix(in oklab,var(--nw-ink-900) 78%,transparent);border:1px solid var(--nw-border-default);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--nw-depth-lg),inset 0 1px 0 color-mix(in oklab,var(--nw-chrome-50) 10%,transparent)}
+${N} .nw-hero-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 12px;border-radius:var(--nw-radius-md);color:inherit;text-decoration:none}
+${N} .nw-hero-row.is-first{background:var(--nw-accent-tint)}
+${N} .nw-hero-row.is-first .nw-date small{color:var(--nwa-text)}
+${N} .nw-hero-row-text{min-width:0;display:flex;flex-direction:column;gap:2px}
+${N} .nw-hero-row-text b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+${N} .nw-hero-row-text small{font-size:12px;color:var(--nw-text-muted)}
+${N} .nw-hero-row em{font-style:normal;${MONO};font-size:9.5px;color:var(--nw-chrome-200);white-space:nowrap}
+@media (max-width:899px){${N} .nw-hero-card{left:12px;right:12px}}
+${N} .nw-ticker{position:relative;z-index:2;border-top:1px solid var(--nw-border-subtle);overflow:hidden;padding:18px 0}
+${N} .nw-ticker-track{display:flex;width:max-content;animation:nw-marquee 40s linear infinite}
+${N} .nw-ticker-track span{display:flex;align-items:center;gap:40px;padding-right:40px;${MONO};color:var(--nw-chrome-200)}
+${N} .nw-ticker-track span::after{content:"";width:5px;height:5px;border-radius:var(--nw-radius-pill);background:var(--color-primary);opacity:.8}
+`
+
+/* THE NUMBERS BAND, THE STORY, THE GROUPS, THE CALENDAR, THE FIRST VISIT. */
+const HOME = `
+${N} .nw-stats{position:relative;overflow:clip;background:var(--nw-spread-top),var(--nw-ink-900)}
+${N} .nw-stats-in{max-width:var(--nw-frame);margin:0 auto;padding:56px var(--nw-gutter);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:28px 0}
+${N} .nw-stat{display:flex;flex-direction:column;gap:10px;padding:0 28px}
+${N} .nw-stat:first-child{padding-left:0}
+${N} .nw-stat+.nw-stat{border-left:1px solid var(--nw-border-subtle)}
+${N} .nw-stat-icon{display:flex;color:var(--nwa-text)}
+${N} .nw-stat-value{font-size:clamp(36px,3.4vw,52px);line-height:1}
+${N} .nw-stat-word{font-size:clamp(24px,2vw,30px);line-height:1.05}
+${N} .nw-stat b{font-size:16px;font-weight:var(--nw-fw-bold)}
+${N} .nw-stat small{font-size:13px;color:var(--nw-text-muted)}
+@media (max-width:640px){${N} .nw-stat{padding:0 16px}${N} .nw-stat:nth-child(odd){padding-left:0;border-left:0}}
+${N} #story .nw-display--xl{font-size:clamp(48px,6vw,92px)}
+${N} .nw-numbered{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
+${N} .nw-numbered li{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:26px 0;border-top:1px solid var(--nw-border-subtle)}
+${N} .nw-numbered p{margin:0;font-size:19px;line-height:1.55;color:var(--nw-text-secondary);max-width:560px;text-wrap:pretty}
+${N} .nw-outline{font-size:40px;line-height:1;color:transparent;-webkit-text-stroke:1px var(--nwa-text)}
+${N} .nw-quote{margin:0;padding:22px 24px;border-left:2px solid var(--color-primary);font-family:var(--nw-font-display);font-size:clamp(20px,1.7vw,24px);line-height:1.25}
+${N} .nw-quote em{font-family:var(--nw-font-accent);font-style:italic}
+${N} .nw-quote span{display:block;margin-top:14px;${MONO};color:var(--nw-text-muted)}
+${N} .nw-feature{position:absolute;left:20px;right:20px;bottom:20px;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
+${N} .nw-feature small{display:block;${MONO};color:var(--nwa-text);margin-bottom:8px}
+${N} .nw-feature b{display:block;font-size:24px;color:var(--nw-chrome-50)}
+${N} .nw-rule-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--nw-border-default)}
+${N} .nw-rule-list>li{border-bottom:1px solid var(--nw-border-subtle)}
+${N} .nw-group{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:24px;align-items:start;padding:28px 0}
+${N} .nw-group-when{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
+${N} .nw-group-when small{${MONO};color:var(--nwa-text)}
+${N} .nw-group-when b{font-size:26px}
+${N} .nw-group-what{display:flex;flex-direction:column;gap:10px;min-width:0}
+${N} .nw-group-what h3{font-size:clamp(24px,2.2vw,32px)}
+${N} .nw-group-what p{margin:0;font-size:15px;color:var(--nw-text-secondary);max-width:52ch;text-wrap:pretty}
+${N} .nw-group-people{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--nw-text-muted)}
+@media (max-width:640px){${N} .nw-group{grid-template-columns:minmax(0,1fr) auto;gap:14px}${N} .nw-group-when{grid-column:1/-1;flex-direction:row;align-items:baseline;gap:12px}}
+${N} .nw-week{display:flex;gap:6px;margin-bottom:36px}
+${N} .nw-week>span{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0;border-top:1px solid var(--nw-border-subtle)}
+${N} .nw-week>span.is-on{border-top-color:var(--color-primary)}
+${N} .nw-week small{${MONO};font-size:9.5px;color:var(--nw-text-muted)}
+${N} .nw-week .is-on small{color:var(--nw-text-primary)}
+${N} .nw-week>span>span{display:flex;gap:3px;min-height:5px}
+${N} .nw-week i{width:5px;height:5px;border-radius:var(--nw-radius-pill);background:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}
+${N} .nw-dates{margin:0;padding:0;list-style:none;border-top:1px solid var(--nw-border-default)}
+${N} .nw-date-row{display:grid;grid-template-columns:150px minmax(0,1fr) 200px auto;gap:28px;align-items:center;padding:26px 0;border-bottom:1px solid var(--nw-border-subtle)}
+${N} .nw-date-row.is-first{padding-left:16px;border-radius:var(--nw-radius-md);background:linear-gradient(90deg,color-mix(in oklab,var(--color-primary) 12%,transparent),transparent 60%)}
+${N} .nw-date-big{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
+${N} .nw-date-big b{font-size:clamp(40px,4vw,56px);line-height:1}
+${N} .nw-date-big small{${MONO};color:var(--nw-text-muted)}
+${N} .nw-date-row.is-first .nw-date-big small{color:var(--nwa-text)}
+${N} .nw-date-what{display:flex;flex-direction:column;gap:6px;min-width:0}
+${N} .nw-date-title{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
+${N} .nw-date-title h3{font-size:clamp(22px,2vw,28px)}
+${N} .nw-date-what p{margin:0;font-size:15px;color:var(--nw-text-secondary);text-wrap:pretty}
+${N} .nw-date-when{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--nw-text-secondary)}
+${N} .nw-date-when b{font-weight:var(--nw-fw-bold);color:var(--nw-text-primary)}
+${N} .nw-date-when small{${MONO};font-size:9.5px;color:var(--nwa-text)}
+@media (max-width:900px){${N} .nw-date-row{grid-template-columns:84px minmax(0,1fr);gap:8px 16px}${N} .nw-date-big b{font-size:30px}${N} .nw-date-when,${N} .nw-date-row>.nw-btn{grid-column:2}${N} .nw-date-row>.nw-btn{justify-self:start}}
+${N} .nw-stepper{position:relative;isolation:isolate;margin:0;padding:0;list-style:none}
+${N} .nw-stepper::before{content:"";position:absolute;left:27px;top:24px;bottom:24px;width:1px;background:linear-gradient(var(--color-primary),var(--nw-border-subtle));z-index:0}
+${N} .nw-stepper li{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:18px 0;align-items:start}
+${N} .nw-stepper li>span:last-child{padding-top:6px;display:flex;flex-direction:column;gap:8px}
+${N} .nw-stepper small{${MONO};color:var(--nwa-text)}
+${N} .nw-stepper li>span:last-child>span{font-size:18px;line-height:1.45}
+${N} .nw-step-dot{position:relative;z-index:1;flex:none;width:56px;height:56px;border-radius:var(--nw-radius-pill);display:grid;place-items:center;font-size:18px;background:var(--nw-ink-900);color:var(--nw-chrome-50);border:1px solid var(--nw-border-default);box-shadow:0 0 0 6px var(--nw-ink-900)}
+${N} .is-first>.nw-step-dot,${N} .is-first .nw-step-dot{background:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary);box-shadow:var(--nw-shadow-glow)}
+`
+
+/* THE REGULARS, THE HOSTS, THE WAYS IN, THE PLANS, THE OPEN SPOTS, THE GALLERY, THE POSTS. */
+const MORE = `
+${N} .nw-reviews{display:grid;gap:16px;align-items:start;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
+${N} .nw-review{${CARD};margin:0;padding:28px;display:flex;flex-direction:column;gap:22px}
+${N} .nw-review:nth-child(2){margin-top:40px}
+${N} .nw-review.is-first{padding:36px;border-color:color-mix(in oklab,var(--color-primary) 35%,transparent);background:linear-gradient(to bottom left,color-mix(in oklab,var(--color-primary) 22%,transparent),transparent 70%),var(--nw-sheen),var(--nw-ink-850)}
+${N} .nw-review blockquote{margin:0;flex:1;font-size:18px;line-height:1.5;color:var(--nw-text-primary);text-wrap:pretty}
+${N} .nw-review blockquote.nw-display{font-size:26px;line-height:1.2}
+${N} .nw-review figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--nw-border-subtle)}
+${N} .nw-review figcaption small{${MONO};font-size:10px;color:var(--nw-text-muted)}
+@media (max-width:899px){${N} .nw-review:nth-child(2){margin-top:0}}
+${N} .nw-team{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}
+${N} .nw-person{margin:0;display:flex;flex-direction:column;gap:12px}
+${N} .nw-person:nth-child(even){margin-top:36px}
+${N} .nw-person figcaption b{display:block;font-size:16px}
+${N} .nw-person figcaption small{${MONO};font-size:9.5px;color:var(--nwa-text)}
+${N} .nw-offer{padding:24px;gap:10px;background:linear-gradient(180deg,color-mix(in oklab,var(--color-primary) 16%,var(--nw-ink-850)),var(--nw-ink-850) 60%)}
+${N} .nw-offer .nw-tile{margin-bottom:12px}
+${N} .nw-offer-top{display:flex;justify-content:space-between;${MONO};font-size:10.5px;color:var(--nw-text-muted)}
+${N} .nw-offer-top small:last-child{color:var(--nwa-text)}
+${N} .nw-offer h3{font-size:22px;text-transform:uppercase;font-weight:var(--nw-fw-heavy)}
+${N} .nw-offer p{margin:0;font-size:14px;color:var(--nw-text-secondary)}
+${N} .nw-offer-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:16px;border-top:1px solid var(--nw-border-subtle)}
+${N} .nw-offer-foot b{${MONO};font-size:11.5px;color:var(--nw-text-primary)}
+${N} .nw-plans{display:grid;gap:0;align-items:stretch;padding-top:8px;border-top:1px solid var(--nw-border-default);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
+${N} .nw-plan{padding:28px;gap:14px}
+${N} .nw-plan h3{font-size:26px}
+${N} .nw-plan p{margin:0;font-size:15px;color:var(--nw-text-secondary);flex:1}
+${N} .nw-plan-price{font-size:30px}
+${N} .nw-plan.is-featured{border-color:color-mix(in oklab,var(--color-primary) 45%,transparent);background:linear-gradient(to bottom left,color-mix(in oklab,var(--color-primary) 30%,transparent),transparent 70%),var(--nw-ink-850);box-shadow:0 40px 80px -40px color-mix(in oklab,var(--color-primary) 55%,transparent)}
+${N} .nw-plan .nw-badge{align-self:stretch}
+${N} .nw-slots{padding:8px;gap:4px}
+${N} .nw-slot{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 16px;border-radius:var(--nw-radius-md);border:1px solid transparent;color:inherit;text-decoration:none}
+${N} .nw-slot.is-first{background:var(--nw-accent-tint);border-color:color-mix(in oklab,var(--color-primary) 40%,transparent)}
+${N} .nw-slot.is-first .nw-date small{color:var(--nwa-text)}
+${N} .nw-slot .nw-date b{font-size:26px}
+${N} .nw-slot-text{min-width:0;display:flex;flex-direction:column;gap:2px}
+${N} .nw-slot-text b{font-size:16px}
+${N} .nw-slot-text small{font-size:13px;color:var(--nw-text-muted)}
+${N} .nw-slot .nw-badge{align-self:center}
+${N} .nw-gallery{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));grid-auto-rows:220px}
+${N} .nw-gallery .is-first{grid-column:span 2;grid-row:span 2}
+@media (max-width:640px){${N} .nw-gallery .is-first{grid-column:auto;grid-row:auto}}
+${N} .nw-posts{display:grid;gap:0;border-top:1px solid var(--nw-border-default);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
+${N} .nw-post{display:flex;flex-direction:column;gap:12px;padding:24px 24px 24px 0;border-bottom:1px solid var(--nw-border-subtle);color:inherit;text-decoration:none}
+${N} .nw-post small{${MONO};color:var(--nwa-text)}
+${N} .nw-post h3{margin:0;font-family:var(--nw-font-display);font-weight:var(--nw-fw-display);font-size:19px;line-height:1.25;text-wrap:balance}
+${N} .nw-post span{margin-top:auto;font-size:13px;color:var(--nw-text-muted)}
+${N} a.nw-post:hover h3{color:var(--nwa-text)}
+`
+
+/* HOW IT WORKS, WHERE, THE FORMS, THE QUESTIONS, THE TOOLS, THE CLOSER. */
+const REST = `
+${N} .nw-track{position:relative;height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--nw-flare-400) 70%,transparent),transparent);box-shadow:0 0 18px color-mix(in oklab,var(--nw-flare-500) 50%,transparent)}
+${N} .nw-track i{position:absolute;top:-1px;left:0;width:120px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--nw-chrome-50),transparent);animation:nw-travel 6s ease-in-out infinite}
+${N} .nw-process{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
+${N} .nw-process li{position:relative;display:flex;flex-direction:column;gap:16px;padding:40px 28px 0 0}
+${N} .nw-process-dot{position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:var(--nw-radius-pill);background:var(--nw-chrome-200)}
+${N} .nw-process .is-first .nw-process-dot{background:var(--color-primary)}
+${N} .nw-process-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
+${N} .nw-process h3{font-size:22px}
+${N} .nw-process p{margin:0;font-size:15px;color:var(--nw-text-secondary);max-width:260px}
+${N} .nw-hours{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 24px;font-size:15px}
+${N} .nw-hours div{display:contents}
+${N} .nw-hours dt{color:var(--nw-text-muted)}
+${N} .nw-hours dd{margin:0;font-weight:var(--nw-fw-bold)}
+${N} .nw-mapgrid{position:absolute;inset:0;background-image:linear-gradient(var(--nw-border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--nw-border-subtle) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(60% 60% at 50% 50%,black 40%,transparent 100%);mask-image:radial-gradient(60% 60% at 50% 50%,black 40%,transparent 100%)}
+${N} .nw-pin{position:absolute;left:62%;top:34%;width:12px;height:12px;margin:-6px 0 0 -6px}
+${N} .nw-form-card{padding:32px}
+${N} .nw-form{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
+${N} .nw-field{display:flex;flex-direction:column;gap:10px;min-width:0}
+${N} .nw-field>span{${MONO};font-size:10.5px;color:var(--nw-text-secondary)}
+${N} .nw-field--wide{grid-column:1/-1}
+${N} .nw-input{width:100%;min-height:48px;padding:12px 16px;border-radius:var(--nw-radius-md);border:1px solid var(--nw-border-default);background:color-mix(in oklab,var(--nw-ink-950) 70%,transparent);color:var(--nw-text-primary);font:400 15px var(--nw-font-body)}
+${N} .nw-input:focus{outline:2px solid var(--nw-focus-ring);outline-offset:1px;border-color:transparent}
+${N} .nw-input::placeholder{color:var(--nw-text-muted)}
+${N} .nw-textarea{min-height:110px;resize:vertical}
+${N} .nw-input--pill{border-radius:var(--nw-radius-pill);padding:0 18px;flex:1}
+${N} .nw-check{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--nw-text-secondary)}
+${N} .nw-check input{accent-color:var(--color-primary);width:16px;height:16px}
+${N} .nw-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
+${N} .nw-form-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
+${N} .nw-form-note{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--nw-text-muted)}
+${N} .nw-form-done{margin:0;font-family:var(--nw-font-display);font-size:24px;line-height:1.2}
+${N} .nw-form-error{margin:0;font-size:14px;color:var(--nw-danger-500)}
+${N} .nw-letter-form{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:460px}
+${N} #letter .nw-display--md{font-size:clamp(36px,4.4vw,64px)}
+${N} .nw-faq{display:flex;flex-direction:column;gap:10px}
+${N} .nw-faq-item{${CARD};padding:0}
+${N} .nw-faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px;cursor:pointer;font-family:var(--nw-font-display);font-weight:var(--nw-fw-heavy);font-size:16px;text-transform:uppercase;letter-spacing:.01em}
+${N} .nw-faq-item summary::-webkit-details-marker{display:none}
+${N} .nw-faq-item summary i{position:relative;flex:none;width:28px;height:28px;border-radius:var(--nw-radius-pill);border:1px solid var(--nw-border-default)}
+${N} .nw-faq-item summary i::before,${N} .nw-faq-item summary i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;margin:-.75px 0 0 -5px;background:currentColor}
+${N} .nw-faq-item summary i::after{transform:rotate(90deg);transition:transform var(--nw-dur-fast)}
+${N} .nw-faq-item[open] summary i{background:var(--nw-flare-500);border-color:var(--nw-flare-500);color:var(--nw-text-on-accent)}
+${N} .nw-faq-item[open] summary i::after{transform:rotate(0)}
+${N} .nw-faq-item p{margin:0;padding:0 24px 24px;font-size:15px;line-height:1.6;color:var(--nw-text-secondary);max-width:62ch}
+${N} .nw-tool{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px 0}
+${N} .nw-tool b{display:block;font-size:18px}
+${N} .nw-tool span>small{display:block;margin-top:4px;font-size:14px;color:var(--nw-text-secondary)}
+${N} .nw-closer{position:relative;isolation:isolate;overflow:hidden;color:var(--nw-text-primary);background:repeating-linear-gradient(135deg,color-mix(in oklab,var(--nw-chrome-50) 3%,transparent) 0 1px,transparent 1px 14px),var(--nw-spread-bottom),var(--nw-spread-bl),var(--nw-ink-950)}
+${N} .nw-closer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--nw-flare-400) 70%,transparent),transparent);z-index:2}
+${N} .nw-closer .nw-center{gap:40px}
+${N} .nw-closer h2{font-size:clamp(56px,8vw,120px)}
+${N} .nw-closer-aside{font-size:clamp(18px,1.6vw,24px);color:var(--nw-chrome-200)}
+${N} .nw-closer-aside em{font-size:1em}
+@keyframes nw-shimmer{to{background-position:200% 0}}
+@keyframes nw-marquee{to{transform:translateX(-50%)}}
+@keyframes nw-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(4%,-6%)}}
+@keyframes nw-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab,var(--color-primary) 60%,transparent)}100%{box-shadow:0 0 0 10px transparent}}
+@keyframes nw-travel{0%{left:0}50%{left:calc(100% - 120px)}100%{left:0}}
+${N}[data-motion="off"] .nw-orb,${N}[data-motion="off"] .nw-ticker-track,${N}[data-motion="off"] .nw-track i,${N}[data-motion="off"] .nw-lit em,${N}[data-motion="off"] .nw-pulse{animation:none}
+@media (prefers-reduced-motion:reduce){${N} .nw-orb,${N} .nw-ticker-track,${N} .nw-track i,${N} .nw-lit em,${N} .nw-pulse{animation:none}}
+`
+
+export const NEW_WORLD_SECTIONS_CSS = `${ACCENT}${TYPE}${SECTION}${PARTS}${HERO}${HOME}${MORE}${REST}`
diff --git a/docs/ledger/rows/LIVE-2055.json b/docs/ledger/rows/LIVE-2055.json
index 997a4d5beb..314e9959f7 100644
--- a/docs/ledger/rows/LIVE-2055.json
+++ b/docs/ledger/rows/LIVE-2055.json
@@ -1,18 +1,19 @@
 {
- "id": "LIVE-2055",
- "title": "New World chrome, skin and blocks: header, footer, hero variants, Groups, Your first visit, Tools, Events and the function blocks",
- "lane": "live",
- "priority": "P1",
- "size": "L",
- "status": "open",
- "source": {
-  "file": "docs/design-systems/new-world/rules.json",
-  "ref": "Daniel 2026-11-03: New World is the new mega template, default theme for every new Space"
- },
- "detail": "Its own components (components/sites/new-world-*, components/page-editor/blocks/new-world.tsx), not the Services ones. Empty states on every list block; no literal colours. Coordinate with the builder audit thread (#4510, 'Apply the new builder to every theme'), which covers the role blocks.",
- "verify": {
-  "kind": "cmd",
-  "cmd": "node -e \"process.exit(require('fs').existsSync('components/page-editor/blocks/new-world.tsx')?0:1)\""
- },
- "wave": "W7"
+  "id": "LIVE-2055",
+  "title": "New World chrome, skin and blocks: header, footer, hero variants, Groups, Your first visit, Tools, Events and the function blocks",
+  "lane": "live",
+  "priority": "P1",
+  "size": "L",
+  "status": "done",
+  "source": {
+    "file": "docs/design-systems/new-world/rules.json",
+    "ref": "Daniel 2026-11-03: New World is the new mega template, default theme for every new Space"
+  },
+  "detail": "Its own components (components/sites/new-world-*, components/page-editor/blocks/new-world.tsx), not the Services ones. Empty states on every list block; no literal colours. Coordinate with the builder audit thread (#4510, 'Apply the new builder to every theme'), which covers the role blocks.\n\nNew World has its own 20 section blocks (components/page-editor/blocks/new-world.tsx) and section sheet (components/sites/new-world-sections-css.ts), drawn from the handoff's site kit: hero, numbers, story, groups, live calendar, first visit, live reviews, team, ways in, plans, live openings, gallery, notes, how it works, where, ask, newsletter, live questions, tools and closer. Every kit Home now composes them; the other kit pages move in LIVE-2056.",
+  "verify": {
+    "kind": "cmd",
+    "cmd": "node -e \"process.exit(require('fs').existsSync('components/page-editor/blocks/new-world.tsx')?0:1)\""
+  },
+  "closed": "2026-11-04",
+  "wave": "W7"
 }
diff --git a/lib/page-editor/config.tsx b/lib/page-editor/config.tsx
index ea8c428d72..1002c3020a 100644
--- a/lib/page-editor/config.tsx
+++ b/lib/page-editor/config.tsx
@@ -41,6 +41,7 @@ import { midnightPracticeComponents, MIDNIGHT_PRACTICE_CATEGORY_COMPONENTS } fro
 import { designerComponents, DESIGNER_CATEGORY_COMPONENTS } from '@/components/page-editor/blocks/designer'
 import { freeHumanBlocks } from '@/components/page-editor/blocks/free-human'
 import { servicesBlocks } from '@/components/page-editor/blocks/services'
+import { newWorldBlocks } from '@/components/page-editor/blocks/new-world'
 import { freeHumanCalendarBlocks } from '@/components/page-editor/blocks/free-human-calendar'
 import { freeHumanWheelBlocks } from '@/components/page-editor/blocks/free-human-wheel'
 import { rolesComponents, ROLE_CATEGORY_COMPONENTS } from '@/components/page-editor/blocks/roles'
@@ -99,6 +100,7 @@ export const config: Config = {
     ...designerComponents,
     ...freeHumanBlocks,
     ...servicesBlocks,
+    ...newWorldBlocks,
     ...freeHumanCalendarBlocks,
     ...freeHumanWheelBlocks,
     ...rolesComponents,
@@ -237,6 +239,11 @@ export const config: Config = {
       title: 'Services sections',
       components: Object.keys(servicesBlocks),
     },
+    // The New World theme's own section family (the New World design system, LIVE-2055): website pages only.
+    newWorld: {
+      title: 'New World sections',
+      components: Object.keys(newWorldBlocks),
+    },
     // The role blocks (docs/THEME-COHESION.md, ADR-1923): Hero, Steps, Offerings, Gatherings, Membership, Proof, FAQ and CTA,
     // three layouts each, built on the core token contract so they wear every theme. Website pages only; opt-in.
     roles: {
diff --git a/lib/page-editor/palette-scope.ts b/lib/page-editor/palette-scope.ts
index 276917504f..ac313c32b3 100644
--- a/lib/page-editor/palette-scope.ts
+++ b/lib/page-editor/palette-scope.ts
@@ -45,7 +45,7 @@ export type EditorSurface = 'marketing' | 'space' | 'website'
  *  The generic kit (blocks, layout, content, sections, productStory, media, dynamic) renders from
  *  its own props on every surface — verified block by block — so both surfaces keep all of it. */
 export const SURFACE_CATEGORIES: Record<EditorSurface, readonly string[]> = {
-  website: ['blocks', 'layout', 'content', 'sections', 'productStory', 'media', 'dynamic', 'profile', 'spaceContent', 'wildheart', 'network', 'networkKit', 'temple', 'templeKit', 'midnight', 'midnightPractice', 'designer', 'freeHuman', 'services', 'roles'],
+  website: ['blocks', 'layout', 'content', 'sections', 'productStory', 'media', 'dynamic', 'profile', 'spaceContent', 'wildheart', 'network', 'networkKit', 'temple', 'templeKit', 'midnight', 'midnightPractice', 'designer', 'freeHuman', 'services', 'newWorld', 'roles'],
   marketing: [
     'blocks',
     'layout',
@@ -101,6 +101,7 @@ const FAMILY_OWNER: Record<string, string> = {
   designer: 'Designer',
   freeHuman: 'FreeHuman',
   services: 'Services',
+  newWorld: 'NewWorld',
 }
 
 /** Every family category the palette scopes by theme. palette-scope.test.ts pins this against the config, so a new
diff --git a/lib/sites/editor/block-meta.ts b/lib/sites/editor/block-meta.ts
index 43cd2f1413..646ff162b6 100644
--- a/lib/sites/editor/block-meta.ts
+++ b/lib/sites/editor/block-meta.ts
@@ -26,12 +26,12 @@ interface EditorBlockMeta {
 const GROUP_OF_CATEGORY: Record<string, EditorBlockGroup> = {
   sections: 'Sections', blocks: 'Sections', productStory: 'Sections',
   content: 'Content', layout: 'Content', profile: 'Content', linkTree: 'Content',
-  dynamic: 'Live', spaceContent: 'Live', wildheart: 'Live', circles: 'Live', midnight: 'Sections', templeKit: 'Sections', designer: 'Sections', freeHuman: 'Sections', networkKit: 'Sections',
+  dynamic: 'Live', spaceContent: 'Live', wildheart: 'Live', circles: 'Live', midnight: 'Sections', templeKit: 'Sections', designer: 'Sections', freeHuman: 'Sections', networkKit: 'Sections', newWorld: 'Sections',
   media: 'Media',
 }
 
 /** Blocks whose rows come from the Space at render time (the design's `live: 1`). */
-const LIVE = /^(Live\w+|SpaceEvents|SpaceCommunity|SpaceTeam|SpaceStats|SpaceOfferings|SpaceReviews|SpaceFAQ|SpacePractices|SpaceBooking|CirclesGrid|CirclesFeatured|CirclesMap|Network(Hero|Events|Circles)|NetworkKit(Hero|Live|Journeys|Gatherings|Proof|FAQ|Featured|Calendar|Stats)|Midnight(Live|Journeys|Gatherings|Proof|FAQ)|Designer(FAQ)|FreeHuman(Workshops|Events|Calendar|YearWheel)|Wildheart(YearJourney|SkyMap|NowLine|MoonPath|Modules|FirstNight|MoonStrip))$/
+const LIVE = /^(Live\w+|SpaceEvents|SpaceCommunity|SpaceTeam|SpaceStats|SpaceOfferings|SpaceReviews|SpaceFAQ|SpacePractices|SpaceBooking|CirclesGrid|CirclesFeatured|CirclesMap|Network(Hero|Events|Circles)|NetworkKit(Hero|Live|Journeys|Gatherings|Proof|FAQ|Featured|Calendar|Stats)|Midnight(Live|Journeys|Gatherings|Proof|FAQ)|Designer(FAQ)|FreeHuman(Workshops|Events|Calendar|YearWheel)|Wildheart(YearJourney|SkyMap|NowLine|MoonPath|Modules|FirstNight|MoonStrip)|NewWorld(Calendar|Openings|Reviews|Faq))$/
 
 /** Type-name patterns → the design's icon for the same kind of block, first match wins. */
 const ICONS: [RegExp, FqIconName | FqEditorIconName][] = [
diff --git a/lib/sites/kits/new-world-variants.test.ts b/lib/sites/kits/new-world-variants.test.ts
index 718ee34538..8e757019fc 100644
--- a/lib/sites/kits/new-world-variants.test.ts
+++ b/lib/sites/kits/new-world-variants.test.ts
@@ -1,5 +1,7 @@
+import { existsSync } from 'node:fs'
 import { describe, expect, it } from 'vitest'
 import { servicesBlocks } from '@/components/page-editor/blocks/services'
+import { newWorldBlocks } from '@/components/page-editor/blocks/new-world'
 import { NEW_WORLD_ACCENTS } from '@/lib/theme/new-world'
 import { NEW_WORLD_KIT_INDEX } from './new-world-profile-index'
 import { NEW_WORLD_KIT_NICHES, newWorldKit } from './new-world-variants'
@@ -25,11 +27,12 @@ describe('New World starter kits', () => {
       for (const t of tools) expect(TOOLS, n).toContain(t)
     }
   })
-  it('uses only registered Services-family blocks and keeps every link inside the kit', () => {
+  it('uses only registered New World and Services-family blocks and keeps every link inside the kit', () => {
+    const known = [...Object.keys(newWorldBlocks), ...Object.keys(servicesBlocks)]
     for (const n of NEW_WORLD_KIT_NICHES) {
       const kit = newWorldKit(n)
       const slugs = new Set(kit.pages.map((p) => p.slug))
-      for (const p of kit.pages) for (const b of p.blocks) expect(Object.keys(servicesBlocks), `${n} ${b.type}`).toContain(b.type)
+      for (const p of kit.pages) for (const b of p.blocks) expect(known, `${n} ${b.type}`).toContain(b.type)
       for (const [, slug] of JSON.stringify(kit.pages).matchAll(/"~\/([a-z-]+)"/g)) expect(slugs.has(slug), `${n} links to ~/${slug}`).toBe(true)
     }
   })
@@ -37,7 +40,7 @@ describe('New World starter kits', () => {
     for (const n of NEW_WORLD_KIT_NICHES) {
       const kit = newWorldKit(n)
       expect(words(kit.pages), n).not.toMatch(/\$\s?\d|—/)
-      const reviews = kit.pages.flatMap((p) => p.blocks).filter((b) => b.type === 'ServicesReviews')
+      const reviews = kit.pages.flatMap((p) => p.blocks).filter((b) => /^(Services|NewWorld)Reviews$/.test(b.type))
       expect(reviews.length).toBeGreaterThan(0)
       for (const b of reviews) for (const r of b.props!.rows as { quote: string }[]) expect(r.quote).toMatch(/^Replace with a real quote/)
     }
@@ -46,6 +49,15 @@ describe('New World starter kits', () => {
     const text = JSON.stringify(newWorldKit('coaches').pages)
     for (const key of ['offer1Title', 'offer3Price', 'person1Name', 'event1Title']) expect(text).toContain(`{{${key}|`)
   })
+  it('draws Home with New World blocks in the design order and every photo it names exists', () => {
+    for (const n of NEW_WORLD_KIT_NICHES) {
+      const home = newWorldKit(n).pages[0]!
+      expect(home.blocks.every((b) => b.type.startsWith('NewWorld')), n).toBe(true)
+      expect(home.blocks[0]!.type).toBe('NewWorldHero')
+      expect(home.blocks.at(-1)!.type).toBe('NewWorldCloser')
+      for (const [, file] of JSON.stringify(home.blocks).matchAll(/"\/sites\/new-world\/photos\/([a-z-]+)\.webp"/g)) expect(existsSync(`public/sites/new-world/photos/${file}.webp`), file).toBe(true)
+    }
+  })
   it('starts a blue kit in Tide and leaves the accent unset when its preset has not shipped', () => {
     expect(newWorldKit('hosts').accent).toBe(NEW_WORLD_ACCENTS.tide.accent)
     expect(Object.keys(NEW_WORLD_ACCENTS)).toContain('tide')
diff --git a/lib/sites/kits/new-world-variants.ts b/lib/sites/kits/new-world-variants.ts
index d904efc606..55067bda78 100644
--- a/lib/sites/kits/new-world-variants.ts
+++ b/lib/sites/kits/new-world-variants.ts
@@ -1,19 +1,20 @@
 import type { MegaNicheId } from '@/lib/theme/mega-theme'
 import { NEW_WORLD_ACCENTS } from '@/lib/theme/new-world'
 import type { KitPage, SiteKit } from './types'
+import NEW_WORLD_PHOTOS from '@/lib/sites/new-world-photos.json'
 
 // New World's seven niche kits (design system "New World", revision 2, ui_kits/site/kits.js): one sample business per niche, written in
 // that niche's own language. Seven kits: the General template ("Your place") and the six niche doors. They moved here from the Services
 // folder (LIVE-2056) when Daniel ruled that New World is its own theme; Services rebuilds its own sixteen trade kits.
 //
-// INTERIM BLOCKS. Until New World's own blocks land (LIVE-2055) the pages are still built from the Services block family
-// (components/page-editor/blocks/services.tsx). The theme is hidden, so nothing renders them yet; LIVE-2055 swaps the block types.
+// BLOCKS. Home is drawn with New World's own blocks (components/page-editor/blocks/new-world.tsx, LIVE-2055). Services, About and
+// Book still compose the Services block family (components/page-editor/blocks/services.tsx) until LIVE-2056 re-cuts them.
 //
 // HOUSE VOICE (docs/marketing/voice-and-language-guide.md): the design's own words, except where they make a claim. Numbers that
 // were sample facts ("38 checked in last week", "7 in 10 come back") became plain statements; reviews are prompts to write a real
 // one, never a made-up quote with a made-up name; prices on the plans and the shop are left for the owner to set. The three offers,
 // the first three people and the first three events are `{{slot|sample words}}` tokens (lib/spaces/content-slots.ts), so a Space that
-// has filled in its own offers and people shows those instead. No photos: the design's picture names have no files in this repo.
+// has filled in its own offers and people shows those instead. Home wears the theme's own photos (lib/sites/new-world-photos.json).
 
 /** The Frequency tools a kit turns on (design record.js FUNCTIONS[].tool). Lane A reads them to build a Spotlight's doors. */
 type NewWorldTool = 'book' | 'sell' | 'belong' | 'publish' | 'gather' | 'learn'
@@ -211,38 +212,155 @@ const star = (c: { title: string; em: string }) => (c.em ? `${c.title} *${c.em}*
 const copy = (s: Spec, k: Section): SectionCopy => s.copy[k] ?? COPY[k]
 const head = (c: SectionCopy, eyebrow: string) => ({ eyebrow, title: star(c), lede: c.lede ?? '' })
 
-function pages(s: Spec): KitPage[] {
-  const offers = s.offers.map((o, i) => ({
-    name: slot(`offer${i + 1}Title`, o.name), meta: o.dur, body: slot(`offer${i + 1}Blurb`, o.meta), price: slot(`offer${i + 1}Price`, o.price), href: '~/booking',
-  }))
-  const hero: Block = {
-    type: 'ServicesHero',
-    props: {
-      look: 'split', eyebrow: s.hero.eyebrow, title: `${s.hero.title} *${s.hero.em}*`, lead: s.hero.body,
-      primaryLabel: s.cta, primaryHref: '~/booking', secondaryLabel: s.cta2, secondaryHref: '~/services', proof: '', image: '', alt: '',
-      panelTitle: 'Book online', panelNote: 'Pick a time', offers: offers.map((o) => ({ name: o.name, meta: o.meta, price: o.price, href: o.href })), areas: [],
+// ── Home, drawn with New World's own blocks (LIVE-2055) in the design's order: hero, numbers, story, groups, calendar, first visit,
+// the regulars' words, the hosts, ways in, plans, open spots, gallery, posts, how a first time goes, where, ask, letter, questions,
+// the tools and the closer. Photos are the theme's own set (lib/sites/new-world-photos.json, Daniel's uploads); the team keeps empty
+// frames because a starter must never put a stranger's face on someone's host. Section numbers count the numbered sections only.
+
+/** The theme's photo per kit for the hero, the story and the groups card, then the gallery's five. */
+const PHOTOS: Record<NewWorldKitNiche, readonly [string, string, string]> = {
+  general: ['circle-sunrise', 'fire-circle', 'garden-picnic'],
+  coaches: ['beach-move', 'hands-up', 'beach-joy'],
+  studios: ['backyard-class', 'beach-gong', 'circle-sunrise'],
+  hosts: ['garden-picnic', 'fire-circle', 'cafe-table'],
+  venues: ['hands-up', 'beach-dance', 'fire-crew'],
+  nonprofits: ['workshop-table', 'garden-picnic', 'hands-up'],
+  networks: ['cafe-table', 'circle-sunrise', 'beach-joy'],
+}
+const GALLERY = ['hands-up', 'beach-joy', 'garden-picnic', 'backyard-class', 'fire-circle', 'beach-dance', 'workshop-table', 'group-hug', 'beach-gong']
+const PHOTO_ALT: Record<string, string> = Object.fromEntries(Object.entries(NEW_WORLD_PHOTOS as Record<string, { alt: string }>).map(([k, v]) => [k, v.alt]))
+const pic = (name: string) => `/sites/new-world/photos/${name}.webp`
+const AREAS = ['Downtown', 'Northside', 'Riverside', 'Oak Park', 'Lakeview', 'Hillcrest', 'Westfield', 'Eastgate']
+const WEEKDAYS = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+/** "Tuesdays · 7pm" → Tue; "First Sunday · 4pm" → Sun; "Tue & Thu · 6:30am" → Tue. */
+const weekday = (when: string) => WEEKDAYS.find((d) => when.toLowerCase().includes(d.toLowerCase())) ?? ''
+const [whenDay, whenTime] = [(w: string) => w.split(' · ')[0] ?? w, (w: string) => w.split(' · ')[1] ?? '']
+
+function newWorldHome(s: Spec, niche: NewWorldKitNiche): Block[] {
+  const [heroPic, storyPic, groupPic] = PHOTOS[niche]
+  const offers = s.offers.map((o, i) => ({ name: slot(`offer${i + 1}Title`, o.name), meta: o.dur, body: slot(`offer${i + 1}Blurb`, o.meta), price: slot(`offer${i + 1}Price`, o.price) }))
+  const n = (i: number) => String(i).padStart(2, '0')
+  const sessions = s.groups.map(([name, when, line]) => ({ weekday: weekday(when), mon: /^first/i.test(when) ? 'First' : 'Every', day: weekday(when), title: name, body: line, time: when, where: '', spots: 'Open', kind: 'session', href: '~/booking' }))
+  const oneOffs = s.events.map(([title, body], i) => ({ weekday: ['Fri', 'Sat', 'Sun'][i] ?? '', mon: 'Next', day: ['Fri', 'Sat', 'Sun'][i] ?? '', title: slot(`event${i + 1}Title`, title), body, time: '', where: '', spots: 'Spots open', kind: 'event', href: '~/booking' }))
+  const c = (k: Section) => copy(s, k)
+  const [stat3, stat4] = [s.offers[1], s.trust[3]]
+  return [
+    {
+      type: 'NewWorldHero',
+      props: {
+        eyebrow: s.hero.eyebrow, title: `${s.hero.title} *${s.hero.em}*`, lead: s.hero.body,
+        primaryLabel: s.cta, primaryHref: '~/booking', secondaryLabel: s.cta2, secondaryHref: '#events',
+        proof: s.firstVisit[0]?.[1] ?? '', aside: s.quote, image: pic(heroPic), alt: PHOTO_ALT[heroPic] ?? '', badge: 'Doors open this week',
+        useEvents: true, rows: sessions.slice(0, 3), areas: AREAS, register: 'auto',
+      },
     },
-  }
-  const trust: Block = { type: 'ServicesTrust', props: { items: s.trust.map(([title, line]) => ({ title, line })) } }
-  const groups: Block = {
-    type: 'ServicesList',
-    props: { ...head(copy(s, 'circles'), 'Groups'), buttonLabel: 'Book a spot', buttonHref: '~/booking', rows: s.groups.map(([name, when, line]) => ({ meta: when, name, body: line, price: '', href: '~/booking' })) },
-  }
-  const first: Block = { type: 'ServicesSteps', props: { ...head(copy(s, 'firstnight'), 'Your first visit'), rows: s.firstVisit.map(([title, body]) => ({ title, body })) } }
-  const events: Block = {
-    type: 'ServicesEvents',
-    props: {
-      ...head(copy(s, 'events'), 'Events'), buttonLabel: '', buttonHref: '',
-      rows: s.events.map(([title, body], i) => ({ meta: '', title: slot(`event${i + 1}Title`, title), body, price: '', href: '~/booking', featured: i === 0 })),
+    {
+      type: 'NewWorldStats',
+      props: {
+        items: [
+          { icon: 'users', value: String(s.groups.length), label: 'groups every week', note: 'On the calendar' },
+          { icon: 'calendar', value: offers[0]!.price, label: s.offers[0]!.name.toLowerCase(), note: s.offers[0]!.meta },
+          { icon: 'heart', value: offers[1]!.price, label: stat3 ? stat3.name.toLowerCase() : '', note: stat3?.meta ?? '' },
+          { icon: 'check', value: stat4 ? stat4[0] : '', label: '', note: stat4 ? stat4[1] : '' },
+        ],
+        register: 'auto',
+      },
     },
-  }
-  const reviews: Block = {
-    type: 'ServicesReviews',
-    props: {
-      ...head(copy(s, 'reviews'), 'Reviews'), proof: '',
-      rows: s.reviewsAbout.map((what, i) => ({ quote: `Replace with a real quote from a real ${s.person}. Specific beats glowing.`, who: `${s.person[0].toUpperCase()}${s.person.slice(1)} ${['one', 'two', 'three'][i] ?? i + 1}`, what })),
+    {
+      type: 'NewWorldStory',
+      props: {
+        index: n(1), eyebrow: 'Our story', title: `${s.story2[0]} *${s.story2[1]}*`, paragraphs: s.story, buttonLabel: 'Read the whole story', buttonHref: '~/about',
+        secondaryLabel: 'Meet the people', secondaryHref: '#team', image: pic(storyPic), alt: PHOTO_ALT[storyPic] ?? '', quote: s.quote, quoteBy: `${slot('person1Name', s.owner)} · ${s.role}`, register: 'auto',
+      },
     },
-  }
+    {
+      type: 'NewWorldGroups',
+      props: {
+        index: n(2), ...head(c('circles'), 'Groups'), image: pic(groupPic), alt: PHOTO_ALT[groupPic] ?? '', featureLabel: 'Open to new faces', featureName: s.groups[s.groups.length - 1]![0],
+        featureButtonLabel: 'Come once', featureButtonHref: '~/booking',
+        rows: s.groups.map(([name, when, line], i) => ({ day: whenDay(when), time: whenTime(when), name, body: line, people: '', open: i === s.groups.length - 1, href: '~/booking' })), register: 'auto',
+      },
+    },
+    { type: 'NewWorldCalendar', props: { index: n(3), ...head(c('events'), "What's Happening"), buttonLabel: '', buttonHref: '', rowLabel: 'Save a spot', count: '6', useEvents: true, rows: [...sessions.slice(0, 3), ...oneOffs], register: 'auto' } },
+    { type: 'NewWorldFirstVisit', props: { index: n(4), ...head(c('firstnight'), 'Walking in'), note: 'Half the people here were new once. Someone will say hello before you have to.', rows: s.firstVisit.map(([title, body]) => ({ title, body })), register: 'auto' } },
+    {
+      type: 'NewWorldReviews',
+      props: { index: n(5), ...head(c('reviews'), 'In their words'), lede: '', proof: '', rows: s.reviewsAbout.map((what, i) => ({ quote: `Replace with a real quote from a real ${s.person}. Specific beats glowing.`, who: `${s.person[0]!.toUpperCase()}${s.person.slice(1)} ${['one', 'two', 'three'][i] ?? i + 1}`, what })), register: 'auto' },
+    },
+    {
+      type: 'NewWorldTeam',
+      props: { index: n(6), ...head(c('team'), 'The team'), note: 'Real people. Replace these with photos from your room.', rows: s.team.map(([name, role], i) => ({ name: slot(`person${i + 1}Name`, i === 0 ? s.owner : name), role: i === 0 ? s.role : role, image: '', alt: '' })), register: 'auto' },
+    },
+    {
+      type: 'NewWorldOffers',
+      props: { index: n(7), ...head(c('services'), 'Ways in'), buttonLabel: 'All ways in', buttonHref: '~/services', rows: offers.map((o, i) => ({ icon: ['users', 'calendar', 'award'][i] ?? 'tag', meta: o.meta, name: o.name, body: o.body, price: o.price, href: '~/booking' })), register: 'auto' },
+    },
+    ...(s.plans
+      ? [{ type: 'NewWorldPlans', props: { index: n(8), ...head(c('plans'), 'Memberships and plans'), aside: 'Free to join. Pay for what you choose.', featuredLabel: 'Most chosen', note: 'Pause, change or cancel from your account any time.', rows: s.plans.map(([name, body], i) => ({ name, body, price: '', featured: i === 1, buttonLabel: `Choose ${name}`, href: '~/booking' })), register: 'auto' } }]
+      : []),
+    { type: 'NewWorldOpenings', props: { index: n(9), eyebrow: 'Save a spot', title: 'Open *this week.*', lede: 'Pick a time, see what it costs (often nothing) and get a reminder.', buttonLabel: s.cta, buttonHref: '~/booking', fullLabel: 'Waitlist', useEvents: true, rows: sessions.slice(0, 3), register: 'auto' } },
+    { type: 'NewWorldGallery', props: { index: n(10), eyebrow: 'Gallery', title: 'Real *nights.*', lede: 'Photos from people who were there.', images: GALLERY.filter((g) => !PHOTOS[niche].includes(g)).slice(0, 5).map((g) => ({ image: pic(g), alt: PHOTO_ALT[g] ?? '' })), register: 'auto' } },
+    { type: 'NewWorldPosts', props: { index: n(11), eyebrow: 'Notes', title: 'Good to *read.*', lede: 'Notes from the room, written by the people in it.', buttonLabel: '', buttonHref: '', rows: s.posts.map(([kind, title]) => ({ kind, title, meta: '', href: '' })), register: 'auto' } },
+    {
+      type: 'NewWorldProcess',
+      props: {
+        index: n(12), eyebrow: 'How it works', title: 'How a first time *goes.*', lede: '',
+        rows: [
+          { icon: 'calendar', title: 'Pick a time', body: 'Choose a group or a date from the calendar. It takes a minute.' },
+          { icon: 'message', title: 'We remind you', body: 'The day before you get the facts: who is hosting, how long, what to bring.' },
+          { icon: 'users', title: 'The door', body: 'Someone says hello, learns your name and walks you in. Check-in is one tap.' },
+          { icon: 'heart', title: 'Come back', body: 'Same place, same time. The second visit is when it starts to feel like yours.' },
+        ],
+        register: 'auto',
+      },
+    },
+    {
+      type: 'NewWorldWhere',
+      props: {
+        index: n(13), eyebrow: 'Where we meet', title: 'Where to *find us.*', lede: '', address: slot('address', 'Your street, Your City'), phone: slot('phone', 'Your phone'), email: slot('email', 'Your email'),
+        hours: [{ day: 'Hours', time: slot('hours', 'Your hours') }], areas: AREAS, image: '', alt: '', mapLabel: 'Map · where we meet', register: 'auto',
+      },
+    },
+    { type: 'NewWorldAsk', props: { index: n(14), eyebrow: 'Say hello', title: 'Ask us *anything.*', lede: 'A person answers.', buttonLabel: 'Send', successMessage: 'Thanks. A person will reply soon.', register: 'auto' } },
+    { type: 'NewWorldLetter', props: { eyebrow: 'Newsletter', title: 'Stay in *the loop.*', lede: 'A short note when something is coming up. Nothing else.', placeholder: 'you@email.com', buttonLabel: 'Join', successMessage: 'Thanks. You are on the list.', register: 'auto' } },
+    {
+      type: 'NewWorldFaq',
+      props: {
+        index: n(15), eyebrow: 'Questions', title: 'Good to *know.*', lede: 'Anything else, ask. A real person answers.', phone: slot('phone', 'Your phone'), email: slot('email', 'Your email'), hours: slot('hours', 'Your hours'),
+        areasLabel: 'Where we meet', areas: AREAS, rows: FAQ, register: 'auto',
+      },
+    },
+    {
+      type: 'NewWorldTools',
+      props: {
+        index: n(16), eyebrow: 'Behind the door', title: 'The tools that *run this place.*', lede: 'A calendar, check-in at the door, memberships, your member list and a page you edit yourself. It all runs on Frequency, and your people stay yours.',
+        buttonLabel: '', buttonHref: '', secondaryLabel: '', secondaryHref: '', note: '',
+        rows: [
+          { icon: 'users', title: 'Groups', body: 'Recurring gatherings with their own page and members' },
+          { icon: 'calendar', title: 'Calendar', body: 'Every event on your site and in the app' },
+          { icon: 'check', title: 'The door', body: 'A QR code that turns walk-ins into contacts' },
+          { icon: 'award', title: 'Memberships', body: 'Sold from day one, with the member dropped into their group' },
+          { icon: 'tag', title: 'Tickets', body: 'A guest list, refunds and money paid to you' },
+          { icon: 'heart', title: 'Your people', body: 'Yours to keep. Export any time.' },
+        ],
+        register: 'auto',
+      },
+    },
+    { type: 'NewWorldCloser', props: { aside: s.quote, title: star(c('cta')), primaryLabel: s.cta, primaryHref: '~/booking', secondaryLabel: 'Bring someone', secondaryHref: '~/booking', note: '', register: 'auto' } },
+  ]
+}
+
+const FAQ = [
+  { question: 'I do not know anyone. Is that a problem?', answer: 'No. Most people walk in alone the first time. Say here who meets them at the door.' },
+  { question: 'Do I need to book?', answer: 'You can. Booking holds your spot and sends a reminder. Say here if people can also just walk in.' },
+  { question: 'What if I cannot make it?', answer: 'Change or cancel from the confirmation email. Say how late is too late.' },
+  { question: 'Can I bring someone?', answer: 'Say yes if they can, and what it costs them the first time.' },
+]
+
+function pages(s: Spec, niche: NewWorldKitNiche): KitPage[] {
+  const offers = s.offers.map((o, i) => ({
+    name: slot(`offer${i + 1}Title`, o.name), meta: o.dur, body: slot(`offer${i + 1}Blurb`, o.meta), price: slot(`offer${i + 1}Price`, o.price), href: '~/booking',
+  }))
   const team: Block = {
     type: 'ServicesTeam',
     props: { ...head(copy(s, 'team'), 'The team'), rows: s.team.map(([name, role], i) => ({ name: slot(`person${i + 1}Name`, i === 0 ? s.owner : name), role: i === 0 ? s.role : role, image: '', alt: '' })) },
@@ -304,9 +422,10 @@ function pages(s: Spec): KitPage[] {
     props: { eyebrow: 'Newsletter', title: 'Stay in *the loop.*', lede: 'A short note when something is coming up. Nothing else.', buttonLabel: 'Join the list', buttonHref: '~/booking' },
   }
   const compact = (xs: (Block | null)[]) => xs.filter((b): b is Block => b !== null)
+  const home = newWorldHome(s, niche)
   const seo = (title: string, description: string) => ({ title, description })
   return [
-    { slug: 'home', label: 'Home', seo: seo(s.name, s.descriptor), blocks: compact([hero, trust, groups, first, events, reviews, band]) },
+    { slug: 'home', label: 'Home', seo: seo(s.name, s.descriptor), blocks: home },
     { slug: 'services', label: 'Services', seo: seo('Services', `${s.name}: what is on and what it costs.`), blocks: compact([list, plans, shop, faq, band]) },
     { slug: 'about', label: 'About', seo: seo('About', `Who is behind ${s.name}.`), blocks: compact([story, team, posts, locations, letter]) },
     { slug: 'booking', label: 'Book', seo: seo('Book', `Pick a time at ${s.name}.`), blocks: compact([booking, contact]) },
@@ -320,6 +439,6 @@ export function newWorldKit(niche: NewWorldKitNiche): NewWorldKit {
     palette: s.palette, tools: s.tools,
     // Tide (#1AA7C0, a brand accent is a hex) is the one shipped accent that matches a kit's palette (blue). The rest wait on LIVE-2041.
     ...(s.palette === 'blue' ? { accent: NEW_WORLD_ACCENTS.tide.accent } : {}),
-    pages: pages(s),
+    pages: pages(s, niche),
   }
 }
diff --git a/lib/theme/new-world.ts b/lib/theme/new-world.ts
index 5c88842383..55c0b3b6d4 100644
--- a/lib/theme/new-world.ts
+++ b/lib/theme/new-world.ts
@@ -117,6 +117,7 @@ export const NEW_WORLD_TOKENS_CSS = `
 --nw-space-10:144px;
 --nw-container-max:1320px;
 --nw-gutter:clamp(20px,4vw,56px);
+--nw-frame:calc(var(--nw-container-max) + 2 * var(--nw-gutter));
 --nw-radius-none:0;
 --nw-radius-sm:6px;
 --nw-radius-md:12px;
diff --git a/scripts/render/new-world-site-pages.render.tsx b/scripts/render/new-world-site-pages.render.tsx
new file mode 100644
index 0000000000..1da06228b3
--- /dev/null
+++ b/scripts/render/new-world-site-pages.render.tsx
@@ -0,0 +1,64 @@
+// FIXTURE RENDER: every page of a New World kit (Home, Services, About, Book) drawn with the real SiteChrome, blocks and skin, the
+// way a published New World site renders them. Writes $RENDER_OUT/<kit>-<slug>.html. RENDER_KITS picks kits (default general),
+// RENDER_REGISTER night|day (default night). Slot tokens resolve to their sample words, as on a Space that has not filled them in.
+// Run: RENDER_OUT=<dir> pnpm exec vitest run -c scripts/render/vitest.render.config.ts scripts/render/new-world-site-pages.render.tsx
+// then screenshot with node scripts/render/shot.mjs <dir>/general-home.html <prefix>.
+import { createElement as h } from 'react'
+import { renderToStaticMarkup } from 'react-dom/server'
+import { writeFileSync } from 'node:fs'
+import { it, vi } from 'vitest'
+
+vi.mock('next/image', () => ({ default: (p: Record<string, unknown>) => h('img', { src: p.src as string, alt: p.alt as string }) }))
+vi.mock('next/link', () => ({ default: (p: Record<string, unknown>) => h('a', { href: p.href as string, className: p.className as string }, p.children as never) }))
+vi.mock('next/navigation', () => ({ useRouter: () => ({ push() {}, replace() {}, refresh() {} }), usePathname: () => '/', useSearchParams: () => new URLSearchParams() }))
+
+const out = process.env.RENDER_OUT
+const ROOT = process.cwd()
+const face = (fam: string, f: string, style = 'normal', w = '100 900') => `@font-face{font-family:"${fam}";src:url("file://${ROOT}/app/fonts/${f}") format("woff2");font-style:${style};font-weight:${w}}`
+const FACES = face('Unbounded', 'unbounded/unbounded.woff2', 'normal', '200 900') + face('Hanken Grotesk', 'hanken-grotesk/hanken-grotesk.woff2') + face('Instrument Serif', 'instrument-serif/instrument-serif-italic.woff2', 'italic', '400')
+const pub = (html: string) => html.replace(/ loading="lazy"/g, '').replace(/(src|href)="\/(sites|brand|themes)\//g, `$1="file://${ROOT}/public/$2/`).replace(/url\(&quot;\/(sites|brand)\//g, `url(&quot;file://${ROOT}/public/$1/`)
+
+it('renders every page of the New World kits', async () => {
+  if (!out) throw new Error('set RENDER_OUT')
+  const { BlockRender } = await import('@/lib/page-editor/block-render')
+  const { config } = await import('@/lib/page-editor/config')
+  const { applyKit } = await import('@/lib/sites/kits/apply')
+  const { loadKit } = await import('@/lib/sites/kits/registry')
+  const { SiteChrome } = await import('@/components/sites/site-chrome')
+  const { NEW_WORLD_CSS } = await import('@/components/sites/new-world-css')
+  const { HOUSE_CSS } = await import('@/components/sites/house-css')
+  const { FREQUENCY_PAGE_CSS } = await import('@/components/sites/frequency-page-css')
+  const { newWorldAccentVars } = await import('@/lib/theme/new-world')
+  const { bindSlots } = await import('@/lib/spaces/content-slots')
+  const register = process.env.RENDER_REGISTER === 'day' ? 'day' : 'night'
+  const accent = Object.entries(newWorldAccentVars(null)).map(([k, v]) => `${k}:${v}`).join(';')
+  for (const niche of (process.env.RENDER_KITS ?? 'general').split(',')) {
+    const kit = (await loadKit(`new-world-${niche}`))!
+    const r = applyKit({ theme: 'NewWorld', pages: [] } as never, kit, 'replace', (type) => config.components[type]?.defaultProps)
+    if (!r.ok) throw new Error(r.error)
+    for (const page of r.snapshot.pages) {
+      const doc = bindSlots(page.doc as never, {}) as never
+      const site = renderToStaticMarkup(
+        h(
+          SiteChrome as never,
+          {
+            brandName: kit.label === 'Your place' ? 'Your Place' : kit.label,
+            homeHref: '/',
+            links: r.snapshot.pages.filter((p) => p.slug !== 'home').map((p) => ({ label: p.label, href: `/${p.slug}` })),
+            cta: { href: '/booking', label: 'Book', external: false },
+            themeFonts: false,
+            skin: { theme: 'new-world', season: 'fall', register },
+            tagline: null,
+            seasonNow: null,
+            footer: { columns: [], blurb: 'What you do, in four words', line: null, note: null, copyright: null, suffix: null, subscribe: null, utility: null },
+            credit: 'badge',
+            spaceSlug: null,
+            previewMega: null,
+          } as never,
+          h(BlockRender, { config, data: doc } as never),
+        ),
+      )
+      writeFileSync(`${out}/${niche}-${page.slug || 'home'}.html`, pub(`<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><style>${FACES}${HOUSE_CSS}${FREQUENCY_PAGE_CSS}${NEW_WORLD_CSS}*,*::before,*::after{box-sizing:border-box}body{margin:0}[data-house-theme="new-world"]{${accent}}</style></head><body>${site}</body></html>`))
+    }
+  }
+})

From f7d055ff06f5aa2717c3ee2e3850e162c16f9b19 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Wed, 4 Nov 2026 08:00:04 +0000
Subject: [PATCH 2/3] LIVE-2055: plan New World sections as their own render on
 site pages

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012BMmZWMC1cBFx5qBRseTKj
---
 lib/sites/menswork-page.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/lib/sites/menswork-page.ts b/lib/sites/menswork-page.ts
index 4cfc1b8de6..40b84308d1 100644
--- a/lib/sites/menswork-page.ts
+++ b/lib/sites/menswork-page.ts
@@ -174,6 +174,7 @@ function planOne(type: string, p: Record<string, unknown>, at: number): MwPlan {
   if (type.startsWith('FreeHuman')) return { kind: 'own', at, hero: type === 'FreeHumanHero' || type === 'FreeHumanCalendarHero' }
   if (type.startsWith('Designer')) return { kind: 'own', at, hero: type === 'DesignerHero' }
   if (type.startsWith('Services')) return { kind: 'own', at, hero: type === 'ServicesHero' }
+  if (type.startsWith('NewWorld')) return { kind: 'own', at, hero: type === 'NewWorldHero' || type === 'NewWorldAboutHero' || type === 'NewWorldPageHead' }
   switch (type) {
     case 'PhotoHero':
     case 'Hero':

From 8ff0dcd77a76bed0545e852689b91be829b03713 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Wed, 4 Nov 2026 08:04:31 +0000
Subject: [PATCH 3/3] LIVE-2055: shrink the New World design-system baseline
 (Blocks.jsx is now built)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012BMmZWMC1cBFx5qBRseTKj
---
 docs/design-systems/new-world/baseline.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/docs/design-systems/new-world/baseline.json b/docs/design-systems/new-world/baseline.json
index aa62d9d6f5..b87332b972 100644
--- a/docs/design-systems/new-world/baseline.json
+++ b/docs/design-systems/new-world/baseline.json
@@ -63,7 +63,6 @@
   "missing:design_handoff_theme_editor/reference/tokens/base.css",
   "missing:design_handoff_theme_editor/reference/tokens/effects.css",
   "missing:design_handoff_theme_editor/reference/tokens/textures.css",
-  "missing:design_handoff_theme_editor/reference/ui_kits/site/Blocks.jsx.txt",
   "missing:design_handoff_theme_editor/reference/ui_kits/site/Chrome.jsx.txt"
  ]
 }