/* Readable warm neutrals on dark surfaces; opaque tokens avoid compounded alpha. */
:root {
  --muted: #c8c0b3;
  --faint: #b5ad9f;
}

/* Small gold labels need more contrast than decorative gold rules. */
.mnav__links a span,
.hero__card-label,
.about__quote cite,
.step__n,
.blender__label,
.person__role,
.mapcard__label em,
.foot__col h3,
.foot__demo-cta span,
.lb__fig em { color: #d8b674; }

/* The label selector previously also shrank and dimmed the nested counters. */
.strip__item strong .count {
  margin-top: 0;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  color: inherit;
}

.field > span i { opacity: 1; }
.field input::placeholder,
.field textarea::placeholder,
.news__form input::placeholder { color: #b5ad9f; opacity: 1; }

/* Bronze on ivory, independently of the gold used on dark panels. */
.gallery, .contact { --gold-d: #765916; }
.gallery .sec-head__lead,
.filter,
.hours__note { color: #62594d; }
.filter.is-active { color: var(--cream); }
.mapcard__park span { color: #b0d98f; }

/* Local contrast behind copy, retaining the espresso machine's highlights. */
@media (min-width: 681px) {
  .hero__vignette {
    background:
      linear-gradient(90deg, rgba(10,9,7,.82), rgba(10,9,7,.65) 44%, rgba(10,9,7,.12) 78%),
      linear-gradient(180deg, rgba(10,9,7,.25), transparent 35%, rgba(10,9,7,.82) 100%);
  }
}
.hero__lead { color: #e0d8cc; }
.hero__scroll { color: #e0d8cc; }

/* Caption scrims cover the actual text area without dimming the full image. */
.tile figcaption {
  background: linear-gradient(0deg, rgba(10,9,7,.94), rgba(10,9,7,.78) 76%, transparent);
}
.panel__media-tag {
  background: rgba(10,9,7,.76);
  padding: .35rem .7rem;
  border-radius: 0 4px 4px 0;
}
.person__hover {
  background: linear-gradient(0deg, rgba(10,9,7,.96), rgba(10,9,7,.82) 78%, rgba(10,9,7,.45));
}

/* Replace the stacked near-opaque veil with a directional, visible interior. */
.reserve__bg img { opacity: 1; }
.reserve__bg::after {
  background: linear-gradient(90deg, rgba(18,16,13,.9), rgba(18,16,13,.8) 44%, rgba(18,16,13,.35) 75%),
    linear-gradient(180deg, rgba(18,16,13,.4), transparent 25%, rgba(18,16,13,.65));
}
@media (max-width: 1024px) {
  .reserve__bg::after {
    background: linear-gradient(180deg, rgba(18,16,13,.86), rgba(18,16,13,.82) 40%, rgba(18,16,13,.5));
  }
}