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; }