/* ─────────────────────────────────────────
   SECTION — FOOTER
───────────────────────────────────────── */

.footer {
  background: var(--inverse);
  border-top: 1px solid rgba(253, 250, 244, 0.1);
  padding: 48px 0 56px;
}

.footer-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  color: var(--cream-50);
}

.footer-date {
  color: var(--on-inverse-muted);
}

.footer-note {
  font-family: var(--font-script);
  font-size: var(--text-note);
  color: rgba(253, 250, 244, 0.8);
}