#header-logo {
  display: block;
  text-decoration: none;
}

#header-logo .header-logo-text {
  font-family: inherit;
  font-size: clamp(1.05rem, 1.26vw, 1.35rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
  color: currentColor;
  mix-blend-mode: exclusion;
  white-space: nowrap;
}

/* Hide legacy talk CTA; menu button becomes primary "Let's talk" */
#header-right-talk-btn,
#header-right-talk-btn-placeholder {
  display: none !important;
  pointer-events: none !important;
}

#header-right {
  gap: 1em;
}

#header-right-menu-btn {
  background: var(--color-grey-blue);
  color: var(--color-white);
}

/* On project pages the menu CTA gets a white background (see hoisted bundle). */
#header.--is-projects #header-right-menu-btn {
  color: var(--project-details-btn-text);
}

#header.--is-projects #header-right-menu-btn-dots .header-right-menu-btn-dot {
  background: currentColor;
}

@media (hover: hover) {
  #header-right-menu-btn:not(.--opened):hover {
    background: var(--header-color);
    color: var(--project-details-btn-text-hover);
  }

  #header-right-menu-btn:not(.--opened):hover #header-right-menu-btn-dots {
    transform: scale(0) translateZ(0);
  }
}

#header-right-menu-btn-dots {
  transform: scale(0.9) translateZ(0) rotate(0deg);
}

#header-right-menu-btn-dots .header-right-menu-btn-dot {
  top: 50%;
  left: 50%;
  right: auto;
  background: var(--color-white);
  transform: translate(-50%, -50%);
}

#header-menu-labs-lucy-svg {
  display: block;
  width: 100%;
  height: 100%;
}

#header-menu-labs-text,
#header-menu-labs-text-clone {
  font-size: clamp(0.85rem, 2.8vw, 1.25em);
  white-space: nowrap;
}

#preloader-percent-digits {
  display: none !important;
}