/* Black and gold: the same layout, content, and interactions as the light Site. */
:root {
  color-scheme: dark;
  --ink: #f3eee6;
  --text: #cbc6bd;
  --muted: #afa99f;
  --accent: #d8b879;
  --gold: #d8b879;
  --line: #35322c;
  --wash: #171716;
  --white: #101111;
}
body { background: var(--white); }
::selection { background: #d8b879; color: #131313; }
a:focus-visible, button:focus-visible, input:focus-visible,
textarea:focus-visible, summary:focus-visible { outline-color: #e7c88e; }
.site-header { background: rgba(16, 17, 17, .97); }
.button { background: var(--accent); border-color: var(--accent); color: #131313; }
.button:hover { background: #e4c78f; border-color: #e4c78f; }
.button-outline { background: transparent; color: var(--ink); border-color: #75633f; }
.button-outline:hover { background: #28241c; color: var(--ink); border-color: var(--accent); }
.skip-link { background: var(--accent); color: #131313; }
.quiet-link, .case-link { border-bottom-color: #75633f; }
.portrait-label { color: #fff; background: linear-gradient(transparent, rgba(0,0,0,.9)); }
.proof-grid > a + a { border-left-color: var(--line); }
.proof-grid strong, .price { color: var(--accent); }
.problem:hover { border-color: #75633f; }
.work-icon { background: #1d1d1b; border-color: #4c4539; }
.tags span { border-color: #4c4539; }
.price-card { border-color: #474238; }
.featured-price { background: #1d1b17; border-color: var(--accent); }
.featured-price:before { background: var(--accent); }
.capacity-note { margin-inline: auto; text-align: center; text-wrap: balance; }
.credentials span { background: #1d1d1b; border-color: #4c4539; }
.contact-email { border-bottom-color: #75633f; }
input:not([type=hidden]), textarea { background: #101111; border-color: #625b4f; }
input::placeholder, textarea::placeholder { color: #a39d93; }
.field-error { color: #f1a4a4; }
.footer-top > a:last-child { border-bottom-color: #75633f; }
@media (max-width: 850px) {
  .header-inner nav { background: #101111; box-shadow: 0 10px 20px rgba(0,0,0,.35); }
  .menu-toggle { background: #171716; }
}
@media (max-width: 620px) {
  .portrait-frame img, .about-photo img { object-position: center top; }
  .mobile-contact { background: #101111; box-shadow: 0 -5px 20px rgba(0,0,0,.35); }
  .mobile-contact a { color: var(--ink); border-color: #75633f; }
  .mobile-contact a:last-child { background: var(--accent); border-color: var(--accent); color: #131313; }
}