.hero:before{background:url('../img/karli-otomot-hero.jpg') center/cover;opacity:.24}
.brand-mark{width:52px;height:52px;display:block;object-fit:contain;flex:0 0 auto;background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;color:transparent!important}
@media(max-width:640px){.brand-mark{width:44px;height:44px}}
@media(max-width:640px){
  .footer{padding:42px 0 20px}
  .footer-grid{grid-template-columns:1fr;gap:12px}
  .footer-grid>div{
    padding:16px 16px 14px;
    border-radius:22px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
  }
  .footer-brand{margin-bottom:8px}
  .footer p,
  .footer a{
    margin:6px 0;
    line-height:1.55;
    font-size:14px;
  }
  .footer h4{
    margin:0 0 10px;
  }
  .copyright{
    margin-top:16px;
    padding-top:14px;
    text-align:center;
    font-size:12px;
  }
}