/* ============================================================
   FOOTER
   ============================================================ */
footer{
  background:var(--navy-deep);
  color:rgba(255,255,255,.7);
  padding:72px 0 32px;
  font-size:14px;
}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px}
.foot-brand .lockup .wordmark .l1{color:var(--white)}
.foot-brand .lockup .wordmark .l2{color:var(--precision)}
.foot-brand p{margin-top:20px;font-size:14px;color:rgba(255,255,255,.55);line-height:1.65;max-width:340px}
.foot-col h4{
  font-family:var(--display);font-weight:600;font-size:11px;
  color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.18em;
  margin-bottom:20px;
}
.foot-col ul{list-style:none}
.foot-col ul li{margin-bottom:11px}
.foot-col ul a{font-size:14px;color:rgba(255,255,255,.7);transition:color .15s}
.foot-col ul a:hover{color:var(--precision)}
.foot-bottom{
  border-top:1px solid rgba(255,255,255,.10);
  padding-top:28px;
  display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;
}
.foot-bottom .legal{font-size:13px;color:rgba(255,255,255,.45)}
.foot-bottom .legal b{color:rgba(255,255,255,.7)}
.foot-social{display:flex;gap:10px}
.foot-social a{
  width:36px;height:36px;border-radius:var(--r-sm);
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.7);transition:all .15s;
}
.foot-social a:hover{background:var(--precision);color:var(--white);border-color:var(--precision)}
.foot-social svg{width:16px;height:16px}

@media(max-width:780px){
  .foot-grid{grid-template-columns:1fr 1fr;gap:36px}
}
@media(max-width:540px){
  .foot-grid{grid-template-columns:1fr}
  .foot-bottom{flex-direction:column;align-items:flex-start}
}