/* ===========================================================
   STANIMAL — Footer CSS v2
   Dark footer, display marquee, 5-col grid, mono bottom strip.
   Editorial-Industrial 2026.
   =========================================================== */

.site-footer {
  background: var(--bg-ink);
  color: rgba(237,232,221,.7);
  margin-top: var(--space-20);
  padding: 0;
}

/* ---------- Main grid ---------- */
.footer-main { padding: var(--space-16) 0 var(--space-6); }
.site-footer .footer-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr 1.4fr;
  gap: var(--space-10);
}

/* ---------- Headings ---------- */
.site-footer h5 {
  color: var(--bg);
  font-family: var(--font-mono);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: var(--space-4);
  font-weight: 500;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(237,232,221,.18);
}

/* ---------- Links ---------- */
.site-footer a { display: block; padding: 6px 0; font-size: 13px; color: rgba(237,232,221,.7); }
.site-footer a:hover { color: var(--hot); }

/* ---------- Brand block ---------- */
.site-footer .brand-block .brand-mark { color: var(--bg); margin-bottom: var(--space-4); }
.site-footer .brand-block .glyph { background: var(--bg); }
.site-footer .brand-block .brand-name { color: var(--bg); }
.site-footer .brand-block .brand-tld { color: rgba(237,232,221,.5); }
.site-footer .brand-block p {
  font-size: 14px;
  line-height: 1.5;
  color: rgba(237,232,221,.55);
  max-width: 32ch;
  margin-top: var(--space-4);
}

/* ---------- Newsletter ---------- */
.site-footer .newsletter { margin-top: var(--space-6); }
.site-footer .newsletter .mono-label { margin-bottom: 10px; color: rgba(237,232,221,.55); }
.site-footer .newsletter .newsletter-row { display: flex; gap: 12px; align-items: center; }
.site-footer .newsletter .input {
  border-bottom-color: rgba(237,232,221,.3);
  color: var(--bg);
  font-family: var(--font-mono);
}
.site-footer .newsletter .input::placeholder { color: rgba(237,232,221,.4); }
.site-footer .newsletter .input:focus { border-bottom-color: var(--hot); }

/* ---------- Bottom strip ---------- */
.site-footer .footer-bottom {
  margin-top: var(--space-12);
  padding-top: var(--space-6);
  border-top: 1px solid rgba(237,232,221,.15);
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(237,232,221,.45);
  display: flex; justify-content: space-between;
}
/* Legacy alias */
.footer-bottom {
  margin-top: var(--space-12);
  padding-top: var(--space-6);
  border-top: 1px solid rgba(237,232,221,.15);
  font-size: 10px;
  color: rgba(237,232,221,.45);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
  .site-footer .footer-grid { grid-template-columns: 1fr; }
  .site-footer .footer-bottom,
  .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }
}