The only CSS change needed is to handle 8 nav items gracefully. Adding tighter gap for the expanded nav:

Find and replace the `.nav-links` rule block (keeping existing rules but adjusting gap):

.nav-links {
  display: flex;
  align-items: center;
  gap: 1.8rem;
  list-style: none;
  transition: gap 0.3s ease;
}

.site-header.scrolled .nav-links {
  gap: 1.2rem;
}
And update the 1100px breakpoint:

@media (max-width: 1100px) {
  .nav-links {
    gap: 1rem;
  }

  .nav-links a {
    font-size: 0.82rem;
  }
}
Here is the full corrected style.css with only the nav gap values changed (lines ~174, ~179, ~1543, ~1547):

The changes are minimal — just reducing `gap: 2.42rem` to `gap: 1.8rem`, `gap: 1.5rem` to `gap: 1.2rem`, and at the 1100px breakpoint changing `gap: 1.5rem` to `gap: 1rem` and font-size from `0.85rem` to `0.82rem`. Since the rest of the file is identical, here are just the corrected blocks:

Replace in the nav-links section (~line 174):
gap: 2.42rem;
→
gap: 1.8rem;
Replace in `.site-header.scrolled .nav-links` (~line 179):
gap: 1.5rem;
→
gap: 1.2rem;
Replace in `@media (max-width: 1100px)` the `.nav-links` block:
  .nav-links {
    gap: 1rem;
  }

  .nav-links a {
    font-size: 0.82rem;
  }

/* === MANDATORY BASE RULES (auto-injected at end for max specificity) === */
html{overflow-x:hidden}
.skip-link{position:absolute!important;left:-9999px!important;top:auto;width:1px!important;height:1px!important;overflow:hidden!important;z-index:10000;clip:rect(0,0,0,0)!important}
.skip-link:focus{position:fixed!important;left:10px!important;top:10px!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;padding:.75rem 1.5rem;background:var(--color-primary,#333);color:#fff;font-size:1rem;font-weight:700;border-radius:4px;text-decoration:none;z-index:10000}
.site-logo,.site-logo img,img.site-logo{max-height:40px!important;width:auto!important;object-fit:contain;background:none!important;vertical-align:middle}
.footer-brand .site-logo{max-height:28px!important;width:auto!important}
.site-brand,a.site-brand{display:inline-flex!important;align-items:center;gap:.5rem;text-decoration:none;color:inherit}
.site-footer .site-brand,.footer-brand .site-brand{flex-wrap:wrap}
.site-footer .site-name,.footer-brand .site-name,.footer-col .site-name{white-space:normal!important;word-wrap:break-word}
.site-footer{max-height:none!important;overflow:visible!important}
/* NAV SAFETY — prevent overflow, misalignment, and z-index issues */
.site-nav,.site-header,header[role="banner"]{z-index:1000;width:100%;max-width:100vw!important}
.site-nav .nav-inner,.site-nav nav,.nav-inner,header nav{display:flex!important;align-items:center!important;flex-wrap:nowrap;gap:0.5rem;width:100%;max-width:100%!important;overflow:visible}
.nav-links,.nav-links-left,.nav-links-right,.nav-menu,[class*="nav-links"]{display:flex;align-items:center;gap:0.75rem;flex-wrap:nowrap;max-width:100%;margin:0;padding:0;list-style:none}
.nav-link,.nav-login-btn,.site-nav a,header nav a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:3rem;line-height:1.4;flex-shrink:1;min-width:0}
.nav-login-btn,.nav-cta,[class*="nav-cta"]{padding:0.4rem 1rem!important;font-size:0.85rem!important;border-radius:4px;flex-shrink:0}
@media(max-width:960px){.nav-links,.nav-links-left,.nav-links-right,.nav-menu,[class*="nav-links"]{display:none!important}}
.mobile-nav-overlay,.nav-overlay{display:none!important;position:fixed;inset:0;z-index:10001}
.mobile-nav-overlay.open,.nav-overlay.open{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}
/* Prevent ANY element from causing horizontal scroll */
html,body{max-width:100vw!important;overflow-x:hidden!important}
/* Team portrait placeholders — ensure circles have dimensions even without images */
.team-portrait,.team-avatar,.team-photo{width:180px;height:180px;border-radius:50%;overflow:hidden;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center}
.team-portrait img,.team-avatar img,.team-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
/* Image placeholders — ensure they have dimensions and show images properly */
.image-placeholder{position:relative;overflow:hidden;min-height:200px}
.image-placeholder img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;border-radius:inherit}
/* Content images injected by pipeline — no inline styles needed */
.content-img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
/* Animate fallback — if JS fails, content must still be visible after 2s */
.animate-in,.animate-on-scroll,.scroll-animate,.fade-in,.slide-in,[class*="animate-"]{animation:_aiFallback 0s 2s forwards}
@keyframes _aiFallback{to{opacity:1!important;transform:none!important}}
.animate-in.visible,.animate-on-scroll.visible,.scroll-animate.visible,.fade-in.visible,.slide-in.visible,[class*="animate-"].visible{animation:none}
/* Character animation fallback — if JS fails, chars must be visible */
.char,.char-space{opacity:1!important;transform:none!important}
.char.visible{animation:none}
/* Cookie banner — uses site palette via CSS variables for theme consistency */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:1rem 2rem;background:var(--color-text, #1a1a2e);color:var(--color-bg, #f0f0f0);display:none;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;border-top:1px solid rgba(128,128,128,0.2);font-size:0.9rem}
.cookie-banner.visible,.cookie-banner.active,.cookie-banner.show,.cookie-banner.is-visible{display:flex}
.cookie-banner button,.cookie-accept,.cookie-decline,.cookie-btn,.cookie-link{padding:0.5rem 1.2rem;border-radius:6px;border:none;cursor:pointer;font-weight:600;font-size:0.85rem;color:var(--color-bg, #f0f0f0)}
.cookie-banner .cookie-accept,.cookie-banner .btn-primary,.cookie-banner [data-cookie="accept"]{background:var(--color-primary, #4ade80);color:var(--color-bg, #fff)}
.cookie-banner .cookie-decline,.cookie-banner .btn-ghost,.cookie-banner [data-cookie="decline"]{background:rgba(128,128,128,0.15);color:var(--color-text-light, #ccc)}
/* Footer minimum — ensure footer is visible even if custom CSS is truncated */
.site-footer{padding:3rem 2rem 1.5rem;position:relative}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1200px;margin:0 auto}
.footer-col a{display:block;font-size:0.9rem;margin-bottom:0.4rem;text-decoration:none}
.footer-bottom,.footer-copy{text-align:center;font-size:0.8rem;opacity:0.5;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.08)}
/* Interior page heroes must size to content, never clip text */
.hero--interior,[class*="hero-interior"],[class*="page-hero"]:not(.hero){min-height:auto!important;height:auto!important}
/* === END MANDATORY BASE RULES === */

/* === AUTO-FIX: fallback rules for HTML classes missing from CSS === */
.hero-quote{padding:4rem 2rem;min-height:60vh;display:flex;flex-direction:column;justify-content:center}
.hero-stat-label{padding:4rem 2rem;min-height:60vh;display:flex;flex-direction:column;justify-content:center}
.hero-stats{padding:4rem 2rem;min-height:60vh;display:flex;flex-direction:column;justify-content:center}
.hero-stat-number{padding:4rem 2rem;min-height:60vh;display:flex;flex-direction:column;justify-content:center}
.hero-stat-card{padding:4rem 2rem;min-height:60vh;display:flex;flex-direction:column;justify-content:center}
.hero-subtitle{padding:4rem 2rem;min-height:60vh;display:flex;flex-direction:column;justify-content:center}
.hero-content{padding:4rem 2rem;min-height:60vh;display:flex;flex-direction:column;justify-content:center}
.carousel-nav{display:flex;align-items:center;gap:1.5rem;list-style:none;padding:0;margin:0}
.accordion-header{width:100%;z-index:1000}
.service-accordion-header{width:100%;z-index:1000}
.footer-desc{padding:2rem;margin-top:2rem}
.footer-links{padding:2rem;margin-top:2rem}
.footer-left{padding:2rem;margin-top:2rem}
.footer-right{padding:2rem;margin-top:2rem}
.footer-copyright{padding:2rem;margin-top:2rem}
.footer-contact-info{padding:2rem;margin-top:2rem}
.team-card-role{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.blog-card-content{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.sector-card{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.case-study-card{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.card-top-accent{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.card-line-top{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.concept-card{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.team-card-photo{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.blog-card-image{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.team-card-name{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.team-card-info{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.card{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.team-card{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.team-card-tagline{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.hero-stat-card{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.stat-card{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.testimonial-card{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.value-card{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.terms-card{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.blog-card{padding:1.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.08)}
.btn{display:inline-block;padding:0.75rem 1.5rem;border-radius:6px;cursor:pointer;text-decoration:none;font-weight:600}
.btn-group{display:inline-block;padding:0.75rem 1.5rem;border-radius:6px;cursor:pointer;text-decoration:none;font-weight:600}
.btn-secondary{display:inline-block;padding:0.75rem 1.5rem;border-radius:6px;cursor:pointer;text-decoration:none;font-weight:600}
.carousel-btn{display:inline-block;padding:0.75rem 1.5rem;border-radius:6px;cursor:pointer;text-decoration:none;font-weight:600}
.cta-section{display:inline-block;padding:0.75rem 1.5rem;border-radius:6px;cursor:pointer;text-decoration:none;font-weight:600}
.carousel-btn-next{display:inline-block;padding:0.75rem 1.5rem;border-radius:6px;cursor:pointer;text-decoration:none;font-weight:600}
.carousel-btn-prev{display:inline-block;padding:0.75rem 1.5rem;border-radius:6px;cursor:pointer;text-decoration:none;font-weight:600}
.glossary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.mosaic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.clip-section{padding:3rem 2rem;max-width:1200px;margin:0 auto}
.privacy-section{padding:3rem 2rem;max-width:1200px;margin:0 auto}
.cta-section{padding:3rem 2rem;max-width:1200px;margin:0 auto}
.disclosures-section{padding:3rem 2rem;max-width:1200px;margin:0 auto}
.section-heading{padding:3rem 2rem;max-width:1200px;margin:0 auto}
/* === END AUTO-FIX === */

/* AUTO-FIX: prevent fixed header from overlapping content */
main,.main-content,[role='main']{padding-top:80px}