mike/oc-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

OC footer: taller navy anchor, larger 'open' watermark (white svg, lighter render), tuned content scale

Browse Source 
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Michael Victory
2026-06-16 09:46:46 -07:00
parent 7a52ad6b11
commit 2701d617a1
2 changed files with 26 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+8 -10
View File
@@ -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; }