/* Show the supplied transparent artwork at its original proportions. */
.logo-wordmark,
.logo-monogram {
  position: relative;
  display: block;
  overflow: hidden;
  flex: none;
  line-height: 0;
}
.logo-wordmark {
  width: var(--logo-width, 190px);
  height: calc(var(--logo-width, 190px) * .147);
}
.logo-wordmark img {
  position: absolute;
  display: block;
  width: calc(var(--logo-width, 190px) * 1.005);
  max-width: none;
  height: auto;
  left: 0;
  top: calc(var(--logo-width, 190px) * -.997);
}
.logo-monogram {
  width: var(--logo-size, 36px);
  height: calc(var(--logo-size, 36px) * 1.125);
}
.logo-monogram img {
  position: absolute;
  display: block;
  width: calc(var(--logo-size, 36px) * 3.243);
  max-width: none;
  height: auto;
  left: calc(var(--logo-size, 36px) * -1.135);
  top: calc(var(--logo-size, 36px) * -2.078);
}
.logo-dark img { filter: brightness(0); }
@media (max-width: 420px) {
  #navbar .logo-wordmark { --logo-width: 150px !important; }
  #navbar .logo-monogram { --logo-size: 29px !important; }
  .theme-footer-brand .logo-wordmark { --logo-width: 190px !important; }
  .theme-footer-brand .logo-monogram { --logo-size: 35px !important; }
}