/* Conen: contrast corrections, preserving the original layout and animation. */
/* Bronze on paper: readable for small labels as well as display italics. */
.about, .matcher, .press, .voices, .modal__panel {
  --gold-dp: #786014;
}
.pillar__no { color: #786014; }
.about__signature {
  color: #786014;
  background: var(--paper);
  padding: 0 .12em;
  border-radius: 4px;
}

/* Opaque text colours avoid low-contrast compositing on dark surfaces. */
.marquee__track span { color: #bdb6aa; }
.footer__marquee-track { color: #aaa398; }
.card__open { opacity: 1; color: #bdb6aa; }

/* A small index plate protects the number without dimming the subject. */
.card__index {
  color: #f6f2ea;
  background: rgba(11, 11, 12, .78);
  padding: 4px 9px;
  border: 1px solid rgba(246, 242, 234, .24);
  border-radius: 99px;
}
.card__media img { filter: saturate(.94); }
.card__media::after {
  background: linear-gradient(180deg, transparent 75%, rgba(11, 11, 12, .18));
}

/* Gallery captions sit above a bottom scrim, including on hover. */
.tile img { filter: saturate(.94); }
.tile::after {
  background: linear-gradient(to top, rgba(11, 11, 12, .88), rgba(11, 11, 12, .72) 52px, transparent 155px);
  opacity: 1;
}
.tile__cap b { color: #fffaf0; }

/* Keep pale navigation and the original wordmark legible over every section. */
.nav {
  background: linear-gradient(180deg, rgba(11, 11, 12, .88), rgba(11, 11, 12, .68));
}
.nav.is-stuck { background: rgba(11, 11, 12, .94); }
.nav__link { color: #eee8de; }
.nav__link span { color: var(--gold-lt); }

/* Photo-backed secondary text needs solid light ink, not muted grey. */
.hero__lead, .hstat span, .hero__scroll,
.kit__lead, .kit__note, .kstat span, .bar__label, .chip {
  color: #eee8de;
}
.hero__badge svg text { fill: #eee8de; }
.card--cta__no { color: var(--gold-lt); }