/* =========================
   FOOTER
========================= */

.site-footer{
  padding:54px 0 32px;
  background:#000;
  color:rgba(230,230,230,0.88);
  border-top:1px solid rgba(255,255,255,0.08);
  box-shadow:0 -2px 2px 0 rgba(150,150,150,1);
}

.site-footer__inner{
  width:min(95%,1280px);
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(240px,1.2fr) minmax(360px,2fr);
  gap:34px 48px;
}

.site-footer__brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.site-footer__logo-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  text-decoration:none;
}

.site-footer__logo{
  width:auto;
  height:62px;
  display:block;
  object-fit:contain;
}

.site-footer__title{
  margin:0 0 10px;
  color:#fff;
  font-size:1.35rem;
  line-height:1.2;
  letter-spacing:0.04em;
}

.site-footer__description,
.site-footer__sources p,
.site-footer__bottom p{
  color:rgba(230,230,230,0.70);
  font-size:0.86rem;
  line-height:1.6;
}

.site-footer__description{
  max-width:360px;
}

.site-footer__nav{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}

.site-footer__column,
.site-footer__sources{
  min-width:0;
}

.site-footer__heading{
  margin:0 0 13px;
  color:#fff;
  font-size:0.82rem;
  line-height:1.2;
  font-weight:800;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

.site-footer__links{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:9px;
}

.site-footer__links a{
  color:rgba(230,230,230,0.78);
  text-decoration:none;
  font-size:0.86rem;
  font-weight:600;
  line-height:1.35;
  transition:color 0.2s ease,transform 0.2s ease;
}

.site-footer__links a:hover{
  color:var(--accent);
  transform:translateX(3px);
}

.site-footer__sources p{
  margin:0;
}

.site-footer__bottom{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,0.3);
}

.site-footer__bottom p{
  color:#fff;
}

.site-footer a:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:4px;
  border-radius:8px;
}


/* =========================
   FOOTER RESPONSIVE
========================= */

@media (max-width:900px){
  .site-footer__inner{
    grid-template-columns:1fr;
    gap:30px;
    width: 90%;
  }

  .site-footer__brand{
    align-items:center;
    text-align:center;
  }

  .site-footer__description{
    max-width:520px;
  }

  .site-footer__nav{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (max-width:600px){
  .site-footer{
    padding:42px 0 28px;
  }

  .site-footer__inner{
    width:90%;
    gap:26px;
  }

  .site-footer__logo{
    height:56px;
  }

  .site-footer__nav{
    grid-template-columns:1fr;
    gap:22px;
    text-align:center;
  }

  .site-footer__links{
    align-items:center;
  }

  .site-footer__links a:hover{
    transform:none;
  }

  .site-footer__sources{
    text-align:center;
  }

  .site-footer__bottom{
    flex-direction:column;
    gap:6px;
    text-align:center;
  }
}