/* ===== SLON Footer (pixel-match to provided mock) ===== */
.slon-footer{
  background:#141414;
  color:#e9e9e9;
  padding:38px 0 44px;
  font-family:inherit;
}
.footer__wrap{
  width:min(100%,1280px);
  margin:0 auto;
  padding:0 24px;
}
.footer__brand {
  display: block;
  width: fit-content;
}
.footer__brand img{
  height:30px;
  width:auto;
  display:block;
  filter:brightness(1.15);
  margin-bottom:12px;
}

/* rule under logo (max width 960px) */
.footer__rule{
  border:0;
  border-top:1px solid rgba(255,255,255,.18);
  width:100%;
  margin:10px 0 18px;
}

.footer__lines{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:8px;
  max-width:960px; /* align with rule */
  color:#d4d4d4;
}
.footer__lines li{line-height:1.7; font-size:14px;}
.footer__lines a{color:#ffffff; text-decoration:underline; text-underline-offset:2px;}
.footer__lines .key{color:#ffffff; display:inline-block; margin-right:6px;}
.footer__lines .sep{display:inline-block; margin:0 10px; color:#9f9f9f;}

.footer__copy{
  margin:22px 0 0 0;
  font-size:13px;
  color:#bdbdbd;
}

/* Responsive */
@media (max-width:860px){
  .footer__wrap{padding:0 16px;}
  .footer__lines li{font-size:13px;}
  .footer__lines .sep{margin:0 6px;}
}