/* ---------- footer navigation ----------
   Every route, as plain anchors, in the one place on the page a crawler and a
   reader both see without opening anything. The overlay menu stays the site's
   navigation; this row exists because a hidden panel is the only other link
   to Defense, Commercial and Technology, and a link nobody can see is a link
   Google discounts. The anchor text is deliberately the bare page name, since
   that is the wording a search result carries through.

   Loaded last on every page, after the page sheet, so these two margins win
   over site.css without raising specificity. Classes keep the foot__ prefix:
   hero.css matches [class^="foot__"] and hands them their white. */
.foot__nav{
  margin-top:clamp(30px,5vh,52px);
  display:flex;justify-content:center;flex-wrap:wrap;
  gap:10px 30px;
  font-size:.95rem;letter-spacing:-.012em;
}
.foot__nav a{color:#fff;transition:opacity .3s}
.foot__nav a:hover{opacity:.62}

/* The legal line now sits under the nav rather than under the brand, so it
   takes the short gap and the nav takes the long one. */
.foot__legal{margin-top:clamp(16px,2.4vh,24px)}

@media (max-width:640px){
  .foot__nav{gap:4px 22px;font-size:.88rem}
  .foot__nav a{min-height:44px;display:inline-flex;align-items:center}
}