OC: match reference layout — full-width sections w/ 48px padding, left-aligned ~600px content column, reading max-widths (was centered 1100 column)

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

index.html

@@ -29,7 +29,7 @@
 <main id="top">
 
   <section class="hero" data-bg="light">
-    <div class="wrap">
+    <div class="wrap"><div class="hero-col">
       <p class="eyebrow">The human side of change · for Canadian manufacturers</p>
       <h1>The systems are the <em>easy part.</em></h1>
       <p class="lead">Getting your people to trust the change, share what they know, and lead through it — that's what decides whether any of it sticks. That's our work.</p>
@@ -38,7 +38,7 @@
         <a class="btn link" href="#work">See how we work</a>
       </div>
       <p class="call">or call <a class="tel" data-p1="778" data-p2="985" data-p3="6736" href="#contact">778&#8209;985&#8209;OPEN (6736)</a></p>
-    </div>
+    </div></div>
   </section>
 
   <section class="band dark statement" data-bg="dark" id="problem">