/* ============================================================
   COMPONENT — Footer
   Brand blurb + three link columns + bottom copyright bar.
   ============================================================ */
.site-footer{background:var(--navy-950); color:rgba(247,245,241,0.78); padding:72px 0 0;}

.footer-grid{
  display:grid; grid-template-columns:1.3fr 1fr 1fr 1.1fr; gap:40px;
  padding-bottom:52px; border-bottom:1px solid var(--line-dark);
}

.footer-logo{width:172px; height:auto; margin-bottom:18px;}
.footer-brand p{font-size:14px; color:rgba(247,245,241,0.55); line-height:1.65; max-width:280px;}

.footer-col h5{
  font-family:var(--ff-mono); font-size:12px; letter-spacing:0.08em; text-transform:uppercase;
  color:rgba(247,245,241,0.45); margin-bottom:16px; font-weight:600;
}
.footer-col ul{display:flex; flex-direction:column; gap:11px;}
.footer-col a{font-size:14px; color:rgba(247,245,241,0.72); transition:color .15s ease;}
.footer-col a:hover{color:var(--orange-300);}

.footer-contact li{display:flex; align-items:flex-start; gap:10px; font-size:14px;}
.footer-contact svg{width:17px; height:17px; color:var(--orange-300); margin-top:2px; flex:none;}

.footer-bottom{padding:24px 0 28px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;}
.footer-bottom p{font-size:13px; color:rgba(247,245,241,0.45);}
.footer-tag{font-family:var(--ff-mono); font-size:12.5px; color:rgba(247,245,241,0.5); letter-spacing:0.02em;}

/* ---- responsive ---- */
@media (max-width:980px){
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:720px){
  .footer-grid{grid-template-columns:1fr; gap:32px;}
}