Apply QA: brand-blue buttons, no DNA, theme-aware fireworks and footer

- Buttons return to the brand accent colors (primary fill, accent outline)
- Current Ventures shows only the copy beside the portfolio dashboard; the
  DNA helix and its library are removed
- The journey fireworks stage, pins and particles switch to a light palette
  in light mode
- The footer follows the theme instead of staying black

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/pages/home.mjs

@@ -37,7 +37,7 @@ export default {
   title: 'Dylan Mazzei | Founder, Operator & Entrepreneur',
   description: 'Meet Dylan Mazzei, a founder and operator leading ventures across AI, software, spirits, education, cybersecurity, e-commerce, and more.',
   head: '<link rel="stylesheet" href="/assets/home.css">',
-  scripts: '<script src="/assets/o2/three.min.js" defer></script>\n<script src="/assets/o2/dna-hero.min.js" defer></script>\n<script src="/assets/home.js" defer></script>',
+  scripts: '<script src="/assets/o2/three.min.js" defer></script>\n<script src="/assets/home.js" defer></script>',
   body: `
 <div class="o2">
 
@@ -67,22 +67,14 @@ export default {
 </section>
 
 <section id="building" aria-labelledby="building-title">
-  <div class="wrap">
+  <div class="wrap bgrid">
     <div class="bhead reveal">
-      <div class="stack-sm">${eyebrow('CURRENT VENTURES')}<h2 id="building-title" class="h-display">The Companies I’m Leading Today</h2></div>
-      <div class="stack-sm">
-        <p class="lead">I like being close to the decisions that shape a company, especially when there is something new to figure out.</p>
-        <div>${btn('EXPLORE MY VENTURES', '/portfolio/')}</div>
-      </div>
+      ${eyebrow('CURRENT VENTURES')}
+      <h2 id="building-title" class="h-display">The Companies I’m Leading Today</h2>
+      <p class="lead">I like being close to the decisions that shape a company, especially when there is something new to figure out.</p>
+      <div>${btn('EXPLORE MY VENTURES', '/portfolio/')}</div>
     </div>
-    <div class="bgrid">
-      <div class="bstack" id="bstack">
-        ${'<span class="r" aria-hidden="true">Still building</span>'.repeat(6)}
-        <div class="bglow" aria-hidden="true"></div>
-        <dna-hero id="dna" class="dna3d" transparent interactive duration="20" aria-label="3D chrome DNA helix. Drag to rotate."></dna-hero>
-        <img class="helix" id="dnaFallback" hidden alt="" src="/assets/o2/dna-fallback.webp">
-      </div>
-      <div class="cluster-fit reveal">
+    <div class="cluster-fit reveal">
         <div class="cluster" aria-hidden="true">
           <div class="panel dash">
             <div class="panel-bar"><span class="lights"><i></i><i></i><i></i></span><span>Portfolio</span><span class="panel-url">dylanmazzei.com/portfolio</span></div>
@@ -113,7 +105,6 @@ export default {
 <pre class="code-pre"><span class="ln"><span class="p">{</span></span><span class="ln">  <span class="k">"role"</span><span class="p">:</span> <span class="s">"Founder &amp; Operator"</span><span class="p">,</span></span><span class="ln">  <span class="k">"exits"</span><span class="p">:</span> <span class="n">4</span><span class="p">,</span></span><span class="ln">  <span class="k">"industries"</span><span class="p">:</span> <span class="n">6</span><span class="p">,</span></span><span class="ln">  <span class="k">"yearsOperating"</span><span class="p">:</span> <span class="s">"8+"</span><span class="p">,</span></span><span class="ln">  <span class="k">"whereIWork"</span><span class="p">: [</span></span><span class="ln">    <span class="s">"Texas"</span><span class="p">,</span> <span class="s">"Florida"</span><span class="p">,</span></span><span class="ln">    <span class="s">"New York"</span><span class="p">,</span> <span class="s">"Dubai"</span></span><span class="ln">  <span class="p">],</span></span><span class="ln">  <span class="k">"finishedBuilding"</span><span class="p">:</span> <span class="n">false</span><span class="cursor"></span></span><span class="ln"><span class="p">}</span></span></pre>
           </div>
         </div>
-      </div>
     </div>
   </div>
 </section>
@@ -164,7 +155,7 @@ export default {
         </div>
         <canvas id="fw" aria-hidden="true"></canvas>
         <p class="jfinal" id="jfinal">Others are growing. And I’m nowhere near finished building.</p>
-        <button class="btn btn-ghost-light btn-sm jreplay" id="jreplay" type="button">Replay</button>
+        <button class="btn btn-ghost btn-sm jreplay" id="jreplay" type="button">Replay</button>
       </div>
       <div class="jbody">
         <ul class="jlist">