/* Site footer. --ink / --olive come from base.css; fallbacks keep it safe alone. */
.footer{background:var(--ink,#2f3a3a);color:rgba(255,255,255,0.7);padding:56px 0 32px}
.footer-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,0.12)}
.footer .logo-img{height:36px;width:auto}
.footer-brand p{font-size:14px;color:rgba(255,255,255,0.55);margin-top:16px;max-width:280px;line-height:1.6}
.footer-col h4{font-size:12px;font-weight:700;letter-spacing:0.10em;text-transform:uppercase;color:rgba(255,255,255,0.5);margin-bottom:16px}
.footer-col a{display:block;font-size:14px;color:rgba(255,255,255,0.75);padding:6px 0;transition:color .15s}
.footer-col a:hover{color:var(--olive,#b2c34a)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:26px;font-size:13px;color:rgba(255,255,255,0.45)}
.footer-social{display:flex;gap:14px;margin-top:20px}
.footer-social a{color:rgba(255,255,255,0.6);transition:color .15s,transform .15s}
.footer-social a:hover{color:var(--olive,#b2c34a);transform:translateY(-2px)}
.footer-social svg{display:block}
@media(max-width:980px){.footer .footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.footer .footer-top{grid-template-columns:1fr}}