Add 5-min research walkthrough video to About page

12MB / 720p / H.264+AAC, tracked via git-lfs (added *.mp4 to
.gitattributes). Embedded as a controls-enabled <video> in a new
#walkthrough section between Overview and Performance, with
preload=metadata so first-load only fetches the manifest.

.gitattributes

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+*.mp4 filter=lfs diff=lfs merge=lfs -text

index.html

@@ -445,6 +445,34 @@
   }
   .tagline em{font-style:italic;color:var(--accent)}
 
+  /* Research walkthrough video card */
+  .video-card{
+    border:1px solid var(--border);border-radius:14px;
+    background:var(--surface);
+    padding:6px 6px 14px;
+    margin:18px 0 12px;
+    box-shadow: 0 8px 32px rgba(0,0,0,0.32);
+    overflow:hidden;
+  }
+  .video-card video{
+    width:100%;height:auto;display:block;
+    border-radius:9px;
+    background:#000;
+  }
+  .video-card .vc-meta{
+    display:flex;align-items:center;justify-content:space-between;gap:12px;
+    padding:10px 10px 4px;
+    font-family:var(--font-mono);font-size:11.5px;color:var(--fg-4);
+    letter-spacing:.02em;
+  }
+  .video-card .vc-meta .vc-tag{
+    color:var(--accent);
+    background:var(--accent-soft);
+    border:1px solid var(--accent-border);
+    padding:3px 8px;border-radius:6px;
+    font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
+  }
+
   .stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 28px}
   .stat{
     border:1px solid var(--border);border-radius:12px;
@@ -606,6 +634,7 @@
         <div class="about">
       <div class="subnav">
         <div class="subnav-inner" id="subnav">
+          <a href="#walkthrough">Walkthrough</a>
           <a href="#performance">Performance</a>
           <a href="#recipe">Recipe</a>
           <a href="#hardware">Hardware</a>
@@ -624,6 +653,22 @@
           <p class="tagline">Beating an 8B Cisco specialist <em>at half the size.</em></p>
         </section>
 
+        <section id="walkthrough">
+          <h3>Walkthrough</h3>
+          <h2>Research, in 5 minutes</h2>
+          <p>A walkthrough of the training methodology, AMD MI300X workflow, and the benchmark results — context for the numbers below.</p>
+          <div class="video-card">
+            <video controls preload="metadata" playsinline>
+              <source src="research.mp4" type="video/mp4" />
+              Your browser doesn't support inline video — <a href="research.mp4">download the file</a>.
+            </video>
+            <div class="vc-meta">
+              <span><span class="vc-tag">Video</span> AMD MI300X · Qwen3-4B fine-tune</span>
+              <span>5:33 · 720p</span>
+            </div>
+          </div>
+        </section>
+
         <section id="performance">
           <h3>Performance</h3>
           <h2>CTI-Bench, n=5, temp 0.3</h2>

research.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:35a0405a44223f4d800f700bd5f03b0a5048f4310b73b8d5911e668a76c6cc81
+size 12092926