.brand-logo { display:block; flex-shrink:0; width:166px; background:transparent; }
.brand-logo img { display:block; width:100%; height:auto; }
.nav { min-height:126px; height:auto; gap:20px; padding-block:8px; }
.footer-grid .brand-logo { width:210px; }
.brand-logo:focus-visible { outline:3px solid var(--aqua2); outline-offset:4px; }
@media (min-width:801px) and (max-width:1100px) {
  .nav { flex-wrap:wrap; justify-content:space-between; }
  .nav-links { order:3; width:100%; justify-content:center; gap:24px; padding:8px 0; }
  .hero-content { padding-top:220px; }
}
@media (max-width:800px) {
  .nav { min-height:110px; gap:12px; }
  .nav .brand-logo { width:140px; }
}