:root {
  --cd-brand-orange: #f26a00;
}

.cd-brand-logo {
  display: inline-flex;
  align-items: baseline;
  width: fit-content;
  justify-self: start;
  color: #1f2933;
  font-size: clamp(1.4rem, 2vw, 1.75rem);
  font-weight: 900;
  letter-spacing: -0.055em;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity 120ms ease-out;
}

.cd-brand-logo:hover {
  color: #1f2933;
  opacity: 0.86;
}

.cd-brand-logo:focus-visible {
  outline: 3px solid var(--cd-brand-orange);
  outline-offset: 4px;
}

.cd-brand-logo__drill {
  color: var(--cd-brand-orange);
}

.cdb2b-header .cd-brand-logo {
  color: #fff;
  font-size: 25px;
}

.cdb2b-header .cd-brand-logo:hover {
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  .cd-brand-logo {
    transition: none;
  }
}