/* ATLAS · components/footer.css
 * Provenance: AuditHunt v3 · Phase 1.4 · authored 2026-04-25
 * Spec: §XX.7 — 320px night, 4 cols, heartbeat in bottom bar
 */

.footer {
  background: var(--night); border-top: 1px solid var(--line);
  padding: 56px 32px 24px; color: var(--ash);
  font-family: var(--f-body);
}
.footer-cols {
  display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 48px;
  max-width: 1280px; margin: 0 auto 48px;
}
.footer-col h4 {
  font-family: var(--f-mono); font-size: 10px; letter-spacing: 1.8px;
  text-transform: uppercase; color: var(--mute); margin: 0 0 16px;
}
.footer-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.footer-col a { color: var(--ash); text-decoration: none; font-size: 13px;
  transition: color 200ms var(--ease-out-expo); }
.footer-col a:hover { color: var(--bone); }
.footer-tag { font-size: 13px; color: var(--mute); max-width: 28ch; margin-top: 12px; }
.footer-bar {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  max-width: 1280px; margin: 0 auto;
  padding-top: 24px; border-top: 1px solid var(--line);
  font-family: var(--f-mono); font-size: 10px; letter-spacing: 1.4px;
  color: var(--mute); text-transform: uppercase;
}
.footer-bar .footer-act { text-align: right; }

@media (max-width: 720px) {
  .footer-cols { grid-template-columns: 1fr; gap: 32px; }
  .footer-bar { grid-template-columns: 1fr; gap: 16px; text-align: center; }
  .footer-bar .footer-act { text-align: center; }
}