/* One source of truth for the public dissolveX wordmark across page layouts. */
.dx-logo {
  object-fit: contain;
  image-rendering: auto;
  scale: 1;
  transform: none;
  animation: none;
  transition: none;
}

/* Keep the shared logo link stationary through hover, focus and press. */
a:has(> .dx-logo) {
  scale: 1;
  transform: none;
  animation: none;
}

.dx-logo--wordmark {
  display: block;
  width: auto;
  height: 26px;
  max-width: none;
  filter: none;
  mix-blend-mode: normal;
}

.dx-logo--mark { display: block; }

@media (max-width: 900px) {
  .dx-logo--wordmark { height: 24px; }
}

@media (max-width: 640px) {
  .dx-logo--wordmark { height: 22px; }
}

@media (max-width: 400px) {
  .dx-logo--wordmark { height: 20px; }
}