/* =====================================================================
   COMPONENT STYLES: <bk-site-footer>
   ===================================================================== */
.bk-footer { display: block; background: var(--bk-sugar); padding-bottom: var(--bk-space-5); }
.bk-footer > .bk-spot-field--rule { margin-bottom: var(--bk-space-6); }

/* ---- 1. Columns --------------------------------------------------- */
.bk-footer__grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: var(--bk-space-5); }
.bk-footer__logo { font-size: 44px; } /* <bk-wordmark>, see components/wordmark */
.bk-footer__about { max-width: 38ch; margin-top: var(--bk-space-4); color: var(--bk-ink-soft); }
.bk-footer__head { font-weight: 600; margin-bottom: var(--bk-space-2); }
.bk-footer__links { display: grid; gap: 6px; }
.bk-footer__links a { color: var(--bk-ink-soft); text-decoration: none; }
.bk-footer__links a:hover { color: var(--bk-henna); }

/* ---- 2. Copyright line ------------------------------------------- */
.bk-footer__legal {
  margin-top: var(--bk-space-6); padding-top: var(--bk-space-4);
  border-top: 1px solid var(--bk-line); color: var(--bk-ink-faint); font-size: var(--bk-step--1);
}

@media (max-width: 720px) {
  .bk-footer__grid { grid-template-columns: 1fr 1fr; }
  .bk-footer__brand { grid-column: 1 / -1; }
}