/* ─── FOOTER ─── */
footer{
  background:var(--navy);color:rgba(255,255,255,.6);
  padding:80px 5% 40px;
}
.ft-grid{
  display:grid;grid-template-columns:2.5fr 1fr 1fr 1.2fr;
  gap:52px;padding-bottom:52px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:36px;
}
.ft-brand .wm{
  font-family:var(--ff-head);font-size:20px;font-weight:800;
  color:#fff;letter-spacing:-.4px;margin-bottom:14px;display:block;
}
.ft-brand .wm .it{color:var(--red)}
.ft-brand p{font-size:13.5px;line-height:1.75;max-width:290px}
.ft-socials{display:flex;gap:10px;margin-top:22px}
.ft-social{
  width:38px;height:38px;border-radius:9px;border:1px solid rgba(255,255,255,.15);
  display:flex;align-items:center;justify-content:center;font-size:17px;
  transition:border-color var(--t),background var(--t);
}
.ft-social:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06)}
.ft-col h4{font-family:var(--ff-head);font-size:13.5px;font-weight:700;color:#fff;margin-bottom:20px}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.ft-col a{font-size:13.5px;color:rgba(255,255,255,.5);transition:color var(--t)}
.ft-col a:hover{color:#fff}
.ft-bot{
  display:flex;justify-content:space-between;align-items:center;
  font-size:12.5px;flex-wrap:wrap;gap:12px;
}
.ft-bot a{color:rgba(255,255,255,.5);transition:color var(--t)}
.ft-bot a:hover{color:#fff}
