.site-footer{
  background:#0f2530;color:rgba(255,255,255,.7);
  padding:3.5rem 4rem 2rem;
  font-family:'Jost',system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:300;line-height:1.6;text-align:left;
}
.site-footer p,.site-footer ul,.site-footer li{margin:0;padding:0;color:inherit;font-size:inherit;line-height:inherit}
.site-footer ul{list-style:none}
.site-footer a{color:rgba(255,255,255,.75);text-decoration:none;transition:color .2s}
.site-footer a:hover{color:#b8d4dc}
.site-footer a:focus-visible{outline:2px solid #b8d4dc;outline-offset:3px}

.sf-top{
  display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;
  max-width:1200px;margin:0 auto 1.6rem;padding-bottom:2.5rem;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.sf-logo img{display:block;height:64px;width:auto;filter:brightness(0) invert(1);opacity:.85}
.site-footer .sf-tagline{max-width:280px;margin:.8rem 0 1rem;font-size:.82rem;line-height:1.7}
.site-footer .sf-contact{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.1rem;font-size:.8rem;letter-spacing:.03em}
.sf-socials{display:flex;gap:.6rem}
.sf-socials a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.18);border-radius:4px}
.sf-socials a:hover{border-color:#b8d4dc}
.site-footer .sf-heading{margin-bottom:1.1rem;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.sf-col ul{display:flex;flex-direction:column;gap:.65rem}
.sf-col a{font-size:.84rem}
.sf-bottom{
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem 1.5rem;
  max-width:1200px;margin:0 auto;font-size:.75rem;
}

@media (max-width:900px){
  .site-footer{padding:3rem 1.5rem 2rem}
  .sf-top{grid-template-columns:1fr 1fr;gap:2rem}
  .sf-brand{grid-column:1/-1}
}
@media (max-width:420px){
  .sf-bottom{flex-direction:column}
}