/* Shared site footer ("Footer v2"), used on every page. Originally built for the
   homepage redesign (Sep 2026) and ported here so every subpage uses the same
   footer instead of the older Webflow-generated .footer component. Relies on
   --content-pad, already defined in css/site-nav.css and loaded on every page. */

.footer-v2 {
  background: #071e3d;
  color: #fff;
  padding: 90px var(--content-pad) 36px;
  display: flex;
  flex-direction: column;
  gap: 72px;
}

.footer-v2-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 48px;
}

.footer-v2-brand img {
  height: 48px;
  display: block;
}

.footer-v2-col {
  display: flex;
  flex-direction: column;
  gap: 14px;
  font-size: 16px;
}

.footer-v2-col-title {
  font-family: Clashdisplay, Verdana, sans-serif;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 6px;
}

.footer-v2-col a {
  color: #fff;
  text-decoration: none;
}

.footer-v2-col a:hover {
  color: #fff;
}

.footer-v2-bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 24px;
  padding-top: 28px;
  border-top: 1px solid #ffffff1f;
  font-size: 14px;
  color: #fff;
}

.footer-v2-bottom-links {
  display: flex;
  gap: 10px;
}

.footer-v2-bottom-links a {
  color: #fff;
  text-decoration: none;
}

.footer-v2-bottom-links a:hover {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .footer-v2-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
  }
}