/* === Footer === */
.footer{background:var(--gray-900);padding:72px var(--content-pad) 36px}
.footer__inner{max-width:var(--content-max);margin:0 auto}
.footer__top{display:grid;grid-template-columns:2.5fr 1fr 1fr 1.5fr;gap:48px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.06)}
.footer__logo{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.footer__logo img{height:28px;filter:brightness(0) invert(1);opacity:.7}
.footer__brand-text{font-size:14px;font-weight:300;line-height:1.7;color:var(--gray-600);max-width:320px}
.footer__nav-title{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gray-400);margin-bottom:22px}
.footer__nav-list{list-style:none;display:flex;flex-direction:column;gap:14px}
.footer__nav-list a{font-size:14px;font-weight:300;color:var(--gray-600);transition:color .3s}.footer__nav-list a:hover{color:#fff}
.footer__contact p{font-size:14px;font-weight:300;color:var(--gray-600);margin-bottom:10px;line-height:1.7}
.footer__bottom{padding-top:28px;display:flex;justify-content:space-between;font-size:12px;color:var(--gray-700)}
.footer__bottom-links{display:flex;gap:24px}
.footer__bottom-links a{color:var(--gray-700);transition:color .3s}.footer__bottom-links a:hover{color:var(--gray-400)}