/* Shared footer navigation: existing NEXTAGE fonts, colours and hover. */
@media (min-width: 1025px) {
  .footer .footer-grid,
  .legacy-footer .legacy-footer__grid {
    grid-template-columns: minmax(260px, 1.35fr) minmax(0, .9fr) minmax(0, 1.2fr) minmax(0, 1fr);
    gap: clamp(24px, 3.2vw, 52px);
  }
}
.footer .footer-grid > div { min-width: 0; }
.legacy-footer .nextage-footer-company,
.legacy-footer .nextage-footer-clients { display: block; min-width: 0; }
.legacy-footer .nextage-footer-company > h3,
.legacy-footer .nextage-footer-clients > h3 {
  color: #f5f7f6;
  margin: 4px 0 20px;
  font: 700 18px Montserrat, Arial, sans-serif;
  letter-spacing: 0;
}
.legacy-footer .legacy-footer__grid > .nextage-footer-company > nav,
.legacy-footer .legacy-footer__grid > .nextage-footer-clients > nav { display: block; }
.legacy-footer .nextage-footer-company > nav > a,
.legacy-footer .nextage-footer-clients > nav > a {
  display: block;
  width: auto;
  min-height: 0;
  margin: 0 0 13px;
  padding: 0;
  color: #f5f7f6;
  font: 400 14px/1.35 Inter, Arial, sans-serif;
  text-decoration: none;
  transition: color .2s ease, transform .2s ease;
}
.legacy-footer .nextage-footer-company > nav > a:is(:hover, :focus-visible),
.legacy-footer .nextage-footer-clients > nav > a:is(:hover, :focus-visible) {
  color: #3ba7e3;
  transform: translateX(3px);
}
@media (max-width: 720px) {
  .legacy-footer .nextage-footer-company > h3,
  .legacy-footer .nextage-footer-clients > h3 { margin: 0 0 15px; font-size: 14px; }
  .legacy-footer .nextage-footer-company > nav > a,
  .legacy-footer .nextage-footer-clients > nav > a { margin-bottom: 10px; line-height: 1.42; }
}
@media (max-width: 560px) {
  .legacy-footer .legacy-footer__grid > .nextage-footer-clients {
    grid-column: auto;
    border: 0;
    padding: 0;
  }
}
@media (max-width: 400px) {
  .legacy-footer .nextage-footer-company > nav > a,
  .legacy-footer .nextage-footer-clients > nav > a { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .legacy-footer .nextage-footer-company > nav > a,
  .legacy-footer .nextage-footer-clients > nav > a { transition: none; }
  .legacy-footer .nextage-footer-company > nav > a:is(:hover, :focus-visible),
  .legacy-footer .nextage-footer-clients > nav > a:is(:hover, :focus-visible) { transform: none; }
}
