/* ============================================================
   Alkimia · footer.css — mobile-first
   ============================================================ */

footer.ftr {
  background: var(--ink);
  padding: 36px 0 24px;
  border-top: 1px solid var(--moss);
  color: var(--sage);
}
@media (min-width: 960px) {
  footer.ftr { padding: 48px 0 32px; }
}

/* Mobile: columna apilada */
.ftr-inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
@media (min-width: 720px) {
  .ftr-inner {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 32px;
    flex-wrap: wrap;
    font-size: 11px;
    letter-spacing: 0.18em;
  }
}

.ftr-mark {
  display: flex; align-items: center; gap: 12px;
  color: var(--bone);
}
.ftr-mark img { width: 28px; height: 28px; }
@media (min-width: 960px) {
  .ftr-mark img { width: 32px; height: 32px; }
}
.ftr-mark .wm {
  font-family: var(--serif-display);
  font-weight: 600;
  letter-spacing: 0.22em;
}
.ftr-links           { display: flex; gap: 20px; flex-wrap: wrap; }
@media (min-width: 960px) {
  .ftr-links { gap: 28px; }
}
.ftr-links a         { text-decoration: none; color: var(--sage); }
.ftr-links a:hover   { color: var(--gold); }
.ftr-meta            { line-height: 1.7; }
@media (min-width: 720px) {
  .ftr-meta { text-align: right; }
}
.ftr-meta strong     { color: var(--gold); font-weight: 500; }