Merge option 2 homepage and visual language into the site

Rebuild the homepage on option 2's sections and effects (3D DNA, spinning
cube, giant words, fireworks journey, neon type, chrome ribbon) with copy
kept verbatim from the content document. Each venture now has its own 3D
object, the portfolio dashboard sits beside the DNA, the journey uses the
original stats row and the playbook keeps our book. Inner pages adopt the
same navy, glass and gradient skin, with dark as the default theme.

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

static/assets/site.js

@@ -5,7 +5,6 @@
 
   // Theme toggle: remembers the visitor's choice; otherwise follows the system.
   var themeBtn = document.getElementById('theme-btn');
-  var mq = window.matchMedia ? window.matchMedia('(prefers-color-scheme: dark)') : null;
   var current = function () { return root.getAttribute('data-theme') === 'dark' ? 'dark' : 'light'; };
   var paint = function () {
     if (!themeBtn) return;
@@ -20,17 +19,17 @@
   };
   paint();
   if (themeBtn) themeBtn.addEventListener('click', function () { apply(current() === 'dark' ? 'light' : 'dark', true); });
-  if (mq && mq.addEventListener) {
-    mq.addEventListener('change', function (e) {
-      var saved = null;
-      try { saved = localStorage.getItem('theme'); } catch (err) {}
-      if (!saved) apply(e.matches ? 'dark' : 'light', false);
-    });
-  }
 
   // Nav border on scroll
   var nav = document.getElementById('nav');
-  var onScroll = function () { nav && nav.classList.toggle('is-scrolled', window.scrollY > 8); };
+  var progress = document.getElementById('progress');
+  var onScroll = function () {
+    nav && nav.classList.toggle('is-scrolled', window.scrollY > 8);
+    if (progress) {
+      var max = Math.max(1, document.documentElement.scrollHeight - window.innerHeight);
+      progress.style.transform = 'scaleX(' + Math.min(1, Math.max(0, window.scrollY / max)) + ')';
+    }
+  };
   onScroll();
   window.addEventListener('scroll', onScroll, { passive: true });