FOOTER v2 — grouped columns + social row (added 2026-07-27)
   Overrides the legacy single-row .footer-inner flex layout below.
   ========================================================================== */
.site-footer{border-top:1px solid var(--rule);margin-top:3rem;padding:0;}
.site-footer .footer-inner.footer-grid{
  display:grid;
  grid-template-columns:1.6fr repeat(4,1fr);
  gap:2rem 1.75rem;
  align-items:start;
  justify-content:normal;
  max-width:1180px;
  margin:0 auto;
  padding:3rem 1.5rem 2.25rem;
  font-size:0.88rem;
  color:var(--text-muted);
}
.footer-about{max-width:320px;}
.site-footer .footer-brand{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.85rem;}
.site-footer .footer-brand img{width:auto;height:26px;border-radius:0;display:block;}
.footer-tag{margin:0 0 1.1rem;font-size:0.86rem;line-height:1.6;color:var(--text-muted);}

/* social row */
.footer-social{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0;}
.footer-social li{margin:0;}
.footer-social a{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;
  border:1px solid var(--rule);
  color:var(--text-muted);
  background:rgba(255,255,255,.02);
  transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease;
}
.footer-social a:hover,.footer-social a:focus-visible{
  color:#0E1B33;background:#E0B842;border-color:#E0B842;transform:translateY(-2px);
}
.footer-social a:focus-visible{outline:2px solid #E0B842;outline-offset:2px;}
.footer-social svg{width:17px;height:17px;fill:currentColor;display:block;}

/* link columns */
.footer-col h2.footer-h{
  margin:0 0 .85rem;font-size:0.72rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--white);
}
.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem;}
.footer-col li{margin:0;}
.footer-col a{color:var(--text-muted);text-decoration:none;font-size:0.86rem;line-height:1.45;transition:color .16s ease;}
.footer-col a:hover,.footer-col a:focus-visible{color:var(--white);text-decoration:underline;}

/* bottom bar */
.footer-base{border-top:1px solid var(--rule);}
.site-footer .footer-inner.footer-base-inner{
  display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;
  align-items:center;justify-content:space-between;
  max-width:1180px;margin:0 auto;padding:1.15rem 1.5rem;
}
.footer-copy{font-size:0.8rem;color:var(--text-muted);}
.site-footer .footer-pride{font-size:0.78rem;color:#93A0B5;font-weight:600;letter-spacing:.06em;}

@media (max-width:900px){
  .site-footer .footer-inner.footer-grid{grid-template-columns:1fr 1fr;gap:2rem 1.25rem;padding:2.25rem 1.25rem 1.75rem;}
  .footer-about{grid-column:1 / -1;max-width:none;}
}
@media (max-width:520px){
  .site-footer .footer-inner.footer-grid{grid-template-columns:1fr;}
  .site-footer .footer-inner.footer-base-inner{flex-direction:column;align-items:flex-start;text-align:left;}
  .footer-social a{width:40px;height:40px;}
}