/* DRAFT wordmark — DraftLogoTextOnly.svg via mask (color via background-color). */

.draft-logo {
  display: inline-block;
  flex-shrink: 0;
  background-color: #16202B;
  mask: url('../img/DraftLogoTextOnly.svg') no-repeat center / contain;
  -webkit-mask: url('../img/DraftLogoTextOnly.svg') no-repeat center / contain;
  aspect-ratio: 8312 / 1867;
  vertical-align: middle;
}

.draft-logo--on-dark {
  background-color: #fff;
}

/* The Portal's dark header re-tints the (light-header) logo */
.portal .site-nav .draft-logo {
  background-color: #fff;
}

.draft-logo--hero {
  display: block;
  width: min(92vw, 720px);
  margin: 0 auto;
}

.draft-logo--brand {
  width: 92px;
}

.draft-logo--header {
  width: 96px;
}

.draft-logo--sidebar {
  width: 76px;
}

.draft-logo--footer {
  width: 72px;
}

@media (max-width: 880px) {
  .draft-logo--hero {
    width: min(94vw, 620px);
  }

  .draft-logo--brand {
    width: 80px;
  }
}