/* ── FOOTER ──────────────────────────────────────────── */
footer {
  background: var(--navy);
  padding: 60px 100px;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 60px;
  border-top: 1px solid rgba(255,255,255,.06);
}
.foot-logo .logo-top { font-size: 20px; letter-spacing: .22em; color: var(--white); font-weight: 200; text-transform: uppercase; }
.foot-logo .logo-bot { font-size: 10px; letter-spacing: .45em; color: var(--blue-light); text-transform: uppercase; margin-top: 4px; }
.foot-logo p { margin-top: 18px; font-size: 13px; color: var(--text-muted); line-height: 1.75; }
.foot-col h4 { font-size: 10px; letter-spacing: .25em; text-transform: uppercase; color: var(--blue-pale); margin-bottom: 20px; font-weight: 400; }
.foot-col ul { list-style: none; }
.foot-col ul li { margin-bottom: 12px; }
.foot-col ul li a { font-size: 13px; color: var(--text-muted); text-decoration: none; transition: color .2s; }
.foot-col ul li a:hover { color: var(--blue-light); }
.foot-bottom { background: var(--navy); padding: 20px 100px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgba(255,255,255,.05); }
.foot-bottom p { font-size: 12px; color: #445566; letter-spacing: .05em; }

@media (max-width: 900px) {
  footer { grid-template-columns: 1fr 1fr; gap: 36px; padding: 50px 28px; }
  .foot-bottom { padding: 16px 28px; flex-direction: column; gap: 8px; text-align: center; }
}