.site-footer{
  width:100%;
  background:
    radial-gradient(70% 120% at 12% 0%, rgba(195,170,191,.10), transparent 60%),
    radial-gradient(60% 120% at 88% 20%, rgba(255,255,255,.05), transparent 62%),
    #1f2430;
  color:rgba(255,255,255,.78);
}

.footer__inner{
  max-width:1280px;
  margin:0 auto;
  padding:clamp(4rem,7vw,5rem) clamp(1.5rem,3vw,2.5rem) 2rem;
}

.footer__grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:4rem;
}

.footer__text{
  margin:0;
  font-size:1rem;
  line-height:1.7;
  color:rgba(255,255,255,.64);
}

.footer__col h4{
  margin:0 0 1rem;

  font-size:.85rem;
  letter-spacing:.08em;
  text-transform:uppercase;

  color:rgba(255,255,255,.42);
}

.footer__nav{
  display:flex;
  flex-direction:column;
  gap:.9rem;
}

.footer__nav a{
  width:fit-content;

  color:rgba(255,255,255,.78);
  text-decoration:none;

  transition:
    color .2s ease,
    transform .2s ease;
}

.footer__nav a:hover{
  color:#fff;
  transform:translateX(2px);
}

.footer__bottom{
  margin-top:3rem;
  padding-top:1.25rem;

  border-top:1px solid rgba(255,255,255,.08);

  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
}

.footer__copy,
.footer__legal{
  font-size:.85rem;
  color:rgba(255,255,255,.42);
}

.footer__legal{
  display:flex;
  gap:1rem;
}

.footer__legal a{
  color:inherit;
  text-decoration:none;
}

.footer__legal a:hover{
  color:rgba(255,255,255,.82);
}

@media (max-width:900px){

  .footer__grid{
    grid-template-columns:1fr;
    gap:2rem;
  }

  .footer__bottom{
    flex-direction:column;
    align-items:flex-start;
  }
}