/* footer.css — uses the same --clr-* tokens as main.css */
.site-footer{background:var(--clr-nav);color:rgba(255,255,255,.7);margin-top:48px;padding:40px 0 0;}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px;}
.footer-col{display:flex;flex-direction:column;gap:9px;}
.footer-brand{padding-right:20px;}
.footer-logo{display:flex;align-items:center;gap:7px;text-decoration:none;margin-bottom:8px;}
.footer-logo span:first-child{font-size:18px;}
.footer-logo .logo-name{font-size:15px;font-weight:700;color:#fff;}
.footer-logo .logo-name em{color:var(--clr-acc);font-style:normal;}
.footer-tagline{font-size:12.5px;color:rgba(255,255,255,.55);line-height:1.6;max-width:280px;}
.footer-heading{font-size:11px;font-weight:700;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;}
.footer-col a{font-size:13px;color:rgba(255,255,255,.7);text-decoration:none;transition:color .15s;}
.footer-col a:hover{color:var(--clr-acc);text-decoration:none;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;color:rgba(255,255,255,.5);}
.footer-bottom-links{display:flex;gap:18px;}
.footer-bottom-links a{color:rgba(255,255,255,.5);text-decoration:none;}
.footer-bottom-links a:hover{color:var(--clr-acc);text-decoration:none;}

@media(max-width:900px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
  .footer-brand{grid-column:1/-1;padding-right:0;}
}
@media(max-width:560px){
  .footer-grid{grid-template-columns:1fr;gap:24px;}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
}