@bongos/core 1.19.413 → 1.19.415

package/public-landing/assets/cosmos.css

@@ -16,8 +16,9 @@
    · dark  mode — a true-black ground with the card lifted just off it, white
      ink, and the accent pair flipping direction so the link tone goes BRIGHTER
 
-   Mode resolution: prefers-color-scheme by default; an explicit choice
-   sets data-mode="light|dark" on <html> (persisted by the page script).
+   Mode resolution: the apex pages pin data-mode="dark" on <html> (task 1003336,
+   ADR 0204) — dark is their only mode. The light tier below stays until its
+   own removal (the light-pair contrast tests still measure it).
 
    TOKEN TIERS:
    · CONTRACT tier — names the branding pack overrides (themeMarkup()
@@ -263,6 +264,22 @@
      masthead's reason. */
   --plate-bead-cut:url(/assets/world/r2-chrome-blob-one-cut.webp);
   --plate-bongos-cut:url(/assets/world/r2-bongos-chrome-a-cut.webp);
+  /* the materials round (task 1003337): each material is its own whole-object plate
+     per shape — the alpha cutout, masked and blended exactly like the chrome ones.
+     Sidecars beside each file carry the prompt and the take. */
+  --plate-frost-blob-cut:url(/assets/world/r3-frost-blob-cut.webp);
+  --plate-frost-pair-cut:url(/assets/world/r3-frost-pair-cut.webp);
+  --plate-frost-bead-cut:url(/assets/world/r3-frost-bead-cut.webp);
+  --plate-gold-blob-cut:url(/assets/world/r3-gold-blob-cut.webp);
+  --plate-gold-pair-cut:url(/assets/world/r3-gold-pair-cut.webp);
+  --plate-gold-bead-cut:url(/assets/world/r3-gold-bead-cut.webp);
+  --plate-obsidian-blob-cut:url(/assets/world/r3-obsidian-blob-cut.webp);
+  --plate-obsidian-pair-cut:url(/assets/world/r3-obsidian-pair-cut.webp);
+  --plate-obsidian-bead-cut:url(/assets/world/r3-obsidian-bead-cut.webp);
+  /* the field's ground: a rendered deep-space plate on the dark-only apex (task 1003337,
+     the owner's ask on the planets review). One token, so the pick is one line; the
+     candidates sit beside it in .impeccable/mocks/world-assets/. */
+  --field-plate:url(/assets/world/r3-space-nebula.jpg);
   --mast-shadow:drop-shadow(0 26px 30px color-mix(in srgb,var(--ink) 20%,transparent));
   /* the planet's contact shadow, scaled to a 60-130px object. Dark's twin is
      a NO-OP filter (opacity(1), not none) so the search spotlight's
@@ -585,19 +602,6 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
 .who{gap:9px;}
 .who img{width:26px;height:26px;border-radius:var(--radius-pill);object-fit:cover;flex:none;
   border:1px solid var(--rule);}
-.modeBtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
-  cursor:pointer;background:none;border:0;border-radius:var(--radius-pill);color:var(--ink-soft);
-  transition:color .2s cubic-bezier(.2,.7,.3,1);}
-.modeBtn:hover{color:var(--ink);}
-.modeBtn svg{width:20px;height:20px;}
-/* the glyph shows the mode you would GET: the moon in light, the sun in dark */
-.modeBtn .sun{display:none;}
-:root[data-mode="dark"] .modeBtn .sun{display:block;}
-:root[data-mode="dark"] .modeBtn .moon{display:none;}
-@media (prefers-color-scheme:dark){
-  :root:not([data-mode="light"]) .modeBtn .sun{display:block;}
-  :root:not([data-mode="light"]) .modeBtn .moon{display:none;}
-}
 /* the one filled shape on a bar with no pills: the landing's sign-in door */
 .signinDoor{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 26px;
   border-radius:var(--radius-pill);background:color-mix(in srgb,var(--ink) 92%,var(--bg));color:var(--bg);
@@ -685,8 +689,6 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
   .qWrap{flex:1 1 90px;max-width:480px;gap:10px;}
   .trig{font-size:13.5px;}
   .who>span{display:none;}
-  .modeBtn{width:40px;height:40px;}
-  .modeBtn svg{width:18px;height:18px;}
   .signinDoor{padding:0 16px;font-size:13.5px;}
   .bandIn{padding:0 12px 16px;}
   .bandRow{grid-template-columns:1fr;gap:0;}
@@ -739,7 +741,14 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
    the branding pack spliced after this file. ── */
 .fieldWrap{padding:0;max-width:none;}
 .field{position:relative;height:calc(100vh - var(--top-h) - var(--foot-h));min-height:340px;overflow:hidden;}
-.field .ground{position:absolute;inset:0;background:var(--sky-bg);}
+/* the ground is a rendered plate (task 1003337): the page ground under a deep-space
+   render at cover, drifting a few percent over 90s (transform only, dead under
+   reduced motion); the inset is the room the drift needs. */
+.field .ground{position:absolute;inset:-4%;background:var(--sky-bg) var(--field-plate) center/cover no-repeat;}
+@media (prefers-reduced-motion:no-preference){
+  .field .ground{animation:groundDrift 90s ease-in-out infinite alternate;}
+  @keyframes groundDrift{from{transform:translate3d(-1.2%,-.8%,0) scale(1.02);}to{transform:translate3d(1.2%,.8%,0) scale(1.06);}}
+}
 
 /* ── THE PLANET: a project rendered as one of the world's three whole chrome
    objects in the project's accent (task 1003319; DESIGN.md "Project orbs" and
@@ -783,6 +792,29 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
 .worldOrb[data-style="tint"]{--tpl-ink:var(--acc);--tpl-blend:color;}
 .worldOrb[data-style="wash"]{--tpl-ink:var(--acc);--tpl-blend:overlay;}
 .worldOrb[data-style="chrome"]{--tpl-ink:transparent;--tpl-blend:normal;}
+.worldOrb[data-style="plain"]{--tpl-ink:transparent;--tpl-blend:normal;}
+/* the materials (task 1003337): a whole object per plate, the rectangle measured from the
+   cutout's alpha (bbox at alpha>=16 on the 2048² plate, a 1.5% margin each side; zoom = 1/width,
+   px/py = -u0/-v0 × zoom — tests/projects_hub.mjs recomputes these from the boxes):
+   frost-blob     u[0.168,0.8223] v[0.2495,0.7642]
+   frost-pair     u[0.0591,0.9409] v[0.2764,0.7231]
+   frost-bead     u[0.1685,0.8066] v[0.1738,0.8198]
+   gold-blob      u[0.1274,0.8584] v[0.1035,0.9019]
+   gold-pair      u[0.0552,0.9458] v[0.2739,0.7383]
+   gold-bead      u[0.0542,0.9478] v[0.0542,0.9434]
+   obsidian-blob  u[0.1885,0.8018] v[0.1177,0.8979]
+   obsidian-pair  u[0.0249,0.9707] v[0.3096,0.7158]
+   obsidian-bead  u[0.1416,0.854] v[0.1431,0.8535]
+   Two attributes outrank the one-attribute chrome crops above. */
+.worldOrb[data-material="frost"][data-shape="blob"]{--tpl-src:var(--plate-frost-blob-cut);--tpl-ar:1.25629;--tpl-zoom:1.46135;--tpl-px:-.22359;--tpl-py:-.34269;}
+.worldOrb[data-material="frost"][data-shape="pair"]{--tpl-src:var(--plate-frost-pair-cut);--tpl-ar:1.91273;--tpl-zoom:1.09673;--tpl-px:-.04837;--tpl-py:-.28669;}
+.worldOrb[data-material="frost"][data-shape="bead"]{--tpl-src:var(--plate-frost-bead-cut);--tpl-ar:.98831;--tpl-zoom:1.49678;--tpl-px:-.22976;--tpl-py:-.23769;}
+.worldOrb[data-material="gold"][data-shape="blob"]{--tpl-src:var(--plate-gold-blob-cut);--tpl-ar:.91864;--tpl-zoom:1.31406;--tpl-px:-.1477;--tpl-py:-.11629;}
+.worldOrb[data-material="gold"][data-shape="pair"]{--tpl-src:var(--plate-gold-pair-cut);--tpl-ar:1.86206;--tpl-zoom:1.08625;--tpl-px:-.04367;--tpl-py:-.28123;}
+.worldOrb[data-material="gold"][data-shape="bead"]{--tpl-src:var(--plate-gold-bead-cut);--tpl-ar:1.00479;--tpl-zoom:1.08272;--tpl-px:-.04244;--tpl-py:-.04244;}
+.worldOrb[data-material="obsidian"][data-shape="blob"]{--tpl-src:var(--plate-obsidian-blob-cut);--tpl-ar:.794;--tpl-zoom:1.55448;--tpl-px:-.2697;--tpl-py:-.15965;}
+.worldOrb[data-material="obsidian"][data-shape="pair"]{--tpl-src:var(--plate-obsidian-pair-cut);--tpl-ar:2.23705;--tpl-zoom:1.0248;--tpl-px:-.01015;--tpl-py:-.30191;}
+.worldOrb[data-material="obsidian"][data-shape="bead"]{--tpl-src:var(--plate-obsidian-bead-cut);--tpl-ar:1.0027;--tpl-zoom:1.34698;--tpl-px:-.17053;--tpl-py:-.17255;}
 /* the relationship ring: yours takes the accent (the one live thing about the
    orb); building there is a hairline of it */
 .worldOrb[data-rel="owner"] .disc::after,.worldOrb[data-rel="builder"] .disc::after{content:"";position:absolute;

package/public-landing/assets/world/r3-frost-bead-cut.webp.json

@@ -0,0 +1,15 @@
+{
+  "kind": "cutout",
+  "model": "nano_banana_2 (requested as nano_banana_pro; the catalog served nano_banana_2)",
+  "aspect_ratio": "1:1",
+  "resolution": "2k",
+  "generated": "2026-08-29T15:37Z",
+  "round": 3,
+  "task": 1003337,
+  "material": "frosted glass",
+  "object": "the small bead",
+  "prompt": "Background removed (Higgsfield image_background_remover) from r3-frost-bead: the small bead in frosted glass. Cut out so the planet can be masked and colour-blended in the project's accent (the hub's template grammar, task 1003319); alpha verified with ffmpeg alphaextract (min 0, max 255).",
+  "source": ".impeccable/mocks/world-assets/r3-frost-bead-cut.webp",
+  "encoded": "ffmpeg libwebp quality 88, alpha kept (yuva420p), 1600px (task 1003337)",
+  "use": "the hub's planet in frosted glass: --plate-frost-bead-cut, masked and blended by [data-material=\"frost\"][data-shape=\"bead\"] in cosmos.css"
+}

package/public-landing/assets/world/r3-frost-blob-cut.webp.json

@@ -0,0 +1,15 @@
+{
+  "kind": "cutout",
+  "model": "nano_banana_2 (requested as nano_banana_pro; the catalog served nano_banana_2)",
+  "aspect_ratio": "1:1",
+  "resolution": "2k",
+  "generated": "2026-08-29T15:37Z",
+  "round": 3,
+  "task": 1003337,
+  "material": "frosted glass",
+  "object": "the round blob",
+  "prompt": "Background removed (Higgsfield image_background_remover) from r3-frost-blob: the round blob in frosted glass. Cut out so the planet can be masked and colour-blended in the project's accent (the hub's template grammar, task 1003319); alpha verified with ffmpeg alphaextract (min 0, max 255).",
+  "source": ".impeccable/mocks/world-assets/r3-frost-blob-cut.webp",
+  "encoded": "ffmpeg libwebp quality 88, alpha kept (yuva420p), 1600px (task 1003337)",
+  "use": "the hub's planet in frosted glass: --plate-frost-blob-cut, masked and blended by [data-material=\"frost\"][data-shape=\"blob\"] in cosmos.css"
+}

package/public-landing/assets/world/r3-frost-pair-cut.webp.json

@@ -0,0 +1,15 @@
+{
+  "kind": "cutout",
+  "model": "nano_banana_2 (requested as nano_banana_pro; the catalog served nano_banana_2)",
+  "aspect_ratio": "1:1",
+  "resolution": "2k",
+  "generated": "2026-08-29T15:37Z",
+  "round": 3,
+  "task": 1003337,
+  "material": "frosted glass",
+  "object": "the bongo pair",
+  "prompt": "Background removed (Higgsfield image_background_remover) from r3-frost-pair: the bongo pair in frosted glass. Cut out so the planet can be masked and colour-blended in the project's accent (the hub's template grammar, task 1003319); alpha verified with ffmpeg alphaextract (min 0, max 255).",
+  "source": ".impeccable/mocks/world-assets/r3-frost-pair-cut.webp",
+  "encoded": "ffmpeg libwebp quality 88, alpha kept (yuva420p), 1600px (task 1003337)",
+  "use": "the hub's planet in frosted glass: --plate-frost-pair-cut, masked and blended by [data-material=\"frost\"][data-shape=\"pair\"] in cosmos.css"
+}

package/public-landing/assets/world/r3-gold-bead-cut.webp.json

@@ -0,0 +1,15 @@
+{
+  "kind": "cutout",
+  "model": "nano_banana_2 (requested as nano_banana_pro; the catalog served nano_banana_2)",
+  "aspect_ratio": "1:1",
+  "resolution": "2k",
+  "generated": "2026-08-29T15:37Z",
+  "round": 3,
+  "task": 1003337,
+  "material": "brushed gold",
+  "object": "the small bead",
+  "prompt": "Background removed (Higgsfield image_background_remover) from r3-gold-bead: the small bead in brushed gold. Cut out so the planet can be masked and colour-blended in the project's accent (the hub's template grammar, task 1003319); alpha verified with ffmpeg alphaextract (min 0, max 255).",
+  "source": ".impeccable/mocks/world-assets/r3-gold-bead-cut.webp",
+  "encoded": "ffmpeg libwebp quality 88, alpha kept (yuva420p), 1600px (task 1003337)",
+  "use": "the hub's planet in brushed gold: --plate-gold-bead-cut, masked and blended by [data-material=\"gold\"][data-shape=\"bead\"] in cosmos.css"
+}

package/public-landing/assets/world/r3-gold-blob-cut.webp.json

@@ -0,0 +1,15 @@
+{
+  "kind": "cutout",
+  "model": "nano_banana_2 (requested as nano_banana_pro; the catalog served nano_banana_2)",
+  "aspect_ratio": "1:1",
+  "resolution": "2k",
+  "generated": "2026-08-29T15:37Z",
+  "round": 3,
+  "task": 1003337,
+  "material": "brushed gold",
+  "object": "the round blob",
+  "prompt": "Background removed (Higgsfield image_background_remover) from r3-gold-blob: the round blob in brushed gold. Cut out so the planet can be masked and colour-blended in the project's accent (the hub's template grammar, task 1003319); alpha verified with ffmpeg alphaextract (min 0, max 255).",
+  "source": ".impeccable/mocks/world-assets/r3-gold-blob-cut.webp",
+  "encoded": "ffmpeg libwebp quality 88, alpha kept (yuva420p), 1600px (task 1003337)",
+  "use": "the hub's planet in brushed gold: --plate-gold-blob-cut, masked and blended by [data-material=\"gold\"][data-shape=\"blob\"] in cosmos.css"
+}

package/public-landing/assets/world/r3-gold-pair-cut.webp.json

@@ -0,0 +1,15 @@
+{
+  "kind": "cutout",
+  "model": "nano_banana_2 (requested as nano_banana_pro; the catalog served nano_banana_2)",
+  "aspect_ratio": "1:1",
+  "resolution": "2k",
+  "generated": "2026-08-29T15:37Z",
+  "round": 3,
+  "task": 1003337,
+  "material": "brushed gold",
+  "object": "the bongo pair",
+  "prompt": "Background removed (Higgsfield image_background_remover) from r3-gold-pair: the bongo pair in brushed gold. Cut out so the planet can be masked and colour-blended in the project's accent (the hub's template grammar, task 1003319); alpha verified with ffmpeg alphaextract (min 0, max 255).",
+  "source": ".impeccable/mocks/world-assets/r3-gold-pair-cut.webp",
+  "encoded": "ffmpeg libwebp quality 88, alpha kept (yuva420p), 1600px (task 1003337)",
+  "use": "the hub's planet in brushed gold: --plate-gold-pair-cut, masked and blended by [data-material=\"gold\"][data-shape=\"pair\"] in cosmos.css"
+}

package/public-landing/assets/world/r3-obsidian-bead-cut.webp.json

@@ -0,0 +1,15 @@
+{
+  "kind": "cutout",
+  "model": "nano_banana_2 (requested as nano_banana_pro; the catalog served nano_banana_2)",
+  "aspect_ratio": "1:1",
+  "resolution": "2k",
+  "generated": "2026-08-29T15:37Z",
+  "round": 3,
+  "task": 1003337,
+  "material": "polished obsidian",
+  "object": "the small bead",
+  "prompt": "Background removed (Higgsfield image_background_remover) from r3-obsidian-bead: the small bead in polished obsidian. Cut out so the planet can be masked and colour-blended in the project's accent (the hub's template grammar, task 1003319); alpha verified with ffmpeg alphaextract (min 0, max 255).",
+  "source": ".impeccable/mocks/world-assets/r3-obsidian-bead-cut.webp",
+  "encoded": "ffmpeg libwebp quality 88, alpha kept (yuva420p), 1600px (task 1003337)",
+  "use": "the hub's planet in polished obsidian: --plate-obsidian-bead-cut, masked and blended by [data-material=\"obsidian\"][data-shape=\"bead\"] in cosmos.css"
+}

package/public-landing/assets/world/r3-obsidian-blob-cut.webp.json

@@ -0,0 +1,15 @@
+{
+  "kind": "cutout",
+  "model": "nano_banana_2 (requested as nano_banana_pro; the catalog served nano_banana_2)",
+  "aspect_ratio": "1:1",
+  "resolution": "2k",
+  "generated": "2026-08-29T15:37Z",
+  "round": 3,
+  "task": 1003337,
+  "material": "polished obsidian",
+  "object": "the round blob",
+  "prompt": "Background removed (Higgsfield image_background_remover) from r3-obsidian-blob: the round blob in polished obsidian. Cut out so the planet can be masked and colour-blended in the project's accent (the hub's template grammar, task 1003319); alpha verified with ffmpeg alphaextract (min 0, max 255).",
+  "source": ".impeccable/mocks/world-assets/r3-obsidian-blob-cut.webp",
+  "encoded": "ffmpeg libwebp quality 88, alpha kept (yuva420p), 1600px (task 1003337)",
+  "use": "the hub's planet in polished obsidian: --plate-obsidian-blob-cut, masked and blended by [data-material=\"obsidian\"][data-shape=\"blob\"] in cosmos.css"
+}

package/public-landing/assets/world/r3-obsidian-pair-cut.webp.json

@@ -0,0 +1,15 @@
+{
+  "kind": "cutout",
+  "model": "nano_banana_2 (requested as nano_banana_pro; the catalog served nano_banana_2)",
+  "aspect_ratio": "1:1",
+  "resolution": "2k",
+  "generated": "2026-08-29T15:37Z",
+  "round": 3,
+  "task": 1003337,
+  "material": "polished obsidian",
+  "object": "the bongo pair",
+  "prompt": "Background removed (Higgsfield image_background_remover) from r3-obsidian-pair: the bongo pair in polished obsidian. Cut out so the planet can be masked and colour-blended in the project's accent (the hub's template grammar, task 1003319); alpha verified with ffmpeg alphaextract (min 0, max 255).",
+  "source": ".impeccable/mocks/world-assets/r3-obsidian-pair-cut.webp",
+  "encoded": "ffmpeg libwebp quality 88, alpha kept (yuva420p), 1600px (task 1003337)",
+  "use": "the hub's planet in polished obsidian: --plate-obsidian-pair-cut, masked and blended by [data-material=\"obsidian\"][data-shape=\"pair\"] in cosmos.css"
+}

package/public-landing/assets/world/r3-space-nebula.jpg.json

@@ -0,0 +1,13 @@
+{
+  "kind": "backdrop",
+  "model": "nano_banana_2 (requested as nano_banana_pro; the catalog served nano_banana_2)",
+  "aspect_ratio": "16:9",
+  "resolution": "2k",
+  "generated": "2026-08-29T15:37Z",
+  "round": 3,
+  "task": 1003337,
+  "prompt": "Deep-space photograph on a pure black ground: a faint wide nebula wash in muted violet and deep blue with a soft bronze warmth along one edge, very sparse pin-sharp stars of varied brightness and size, gentle depth, most of the frame near-black, nothing else, no planets, no ground plane, no horizon, no lens flare, no text, no watermark. Pure black dominates.",
+  "source": ".impeccable/mocks/world-assets/r3-space-nebula.jpg",
+  "encoded": "ffmpeg JPEG -q:v 4, 2752×1536 (task 1003337)",
+  "use": "the field's ground on /projects: --field-plate, `cover`, a 90s transform drift dead under reduced motion (the builder's recommendation; the owner may swap any candidate)"
+}

package/public-landing/contact.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" data-mode="dark">
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -17,11 +17,7 @@
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400&family=Manrope:wght@300;400;500;600&display=swap">
 <link rel="stylesheet" href="/assets/cosmos.css">
-<script>
-/* Mode, resolved before first paint — the same contract as every landing page. */
-(function(){try{var m=localStorage.getItem('cb-color-mode');
-if(m==='light'||m==='dark')document.documentElement.setAttribute('data-mode',m);}catch(e){}})();
-</script>
+<!-- Dark only, like every apex page (task 1003336, ADR 0204): data-mode="dark" is fixed on <html>. -->
 <style>
 /* The reading column only. No :root block — the pack's injected theme owns the
    tokens (landing direction C1); everything below reads them. */

package/public-landing/index.html

@@ -1,13 +1,11 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" data-mode="dark">
 <head>
 <meta charset="utf-8">
-<script>
-/* Mode, resolved before first paint so an explicit choice never flashes. ?mode=
-   wins (it is how a reviewer walks both modes on one URL), then the stored
-   choice, then the OS preference. */
-(function(){try{var q=new URLSearchParams(location.search).get('mode');var m=(q==='light'||q==='dark')?q:localStorage.getItem('cb-color-mode');if(m==='light'||m==='dark')document.documentElement.setAttribute('data-mode',m);}catch(e){}})();
-</script>
+<!-- The apex is dark only (task 1003336, ADR 0204): data-mode="dark" is fixed on
+     <html> above — no pre-paint script, no stored choice, no OS preference, no
+     ?mode=. Light is the builders' hall's. The light tier of world.css stays
+     until its own removal. -->
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <!-- ── S0 · HEAD METADATA — SERVER-STAMPED ──────────────────────────────────
      The {{…}} tokens below are replaced by landingPage() (src/platform-server.js)
@@ -168,11 +166,6 @@ main:focus{outline:none;box-shadow:none}
 .who{gap:9px}
 .who img{width:26px;height:26px;border-radius:var(--radius-pill);object-fit:cover;flex:none;border:1px solid var(--rule)}
 .who-name{max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.modeBtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;
-  background:none;border:0;border-radius:var(--radius-pill);color:var(--ink-soft);transition:color .2s cubic-bezier(.2,.7,.3,1)}
-.modeBtn:hover{color:var(--ink)}
-.modeBtn svg{width:20px;height:20px}
-.sun{display:none}
 /* the sign-in door: the one filled shape on a bar with no pills — inverted ink, lowercase */
 .pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;
   border-radius:var(--radius-pill);font-family:inherit;font-size:15px;color:var(--ink);cursor:pointer;
@@ -180,10 +173,6 @@ main:focus{outline:none;box-shadow:none}
 .signin{background:color-mix(in srgb,var(--ink) 92%,var(--bg));color:var(--bg);border:0;
   text-transform:lowercase;font-weight:500;padding:0 26px}
 .signin:hover{background:var(--ink);color:var(--bg)}
-:root[data-mode="dark"] .sun{display:block}
-:root[data-mode="dark"] .moon{display:none}
-@media (prefers-color-scheme:dark){:root:not([data-mode="light"]) .sun{display:block}
-  :root:not([data-mode="light"]) .moon{display:none}}
 
 /* the menu bands (.menuBand — .band is this page's content sections): not floating cards. Full width on the card ground, closed by one hairline, a LAYER
    over the page under the bar — the page does not reflow (owner, 2026-08-28; task 1003332). Cells in a
@@ -491,8 +480,6 @@ body{
   .mark-word{display:none}
   .trig{font-size:13.5px}
   .who-name{display:none}
-  .modeBtn{width:40px;height:40px}
-  .modeBtn svg{width:18px;height:18px}
   .pill{min-height:42px;font-size:13.5px}
   .signin{padding:0 16px}
   .bandIn{padding:0 12px 16px}
@@ -683,17 +670,6 @@ composition A; landing composition v3, picked by the owner 2026-08-27. No roll,
   </div>
   <div class="barRight">
     <button class="trig" type="button" id="projTrig" data-menu="projects" aria-expanded="false" aria-controls="menuProjects">Projects<svg class="cv" viewBox="0 0 20 20" aria-hidden="true"><path d="m5.6 8 4.4 4.4L14.4 8"/></svg></button>
-    <button class="modeBtn" id="mode" type="button" aria-label="Toggle light or dark">
-      <svg class="moon" viewBox="0 0 20 20" aria-hidden="true" fill="none" stroke="currentColor"
-           stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M16.2 12.4A6.8 6.8 0 0 1 7.6 3.8a6.8 6.8 0 1 0 8.6 8.6z"/>
-      </svg>
-      <svg class="sun" viewBox="0 0 20 20" aria-hidden="true" fill="none" stroke="currentColor"
-           stroke-width="1.4" stroke-linecap="round">
-        <circle cx="10" cy="10" r="3.9"/>
-        <path d="M10 1.6v2.1M10 16.3v2.1M1.6 10h2.1M16.3 10h2.1M4.1 4.1l1.5 1.5M14.4 14.4l1.5 1.5M15.9 4.1l-1.5 1.5M5.6 14.4l-1.5 1.5"/>
-      </svg>
-    </button>
     <!-- the identity slot: the sign-in door signed out; the chip (the profile trigger) once
          the session resolves — swapped client-side, never a wrong-state flash -->
     <span class="whoSlot" id="who">
@@ -933,24 +909,9 @@ composition A; landing composition v3, picked by the owner 2026-08-27. No roll,
 
 <script>
 (function () {
-  var root = document.documentElement;
   var API = '/api/bongos';
   var GDS = '/api/gds';
 
-  /* ── the light/dark switch. The pre-paint script in <head> already applied the
-     stored choice; this only flips it. The icon swap is CSS. ── */
-  function isDark() {
-    var m = root.getAttribute('data-mode');
-    if (m === 'dark') return true;
-    if (m === 'light') return false;
-    return matchMedia('(prefers-color-scheme: dark)').matches;
-  }
-  document.getElementById('mode').addEventListener('click', function () {
-    var next = isDark() ? 'light' : 'dark';
-    root.setAttribute('data-mode', next);
-    try { localStorage.setItem('cb-color-mode', next); } catch (e) {}
-  });
-
   /* ── the tagline. It is ONE server-stamped string, but the composition wants it
      on two lines, so the two halves are baked as separate spans. A host whose
      tagline is not those two halves gets it back as one wrapping line rather

package/public-landing/index.states.json

@@ -1,8 +1,9 @@
 {
-  "_": "The landing's states for modules/ui-design/kit/render.js (task 1003320): the bar and its two bands, signed out and in.",
+  "_": "The landing's states for modules/ui-design/kit/render.js (task 1003320): the bar and its two bands, signed out and in. Dark only (task 1003336): the apex pins data-mode=\"dark\", so `modes` names the one mode and there is no query to walk.",
   "page": "/",
   "surface": "public-landing",
-  "modeQuery": "mode",
+  "modes": ["dark"],
+  "modeQuery": false,
   "ignoreRequests": ["/api/(gds|bongos)/me$", "/my-projects", "/provisioning/"],
   "ignoreConsole": ["/api/(gds|bongos)/me", "\\b401\\b", "Unauthorized"],
   "ignoreControls": [".skip", ".vh"],

package/public-landing/privacy.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" data-mode="dark">
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -15,11 +15,7 @@
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400&family=Manrope:wght@300;400;500;600&display=swap">
 <link rel="stylesheet" href="/assets/cosmos.css">
-<script>
-/* Mode, resolved before first paint — the same contract as every landing page. */
-(function(){try{var m=localStorage.getItem('cb-color-mode');
-if(m==='light'||m==='dark')document.documentElement.setAttribute('data-mode',m);}catch(e){}})();
-</script>
+<!-- Dark only, like every apex page (task 1003336, ADR 0204): data-mode="dark" is fixed on <html>. -->
 <style>
 /* The reading column only. No :root block — the pack's injected theme owns the
    tokens (landing direction C1); everything below reads them. */

package/public-landing/projects.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" data-mode="dark">
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -20,11 +20,9 @@
      re-injects the branding :root AFTER stylesheets, so the pack stays
      authoritative. Design contract: docs/design/projects-surfaces-redesign-direction.md -->
 <link rel="stylesheet" href="/assets/cosmos.css">
-<script>
-/* apply the saved color mode BEFORE first paint so there's no flash;
-   no saved choice = follow the OS (prefers-color-scheme) */
-try{var _m=localStorage.getItem('cb-color-mode');if(_m==='light'||_m==='dark')document.documentElement.setAttribute('data-mode',_m);}catch(e){}
-</script>
+<!-- The apex is dark only (task 1003336, ADR 0204): data-mode="dark" is fixed on
+     <html> above — no pre-paint script, no stored choice, no OS preference. Light
+     is the builders' hall's. cosmos.css keeps its light tier until its own removal. -->
 <style>
 /* Page-local layout only. /projects is the project HUB (task 1002743): one
    surface holding the map, your projects, and creating a new one. Every
@@ -381,19 +379,6 @@ summary{min-height:24px;padding:3px 0;}
   </div>
   <div class="barRight">
     <button class="trig" type="button" id="projTrig" data-menu="projects" aria-expanded="false" aria-controls="menuProjects">Projects<svg class="cv" viewBox="0 0 20 20" aria-hidden="true"><path d="m5.6 8 4.4 4.4L14.4 8"/></svg></button>
-    <!-- the glyph shows the mode you would GET: the moon in light, the sun in
-         dark, swapped by cosmos.css on data-mode; the script labels it -->
-    <button type="button" class="modeBtn" id="modeToggle" aria-label="Switch light or dark mode">
-      <svg class="moon" viewBox="0 0 20 20" aria-hidden="true" fill="none" stroke="currentColor"
-           stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M16.2 12.4A6.8 6.8 0 0 1 7.6 3.8a6.8 6.8 0 1 0 8.6 8.6z"/>
-      </svg>
-      <svg class="sun" viewBox="0 0 20 20" aria-hidden="true" fill="none" stroke="currentColor"
-           stroke-width="1.4" stroke-linecap="round">
-        <circle cx="10" cy="10" r="3.9"/>
-        <path d="M10 1.6v2.1M10 16.3v2.1M1.6 10h2.1M16.3 10h2.1M4.1 4.1l1.5 1.5M14.4 14.4l1.5 1.5M15.9 4.1l-1.5 1.5M5.6 14.4l-1.5 1.5"/>
-      </svg>
-    </button>
     <!-- the identity chip IS the profile trigger; renderWho fills it. Signed
          out it does not exist and the sign-in door takes its slot. -->
     <button class="trig who" type="button" id="who" data-menu="profile" aria-expanded="false" aria-controls="menuProfile" hidden></button>
@@ -1098,28 +1083,6 @@ summary{min-height:24px;padding:3px 0;}
 
   function $(id) { return document.getElementById(id); }
 
-  /* ── light/dark: the sky is constant, the mode governs the cards. No saved
-     choice = follow the OS; the toggle stores an explicit one. ── */
-  function resolvedMode() {
-    var m = document.documentElement.getAttribute('data-mode');
-    if (m === 'light' || m === 'dark') return m;
-    return (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) ? 'dark' : 'light';
-  }
-  /* the glyph shows the mode you would GET (the moon in light, the sun in
-     dark — cosmos.css swaps them on data-mode), so the label must say the same.
-     No aria-pressed — this swaps a mode, it is not a two-state toggle button. */
-  function paintModeToggle() {
-    var dark = resolvedMode() === 'dark';
-    var el = $('modeToggle');
-    el.setAttribute('aria-label', dark ? 'Switch to light mode' : 'Switch to dark mode');
-  }
-  $('modeToggle').addEventListener('click', function () {
-    var next = resolvedMode() === 'dark' ? 'light' : 'dark';
-    document.documentElement.setAttribute('data-mode', next);
-    try { localStorage.setItem('cb-color-mode', next); } catch (e) {}
-    paintModeToggle();
-  });
-  paintModeToggle();
   function esc(s) {
     return String(s == null ? '' : s).replace(/[&<>"']/g, function (c) {
       return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c];
@@ -1281,16 +1244,23 @@ summary{min-height:24px;padding:3px 0;}
      deriving it from contract tokens is what makes it survive a re-brand. */
   var ORB_ACCENTS = ['var(--sea)', 'var(--terracotta)', 'var(--gold-soft)', 'var(--sun-lit)', 'var(--accent)'];
   var ORB_GLOWS = ORB_ACCENTS.map(function (t) { return 'color-mix(in srgb,' + t + ' 45%,transparent)'; });
-  /* THE PLANET TEMPLATES (task 1003319). A project's orb is one of the world's
-     three whole chrome objects (blob / pair / bead, on the landing's own crop
-     maths) in the project's accent, styled tint (the accent replaces the
-     chrome's colour), wash (the accent lights it) or chrome (as rendered). A
+  /* THE PLANET TEMPLATES (task 1003319; the materials, task 1003337). A project's
+     orb is one of the world's three whole objects (blob / pair / bead) in one of
+     four materials (chrome — the first round, named by omission — frost, gold,
+     obsidian) in the project's accent, styled tint (the accent replaces the
+     material's colour), wash (the accent lights it) or plain (as rendered; the
+     chrome material's plain is spelled `chrome`, the first round's name). A
      curated `template` on the catalog row wins; otherwise the same canonical
-     walk that assigns the accent assigns the template, and the order here IS
-     the walk: consecutive positions change both the shape and the style, and
-     nine templates against five accents repeat only every forty-five projects.
-     Mirrors platform-identity's PROJECT_TEMPLATES (the DB CHECK). */
-  var ORB_TEMPLATES = ['blob-tint', 'pair-wash', 'bead-chrome', 'blob-wash', 'pair-chrome', 'bead-tint', 'blob-chrome', 'pair-tint', 'bead-wash'];
+     walk that assigns the accent assigns the template: ORB_WALK, whose
+     consecutive positions change shape, material AND style, so twelve against
+     five accents repeat only every sixty projects. ORB_TEMPLATES is every valid
+     name — platform-identity's PROJECT_TEMPLATES (the DB CHECK); ORB_WALK mirrors
+     its PROJECT_TEMPLATE_WALK. */
+  var ORB_SHAPES = ['blob', 'pair', 'bead'], ORB_MATERIALS = ['frost', 'gold', 'obsidian'];
+  var ORB_TEMPLATES = [];
+  ORB_SHAPES.forEach(function (s) { ['tint', 'wash', 'chrome'].forEach(function (y) { ORB_TEMPLATES.push(s + '-' + y); }); });
+  ORB_SHAPES.forEach(function (s) { ORB_MATERIALS.forEach(function (m) { ['tint', 'wash', 'plain'].forEach(function (y) { ORB_TEMPLATES.push(s + '-' + m + '-' + y); }); }); });
+  var ORB_WALK = ['blob-tint', 'pair-gold-wash', 'bead-obsidian-plain', 'blob-frost-wash', 'pair-chrome', 'bead-gold-tint', 'blob-obsidian-wash', 'pair-frost-tint', 'bead-wash', 'blob-gold-plain', 'pair-obsidian-tint', 'bead-frost-wash'];
   var catalog = [];
   var mineOrigins = {};   /* normalized host → 'owner' | 'builder' */
   var ownedInstances = []; /* the viewer's OWN provisioning rows (never torn_down) */
@@ -1328,13 +1298,13 @@ summary{min-height:24px;padding:3px 0;}
       .sort(function (a, b) { return String(a.origin).localeCompare(String(b.origin)); })
       .forEach(function (p, i) {
         p._acc = ORB_ACCENTS[i % ORB_ACCENTS.length];
-        p._tpl = ORB_TEMPLATES[i % ORB_TEMPLATES.length];
+        p._tpl = ORB_WALK[i % ORB_WALK.length];
       });
   }
   function accentOf(p) { return p._acc || ORB_ACCENTS[0]; }
   /* a curated template wins over the walk; an unknown name is not a choice */
   function templateOf(p) {
-    return ORB_TEMPLATES.indexOf(p.template) !== -1 ? p.template : (p._tpl || ORB_TEMPLATES[0]);
+    return ORB_TEMPLATES.indexOf(p.template) !== -1 ? p.template : (p._tpl || ORB_WALK[0]);
   }
   /* the manage cards' accent rule — one project, one colour, in the sky AND
      the list. Shared with orbFor(), which used to carry this hash inline. */
@@ -1345,7 +1315,7 @@ summary{min-height:24px;padding:3px 0;}
   }
   function slugAccent(slug) { return slugHash(slug) % ORB_ACCENTS.length; }
   /* an owned-only entry has no catalog row to carry a template: its slug walks */
-  function slugTemplate(slug) { return ORB_TEMPLATES[slugHash(slug) % ORB_TEMPLATES.length]; }
+  function slugTemplate(slug) { return ORB_WALK[slugHash(slug) % ORB_WALK.length]; }
   function relOf(p) {
     /* an instance the viewer provisioned is a server-resolved authority too —
        own-scoped by owner_builder_id, no client inference (direction §2
@@ -1438,11 +1408,13 @@ summary{min-height:24px;padding:3px 0;}
       a.setAttribute('data-generated', '');
       var rel = relOf(p);
       a.setAttribute('data-rel', rel);
-      /* the planet: shape and style as data attributes, cosmos.css does the rest */
+      /* the planet: shape, material and style as data attributes (shape[-material]-style;
+         no material = chrome), cosmos.css does the rest */
       var tpl = templateOf(p), tplParts = tpl.split('-');
       a.setAttribute('data-template', tpl);
       a.setAttribute('data-shape', tplParts[0]);
-      a.setAttribute('data-style', tplParts[1]);
+      a.setAttribute('data-material', tplParts.length === 3 ? tplParts[1] : 'chrome');
+      a.setAttribute('data-style', tplParts[tplParts.length - 1]);
       var inst = p._inst;
       var href = safeHttpUrl(p.origin);
       if (inst) {

package/public-landing/projects.probes.json

@@ -82,9 +82,6 @@
     { "name": "a solo Shift tap focuses the search on the map", "continue": true,
       "steps": [["clickAt", 700, 600], ["press", "Shift"], ["wait", 100]],
       "expect": { "activeId": "mapQ" } },
-    { "name": "the mode toggle: the label says what the press does, and the press does it", "continue": true,
-      "steps": [["clickAt", 700, 600], ["click", "#modeToggle"], ["wait", 100]],
-      "expect": { "attr": [["#modeToggle", "aria-label", "Switch to light mode"], ["html", "data-mode", "dark"]] } },
     { "name": "the Table deep link (the landing's band item) lands on the table, Table current (task 1003332)", "auth": true, "width": 1440, "url": "/projects?view=map&sub=table",
       "steps": [["wait", 300]],
       "expect": { "visible": ["#sub-table-body", ".tblMast"], "hidden": ["#sub-sky-body"], "text": [["[aria-current=\"page\"]", "Table"], [".tblTitle", "every project"]] } },