:root { --gold: #c9a45c; --gold-light: #e1c77f; }

/* A restrained metallic accent, used only to guide the eye. */
.brand-lockup { display: inline-flex; align-items: center; gap: 9px; color: inherit; text-decoration: none; }
.brand-lockup img { display: block; width: 37px; height: auto; }
.brand-lockup .wordmark { font-family: "DM Mono", monospace; font-size: 14px; letter-spacing: .11em; }
.brand-lockup .wordmark b { color: var(--gold-light); font-size: 10px; font-weight: 400; letter-spacing: .14em; margin-left: 3px; }
.hero::before {
  content: "";
  position: absolute;
  top: 86px;
  left: 5.2vw;
  width: 58px;
  height: 2px;
  background: var(--gold);
}
.hero .eyebrow::before,
.contact .eyebrow::before {
  content: "◆";
  color: var(--gold-light);
  margin-right: 10px;
  font-size: 9px;
  vertical-align: 1px;
}
.button-light { box-shadow: inset 3px 0 0 var(--gold); }
.button-outline { border-color: var(--gold); color: var(--gold-light); }
.button-outline:hover { background: var(--gold); color: var(--deep); }
.focus-grid article:first-child { box-shadow: inset 3px 0 0 var(--gold); }
.insight-featured { box-shadow: inset 3px 0 0 var(--gold); padding-left: 28px; }
.feature-number { color: rgba(201, 164, 92, .25); }
.insight-secondary a,
.insight-featured a span { color: var(--gold-light); }
footer .brand-lockup img { width: 31px; }

@media (max-width: 760px) {
  .hero::before { top: 70px; left: 6vw; }
  .insight-featured { padding-left: 18px; }
}