/* wwwroot/css/footer.css */
.footer {
  background: var(--c-abyss);
  border-top: 0.5px solid var(--border-color);
  padding: var(--sp-16) 0 var(--sp-8);
}
.footer__inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: var(--sp-12);
  padding-bottom: var(--sp-12);
  border-bottom: 0.5px solid var(--border-color);
}
.footer__brand { display: flex; flex-direction: column; gap: var(--sp-4); }
.footer__logo { display: flex; align-items: center; gap: 12px; }
.footer__logo-text { font-size: var(--text-sm); font-weight: 500; color: var(--c-mist); letter-spacing: 3px; text-transform: uppercase; }
.footer__tagline { font-size: var(--text-sm); color: var(--text-body); line-height: 1.6; }
.footer__col-title { font-size: var(--text-xs); font-weight: 500; color: var(--text-muted); letter-spacing: 2px; text-transform: uppercase; margin-bottom: var(--sp-4); }
.footer__links { display: flex; flex-direction: column; gap: var(--sp-3); }
.footer__link { font-size: var(--text-sm); color: var(--text-body); transition: color var(--dur-fast) var(--ease); }
.footer__link:hover { color: var(--c-ice); }
.footer__bottom {
  display: flex; align-items: center; justify-content: space-between;
  padding-top: var(--sp-8);
  font-size: var(--text-xs); color: var(--text-muted);
}
.footer__copy { letter-spacing: 0.5px; }
.footer__bottom-links { display: flex; gap: var(--sp-6); }
@media (max-width: 1024px) {
  .footer__inner { grid-template-columns: 1fr 1fr; gap: var(--sp-8); }
}
@media (max-width: 640px) {
  .footer__inner { grid-template-columns: 1fr; }
  .footer__bottom { flex-direction: column; gap: var(--sp-4); text-align: center; }
}