/*──────────────────────────  FOOTER  ─────────────────────────*/
.footer{
  background:var(--c-footer-bg);
  color:var(--c-footer-text);
  margin-top:auto;
  padding: 2rem 1rem;
  transition: background var(--transition), color var(--transition);
}
.footer__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem;max-width:var(--maxw);margin:auto;padding:0 0 2rem 0; border-bottom:1px solid var(--c-footer-border); transition: border-color var(--transition);}
.footer__bottom{padding:1rem;text-align:center;font-size:.9rem}
.footer nav a{color:var(--c-footer-text);margin-right:1.5rem;text-decoration:none; transition: color var(--transition);}
.footer nav a:hover{text-decoration:underline}
.footer .brand img{width:120px}