.site-footer{
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "brands brands"
    "access link";
  gap:28px 48px;
  min-height:300px;
  padding-top:36px;
  padding-bottom:36px;
}

.footer-brand-system{
  grid-area:brands;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  gap:16px;
}

.footer-brands{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  width:min(100%,1180px);
  padding:20px 26px;
  border:1px solid rgba(127,194,0,.3);
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 50px rgba(0,0,0,.28);
}

.site-footer .footer-brand-ehcopaint{
  width:210px;
  height:auto;
}

.site-footer .footer-brand-boros{
  width:112px;
  height:112px;
  object-fit:contain;
}

.site-footer .footer-brand-happs{
  width:104px;
  height:104px;
  object-fit:cover;
  border-radius:14px;
}

.site-footer .footer-brand-vero{
  width:290px;
  height:112px;
  object-fit:cover;
  object-position:center;
  border-radius:14px;
  background:#032238;
}

.footer-brand-divider{
  width:1px;
  height:82px;
  flex:0 0 1px;
  background:#dce4d8;
}

.site-footer .footer-platform-note{
  max-width:960px;
  margin:0;
  color:#d9e3d4;
  font-size:clamp(12px,.86vw,15px);
  font-weight:500;
  letter-spacing:.045em;
  line-height:1.55;
  text-align:center;
  text-transform:none;
}

.site-footer .footer-platform-note span{
  display:block;
  margin-top:5px;
}

.site-footer .footer-access-note{
  grid-area:access;
  justify-self:start;
  text-align:left;
}

.site-footer>a{
  grid-area:link;
}

.site-footer .footer-platform-note strong{
  color:#8dcb3f;
  font-weight:800;
  text-transform:uppercase;
}

@media(max-width:900px){
  .site-footer{
    grid-template-columns:1fr;
    grid-template-areas:
      "brands"
      "access"
      "link";
    justify-items:center;
    text-align:center;
  }

  .footer-brand-system{
    align-items:center;
  }

  .footer-brands{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
    width:min(100%,720px);
  }

  .footer-brand-divider{
    display:none;
  }

  .footer-brands img{
    justify-self:center;
  }

  .site-footer .footer-platform-note{
    text-align:center;
  }

  .site-footer a{
    justify-self:center;
  }

  .site-footer .footer-access-note{
    justify-self:center;
    text-align:center;
  }
}

@media(max-width:520px){
  .footer-brands{
    gap:16px 12px;
    width:min(100%,430px);
    padding:12px 14px;
  }

  .site-footer .footer-brand-ehcopaint{
    width:min(43vw,170px);
  }

  .site-footer .footer-brand-boros{
    width:76px;
    height:76px;
  }

  .site-footer .footer-brand-happs{
    width:70px;
    height:70px;
    border-radius:10px;
  }

  .site-footer .footer-brand-vero{
    width:min(48vw,190px);
    height:76px;
    border-radius:10px;
  }

  .site-footer .footer-platform-note{
    max-width:430px;
    font-size:12px;
  }
}