footer.site-footer{
  display:block;
  padding:0;
  background:#102a23;
  color:#fff;
  font-size:13px;
}
.footer-main{
  display:grid;
  grid-template-columns:minmax(190px,.55fr) minmax(620px,1.5fr) auto;
  gap:clamp(35px,5vw,80px);
  align-items:center;
  padding:65px 5vw 58px;
}
.footer-brand img{width:225px;height:auto;filter:brightness(0) invert(1)}
.footer-data{display:grid;grid-template-columns:1fr .9fr 1.25fr;gap:clamp(25px,4vw,65px)}
.footer-data>div{padding-left:22px;border-left:1px solid rgba(255,255,255,.18)}
.footer-data span{display:block;margin-bottom:13px;color:var(--lime);text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:600}
.footer-data p{margin:0;color:rgba(255,255,255,.82);line-height:1.7}
.footer-data a{transition:color .2s ease}.footer-data a:hover{color:var(--lime)}
.site-footer .footer-socials{display:flex;flex-direction:row;align-items:center;gap:10px}
.social-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(255,255,255,.38);border-radius:50%;transition:.25s ease}
.social-icon svg{width:24px;height:24px}.instagram-icon svg{fill:none;stroke:currentColor;stroke-width:1.6}.instagram-icon .ig-dot{fill:currentColor;stroke:none}.facebook-icon svg{fill:currentColor}
.social-icon:hover{color:var(--forest);background:var(--lime);border-color:var(--lime);transform:translateY(-2px)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:0 5vw;padding:25px 82px 28px 0;border-top:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.57);font-size:11px}
.footer-bottom p{margin:0}.footer-bottom p a{color:#fff;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:2px;transition:.2s}.footer-bottom p a:hover{color:var(--lime);border-color:var(--lime)}
.footer-bottom>a{white-space:nowrap;color:#fff}.footer-bottom>a span{margin-left:8px;color:var(--lime)}
@media(max-width:1000px){.footer-main{grid-template-columns:1fr auto}.footer-data{grid-column:1/-1;grid-row:2}.footer-socials{grid-column:2;grid-row:1}.footer-data>div:first-child{padding-left:0;border-left:0}}
@media(max-width:650px){.footer-main{padding:50px 20px 42px}.footer-brand img{width:205px}.footer-data{grid-template-columns:1fr;gap:25px}.footer-data>div,.footer-data>div:first-child{padding:0 0 22px;border-left:0;border-bottom:1px solid rgba(255,255,255,.14)}.footer-data>div:last-child{border-bottom:0;padding-bottom:0}.footer-bottom{margin:0 20px;padding:25px 70px 30px 0;align-items:flex-start;flex-direction:column;line-height:1.7}}
