/* Footer styles */
.siteFooter {
  background: oklch(from #333 l c h / 0.96);
  color: oklch(from #fbfbfb l c h / 0.98);
  padding-block: 34px;
}

.footerInner {
  width: min(1120px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.footerTop {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-block-end: 20px;
}

.footerLogo {
  font-weight: 950;
  letter-spacing: -0.02em;
  font-size: clamp(16px, calc(15px + 0.1875vw), 18px);
}

.footerNavList {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
}

.footerNavLink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid oklch(from #fbfbfb l c h / 0.18);
  font-weight: 900;
  font-size: clamp(13px, calc(12.4px + 0.1875vw), 16px);
}

.footerNavLink:hover {
  background: oklch(from #f9a94e l c h / 0.18);
  border-color: oklch(from #f9a94e l c h / 0.35);
}

.footerBottom {
  border-block-start: 1px solid oklch(from #fbfbfb l c h / 0.16);
  padding-block-start: 14px;
}

.footerCopy {
  color: oklch(from #fbfbfb l c h / 0.86);
  font-weight: 800;
  font-size: clamp(12px, calc(11.6px + 0.125vw), 14px);
  line-height: 1.6;
}

@media (width >= 768px) {
  .footerTop {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

@media (width < 768px) {
  /* Mobile base styles are the default. */
}