/* SHARED SITE FOOTER: used on every page (see footer.html) */
.site-footer {
  position: relative;
  z-index: 1;
  border-top: 1px solid var(--line);
  padding: 56px 0 40px;
}

/* the menu pages don't load home.css, which is where the global anchor
   reset lives, so the footer resets its own links */
.site-footer a { color: inherit; text-decoration: none; }

.foot-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 36px;
}

.foot-brand .logo img { height: 84px; width: auto; display: block; }

.foot-brand p {
  margin-top: 12px;
  font-size: 13.5px;
  color: var(--bone-dim);
  max-width: 280px;
}

.foot-col .h {
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--pine);
  margin-bottom: 14px;
}

.foot-col a,
.foot-col p {
  display: block;
  font-size: 14px;
  color: var(--bone);
  opacity: .85;
  margin-bottom: 9px;
}

.foot-col a:hover { color: var(--sand); opacity: 1; }

.foot-col a.phone {
  font-family: 'Space Mono', monospace;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--sand);
  opacity: 1;
}

/* Instagram link: official gradient glyph */
.ig,
.foot-col a.ig {
  display: inline-flex;
  align-items: center;
  vertical-align: -3px;
  text-decoration: none;
}

.ig img {
  flex: none;
  border-radius: 4px;
}

.foot-bottom a { color: var(--sand); text-decoration: none; }
.foot-bottom a:hover { color: var(--sand-deep); }

.foot-bottom {
  margin-top: 44px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  letter-spacing: .05em;
  color: var(--bone-dim);
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  justify-content: space-between;
}

/* the menu pages cap .wrap narrower than the home page; keep the
   footer's own width consistent across all three */
.site-footer .wrap { max-width: 1000px; }

@media (max-width: 820px) {
  .foot-grid { grid-template-columns: 1fr; gap: 28px; }
}