:root {
  --navy: #171719;
  --navy2: #252529;
  --blue: #641722;
  --copper: #991f2d;
  --cream: #f7f4f1;
  --ink: #211d1e;
  --muted: #6e686a;
  --line: #ddd7d7;
}

.site-header { background: rgba(23, 23, 25, .98); }
.brand-mark {
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 50%;
  background: var(--copper);
  color: #fff;
  font: 400 15px/1 Arial, sans-serif;
  letter-spacing: .02em;
  transform: none;
}
.brand strong { color: #fff; }
.button { color: #fff !important; }
.button:hover { background: #b52b3a; }
.eyebrow { color: #e5a2aa; }
.eyebrow.dark, .service-card a { color: var(--copper); }
.hero h1 em { color: #e9adb3; }
.featured a { color: #f0a5ad; }
.about-stat { background: linear-gradient(145deg, #3d1017, #1d1719); }
.about-stat strong { color: #e8a1a9; }
.area-badge { background: var(--copper); }
.area-badge span, .area-badge small { color: #f6dadd; }
.request { background: #361017; }
.contact-note span { font-size: 22px; color: #fff; }
.contact-note a { color: #fff; text-decoration: none; font-weight: 800; }
.contact-note .contact-email { margin-top: 5px; font-size: 16px; }
footer { background: #111; padding-top: 30px; padding-bottom: 30px; }
.footer-logo { display: block; width: 250px; background: #fff; padding: 7px; }
.footer-logo img { display: block; width: 100%; height: auto; }
footer a { color: #fff; }

@media (max-width: 600px) {
  .brand-mark { width: 42px; height: 42px; font-size: 13px; }
  .button-small { font-size: 14px; }
  .footer-logo { width: min(250px, 100%); }
}