/* ── FOOTER ── */
footer{
  background:#222225;
  padding:56px 32px 40px;
}
.footer-inner{
  max-width:960px;margin:0 auto;
  display:grid;grid-template-columns:1.4fr 1fr 1fr;
  gap:48px;margin-bottom:48px;
}
.footer-brand .nav-logo{color:white;display:block;margin-bottom:12px;}
.footer-brand p{font-size:13px;color:rgba(255,255,255,.72);line-height:1.6;max-width:260px;}
.footer-col h4{
  font-size:10px;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,.72);
  margin-bottom:16px;
}
.footer-col a{
  display:block;font-size:13px;
  color:rgba(255,255,255,.8);
  text-decoration:none;margin-bottom:10px;
  transition:color .2s;
}
.footer-col a:hover{color:var(--fuchsia-light);}
.footer-bottom{
  max-width:960px;margin:0 auto;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:24px;
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:12px;
}
.footer-bottom p{font-size:12px;color:rgba(255,255,255,.72);}
.footer-bottom a{font-size:12px;color:rgba(255,255,255,.8);text-decoration:none;}
.footer-bottom a:hover{color:var(--fuchsia-light);}

.footer-legal-links{display:flex;flex-wrap:wrap;gap:12px 24px;}
footer a:focus-visible{outline:2px solid var(--fuchsia-light);outline-offset:4px;}
@media(max-width:768px){
  footer{padding:40px 20px 28px;}
  .footer-inner{grid-template-columns:1fr;gap:32px;margin-bottom:32px;}
  .footer-bottom{align-items:flex-start;flex-direction:column;gap:16px;}
}