From 2701d617a115c59bb1ac4aa9fb2219c907b9c3d5 Mon Sep 17 00:00:00 2001
From: Michael Victory <michael@opencommunications.consulting>
Date: Tue, 16 Jun 2026 09:46:46 -0700
Subject: [PATCH] OC footer: taller navy anchor, larger 'open' watermark (white
 svg, lighter render), tuned content scale

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 assets/brand/oc-mark-wh.svg | 18 ++++++++++++++++++
 style.css                   | 18 ++++++++----------
 2 files changed, 26 insertions(+), 10 deletions(-)
 create mode 100644 assets/brand/oc-mark-wh.svg

diff --git a/assets/brand/oc-mark-wh.svg b/assets/brand/oc-mark-wh.svg
new file mode 100644
index 0000000..32054bf
--- /dev/null
+++ b/assets/brand/oc-mark-wh.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1267.11 316.97">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1-2" data-name="Layer_1">
+    <g>
+      <path class="cls-1" d="M792.41,174.06c-8.6,0-15.57-6.97-15.57-15.57s6.97-15.57,15.57-15.57h157.73C942.31,62.69,874.69,0,792.42,0c-87.53,0-158.48,70.96-158.48,158.48s70.96,158.48,158.48,158.48c82.27,0,149.9-62.69,157.72-142.91h-157.73Z"/>
+      <path class="cls-1" d="M1108.62.38c-.54,0-1.08.02-1.61.02v-.02s-156.87,0-156.87,0v158.1h0c0,.13,0,.25,0,.38,0,82.27,62.69,149.9,142.91,157.72v-157.73c0-8.6,6.97-15.57,15.57-15.57s15.57,6.97,15.57,15.57v157.73c80.22-7.83,142.91-75.45,142.91-157.72,0-87.53-70.96-158.48-158.48-158.48Z"/>
+      <path class="cls-1" d="M158.48,0C70.96,0,0,70.96,0,158.48s70.96,158.48,158.48,158.48,158.48-70.96,158.48-158.48S246.01,0,158.48,0ZM162.61,209.89c-28.39,0-51.41-23.02-51.41-51.41s23.02-51.41,51.41-51.41,51.41,23.02,51.41,51.41-23.02,51.41-51.41,51.41Z"/>
+      <path class="cls-1" d="M475.45,0C387.92,0,316.97,70.96,316.97,158.48v158.48h110.07v-158.86c0-28.39,23.02-51.41,51.41-51.41s51.41,23.02,51.41,51.41-23.02,51.41-51.41,51.41h-20.26v107.46h17.26c87.53,0,158.48-70.96,158.48-158.48S562.98,0,475.45,0Z"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/style.css b/style.css
index da830f7..075306d 100644
--- a/style.css
+++ b/style.css
@@ -160,21 +160,19 @@ a.tel { text-decoration: none; }
 .actions.center { margin: 2em 0 0.8em; }
 .promise { font-style: italic; color: var(--ink-soft); font-size: 0.95rem; }
 
-/* Footer — navy anchor with giant "open" watermark */
-.site-footer { padding: 0; background: var(--navy); position: relative; min-height: 380px; display: flex; align-items: flex-end; }
+/* 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: 130%; height: 88%; pointer-events: none;
-  background-color: var(--navy-2);
-  -webkit-mask: url(assets/brand/oc-mark.svg) no-repeat center / contain;
-  mask: url(assets/brand/oc-mark.svg) no-repeat center / contain;
+  position: absolute; left: 50%; bottom: 8%; transform: translateX(-50%);
+  width: 116%; height: 72%; pointer-events: none; opacity: 0.06;
+  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-brand { width: 188px; height: 42px; background-color: var(--cream); margin-bottom: 20px; }
-.footer-nav { display: flex; flex-wrap: wrap; gap: 24px; font-family: 'DM Sans', sans-serif; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 18px; }
+.footer-brand { width: 150px; height: 34px; background-color: var(--cream); margin-bottom: 22px; }
+.footer-nav { display: flex; flex-wrap: wrap; gap: 26px; font-family: 'DM Sans', sans-serif; font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 20px; }
 .footer-nav a { color: var(--cream-soft); text-decoration: none; }
 .footer-nav a:hover { color: #fff; }
-.footer-call { margin: 0 0 18px; }
+.footer-call { margin: 0 0 16px; }
 .footer-call a.tel { color: var(--amber); font-weight: 700; font-family: 'DM Sans', sans-serif; }
 .footer-legal { font-family: 'DM Sans', sans-serif; font-size: 0.78rem; color: rgba(245, 242, 236, 0.45); margin: 0; max-width: 52em; }