/* Home module: homepage footer (4-column index). */

.bjs-home-footer {
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) repeat(3, minmax(140px, .8fr));
  gap: 32px;
  align-items: start;
  padding: 64px clamp(24px, 7vw, 112px) 34px;
  border-top: 1px solid var(--home-line);
  background: #07090c;
  color: var(--home-muted);
}

.bjs-home-footer__brand { color: var(--home-copy); font: 700 30px/1 'Barlow Condensed', sans-serif; text-decoration: none; }
.bjs-home-footer__brandcol p { margin: 14px 0 0; max-width: 300px; font: 400 13px/1.6 Inter, sans-serif; }

.bjs-home-footer__col { display: flex; flex-direction: column; gap: 10px; }
.bjs-home-footer__col strong { margin-bottom: 6px; color: var(--home-copy); font: 700 11px/1 Inter, sans-serif; text-transform: uppercase; }
.bjs-home-footer__col a { color: #aab4bd; font: 500 12px/1.4 Inter, sans-serif; text-decoration: none; }
.bjs-home-footer__col a:hover { color: var(--home-cyan); }

.bjs-home-footer small { grid-column: 1 / -1; padding-top: 28px; border-top: 1px solid var(--home-line); color: #747f89; font: 400 10px/1.5 Inter, sans-serif; }

@media (max-width: 900px) {
  .bjs-home-footer { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .bjs-home-footer { grid-template-columns: 1fr; padding-inline: 22px; }
}