html.logo-intro-active .brand img { visibility: hidden; }
.logo-intro { position: fixed; inset: 0; z-index: 10000; pointer-events: auto; }
.logo-intro-backdrop { position: absolute; inset: 0; background: #fff; }
.logo-intro-mark { position: absolute; color: #0d0e10; will-change: transform; transform-origin: 0 0; }
.logo-intro-mark svg { display: block; width: 100%; height: auto; overflow: visible; }
.logo-intro-outline { fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linejoin: round; stroke-linecap: round; }
.logo-intro-outline path, .logo-intro-outline rect, .logo-intro-outline polygon { vector-effect: non-scaling-stroke; }
.logo-intro-solid { fill: currentColor; stroke: none; opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .logo-intro { display: none; }
  html.logo-intro-active .brand img { visibility: visible; }
}