From c0fef0e18ed68eced0c0f2449734b582ac14f663 Mon Sep 17 00:00:00 2001
From: Michael Victory <michael@opencommunications.consulting>
Date: Tue, 16 Jun 2026 10:47:42 -0700
Subject: [PATCH] =?UTF-8?q?OC=20footer:=20full-bleed=20open=20watermark=20?=
 =?UTF-8?q?(img=20drives=20height,=20~4:1),=20content=20overlaid=20bottom-?=
 =?UTF-8?q?left=20=E2=80=94=20matches=20reference=20geometry?=
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 | 24 +++++++++++++-----------
 style.css  | 12 ++++--------
 2 files changed, 17 insertions(+), 19 deletions(-)

diff --git a/index.html b/index.html
index 008dee4..62b063a 100644
--- a/index.html
+++ b/index.html
@@ -161,17 +161,19 @@
 </main>
 
 <footer class="band dark site-footer" data-bg="dark">
-  <div class="footer-watermark" aria-hidden="true"></div>
-  <div class="wrap footer-inner">
-    <div class="footer-brand logo-mark" role="img" aria-label="Open Communications"></div>
-    <nav class="footer-nav" aria-label="Footer">
-      <a href="#problem">The problem</a>
-      <a href="#work">How we work</a>
-      <a href="#who">Who we are</a>
-      <a href="https://shopwisdom.ca">ShopWisdom</a>
-    </nav>
-    <p class="footer-call"><a class="tel" data-p1="778" data-p2="985" data-p3="6736" href="mailto:michael@opencommunications.consulting">778&#8209;985&#8209;OPEN (6736)</a></p>
-    <p class="footer-legal">Open Communications and ShopWisdom are practices of Open Communications, owned and operated by Michael Victory · British Columbia, Canada</p>
+  <img class="footer-watermark" src="assets/brand/oc-mark-wh.svg" alt="" aria-hidden="true">
+  <div class="footer-inner">
+    <div class="wrap">
+      <div class="footer-brand logo-mark" role="img" aria-label="Open Communications"></div>
+      <nav class="footer-nav" aria-label="Footer">
+        <a href="#problem">The problem</a>
+        <a href="#work">How we work</a>
+        <a href="#who">Who we are</a>
+        <a href="https://shopwisdom.ca">ShopWisdom</a>
+      </nav>
+      <p class="footer-call"><a class="tel" data-p1="778" data-p2="985" data-p3="6736" href="mailto:michael@opencommunications.consulting">778&#8209;985&#8209;OPEN (6736)</a></p>
+      <p class="footer-legal">Open Communications and ShopWisdom are practices of Open Communications, owned and operated by Michael Victory · British Columbia, Canada</p>
+    </div>
   </div>
 </footer>
 
diff --git a/style.css b/style.css
index 963a9c1..03b0ef0 100644
--- a/style.css
+++ b/style.css
@@ -162,14 +162,10 @@ a.tel { text-decoration: none; }
 .actions.center { margin: 2.2em 0 0.8em; }
 .promise { font-style: italic; color: var(--ink-soft); font-size: 0.95rem; }
 
-/* Footer — tall navy anchor with giant "open" watermark */
-.site-footer { padding: 0; background: var(--navy); position: relative; min-height: 600px; display: flex; align-items: flex-end; overflow: hidden; }
-.footer-watermark {
-  position: absolute; left: 50%; bottom: 8%; transform: translateX(-50%);
-  width: 116%; height: 72%; pointer-events: none; opacity: 0.055;
-  background: url(assets/brand/oc-mark-wh.svg) no-repeat center bottom; background-size: contain;
-}
-.footer-inner { position: relative; width: 100%; padding: 56px 32px; }
+/* Footer — full-bleed "open" watermark drives the height; content overlaid bottom-left */
+.site-footer { padding: 0; background: var(--navy); position: relative; overflow: hidden; min-height: 300px; }
+.footer-watermark { display: block; width: 100%; height: auto; opacity: 0.05; pointer-events: none; }
+.footer-inner { position: absolute; left: 0; right: 0; bottom: 0; padding-bottom: 48px; }
 .footer-brand { width: 150px; height: 32px; background-color: var(--cream); margin-bottom: 24px; }
 .footer-nav { display: flex; flex-wrap: wrap; gap: 28px; font-family: 'DM Sans', sans-serif; font-size: 0.72rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0.13em; margin-bottom: 22px; }
 .footer-nav a { color: var(--cream-soft); text-decoration: none; }