@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@600&display=swap");

.logo-mark {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.7rem;
  background: #14201d;
  color: white;
  transform: rotate(-4deg);
}

.brand-unicorn {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background: currentColor;
  mask: url("../images/jetzi-unicorn.svg") center / contain no-repeat;
}

.home-logo { display: inline-flex; align-items: center; gap: .5rem; color: #14201d; }
.home-logo > span:last-child { font-family: "Manrope", sans-serif; font-size: 1.25rem; font-weight: 600; letter-spacing: -.025em; }

.home-logo { text-decoration: none; }

.brand-mark-link { display: inline-flex; color: inherit; }