/* Header contrast follows the active full-screen card. */
.site-header.is-on-light {
  color: var(--black);
  border-bottom-color: rgba(13,12,10,.2);
}

.site-header.is-on-light .site-logo img {
  filter: brightness(.12) saturate(.55);
}

.site-header.is-on-light .header-menu-link {
  color: #765a2b;
}

.site-header.is-on-light .header-book {
  border-color: rgba(13,12,10,.42);
}

.site-header.is-on-light .nav-toggle__lines i {
  background: var(--black);
}

body.nav-open .site-header {
  color: var(--white);
  border-bottom-color: rgba(255,255,255,.2);
}

body.nav-open .site-header .site-logo img {
  filter: none;
}

body.nav-open .site-header .header-menu-link {
  color: var(--gold);
}

body.nav-open .site-header .nav-toggle__lines i {
  background: var(--white);
}