/* Shared site footer — homepage is the canonical layout. */
.site-footer {
  min-height: 140px;
  border-top: 1px solid var(--line);
  background: #f8f3ec;
}

.site-footer > .container {
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
  padding: 16px 24px 0;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.6fr repeat(4, 1fr) 1.5fr;
  gap: 28px;
}

.footer-grid .brand { color: #aa6c32; font-size: 24px; }
.footer-grid b,
.footer-grid p,
.footer-grid a,
.footer-grid > div > span,
.copyright { font-size: 14px; }

.footer-grid p,
.footer-grid a,
.footer-grid > div > span { display: block; line-height: 1.8; }
.footer-grid > div > span { color: #776a60; }
.footer-social { display: flex; gap: 14px; margin-top: 10px; }
.footer-social a { display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
.footer-grid p { margin-block: 8px; }

@media (min-width: 721px) {
  .footer-grid > div:last-child a,
  .footer-grid > div:last-child span { white-space: nowrap; }
}

.copyright {
  margin-top: 9px;
  padding-block: 7px;
  border-top: 1px solid #e4dacf;
}

.copyright span { float: right; }