#logo svg {
  position: absolute;
  inset: 0;
  width: 0 !important;
  height: 0 !important;
  padding: 0;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
}

#logo {
  position: relative;
  display: inline-flex;
  align-items: center;
}

#logo::before {
  content: "";
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  display: inline-block;
  background: currentColor;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 328.3184 520.9009"><polygon points="89.001 117.8579 89.001 399.624 70 416.5991 70 101.9072 89.001 117.8579"/><path d="M58.3184,520.9009L0,471.9553V48.4253L57.5112,0l269.9995,226.7876.8076,52.9014L58.3184,520.9009ZM70,101.9072v314.6919l181.5527-162.1958L70,101.9072Z"/></svg>')
      no-repeat center / contain;
}