header { width: min(1320px, calc(100% - 64px)); margin: auto; padding: 28px 0; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 10; } .logo { display: flex; align-items: center; gap: 11px; } .logo-mark { width: 42px; height: 42px; } .logo-word { font-family: "Manrope", sans-serif; font-size: 21px; font-weight: 800; letter-spacing: -.8px; } .logo-word span { color: var(--olive); } nav { display: flex; align-items: center; gap: 32px; } nav a { color: #4c6157; font-size: 14px; font-weight: 500; } nav a:hover { color: var(--green); } .nav-contact { padding: 11px 19px; border: 1px solid var(--border); border-radius: 999px; }


footer {
  background: #102d21;
  color: white;
  padding: 45px 0;
}

.footer-inner {
  width: min(1320px, calc(100% - 64px));
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.footer-logo {
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  font-weight: 800;
}

.footer-logo span {
  color: #8da75c;
}

.footer-copy {
  color: rgba(255,255,255,.48);
  font-size: 11px;
  text-align: right;
}