/* Footer — restrained editorial close to the page. A warm neutral distinct
   from both Warm Ivory and Sand (a touch of Obsidian mixed into Ivory), so
   it reads as a deliberate closing tone rather than a repeat of the Reviews
   & Press section above it. No logo, no newsletter form, no extra nav, no
   cards, no decorative graphics, no gradients, no imagery — kept isolated
   in this file, separate from hero.css / decks.css / abusua-pa.css /
   reviews-press.css. */

.site-footer {
  background: color-mix(in srgb, #15130D 6%, #F6F2EA);
  padding: clamp(56px, 7vw, 88px) 24px clamp(40px, 5vw, 56px);
  text-align: center;
}

.site-footer-inner {
  max-width: 620px;
  margin: 0 auto;
}

.site-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: clamp(18px, 2.2vw, 32px);
  row-gap: 12px;
  margin: 0 0 clamp(24px, 3vw, 36px);
  padding: 0;
  list-style: none;
}

.site-footer-links a {
  font-family: -apple-system, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 12px;
  color: #15130D;
  opacity: 0.72;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  padding-bottom: 2px;
}

.site-footer-links a:hover,
.site-footer-links a:focus-visible {
  opacity: 1;
  border-bottom-color: currentColor;
}

/* Pending-link treatment: visually present but clearly not a live URL yet. */
.site-footer-links a[aria-disabled="true"] {
  cursor: default;
}

.site-footer-copyright {
  font-family: -apple-system, 'Helvetica Neue', Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #15130D;
  opacity: 0.62;
}

@media (max-width: 480px) {
  .site-footer { padding: clamp(48px, 13vw, 64px) 22px clamp(32px, 8vw, 44px); }
  .site-footer-links { column-gap: 16px; row-gap: 14px; }
}