.brand-wordmark,
.brand-mark {
  display: block;
  background: linear-gradient(
    90deg,
    var(--brand-edge),
    var(--brand-center) 54%,
    var(--brand-edge)
  );
  mask: url("./temel-wordmark.svg") center / contain no-repeat;
}
.brand-mark {
  mask-image: url("./temel-mark.svg");
}
.brand-wordmark > img,
.brand-mark > img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
}
@media (forced-colors: active) {
  .brand-wordmark,
  .brand-mark {
    background: CanvasText;
    forced-color-adjust: none;
  }
}