Unify About page heading styles with global section-title/section-subtitle pattern

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

Author: congwang-mk

about.html

@@ -23,20 +23,25 @@ <h1>About Multikernel Technologies</h1>
         </div>
     </section>
 
-    <!-- Mission & Vision Section -->
+    <!-- Mission Section -->
     <section class="mission-vision">
         <div class="section-container">
-            <div class="mv-block">
-                <span class="mv-label">Our Mission</span>
-                <h2 class="mv-statement">Every application deserves its own kernel.</h2>
-                <p class="mv-detail">We are building the infrastructure layer that gives every workload isolation, predictability, and performance as a default, not a tuning exercise.</p>
+            <div class="section-header">
+                <h2 class="section-title">Our Mission</h2>
+                <p class="section-subtitle">Every application deserves its own kernel.</p>
             </div>
-            <div class="mv-divider"></div>
-            <div class="mv-block">
-                <span class="mv-label">Our Vision</span>
-                <h2 class="mv-statement">The isolation of a separate machine. The performance of bare metal. The simplicity of a single platform.</h2>
-                <p class="mv-detail">Built on Linux, 100% open source.</p>
+            <p class="mv-detail">We are building the infrastructure layer that gives every workload isolation, predictability, and performance as a default, not a tuning exercise.</p>
+        </div>
+    </section>
+
+    <!-- Vision Section -->
+    <section class="mission-vision">
+        <div class="section-container">
+            <div class="section-header">
+                <h2 class="section-title">Our Vision</h2>
+                <p class="section-subtitle">The isolation of a separate machine. The performance of bare metal. The simplicity of a single platform.</p>
             </div>
+            <p class="mv-detail">Built on Linux, 100% open source.</p>
         </div>
     </section>
 

assets/css/about.css

@@ -12,45 +12,14 @@
     background: var(--gray-50);
 }
 
-/* Mission & Vision */
-.mv-block {
-    text-align: center;
-    max-width: 640px;
-    margin: 0 auto;
-}
-
-.mv-label {
-    display: inline-block;
-    font-size: var(--text-xs);
-    font-weight: 700;
-    text-transform: uppercase;
-    letter-spacing: 0.1em;
-    color: var(--gray-400);
-    margin-bottom: var(--space-3);
-}
-
-.mv-statement {
-    font-family: var(--font-display);
-    font-size: var(--text-lg);
-    font-weight: 600;
-    line-height: var(--leading-relaxed);
-    color: var(--gray-900);
-    letter-spacing: -0.01em;
-    margin-bottom: var(--space-2);
-}
-
+/* Mission & Vision detail text */
 .mv-detail {
-    font-size: var(--text-sm);
+    font-size: var(--text-base);
     line-height: var(--leading-relaxed);
     color: var(--gray-500);
-    margin: 0;
-}
-
-.mv-divider {
-    width: 40px;
-    height: 1px;
-    background: var(--gray-300);
-    margin: var(--space-6) auto;
+    text-align: center;
+    max-width: 640px;
+    margin: 0 auto;
 }
 
 /* Values grid */