:root {
  --ink: #18232c;
  --green: #19232c;
  --mint: #b4dc32;
  --cream: #f1f4ef;
  --orange: #abd928;
  --white: #ffffff;
  --line: #d8ddd6;
}

body { background: #fbfcfa; }

.original-logo img {
  width: 230px;
  height: auto;
}

.site-header {
  background: rgba(255,255,255,.97);
  border-bottom-color: rgba(24,35,44,.12);
}

.site-header nav a:hover { color: #7ba500; }

.button {
  color: var(--ink);
  box-shadow: 0 5px 18px rgba(116,151,10,.2);
}

.hero-shade {
  background: linear-gradient(90deg,rgba(13,21,28,.9) 0%,rgba(20,31,39,.68) 43%,rgba(20,31,39,.1) 76%);
}

.hero h1 em,
.project h2 em,
.eyebrow { color: #c5e85a; }

.hero-proof { background: #fff; }
.hero-proof strong { color: #7fa800; }
.trust-strip,.project { background: #19232c; }
.trust-strip i { background: #abd928; }
.service.featured { background: #19232c; }
.service.renovation { background: #eef3e5; }
.icon,.about-kicker { color: #8eb512; }
.service a { color: #c5e85a; }
.eyebrow.dark { color: #6f900c; }
.handle span { color: #19232c; }
.gallery { background: #f1f4ef; }
.secondary-services { background: #eef1ee; }

.cta {
  background: #abd928;
  color: #18232c;
}

.cta .eyebrow { color: #18232c; }
.button.light { background: #18232c; color: #fff; }
.button.outline { color: #18232c; border-color: #18232c; }

footer { background: #141d24; }
.footer-logo { justify-self: start; background: #fff; padding: 9px 12px; border-radius: 3px; }
.footer-logo img { width: 210px; }

.comparisons {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.compare-card .compare { aspect-ratio: 4 / 3; }

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

@media (max-width: 600px) {
  .original-logo img { width: 178px; }
  .footer-logo img { width: 190px; }
}