From 5b287335df6b2e51250df59a26adb08b57def6e3 Mon Sep 17 00:00:00 2001
From: Michael Victory <michael@opencommunications.consulting>
Date: Tue, 16 Jun 2026 10:55:13 -0700
Subject: [PATCH] =?UTF-8?q?OC:=20match=20reference=20layout=20=E2=80=94=20?=
 =?UTF-8?q?full-width=20sections=20w/=2048px=20padding,=20left-aligned=20~?=
 =?UTF-8?q?600px=20content=20column,=20reading=20max-widths=20(was=20cente?=
 =?UTF-8?q?red=201100=20column)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 index.html |  4 ++--
 style.css  | 10 ++++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 62b063a..faca477 100644
--- a/index.html
+++ b/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">
diff --git a/style.css b/style.css
index 03b0ef0..0185e7f 100644
--- a/style.css
+++ b/style.css
@@ -32,8 +32,10 @@ body {
   -webkit-font-smoothing: antialiased;
 }
 
-.wrap { max-width: var(--max); margin: 0 auto; padding: 0 32px; }
-.wrap.narrow { max-width: 820px; }
+.wrap { width: 100%; max-width: 1920px; margin: 0 auto; padding: 0 48px; }
+.wrap.narrow { max-width: 1920px; }
+.hero-col { max-width: 600px; }
+.band.light p:not(.section-intro):not(.outcome) { max-width: 42em; }
 
 h1, h2, h3 { font-family: 'Playfair Display', Georgia, serif; font-weight: 400; line-height: 1.08; margin: 0 0 0.5em; color: var(--ink); }
 h1 { font-size: 3.8rem; letter-spacing: -0.01em; }
@@ -91,8 +93,8 @@ a.tel { text-decoration: none; }
 
 /* Hero */
 .hero { background: var(--paper); padding: 176px 0 128px; }
-.hero h1 { max-width: 13em; margin-bottom: 0.35em; }
-.lead { font-size: 1.25rem; line-height: 1.7; color: var(--ink-soft); max-width: 28em; margin-bottom: 2.4em; }
+.hero h1 { margin-bottom: 0.35em; }
+.lead { font-size: 1.25rem; line-height: 1.7; color: var(--ink-soft); margin-bottom: 2.4em; }
 
 .actions { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
 .actions.center { justify-content: center; }