/* Footer layouts follow the available space: desktop, tablet and phone. */
.ft.mza-footer { background:#f8f6f6; border-top:1px solid #dfe8e6; }
.footer-main {
  display:grid;
  grid-template-areas:"brand navigation initiative";
  grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) auto;
  align-items:start;
  gap:clamp(32px,4vw,60px);
  padding:48px 0 36px;
}
.footer-main>* { min-width:0; }
.footer-brand { grid-area:brand; }
.footer-brand>a { display:block; width:246px; max-width:100%; }
.footer-brand img { display:block; width:100%; height:auto; }
.footer-brand p { max-width:270px; margin:16px 0 0; color:#657875; font-size:14px; line-height:1.65; }
.footer-navigation { grid-area:navigation; }
.footer-navigation h2 { font:700 13px/1.5 var(--sans); color:var(--ink); margin:2px 0 10px; }
.footer-navigation ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; list-style:none; margin:0; padding:0; }
.footer-navigation a { display:flex; align-items:center; min-height:36px; width:fit-content; max-width:100%; color:#526665; font-size:14px; line-height:1.5; font-weight:500; text-decoration:none; text-underline-offset:5px; }
.footer-navigation a:hover { color:#245e68; text-decoration:underline; }
.footer-initiative { grid-area:initiative; justify-self:end; display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
.footer-initiative>span { font-size:12px; line-height:1.5; color:#657875; margin-top:2px; }
.footer-initiative>img { display:block; width:104px; height:auto; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 20px; padding:18px 0 22px; border-top:1px solid #d8e3df; }
.footer-bottom>small { font-size:12px; line-height:1.5; color:#657875; }
.mza-footer .ft-lang-switch { display:block; margin:0; flex-shrink:0; }
.mza-footer .mza-language>summary { background:#ffffff80; border-color:#d7e2de; min-height:44px; padding:10px 11px; font-size:12px; }
.mza-footer .ft-lang-switch .language-panel { left:auto; right:0; max-width:calc(100vw - 36px); }
.mza-footer a:focus-visible { outline:3px solid #62a6b1; outline-offset:4px; border-radius:3px; }
@media(max-width:1039px) {
  .footer-main {
    grid-template-areas:"brand initiative" "navigation navigation";
    grid-template-columns:minmax(0,1fr) auto;
    gap:28px 40px;
    padding:36px 0 28px;
  }
  .footer-brand p { max-width:none; }
  .footer-initiative { align-items:center; gap:10px; }
  .footer-initiative>img { width:80px; }
  .footer-navigation { border-top:1px solid #dfe7e3; padding-top:22px; }
  .footer-navigation ul { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 24px; }
  .footer-navigation h2 { margin:0 0 8px; }
}
@media(max-width:640px) {
  .footer-main {
    grid-template-areas:"brand" "navigation" "initiative";
    grid-template-columns:minmax(0,1fr);
    gap:22px;
    padding:28px 0 24px;
  }
  .footer-brand>a { width:230px; }
  .footer-brand p { margin-top:12px; }
  .footer-navigation { padding-top:0; border:0; }
  .footer-navigation ul { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; }
  .footer-initiative { justify-self:stretch; flex-direction:row; justify-content:flex-start; align-items:center; gap:16px; padding-top:18px; border-top:1px solid #dfe7e3; }
  .footer-initiative>img { width:60px; order:-1; }
  .footer-initiative>span { margin:0; }
  .footer-bottom { gap:12px; padding:16px 0 20px; }
}
