.porsuk-logo {
  position: relative;
  display: inline-block;
  width: var(--porsuk-logo-width, 280px);
  max-width: 100%;
  vertical-align: middle;
}
.porsuk-logo img {
  display: block;
  width: 100%;
  height: auto;
}
.porsuk-logo canvas {
  position: absolute;
  inset: 0;
  display: none;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.porsuk-logo[data-ready] img { opacity: 0; }
.porsuk-logo[data-ready] canvas { display: block; }
.porsuk-logo:focus-visible { outline: 3px solid #7c3aed; outline-offset: 4px; }