.site-footer{
  margin-top:80px;
  background:linear-gradient(180deg, rgba(18,18,18,.5), rgba(10,10,10,.95));
  border-top:1px solid rgba(200,122,46,.18);
}
.site-footer__inner{
  max-width:1440px;
  margin:0 auto;
  padding:56px 24px 32px;
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1.2fr;
  gap:40px;
}

.site-footer .logo{
  display:inline-flex;
  gap:6px;
  font-family:var(--font-heading, 'Cormorant Garamond', serif);
  font-weight:700;
  font-size:24px;
  letter-spacing:.08em;
  text-decoration:none;
  margin-bottom:14px;
}
.site-footer .logo__main{color:var(--cream)}
.site-footer .logo__accent{color:var(--amber)}

.site-footer .muted{
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
  margin:0;
  max-width:320px;
}

.site-footer__col .label{
  display:block;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--saffron);
  margin-bottom:16px;
}

.site-footer__col ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.site-footer__col ul a{
  color:var(--cream);
  opacity:.75;
  text-decoration:none;
  font-size:14px;
  transition:.2s;
}
.site-footer__col ul a:hover{
  color:var(--saffron);
  opacity:1;
}

.site-footer__bottom{
  max-width:1440px;
  margin:0 auto;
  padding:20px 24px 28px;
  border-top:1px dashed rgba(200,122,46,.15);
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
}
.site-footer__bottom .muted{font-size:12px}

@media (max-width:900px){
  .site-footer__inner{
    grid-template-columns:1fr 1fr;
    gap:32px;
    padding:40px 20px 24px;
  }
  .site-footer__col--brand{grid-column:span 2}
  .site-footer__bottom{padding:16px 20px 24px;flex-direction:column}
}
@media (max-width:520px){
  .site-footer__inner{grid-template-columns:1fr}
  .site-footer__col--brand{grid-column:span 1}
}