.footer { background: var(--surface-void); border-top: 1px solid var(--surface-line); padding-top: var(--space-8); }
.footer__inner { display: grid; gap: var(--space-7); grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); padding-bottom: var(--space-7); }
.logo--footer { --logo-height: 46px; }
.footer__descriptor { margin-top: var(--space-3); font-size: var(--size-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-faint); max-width: 22ch; }
.footer__col h4, .footer__heading { font-size: var(--size-xs); letter-spacing: var(--tracking-wide); color: var(--red-text); margin-bottom: var(--space-4); }
.footer__col p, .footer__col a { display: block; font-size: var(--size-sm); color: var(--steel-300); }
.footer__col a:hover { color: var(--text-primary); }
.footer__base { display: flex; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; padding-block: var(--space-5); border-top: 1px solid var(--surface-line); font-size: var(--size-xs); color: var(--text-faint); }