/* ============================================================
   FOOTER
   ============================================================ */
.site-footer {
  background: var(--dark);
  color: var(--on-dark);
  border-radius: var(--radius-block) var(--radius-block) 0 0;
  padding-top: clamp(54px, 7vw, 88px);
}
.footer-inner {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: clamp(36px, 5vw, 70px);
  padding-bottom: clamp(44px, 6vw, 72px);
}
.logo-footer { font-size: clamp(26px, 3.4vw, 40px); margin-bottom: 16px; }
.logo-footer { color: var(--accent); }
.logo-footer span { color: var(--on-dark); }
.footer-tagline { font-size: 13px; color: var(--on-dark-soft); opacity: 0.8; }

.footer-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.footer-col h4 {
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--on-dark);
  margin-bottom: 18px;
}
.footer-col li + li { margin-top: 10px; }
.footer-col a {
  font-size: 13px;
  color: var(--on-dark-soft);
  transition: color 0.3s var(--ease);
}
.footer-col a:hover { color: var(--accent); }

.footer-bottom {
  border-top: 1px solid var(--line-dark);
  padding-block: 22px;
}
.footer-bottom p {
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--on-dark-soft);
  opacity: 0.6;
}