/* ==========================================================================
   Component — Site Footer
   ========================================================================== */
.site-footer { background: var(--navy); color: var(--white); }
.site-footer__inner {
  display: flex; gap: 244px; align-items: flex-start;
  padding-block: 100px;
}
.footer-brand { width: 284px; display: flex; flex-direction: column; align-items: center; }
.footer-brand__logo {
  width: 284px; height: 89px;
  background-image: url("../../images/logo-raw.png");
  background-repeat: no-repeat;
  background-size: 121.277% 387.037%;
  background-position: 50.455% 47.742%;
  filter: brightness(0) invert(1);
}
.footer-cols { flex: 1; display: flex; flex-direction: column; gap: 40px; }
.footer-cols__row { display: flex; gap: 80px; align-items: flex-start; }
.footer-col { display: flex; flex-direction: column; gap: 14px; min-width: 176px; }
.footer-col__title {
  font-family: var(--font-display); font-weight: 500; font-size: 12px;
  line-height: 1; letter-spacing: 0.48px; text-transform: uppercase;
  color: var(--white);
  padding-bottom: 12px; margin-bottom: 12px;
  border-bottom: 1px solid var(--border-footer);
}
.footer-col__list { display: flex; flex-direction: column; gap: 8px; }
.footer-col__list a {
  font-family: var(--font-body); font-weight: 400; font-size: 14px;
  color: var(--muted);
}
.footer-col__list a:hover { color: var(--white); }
.footer-lang { display: flex; align-items: center; gap: 10px; }
.footer-lang .flag { width: 20px; height: 15px; border-radius: 2px; }
.footer-lang a { font-family: var(--font-body); font-size: 14px; color: var(--muted); text-decoration: underline; }
.footer-bottom {
  display: flex; align-items: center; justify-content: space-between;
  padding-top: 16px; border-top: 1px solid var(--border-footer);
}
.footer-bottom__copy {
  font-family: var(--font-body); font-weight: 500; font-size: 12px;
  letter-spacing: -0.48px; color: var(--white);
}
.footer-social { display: flex; gap: 20px; }
.footer-social a { color: var(--white); opacity: 0.85; transition: opacity var(--dur) var(--ease); }
.footer-social a:hover { opacity: 1; }
.footer-social svg { width: 20px; height: 20px; }
.footer-address {
  margin: 0; color: var(--muted); font-family: var(--font-body);
  font-size: 14px; line-height: 1.65; font-style: normal;
}
.footer-contact-link {
  color: var(--muted); font-family: var(--font-body); font-size: 14px;
}
.footer-contact-link:hover { color: var(--white); }
.footer-disclosure {
  padding-top: 20px; border-top: 1px solid var(--border-footer);
  color: var(--muted); font-family: var(--font-body); font-size: 12px;
  line-height: 1.7; max-width: 920px;
}