:root {
  --agk-bg: #090806;
  --agk-panel: #100d08;
  --agk-gold: #c7a45d;
  --agk-gold-soft: #c7a45d;
  --agk-ivory: #fff1cf;
  --agk-text: #c9bfaf;
  --agk-line: #3b3020;
}

html { background: var(--agk-bg); }
body { background: var(--agk-bg) !important; color: var(--agk-ivory) !important; }

h1, h2, h3,
.page-hero h1, .section h2, .service-detail h2, .contact-grid h2,
.photo h2, .quote p, .section-title h2, .project h3 {
  font-family: Georgia, "Times New Roman", serif !important;
  color: var(--agk-ivory) !important;
  -webkit-text-fill-color: var(--agk-ivory) !important;
  background: none !important;
  background-image: none !important;
  letter-spacing: -.035em !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.95), 0 0 1px rgba(255,241,207,.18) !important;
}

.page-hero h1 {
  font-size: clamp(4rem, 9.5vw, 8.8rem) !important;
  line-height: .88 !important;
  max-width: 11ch;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.photo h2, .quote p {
  font-size: clamp(3rem, 8vw, 6.5rem) !important;
  line-height: .95 !important;
}

.eyebrow, .small, .num, .feature-list b, .project > span,
.king-profile-role {
  color: var(--agk-gold-soft) !important;
  -webkit-text-fill-color: var(--agk-gold-soft) !important;
}

p, .lead, label, .feature-list li, .project p {
  color: var(--agk-text) !important;
  -webkit-text-fill-color: var(--agk-text) !important;
}

a { text-underline-offset: .2em; }
.mark, .btn, .talk, .footer-links a, .public-contact a {
  color: var(--agk-gold-soft) !important;
  -webkit-text-fill-color: var(--agk-gold-soft) !important;
}

.mark, .btn, .talk, input, textarea, select {
  border-color: var(--agk-gold) !important;
}

.btn.primary {
  background: var(--agk-gold) !important;
  color: #090806 !important;
  -webkit-text-fill-color: #090806 !important;
}

input, textarea, select {
  background: #0e0b07 !important;
  color: var(--agk-ivory) !important;
  -webkit-text-fill-color: var(--agk-ivory) !important;
}

.site-header, .site-footer, .section, .step, .service-detail,
.contact-grid, .feature-list li, .project, .public-contact {
  border-color: var(--agk-line) !important;
}

.page-hero, .photo, .quote, .hero-image {
  background-color: #624822 !important;
  background-blend-mode: soft-light !important;
}

.page-hero::before, .photo::before, .quote::before {
  filter: sepia(.45) saturate(1.18) brightness(.72) !important;
}

@media (max-width: 760px) {
  .page-hero h1 {
    font-size: clamp(3rem, 12.5vw, 4.7rem) !important;
    line-height: .92 !important;
    max-width: 9.5ch;
  }
  .photo h2, .quote p {
    font-size: clamp(2.7rem, 10.5vw, 4.1rem) !important;
    line-height: .96 !important;
  }
  .lead, p { line-height: 1.65 !important; }
}