/* ---------------- Footer ---------------- */
.footer { background: #0A2016; color: #b6c8bf; padding: 4rem 0 1.8rem; }
.brand--footer .brand__name { color: #fff; }
.footer__about { font-size: .9rem; color: #8fa79c; margin: 1.1rem 0 1.3rem; max-width: 22rem; }
.footer__social { display: flex; gap: .6rem; }
.footer__social a { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: rgba(255,255,255,.06); color: #cfe3d9; transition: .2s; }
.footer__social a:hover { background: var(--brand); color: #fff; }
.footer h5 { color: #fff; font-size: .95rem; font-weight: 600; margin-bottom: 1rem; }
.footer ul { list-style: none; padding: 0; margin: 0; }
.footer ul li { margin-bottom: .55rem; }
.footer ul a { color: #9fb6ab; font-size: .9rem; transition: .2s; }
.footer ul a:hover { color: var(--brand); }
.footer__bottom {
  border-top: 1px solid rgba(255,255,255,.08); margin-top: 2.8rem; padding-top: 1.4rem;
  display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; font-size: .82rem; color: #7d958a;
}

/* ---------------- Back to top ---------------- */
.to-top {
  position: fixed; right: 22px; bottom: 22px; width: 46px; height: 46px;
  border-radius: 50%; border: 0; background: var(--brand); color: #fff; font-size: 1.2rem;
  box-shadow: var(--shadow-brand); cursor: pointer; opacity: 0; visibility: hidden;
  transform: translateY(10px); transition: .25s; z-index: 1040;
}
.to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.to-top:hover { background: var(--brand-dark); }