/* Official artwork stays unmodified; the surrounding surface supplies its ink. */
.inos-brand-wordmark,
.inos-brand-sigil {
  display: inline-block;
  flex: none;
  background-color: currentColor;
  vertical-align: middle;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.inos-brand-wordmark {
  width: var(--brand-wordmark-width, clamp(170px, 17vw, 230px));
  aspect-ratio: 1974.14 / 410.19;
  -webkit-mask-image: url('./innerface-space.svg');
  mask-image: url('./innerface-space.svg');
}

.inos-brand-sigil {
  width: var(--brand-sigil-width, 30px);
  aspect-ratio: 686.79 / 645.61;
  -webkit-mask-image: url('./inos-sigil.svg');
  mask-image: url('./inos-sigil.svg');
}

@media (forced-colors: active) {
  .inos-brand-wordmark,
  .inos-brand-sigil {
    forced-color-adjust: none;
    background-color: CanvasText;
  }
}