:root {
  --ink: #0E272E;
  --paper: #C9C4C1;
  --line: #A0968A;
  --lime: #A10000;
  --muted: #766E67;
}

.site-nav a:not(.nav-cta) { color: var(--muted); }
.menu-toggle span { color: var(--lime); }
.hero-overlay {
  background: linear-gradient(90deg, rgba(14, 39, 46, .88), rgba(14, 39, 46, .34) 68%, rgba(14, 39, 46, .18)), linear-gradient(0deg, rgba(14, 39, 46, .72), transparent 55%);
}
.button-light { background: var(--lime); color: #fff; }
.work { background: var(--line); }
.work-grid figure::after { background: linear-gradient(0deg, rgba(14, 39, 46, .78), transparent 55%); }
.contact { background: #1F5A69; color: #fff; }
.contact .eyebrow { color: var(--paper); }
.button-dark { background: var(--ink); color: #fff; }
.service-card a span,
.nav-cta span,
.button span,
.outline-link span { color: var(--lime); }
footer { background: var(--ink); }
footer .brand-mark { background: var(--lime); color: #fff; }
.site-header { overflow: visible; }
.site-header .brand { position: relative; z-index: 2; }
.site-header .brand-logo { background: transparent; border-radius: 0; height: 74px; margin: -8px 0 -18px; object-fit: contain; padding: 0; width: 172px; }
footer .brand-logo { background: transparent; border-radius: 0; height: 42px; object-fit: contain; padding: 0; width: 70px; }
@media(max-width:760px) {
  .site-header .brand-logo { height: 62px; margin: -6px 0 -14px; width: 142px; }
}