/* ============ FOOTER ============ */
footer.foot {
  border-top: 1px solid var(--line);
  position: relative; z-index: 2;
}
.foot-inner {
  max-width: var(--container);
  margin: 0 auto;
  padding: 28px 32px;
  display: flex; justify-content: space-between; align-items: center;
  font-family: var(--font-mono);
  font-size: 12px; color: var(--text-mute);
  flex-wrap: wrap; gap: 12px;
}
.foot-inner a { transition: color var(--t-fast); padding: 10px; }
.foot-heart { color: var(--violet-500); }
.foot-inner a:hover { color: var(--violet-300); border: 1px solid var(--violet-300); border-radius: 999px; }

@media (max-width: 767px) {
  .foot-inner {
    justify-content: center;
    display: flex;
    flex-direction: column;
  }
}