/* Original top-left logo. Webflow hides .logo under 768px; keep it. */
.logo {
  display: block !important;
  position: fixed !important;
  z-index: 8000 !important;
  top: 1.52em !important;
  left: 1.52em !important;
  right: auto !important;
  bottom: auto !important;
  mix-blend-mode: difference;
  pointer-events: auto;
}
.logo .image-logo {
  display: block !important;
  height: 6em;
  width: auto;
  max-width: 46vw;
}
@media screen and (max-width: 767px) {
  .logo {
    top: 0.85em !important;
    left: 0.85em !important;
  }
  .logo .image-logo {
    height: 3.25em;
  }
  /* Logo stays visible; keep first title (Bio / Platforms) below it. */
  .content.links {
    margin-top: 9em !important;
  }
}

/* Current page in the main nav is yellow. */
.nav-link-yellow {
  color: #e6e6e6;
}
.nav-link-yellow:hover {
  color: #fff;
  background-color: #0006;
}
.navbar a.lsc-nav-current,
.nav-menu a.lsc-nav-current,
.w-nav-menu a.lsc-nav-current,
.nav-menu a.w--current,
.nav-menu a.w-nav-link.w--current,
.nav-menu a.nav-link.w--current,
.nav-menu a.nav-link-yellow.w--current,
html[data-lsc-nav="/listed"] .navbar a[href="/listed"],
html[data-lsc-nav="/listed"] .navbar a[href="/listed/"] {
  color: #ffe600 !important;
  background-color: #0003;
}