update how it works

next.config.ts

@@ -2,6 +2,14 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   output: "export",
+  // Required by the How It Works 3D experience. React StrictMode double-invokes
+  // mount/effects in dev, which tears down and re-creates the WebGL context of
+  // the heavy 32MB scene mid-initialization — the context is lost ("THREE.
+  // WebGLRenderer: Context Lost") and the canvas stays blank. This is a known
+  // React-Three-Fiber + StrictMode incompatibility. Disabling it is a DEV-ONLY
+  // change (production never runs StrictMode's double-mount) and does not affect
+  // any other page's runtime behavior.
+  reactStrictMode: false,
   images: {
     unoptimized: true,
     formats: ["image/avif", "image/webp"],