.footer {
  box-sizing:border-box;
  width:100%;
  padding:clamp(48px,5vw,72px) clamp(24px,5vw,76px) clamp(56px,6vw,84px);
  display:grid;
  grid-template-columns:minmax(190px,1.25fr) minmax(130px,.85fr) minmax(150px,.85fr) minmax(120px,1fr) minmax(250px,1.35fr);
  gap:clamp(32px,4vw,72px);
  align-items:start;
  background:#020937 url("ornament-bg.jpg") center/500px auto repeat;
  color:#fff;
}

.footer-logo {
  display:block;
  width:124px;
  height:auto;
  margin:0 0 22px;
  filter:brightness(0) saturate(100%) invert(85%) sepia(13%) saturate(1256%) hue-rotate(168deg) brightness(99%) contrast(93%);
}

.footer p,
.footer a {
  font-family:"Fira Sans",Arial,sans-serif;
}

.footer-copy {
  margin:0;
  color:rgba(255,255,255,.68);
  font-size:13px;
  font-weight:300;
  line-height:1.6;
}

.footer-title {
  margin:0 0 18px;
  color:#8fd3f4;
  font-size:12px;
  font-weight:400;
  letter-spacing:.18em;
  line-height:1.35;
  text-transform:uppercase;
  white-space:nowrap;
}

.footer-links {
  display:grid;
  gap:10px;
}

.footer-links a {
  color:rgba(255,255,255,.68);
  font-size:14px;
  font-weight:300;
  line-height:1.45;
  text-decoration:none;
}

.footer-links a:hover,
.footer-links a:focus-visible {
  color:#17dae5;
  outline:none;
}

.footer-socials {
  display:flex;
  gap:10px;
}

.footer-socials a {
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(143,211,244,.65);
  border-radius:50%;
  color:#fff;
  font-size:14px;
  text-decoration:none;
}

.footer-socials a:hover,
.footer-socials a:focus-visible {
  border-color:#17dae5;
  color:#17dae5;
  outline:none;
}

.footer-back {
  min-width:0;
}

.back-top {
  box-sizing:border-box;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:54px;
  padding-left:20px;
  border:1px solid rgba(143,211,244,.28);
  border-radius:18px;
  color:rgba(255,255,255,.75);
  text-decoration:none;
}

.back-top span:first-child {
  font-size:14px;
  font-weight:300;
  white-space:nowrap;
}

.back-top-icon {
  flex:0 0 auto;
  width:48px;
  height:48px;
  margin-right:3px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#17dae5;
  color:#00051d;
  font-size:27px;
  line-height:1;
  transition:transform .3s ease;
}

.back-top:hover .back-top-icon,
.back-top:focus-visible .back-top-icon {
  transform:translateY(-4px);
}

@media (max-width:1050px) {
  .footer {
    grid-template-columns:1.15fr .85fr .85fr;
  }

  .footer-brand,
  .footer-back {
    grid-column:auto;
  }
}

@media (max-width:820px) {
  .footer {
    grid-template-columns:1fr 1fr;
  }

  .footer-brand,
  .footer-back {
    grid-column:1 / -1;
  }
}

@media (max-width:520px) {
  .footer {
    grid-template-columns:1fr;
  }

  .footer-brand,
  .footer-back {
    grid-column:auto;
  }

  .footer-logo {
    width:82px;
  }
}