.miora-theme-wordmark {
  --miora-wordmark-accent: #8b7cf7;
  position: relative;
}

.miora-theme-wordmark::before,
.miora-theme-wordmark::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: var(--miora-wordmark-accent);
  -webkit-mask: url("/assets/brand/miora-wordmark-on-light.svg") center / 100% 100% no-repeat;
  mask: url("/assets/brand/miora-wordmark-on-light.svg") center / 100% 100% no-repeat;
}

.miora-theme-wordmark::before {
  clip-path: inset(0 70% 0 0);
}

.miora-theme-wordmark::after {
  clip-path: inset(0 3% 0 89%);
}

.miora-theme-wordmark img {
  position: relative;
  z-index: 0;
}