/* Header contrast: swap to light theme when over dark sections */
header.fixed.hdr-on-dark {
  background: rgba(0, 0, 0, 0.85) !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
}

header.fixed.hdr-on-dark .hdr-logo,
header.fixed.hdr-on-dark img[alt] {
  filter: brightness(0) invert(1);
}

header.fixed.hdr-on-dark nav a,
header.fixed.hdr-on-dark nav > div > a,
header.fixed.hdr-on-dark .hdr-lang {
  color: #fff !important;
}

header.fixed.hdr-on-dark nav a:hover,
header.fixed.hdr-on-dark nav > div > a:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

header.fixed.hdr-on-dark .bg-ink {
  background: #fff !important;
  color: #1a1a1a !important;
}

header.fixed.hdr-on-dark #mob {
  color: #fff !important;
}

header.fixed.hdr-on-dark svg {
  stroke: #fff;
}

header.fixed.hdr-on-dark,
header.fixed.hdr-on-dark a,
header.fixed.hdr-on-dark button,
header.fixed.hdr-on-dark img {
  transition: all 0.3s ease;
}