/* Supplied wordmark artwork; mobile sides slide into the B on scroll or menu open. */
.reveal-logo {
  --logo-height: 50px;
  display: block;
  flex: none;
  position: relative;
  width: calc(var(--logo-height) * 2172 / 552);
  height: var(--logo-height);
  outline-offset: 8px;
  -webkit-tap-highlight-color: transparent;
}
.reveal-logo img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
}
.reveal-logo__parts { display: none; }
@media (max-width: 1000px) {
  .reveal-logo { --logo-height: 40px; --logo-left-width: calc(var(--logo-height) * 698 / 552); --logo-symbol-width: calc(var(--logo-height) * 392 / 552); }
  .reveal-logo .reveal-logo__full { display: none; }
  .reveal-logo__parts { display: block; position: absolute; inset: 0; }
  .reveal-logo__side { position: absolute; top: 0; height: 100%; overflow: hidden; }
  .reveal-logo__side--left { left: 0; width: var(--logo-left-width); }
  .reveal-logo__side--right { left: calc(var(--logo-left-width) + var(--logo-symbol-width)); width: calc(var(--logo-height) * 1082 / 552); }
  .reveal-logo__side img { transform: translateX(0); transition: transform .24s cubic-bezier(.22, 1, .36, 1) .1s; }
  .reveal-logo .reveal-logo__compact { position: absolute; top: 0; left: var(--logo-left-width); width: var(--logo-symbol-width); z-index: 1; transform: translateX(0); transition: transform .24s cubic-bezier(.22, 1, .36, 1); }
  .nav:is(.is-scrolled, .is-mobile-open) .reveal-logo__side--left img { transform: translateX(100%); transition-delay: 0s; }
  .nav:is(.is-scrolled, .is-mobile-open) .reveal-logo__side--right img { transform: translateX(-100%); transition-delay: 0s; }
  .nav:is(.is-scrolled, .is-mobile-open) .reveal-logo__compact { transform: translateX(calc(0px - var(--logo-left-width))); transition-delay: 0s; }
}
@media (prefers-reduced-motion: reduce) {
  .reveal-logo img { transition: none !important; }
}