/* Footer — legibility pass. Labels sit at #555 rather than the #A3A3A3 used
   elsewhere: this block exists to be read, so it does not borrow the eyebrow grey. */
#brx-footer .brxe-section, #brx-footer .brxe-container { padding: 0 !important; width: 100% !important; max-width: 100% !important; }
.sftr { --sg: clamp(24px, 4vw, 80px); background: #fff; padding: 64px 0 56px; border-top: 1px solid rgba(0,0,0,0.13); }
.sftr-cols { margin: 0 var(--sg); display: grid; grid-template-columns: 1.1fr 1fr 0.9fr; gap: 56px; }
.sftr-col { display: flex; flex-direction: column; gap: 10px; }
.sftr-label { font-size: 15px; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; color: #555; }
.sftr-body { font-size: 16px; line-height: 28px; color: #333; }
.sftr-quiet { color: #676767; }
.sftr-link { font-size: 16px; line-height: 28px; color: #0A0A0A; text-decoration: none; border-bottom: 1px solid rgba(0,0,0,0.25); align-self: flex-start; min-height: 44px; display: flex; align-items: center; }
.sftr-link:hover { border-bottom-color: #0A0A0A; }
.sftr-social { display: flex; gap: 6px; margin-left: -10px; margin-top: 6px; }
.sftr-social a { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; color: #333; }
.sftr-social a:hover { color: #0A0A0A; }

.sftr-base { background: #FCFCFC; padding: 22px 0; }
.sftr-base-inner { margin: 0 clamp(24px, 4vw, 80px); font-size: 13px; line-height: 20px; color: #676767; }

@media (min-width: 1600px) { .sftr-body, .sftr-link { font-size: 17px; line-height: 30px; } }
@media (max-width: 1023px) { .sftr-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; } }
@media (max-width: 767px) {
  .sftr { padding: 40px 0 32px; }
  .sftr-cols { margin: 0 24px; grid-template-columns: 1fr; gap: 30px; }
  .sftr-link { min-height: 48px; }
  .sftr-social { gap: 8px; margin-left: -12px; }
  .sftr-social a { width: 48px; height: 48px; }
  .sftr-social svg { width: 22px; height: 22px; }
  .sftr-base-inner { margin: 0 24px; }
}