From a2729381bc76651eb2924de0c4039559741a753e Mon Sep 17 00:00:00 2001
From: Adam Moussa <adam@seahavenind.com>
Date: Fri, 14 Aug 2026 13:46:17 -0400
Subject: [PATCH] feat(nav): add sustainability to primary nav

Five links plus the CTA button no longer fit above the existing 768px
breakpoint; between 769px and ~855px the Get a Quote button wrapped to
two lines inside the 72px bar. Move the nav collapse to its own 900px
media query so the hamburger takes over before the bar runs out of room.
---
 _data/site.json     | 3 ++-
 assets/css/main.css | 7 ++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/_data/site.json b/_data/site.json
index 65414cd..5faaa0b 100644
--- a/_data/site.json
+++ b/_data/site.json
@@ -18,7 +18,8 @@
     { "label": "Services", "href": "/services/" },
     { "label": "About", "href": "/about/" },
     { "label": "Careers", "href": "/careers/" },
-    { "label": "Accountability", "href": "/social-accountability/" }
+    { "label": "Accountability", "href": "/social-accountability/" },
+    { "label": "Sustainability", "href": "/sustainability/" }
   ],
   "social": [
     { "label": "LinkedIn", "abbr": "in", "href": "#" },
diff --git a/assets/css/main.css b/assets/css/main.css
index 2735d02..d8a74b5 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -463,9 +463,14 @@ a { color: inherit; text-decoration: none; }
   .footer-brand { grid-column: span 2; }
 }
 
-@media (max-width: 768px) {
+/* Nav collapses ahead of the other breakpoints: five links plus the CTA run
+   out of room below ~855px and the button wraps to two lines in a 72px bar. */
+@media (max-width: 900px) {
   .nav-links, .nav-cta { display: none; }
   .nav-hamburger { display: flex; }
+}
+
+@media (max-width: 768px) {
   .cta-inner { grid-template-columns: 1fr; }
   .footer-grid { grid-template-columns: 1fr; }
   .footer-brand { grid-column: span 1; }