.renova-footer {
  --footer-bg: #071e2a;
  --footer-ink: #fff;
  --footer-accent: #f4c34d;
  position: relative;
  width: 100%;
  overflow: hidden;
  color: var(--footer-ink);
  background: var(--footer-bg);
  font-family: "Manrope", "Avenir Next", "Helvetica Neue", sans-serif;
}

.renova-footer *, .renova-footer *::before, .renova-footer *::after { box-sizing: border-box; }
.renova-footer::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: var(--footer-accent); }
.renova-footer__inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; width: min(100%, 1440px); margin: 0 auto; padding: 34px 56px; }
.renova-footer__brand { display: flex; align-items: center; gap: 12px; color: var(--footer-ink); font-size: 12px; font-weight: 850; letter-spacing: .18em; }
.renova-footer__brand span { width: 28px; height: 3px; background: var(--footer-accent); }
.renova-footer__copyright { margin: 0; color: rgba(255, 255, 255, .68); font-size: 13px; line-height: 1.5; text-align: right; }

@media (max-width: 767px) {
  .renova-footer__inner { display: grid; justify-items: start; gap: 18px; padding: 30px 22px; }
  .renova-footer__copyright { max-width: 330px; font-size: 13px; text-align: left; }
}