.site-footer{
  position:relative;
  margin-top:54px;
  color:#f6eee7;
  background:var(--paper);
  overflow:hidden
}
.footer-main{
  position:relative;
  width:80vw;
  height:auto;
  margin:auto;
  padding:76px 0 62px;
  display:grid;
  grid-template-columns:1.4fr .7fr 1.15fr .75fr;
  gap:clamp(32px,5vw,82px);
  align-items:start
}
.footer-main h2{
  margin:5px 0 22px;
  color:#bdaea2;
  font-size:9px;
  letter-spacing:.17em;
  text-transform:uppercase
}
.footer-main p,.footer-main a,.footer-main small{
  font-size:15px;
  line-height:1.6
}
.footer-main a{
  display:block;
  color:#d79a60;
  text-decoration:none;
  transition:color .25s,transform .25s
}
.footer-main a:hover{
  color:#d79a60;
  transform:translateX(4px)
}
.footer-brand{
  text-align:left
}
.footer-brand>a{
  display:inline-block;
  padding:10px 16px;
  margin-bottom:22px;
  border-radius:14px;
  background:#f6f0eb;
  box-shadow:0 12px 28px rgba(0,0,0,.18)
}
.footer-brand>a:hover{
  transform:translateY(-3px)
}
.footer-brand img{
  width:185px;
  height:auto;
  margin:0;
  object-fit:contain
}
.footer-brand p{
  max-width:315px;
  margin:0;
  color:#211711
}
.footer-nav{
  display:flex;
  flex-direction:column;
  gap:9px
}
.footer-nav h2{
  margin-bottom:13px
}
.footer-contact{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px
}
.footer-contact h2{
  margin-bottom:13px
}
.footer-contact .footer-phone{
  font:400 22px/1.2 var(--font-family);
  color:#d79a60
}
.footer-contact small{
  margin-top:10px;
  color:#211711
}
.footer-area p{
  margin:0 0 15px;
  color:#211711
}
.footer-area span{
  display:inline-block;
  padding:10px 13px;
  border:2px solid rgba(215,154,96,.50);
  border-radius:999px;
  color:#d79a60;
  font-size:12px;
  font-weight:600;
  line-height:1.35;
  text-transform:uppercase
}
.footer-bottom{
  width:100%;
  color:#f6f1ec;
  background:#000
}
.footer-bar{
  position:relative;
  width:80vw;
  height:auto;
  margin:auto;
  padding:21px 0;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  border-top:1px solid rgba(255,255,255,.1);
  background:#000;
  font-size:12px
}
.footer-bar strong{
  color:#fff;
  font-weight:400;
  letter-spacing:.06em
}
.footer-bar>a{
  justify-self:end;
  color:#d79a60;
  text-decoration:none;
  transition:transform .25s
}
.footer-bar>a:hover{
  transform:translateY(-3px)
}
@media(max-width:1050px){
  .footer-main{
    grid-template-columns:1.25fr .75fr 1fr
  }
  .footer-area{
    grid-column:3
  }
  .footer-contact{
    grid-column:3;
    grid-row:1
  }
  .footer-nav{
    grid-row:1/3
  }
}
@media(max-width:800px){
  .footer-main{
    padding:58px 0 44px;
    grid-template-columns:repeat(2,1fr);
    gap:38px
  }
  .footer-nav,.footer-contact,.footer-area{
    grid-column:auto;
    grid-row:auto
  }
  .footer-bar{
    grid-template-columns:1fr auto;
    gap:12px
  }
  .footer-bar strong{
    display:none
  }
}
@media(max-width:520px){
  .footer-main{
    grid-template-columns:1fr;
    padding:48px 0 38px
  }
  .footer-bar{
    grid-template-columns:1fr;
    gap:9px;
    padding:18px 0;
    text-align:center
  }
  .footer-bar>a{
    justify-self:center
  }
  .footer-brand img{
    width:160px
  }
  .footer-contact .footer-phone{
    font-size:20px
  }
}