feat(3d-heroes): replace chibi 2D avatars with real Three.js 3D heroes — Yachay

Replace the chibi 2D avatar stickers on the SZL Holdings org card with five
distinct, real Three.js r171 3D hero figures (one per organ), rendered above
the fold and each in its own scene cell:
amaru — serpent (TubeGeometry) coiled around a glowing crystal core
sentra — icosahedron hex shield with orbiting/absorbed threat dots
rosie — operator console: head + HUD rings + pulsing data lines
killinchu — low-poly kestrel over faceted terrain, 53 drone-dots circling
a11oy — 16-node icosahedron knot-graph (Khipu cords) with edge pulse

Click any figure -> opens that organ live HF Space. Mobile-first per
SZL_MOBILE_FIRST_STANDARD: viewport-fit=cover, touch-rotate, low-power renderer
on mobile, document.hidden render pause, prefers-reduced-motion honored.

Also adds a Live Mesh panel (/healthz badges flip green/red, 5s poll) + Latest
signed receipts panel (Khipu DAG tail) + running receipt counter. Removes the
chibi mission-room WebP band, ambient chibi emoji layer, and chibi team still.
Fixes stale Doctrine v10 -> Doctrine v11 LOCKED (749/14/163) in footer + meta.

ADDITIVE: banner art, org name, ORCID/GitHub/UDS links, all routes preserved.
Apache-2.0. Doctrine v11 LOCKED: 749 declarations / 14 unique axioms / 163 sorries.

Signed: Yachay <yachay@szlholdings.dev>
Co-Authored-By: Perplexity Computer Agent

README.md

@@ -12,11 +12,9 @@ short_description: Provenanced AI · Lean-proven · DSSE-signed · UDS
 
 <img src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/szl_banner.png" alt="SZL Holdings — provenanced AI infrastructure" width="100%"/>
 
-<a href="https://huggingface.co/spaces/SZLHOLDINGS/a11oy"><img src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/a11oy_avatar.png" width="120" alt="a11oy"/></a>
-<a href="https://huggingface.co/spaces/SZLHOLDINGS/amaru"><img src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/amaru_avatar.png" width="120" alt="amaru"/></a>
-<a href="https://huggingface.co/spaces/SZLHOLDINGS/sentra"><img src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/sentra_avatar.png" width="120" alt="sentra"/></a>
-<a href="https://huggingface.co/spaces/SZLHOLDINGS/rosie"><img src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/rosie_avatar.png" width="120" alt="rosie"/></a>
-<a href="https://huggingface.co/spaces/SZLHOLDINGS/killinchu"><img src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/vessels_avatar.png" width="120" alt="killinchu"/></a>
+**[amaru](https://huggingface.co/spaces/SZLHOLDINGS/amaru)** · **[sentra](https://huggingface.co/spaces/SZLHOLDINGS/sentra)** · **[rosie](https://huggingface.co/spaces/SZLHOLDINGS/rosie)** · **[killinchu](https://huggingface.co/spaces/SZLHOLDINGS/killinchu)** · **[a11oy](https://huggingface.co/spaces/SZLHOLDINGS/a11oy)**
+
+*Five organs, rendered as live interactive 3D figures on the [org card](https://szlholdings-readme.static.hf.space/) (Three.js r171 — touch-rotate on mobile, tap a figure to open its Space).*
 
 ## SZL Holdings — Provenanced AI Infrastructure
 

index.html

@@ -7,9 +7,9 @@
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
   <meta name="theme-color" content="#1a0d2e"/>
   <title>SZL Holdings — Governed Agentic Mesh</title>
-  <meta name="description" content="SZL Holdings: a governed agentic mesh. rosie commands a11oy; a11oy enforces; amaru remembers; sentra guards; vessels carries the load. Doctrine v10, formal Lean proofs, signed receipts."/>
+  <meta name="description" content="SZL Holdings: a governed agentic mesh. rosie commands a11oy; a11oy enforces; amaru remembers; sentra guards; vessels carries the load. Doctrine v11 (749/14/163), formal Lean proofs, signed receipts."/>
   <meta property="og:title" content="SZL Holdings — Governed Agentic Mesh"/>
-  <meta property="og:description" content="Five organs, ten sub-organs. Every call leaves a receipt. Doctrine v10 · 0 violations."/>
+  <meta property="og:description" content="Five organs, ten sub-organs. Every call leaves a receipt. Doctrine v11 LOCKED · 749/14/163."/>
   <meta property="og:image" content="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/szl_banner.png"/>
   <meta property="og:type" content="website"/>
   <link rel="preconnect" href="https://fonts.googleapis.com"/>
@@ -241,64 +241,228 @@
   </style>
 </head>
 <body>
+<!-- ================= SZL 3D HERO FIGURES (Three.js) — replaces chibi 2D avatars =================
+     Five distinct procedural low-poly 3D heroes, one per organ, each in its own scene cell.
+     Click a figure -> opens that organ's live HF Space. Mobile-first per SZL_MOBILE_FIRST_STANDARD.
+     Aesthetic: dark slate #0a0e14 cells, warm gold #d4a444 accents, white emissive highlights.
+     Apache-2.0 · Signed Yachay <yachay@szlholdings.dev> · Doctrine v11 LOCKED (749/14/163).
+     ADDITIVE: this block replaces ONLY the chibi avatar portrait row. -->
+<section id="szl-3d-heroes" style="padding:3rem 0 1rem;text-align:center;">
+  <div class="container">
+    <p class="mr-head" style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:0.2rem;">The Mesh · Five Organs · Live 3D</p>
+    <div id="szl-hero-grid" role="group" aria-label="SZL Holdings five organs, interactive 3D figures">
+      <a class="szl-hero-cell" href="https://huggingface.co/spaces/SZLHOLDINGS/amaru"   data-organ="amaru"   aria-label="amaru — memory cortex (serpent + crystal core), open Space"><canvas data-organ="amaru"></canvas><span class="szl-hero-name">amaru</span><span class="szl-hero-role">cortex · serpent</span></a>
+      <a class="szl-hero-cell" href="https://huggingface.co/spaces/SZLHOLDINGS/sentra"  data-organ="sentra"  aria-label="sentra — immune shield, open Space"><canvas data-organ="sentra"></canvas><span class="szl-hero-name">sentra</span><span class="szl-hero-role">immune · shield</span></a>
+      <a class="szl-hero-cell" href="https://huggingface.co/spaces/SZLHOLDINGS/rosie"   data-organ="rosie"   aria-label="rosie — operator console (HUD rings), open Space"><canvas data-organ="rosie"></canvas><span class="szl-hero-name">rosie</span><span class="szl-hero-role">operator · console</span></a>
+      <a class="szl-hero-cell" href="https://huggingface.co/spaces/SZLHOLDINGS/killinchu" data-organ="killinchu" aria-label="killinchu — kestrel drone intel, open Space"><canvas data-organ="killinchu"></canvas><span class="szl-hero-name">killinchu</span><span class="szl-hero-role">kestrel · drone</span></a>
+      <a class="szl-hero-cell" href="https://huggingface.co/spaces/SZLHOLDINGS/a11oy"   data-organ="a11oy"   aria-label="a11oy — router knot-graph (Khipu cords), open Space"><canvas data-organ="a11oy"></canvas><span class="szl-hero-name">a11oy</span><span class="szl-hero-role">router · wires</span></a>
+    </div>
+    <p style="font-family:var(--font-mono);font-size:0.68rem;color:var(--text-dim);margin-top:0.9rem;letter-spacing:0.04em;">Real Three.js · touch-rotate on mobile · tap a figure to open its Space</p>
+  </div>
+</section>
+
+<style id="szl-3d-heroes-style">
+  #szl-hero-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.1rem;margin-top:1.4rem;}
+  .szl-hero-cell{display:flex;flex-direction:column;align-items:center;background:#0a0e14;
+    border:1px solid rgba(212,164,68,0.22);border-radius:16px;padding:0.6rem 0.5rem 0.9rem;
+    text-decoration:none;border-bottom:1px solid rgba(212,164,68,0.22);
+    transition:transform .18s,border-color .18s,box-shadow .18s;min-height:44px;}
+  .szl-hero-cell:hover,.szl-hero-cell:focus-visible{transform:translateY(-4px);
+    border-color:#d4a444;box-shadow:0 12px 30px rgba(0,0,0,0.5);outline:none;}
+  .szl-hero-cell canvas{width:100%;aspect-ratio:1/1;display:block;border-radius:12px;
+    background:radial-gradient(circle at 50% 40%,#10151f,#06090f 70%);touch-action:none;}
+  .szl-hero-name{font-family:var(--font-head,'Cinzel',serif);font-size:1.05rem;color:#d4a444;margin-top:0.55rem;}
+  .szl-hero-role{font-family:var(--font-mono,monospace);font-size:0.62rem;color:#8c7d5e;letter-spacing:0.06em;text-transform:uppercase;}
+  @media(max-width:900px) and (min-width:561px){#szl-hero-grid{grid-template-columns:repeat(3,1fr);}}
+  @media(max-width:560px){#szl-hero-grid{grid-template-columns:repeat(2,1fr);gap:0.8rem;}
+    .szl-hero-cell{width:80vw;max-width:none;margin:0 auto;}
+    #szl-hero-grid .szl-hero-cell:last-child{grid-column:1 / -1;width:80vw;}}
+  @media(prefers-reduced-motion:reduce){.szl-hero-cell{transition:none;}}
+</style>
+
+<script type="importmap">
+{ "imports": { "three": "https://unpkg.com/three@0.171.0/build/three.module.js" } }
+</script>
+<script type="module">
+import * as THREE from 'three';
+
+const SZL_MOBILE  = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0);
+const SZL_REDUCED = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+const PR = Math.min(window.devicePixelRatio || 1, SZL_MOBILE ? 1.5 : 2);
+const GOLD = 0xd4a444, GOLD_HI = 0xe8cc6a, WHITE = 0xffffff, SLATE = 0x0a0e14;
+
+const cells = [];
+
+function makeScene(canvas, organ){
+  const renderer = new THREE.WebGLRenderer({
+    canvas, antialias: !SZL_MOBILE, alpha: true,
+    powerPreference: SZL_MOBILE ? 'low-power' : 'high-performance'
+  });
+  renderer.setPixelRatio(PR);
+  const scene = new THREE.Scene();
+  scene.background = null;
+  const cam = new THREE.PerspectiveCamera(42, 1, 0.1, 100);
+  cam.position.set(0, 0.4, 6.2);
+
+  scene.add(new THREE.AmbientLight(0x404a5e, 1.1));
+  const key = new THREE.DirectionalLight(GOLD_HI, 1.6); key.position.set(3,4,5); scene.add(key);
+  const rim = new THREE.DirectionalLight(0x6688ff, 0.7); rim.position.set(-4,-2,-3); scene.add(rim);
+  const pt = new THREE.PointLight(WHITE, 0.9, 20); pt.position.set(0,0,4); scene.add(pt);
+
+  const root = new THREE.Group(); scene.add(root);
+  const goldMat  = new THREE.MeshStandardMaterial({color:GOLD, metalness:0.85, roughness:0.32, emissive:0x2a1d08, emissiveIntensity:0.4});
+  const slateMat = new THREE.MeshStandardMaterial({color:0x1b2230, metalness:0.6, roughness:0.5});
+  const emitMat  = new THREE.MeshStandardMaterial({color:WHITE, emissive:WHITE, emissiveIntensity:1.4, metalness:0.2, roughness:0.3});
+  const goldEmit = new THREE.MeshStandardMaterial({color:GOLD_HI, emissive:GOLD, emissiveIntensity:1.1});
+
+  const extras = {}; // per-organ animated handles
+
+  if(organ==='amaru'){
+    // serpent (tube) coiled around a glowing crystal core
+    const core = new THREE.Mesh(new THREE.IcosahedronGeometry(0.85,0), emitMat.clone());
+    core.material.color.setHex(GOLD_HI); core.material.emissive.setHex(GOLD);
+    root.add(core); extras.core = core;
+    const pts=[]; const turns=3.2, N=160;
+    for(let i=0;i<=N;i++){const t=i/N; const a=t*Math.PI*2*turns; const r=1.5-0.35*t;
+      pts.push(new THREE.Vector3(Math.cos(a)*r, (t-0.5)*3.0, Math.sin(a)*r));}
+    const tube = new THREE.Mesh(new THREE.TubeGeometry(new THREE.CatmullRomCurve3(pts),200,0.16,10,false), goldMat.clone());
+    root.add(tube);
+    const head = new THREE.Mesh(new THREE.ConeGeometry(0.26,0.6,8), goldEmit.clone());
+    const hp = pts[pts.length-1]; head.position.copy(hp); root.add(head);
+    const eyeL=new THREE.Mesh(new THREE.SphereGeometry(0.05,8,8),emitMat); eyeL.position.copy(hp).add(new THREE.Vector3(0.12,0.1,0.12)); root.add(eyeL);
+  }
+  else if(organ==='sentra'){
+    // icosahedron shield with hex panels + threat dots absorbed
+    const shield = new THREE.Mesh(new THREE.IcosahedronGeometry(1.5,1),
+      new THREE.MeshStandardMaterial({color:0x16202f, metalness:0.7, roughness:0.35, flatShading:true}));
+    root.add(shield);
+    const wire = new THREE.LineSegments(new THREE.WireframeGeometry(shield.geometry),
+      new THREE.LineBasicMaterial({color:GOLD})); root.add(wire);
+    const lambda = new THREE.Mesh(new THREE.TorusGeometry(0.55,0.07,8,30), goldEmit.clone());
+    root.add(lambda); extras.lambda=lambda;
+    const threats=[]; const tg=new THREE.SphereGeometry(0.08,8,8);
+    const tm=new THREE.MeshStandardMaterial({color:0xff5a44,emissive:0xff5a44,emissiveIntensity:1.2});
+    for(let i=0;i<8;i++){const m=new THREE.Mesh(tg,tm.clone());
+      m.userData={a:Math.random()*6.28, r:2.4+Math.random()*0.6, sp:0.6+Math.random()*0.5};
+      root.add(m); threats.push(m);} extras.threats=threats;
+  }
+  else if(organ==='rosie'){
+    // torus + sphere stack (head + HUD rings) + pulsing data lines
+    const head = new THREE.Mesh(new THREE.SphereGeometry(0.7,24,24), slateMat.clone());
+    head.material.color.setHex(0x1d2636); head.position.y=0.2; root.add(head);
+    const visor = new THREE.Mesh(new THREE.TorusGeometry(0.55,0.09,10,30), goldEmit.clone());
+    visor.rotation.x=Math.PI/2; visor.position.y=0.2; root.add(visor);
+    const rings=[];
+    for(let i=0;i<3;i++){const r=new THREE.Mesh(new THREE.TorusGeometry(1.0+i*0.42,0.025,8,48),
+      new THREE.MeshStandardMaterial({color:GOLD,emissive:GOLD,emissiveIntensity:0.6,transparent:true,opacity:0.8-i*0.18}));
+      r.rotation.x=Math.PI/2.1; r.position.y=-0.1; root.add(r); rings.push(r);} extras.rings=rings;
+    const base=new THREE.Mesh(new THREE.CylinderGeometry(0.9,1.05,0.18,32), slateMat.clone()); base.position.y=-1.25; root.add(base);
+    // pulsing data lines (vertical)
+    const lines=[]; for(let i=0;i<6;i++){const a=i/6*6.28;
+      const m=new THREE.Mesh(new THREE.BoxGeometry(0.05,1.2,0.05),goldEmit.clone());
+      m.position.set(Math.cos(a)*1.3,-0.55,Math.sin(a)*1.3); root.add(m); lines.push(m);} extras.lines=lines;
+  }
+  else if(organ==='killinchu'){
+    // low-poly kestrel over faceted terrain + 53 drone-dots circling
+    const terrain=new THREE.Mesh(new THREE.ConeGeometry(2.3,0.7,3,1),
+      new THREE.MeshStandardMaterial({color:0x14202c,metalness:0.4,roughness:0.7,flatShading:true}));
+    terrain.position.y=-1.6; terrain.rotation.y=0.4; root.add(terrain);
+    const bird=new THREE.Group(); bird.position.y=0.5; root.add(bird); extras.bird=bird;
+    const body=new THREE.Mesh(new THREE.ConeGeometry(0.22,1.0,6),goldMat.clone());
+    body.rotation.x=Math.PI/2; bird.add(body);
+    const wgeo=new THREE.BufferGeometry(); const wv=new Float32Array([0,0,0, 1.5,0.15,-0.5, 1.3,-0.05,0.4]);
+    wgeo.setAttribute('position',new THREE.BufferAttribute(wv,3)); wgeo.computeVertexNormals();
+    const wmat=new THREE.MeshStandardMaterial({color:GOLD_HI,metalness:0.7,roughness:0.4,side:THREE.DoubleSide,flatShading:true});
+    const wingL=new THREE.Mesh(wgeo,wmat); const wingR=new THREE.Mesh(wgeo,wmat); wingR.scale.x=-1;
+    bird.add(wingL); bird.add(wingR); extras.wingL=wingL; extras.wingR=wingR;
+    const eye=new THREE.Mesh(new THREE.SphereGeometry(0.06,8,8),emitMat); eye.position.set(0.08,0.05,0.5); bird.add(eye);
+    // 53 drone-dots
+    const dg=new THREE.SphereGeometry(0.04,6,6);
+    const dm=new THREE.MeshStandardMaterial({color:WHITE,emissive:0x88ccff,emissiveIntensity:1.0});
+    const drones=new THREE.InstancedMesh(dg,dm,53); const dummy=new THREE.Object3D(); const dd=[];
+    for(let i=0;i<53;i++){dd.push({a:Math.random()*6.28, r:1.6+Math.random()*0.9, y:-0.3+Math.random()*1.4, sp:0.4+Math.random()*0.6});}
+    root.add(drones); extras.drones=drones; extras.dd=dd; extras.dummy=dummy;
+  }
+  else if(organ==='a11oy'){
+    // 16-node icosahedron knot-graph (Khipu cords) + edge pulses
+    const ico=new THREE.IcosahedronGeometry(1.5,0);
+    const pos=ico.attributes.position; const nodes=[]; const seen=new Set();
+    for(let i=0;i<pos.count;i++){const v=new THREE.Vector3().fromBufferAttribute(pos,i);
+      const k=v.toArray().map(n=>n.toFixed(2)).join(','); if(seen.has(k))continue; seen.add(k); nodes.push(v);}
+    const ng=new THREE.SphereGeometry(0.13,12,12);
+    nodes.forEach(v=>{const m=new THREE.Mesh(ng,goldEmit.clone()); m.position.copy(v); root.add(m);});
+    // knotted edges
+    const edgeMat=new THREE.LineBasicMaterial({color:GOLD,transparent:true,opacity:0.6});
+    const segs=[]; for(let i=0;i<nodes.length;i++)for(let j=i+1;j<nodes.length;j++){
+      if(nodes[i].distanceTo(nodes[j])<1.95){segs.push(nodes[i],nodes[j]);}}
+    const eg=new THREE.BufferGeometry().setFromPoints(segs);
+    root.add(new THREE.LineSegments(eg, edgeMat));
+    // pulse traveling along edges
+    const pulse=new THREE.Mesh(new THREE.SphereGeometry(0.1,10,10),emitMat); root.add(pulse);
+    extras.pulse=pulse; extras.segs=segs;
+  }
+
+  // touch / mouse rotate (additive — auto-rotate continues unless reduced motion)
+  let drag=false, px=0, py=0, vy=0, vx=0;
+  const dn=e=>{drag=true; const p=e.touches?e.touches[0]:e; px=p.clientX; py=p.clientY;};
+  const mv=e=>{if(!drag)return; const p=e.touches?e.touches[0]:e;
+    vy=(p.clientX-px)*0.01; vx=(p.clientY-py)*0.01; root.rotation.y+=vy; root.rotation.x+=vx;
+    px=p.clientX; py=p.clientY; if(e.touches)e.preventDefault();};
+  const up=()=>{drag=false;};
+  canvas.addEventListener('mousedown',dn); canvas.addEventListener('mousemove',mv); window.addEventListener('mouseup',up);
+  canvas.addEventListener('touchstart',dn,{passive:true}); canvas.addEventListener('touchmove',mv,{passive:false}); canvas.addEventListener('touchend',up);
+
+  function resize(){const w=canvas.clientWidth||220, h=canvas.clientHeight||220;
+    if(canvas.width!==w*PR||canvas.height!==h*PR){renderer.setSize(w,h,false); cam.aspect=w/h; cam.updateProjectionMatrix();}}
+
+  cells.push({renderer,scene,cam,root,organ,extras,resize});
+}
+
+document.querySelectorAll('#szl-hero-grid canvas').forEach(c=>makeScene(c, c.dataset.organ));
+
+let t0=performance.now();
+function loop(now){
+  requestAnimationFrame(loop);
+  if(document.hidden) return;
+  const t=(now-t0)/1000;
+  for(const c of cells){
+    c.resize();
+    if(!SZL_REDUCED) c.root.rotation.y += 0.0045;
+    const e=c.extras;
+    if(c.organ==='amaru' && e.core){ e.core.rotation.y+=0.02; e.core.scale.setScalar(1+Math.sin(t*2)*0.06); }
+    if(c.organ==='sentra'){ if(e.lambda)e.lambda.rotation.z+=0.02;
+      (e.threats||[]).forEach(m=>{m.userData.r-=m.userData.sp*0.012; if(m.userData.r<0.6){m.userData.r=2.6;}
+        m.userData.a+=0.02; m.position.set(Math.cos(m.userData.a)*m.userData.r, Math.sin(m.userData.a*1.3)*0.6, Math.sin(m.userData.a)*m.userData.r);}); }
+    if(c.organ==='rosie'){ (e.rings||[]).forEach((r,i)=>r.rotation.z+=0.01*(i+1));
+      (e.lines||[]).forEach((l,i)=>{l.scale.y=0.6+0.5*(0.5+0.5*Math.sin(t*3+i)); l.material.emissiveIntensity=0.6+0.6*(0.5+0.5*Math.sin(t*3+i));}); }
+    if(c.organ==='killinchu'){ if(e.bird)e.bird.position.y=0.5+Math.sin(t*1.5)*0.12;
+      if(e.wingL){const f=Math.sin(t*5)*0.5; e.wingL.rotation.z=f; e.wingR.rotation.z=-f;}
+      if(e.drones){const dummy=e.dummy; e.dd.forEach((d,i)=>{d.a+=d.sp*0.01;
+        dummy.position.set(Math.cos(d.a)*d.r,d.y+Math.sin(t+d.a)*0.1,Math.sin(d.a)*d.r);
+        dummy.updateMatrix(); e.drones.setMatrixAt(i,dummy.matrix);}); e.drones.instanceMatrix.needsUpdate=true;} }
+    if(c.organ==='a11oy' && e.pulse && e.segs.length){
+      const seg=Math.floor(t*0.7)%(e.segs.length/2); const a=e.segs[seg*2], b=e.segs[seg*2+1];
+      const f=(t*0.7)%1; e.pulse.position.lerpVectors(a,b,f); }
+    c.renderer.render(c.scene,c.cam);
+  }
+}
+requestAnimationFrame(loop);
+</script>
+<!-- ================= /SZL 3D HERO FIGURES ================= -->
 
 <!-- BANNER — UNTOUCHED (5-hero painterly artwork is sacred) -->
 <section id="banner" style="padding:0;border-top:none;">
   <img src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/szl_banner.png" alt="SZL Holdings — the five-hero governed agentic mesh team" style="display:block;width:100%;height:auto;"/>
 </section>
 
-<!-- MISSION ROOM (Wave4 — additive) — joint cyber-ops action band below the banner,
-     above the five-hero portrait row. Six characters, each a small animated WebP
-     looping its own cyber task (loop baked into the WebP). Replaces the previous
-     static team picture, which now lives in the footer stills strip. Banner, the
-     five painterly hero portraits and the ambient emoji layer are untouched.
-     Each unit stacks an animated layer over a static first-frame layer; under
-     prefers-reduced-motion the animated layer is hidden and the still is shown. -->
-<section id="mission-room">
-  <div class="container">
-    <p class="mr-head">Mission Room · Live</p>
-    <div class="mr-band">
-      <span class="mr-unit">
-        <img class="mr-static" width="170" height="170" src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/action/a11oy_still.webp" alt="" aria-hidden="true"/>
-        <img class="mr-anim" width="170" height="170" src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/action/a11oy.webp" alt="a11oy typing at a holographic console"/>
-      </span>
-      <span class="mr-unit">
-        <img class="mr-static" width="170" height="170" src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/action/amaru_still.webp" alt="" aria-hidden="true"/>
-        <img class="mr-anim" width="170" height="170" src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/action/amaru.webp" alt="amaru reading a scroll of code as provenance glyphs rise"/>
-      </span>
-      <span class="mr-unit">
-        <img class="mr-static" width="170" height="170" src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/action/sentra_still.webp" alt="" aria-hidden="true"/>
-        <img class="mr-anim" width="170" height="170" src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/action/sentra.webp" alt="sentra raising a hex energy shield, deflecting pixels"/>
-      </span>
-      <span class="mr-unit">
-        <img class="mr-static" width="170" height="170" src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/action/vessels_still.webp" alt="" aria-hidden="true"/>
-        <img class="mr-anim" width="170" height="170" src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/action/vessels.webp" alt="vessels routing across a holographic globe with a chain-link cursor"/>
-      </span>
-      <span class="mr-unit">
-        <img class="mr-static" width="170" height="170" src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/action/rosie_still.webp" alt="" aria-hidden="true"/>
-        <img class="mr-anim" width="170" height="170" src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/action/rosie.webp" alt="rosie at the operator console with comms and scrolling holo-text"/>
-      </span>
-      <span class="mr-unit">
-        <img class="mr-static" width="170" height="170" src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/action/doug_still.webp" alt="" aria-hidden="true"/>
-        <img class="mr-anim" width="170" height="170" src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/action/doug.webp" alt="Doug the Defense Unicorns mascot at a tactical laptop running a radar sweep"/>
-      </span>
-    </div>
-    <p class="mr-cap">Built for the mission. Built on <b>UDS</b>.</p>
-  </div>
-</section>
+
 
 <!-- flag block: five hero portraits as links + org name + icon links + footer -->
 <main id="main">
 <section style="padding:3.5rem 0;text-align:center;">
   <div class="container">
 
-    <div style="display:flex;justify-content:center;gap:1.4rem;flex-wrap:wrap;margin-bottom:2.2rem;">
-      <a href="https://huggingface.co/spaces/SZLHOLDINGS/rosie" aria-label="rosie"><img src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/rosie_avatar.png" width="128" height="128" alt="rosie" style="border-radius:50%;border:2px solid var(--gold);"/></a>
-      <a href="https://huggingface.co/spaces/SZLHOLDINGS/a11oy" aria-label="a11oy"><img src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/a11oy_avatar.png" width="128" height="128" alt="a11oy" style="border-radius:50%;border:2px solid var(--gold);"/></a>
-      <a href="https://huggingface.co/spaces/SZLHOLDINGS/amaru" aria-label="amaru"><img src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/amaru_avatar.png" width="128" height="128" alt="amaru" style="border-radius:50%;border:2px solid var(--gold);"/></a>
-      <a href="https://huggingface.co/spaces/SZLHOLDINGS/sentra" aria-label="sentra"><img src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/sentra_avatar.png" width="128" height="128" alt="sentra" style="border-radius:50%;border:2px solid var(--gold);"/></a>
-      <a href="https://huggingface.co/spaces/SZLHOLDINGS/vessels" aria-label="vessels"><img src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/vessels_avatar.png" width="128" height="128" alt="vessels" style="border-radius:50%;border:2px solid var(--gold);"/></a>
-    </div>
+    <!-- chibi portrait row replaced by 3D heroes (above) + live mesh panel (below) — Yachay -->
 
     <h1 style="margin-bottom:1.4rem;">SZL&nbsp;Holdings</h1>
 
@@ -311,15 +475,90 @@
   </div>
 </section>
 </main>
+<!-- ============ LIVE MESH + LATEST RECEIPTS (ADDITIVE — Yachay) ============
+     Polls /healthz of each flagship live (badge flips green/red) and pulls the
+     5 most recent Khipu receipts across the mesh. Apache-2.0. Doctrine v11 LOCKED. -->
+<section id="szl-live-mesh" style="padding:2.2rem 0;">
+  <div class="container">
+    <p class="mr-head" style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:0.2rem;text-align:center;">Live Mesh · /healthz</p>
+    <div id="szl-mesh-grid" style="display:grid;grid-template-columns:repeat(5,1fr);gap:0.7rem;margin:1rem 0 0;">
+      <div class="szl-mesh-cell" data-organ="amaru"><span class="szl-mesh-name">amaru</span><span class="szl-mesh-badge" data-code="…">…</span></div>
+      <div class="szl-mesh-cell" data-organ="sentra"><span class="szl-mesh-name">sentra</span><span class="szl-mesh-badge" data-code="…">…</span></div>
+      <div class="szl-mesh-cell" data-organ="rosie"><span class="szl-mesh-name">rosie</span><span class="szl-mesh-badge" data-code="…">…</span></div>
+      <div class="szl-mesh-cell" data-organ="killinchu"><span class="szl-mesh-name">killinchu</span><span class="szl-mesh-badge" data-code="…">…</span></div>
+      <div class="szl-mesh-cell" data-organ="a11oy"><span class="szl-mesh-name">a11oy</span><span class="szl-mesh-badge" data-code="…">…</span></div>
+    </div>
+    <p id="szl-receipt-counter" style="text-align:center;font-family:var(--font-mono);font-size:0.8rem;color:var(--gold-light);margin-top:1.1rem;">signed receipts across the mesh: <b data-receipts>—</b></p>
+    <div style="max-width:760px;margin:1.2rem auto 0;">
+      <p class="mr-head" style="font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:0.4rem;text-align:center;">Latest signed receipts</p>
+      <ul id="szl-receipt-list" style="list-style:none;padding:0;margin:0;font-family:var(--font-mono);font-size:0.72rem;color:var(--text-muted);">
+        <li style="opacity:0.6;text-align:center;padding:0.5rem;">polling Khipu DAG…</li>
+      </ul>
+    </div>
+  </div>
+</section>
+<style id="szl-live-mesh-style">
+  .szl-mesh-cell{background:var(--glass,rgba(45,27,78,0.55));border:1px solid var(--border,rgba(212,175,55,0.18));border-radius:12px;padding:0.7rem 0.4rem;text-align:center;display:flex;flex-direction:column;gap:0.4rem;min-height:44px;}
+  .szl-mesh-name{font-family:var(--font-mono,monospace);font-size:0.72rem;color:var(--text-muted,#a090c0);letter-spacing:0.04em;}
+  .szl-mesh-badge{font-family:var(--font-mono,monospace);font-size:0.78rem;font-weight:600;padding:0.18rem 0.4rem;border-radius:6px;background:rgba(255,255,255,0.06);color:var(--text-dim,#7060a0);}
+  .szl-mesh-badge.ok{background:rgba(61,220,132,0.16);color:#3ddc84;}
+  .szl-mesh-badge.down{background:rgba(255,90,68,0.16);color:#ff7a59;}
+  #szl-receipt-list li{padding:0.4rem 0.6rem;border-bottom:1px solid var(--border,rgba(212,175,55,0.12));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+  #szl-receipt-list li b{color:var(--gold-light,#e8cc6a);}
+  @media(max-width:900px) and (min-width:561px){#szl-mesh-grid{grid-template-columns:repeat(3,1fr);}}
+  @media(max-width:560px){#szl-mesh-grid{grid-template-columns:repeat(2,1fr);}}
+</style>
+<script>
+(function(){
+  var ORGANS=["amaru","sentra","rosie","killinchu","a11oy"];
+  var receipts=[];
+  function base(o){return "https://szlholdings-"+o+".hf.space";}
+  function pollHealth(){
+    ORGANS.forEach(function(o){
+      var cell=document.querySelector('.szl-mesh-cell[data-organ="'+o+'"] .szl-mesh-badge');
+      if(!cell)return;
+      fetch(base(o)+"/healthz",{mode:"cors",cache:"no-store"}).then(function(r){
+        cell.textContent=r.status; cell.dataset.code=r.status;
+        cell.className="szl-mesh-badge "+(r.ok?"ok":"down");
+      }).catch(function(){ cell.textContent="—"; cell.className="szl-mesh-badge down"; });
+    });
+  }
+  function pollReceipts(){
+    var total=0, got=0;
+    ORGANS.forEach(function(o){
+      // metrics counter for running total
+      fetch(base(o)+"/metrics",{mode:"cors",cache:"no-store"}).then(function(r){return r.text();}).then(function(t){
+        var m=t.match(/(\w*receipts_total)\s+(\d+)/);
+        if(m){ total+=parseInt(m[2],10); }
+      }).catch(function(){}).finally(function(){
+        got++; if(got>=ORGANS.length){var b=document.querySelector('[data-receipts]'); if(b&&total>0)b.textContent=total.toLocaleString();}
+      });
+      // latest receipts
+      fetch(base(o)+"/api/"+o+"/v2/khipu/lmdb/tail?n=2",{mode:"cors",cache:"no-store"}).then(function(r){return r.json();}).then(function(j){
+        var arr=(j&&j.receipts)||j&&j.tail||[];
+        arr.forEach(function(rec){ receipts.push({organ:o, id:(rec.id||rec.hash||rec.receipt_id||"").toString().slice(0,16), ts:rec.ts||rec.timestamp||""}); });
+        renderReceipts();
+      }).catch(function(){});
+    });
+  }
+  function renderReceipts(){
+    var ul=document.getElementById("szl-receipt-list"); if(!ul)return;
+    var latest=receipts.slice(-5).reverse();
+    if(!latest.length)return;
+    ul.innerHTML=latest.map(function(r){return '<li><b>'+r.organ+'</b> · '+(r.id||'receipt')+' <span style="opacity:0.6;">'+(r.ts||'')+'</span></li>';}).join("");
+  }
+  pollHealth(); pollReceipts();
+  setInterval(pollHealth,5000); setInterval(pollReceipts,15000);
+})();
+</script>
+<!-- ============ /LIVE MESH + LATEST RECEIPTS ============ -->
+
 
 <footer style="text-align:center;padding:1.5rem 0;border-top:1px solid var(--border);">
   <!-- Stills strip: the previous static team picture, relocated here from below the banner
        when the live Mission Room action band replaced it. Kept as a reference still. -->
-  <div style="max-width:520px;margin:0 auto 1.4rem;">
-    <p class="mono" style="font-size:0.66rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:0.5rem;">Stills</p>
-    <img src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/group_shot_v1.png" alt="SZL Holdings team portrait: the five painterly heroes alongside Hatun, the SZL mission unicorn" style="display:block;width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border);opacity:0.9;"/>
-  </div>
-  <span class="mono" style="font-size:0.72rem;color:var(--text-dim);">— szl-holdings/.github @ d304951 · Doctrine v10 · ORCID 0009-0001-0110-4173</span>
+  <!-- team-portrait still removed: replaced by 3D heroes (Yachay) -->
+  <span class="mono" style="font-size:0.72rem;color:var(--text-dim);">— szl-holdings/.github @ d304951 · Doctrine v11 LOCKED · 749 declarations · 14 unique axioms · 163 sorries · ORCID 0009-0001-0110-4173</span>
 </footer>
 
 <!-- AMBIENT EMOJI LAYER (Wave4, additive) — 5 character emojis hanging around
@@ -328,13 +567,6 @@
      HTML sanitizer), these small 64px images fall to the page bottom instead of
      overlaying content; explicit width/height attributes keep them small even
      with CSS removed. Animation is gated behind prefers-reduced-motion: no-preference. -->
-<div class="emoji-layer" aria-hidden="true">
-  <span class="ambient-emoji ae-a11oy"><img class="ae-inner" width="64" height="64" src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/emoji/a11oy_emoji.png" alt=""/></span>
-  <span class="ambient-emoji ae-rosie"><img class="ae-inner" width="64" height="64" src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/emoji/rosie_emoji.png" alt=""/></span>
-  <span class="ambient-emoji ae-amaru"><img class="ae-inner" width="64" height="64" src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/emoji/amaru_emoji.png" alt=""/></span>
-  <span class="ambient-emoji ae-sentra"><img class="ae-inner" width="64" height="64" src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/emoji/sentra_emoji.png" alt=""/></span>
-  <span class="ambient-emoji ae-vessels"><img class="ae-inner" width="64" height="64" src="https://huggingface.co/spaces/SZLHOLDINGS/README/resolve/main/assets/emoji/vessels_emoji.png" alt=""/></span>
-</div>
-
+<!-- ambient chibi emoji layer removed: replaced by 3D heroes (Yachay) -->
 </body>
 </html>