.logo{--logo-light: #efe9e1;--logo-night: #0f0e0d;--logo-dawn: #3b2731;position:relative;display:inline-block;flex:none;padding:0 1.6px;line-height:2.25rem;font:inherit;font-size:1.2em;letter-spacing:inherit;pointer-events:none}span.logo>canvas.logo-gl{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;font:inherit;letter-spacing:inherit;opacity:0;transition:opacity .3s ease}.logo[data-mode=gl]>canvas.logo-gl{opacity:1}.logo-drawing{display:block;background:linear-gradient(180deg,var(--logo-light) 0%,white 30%,color-mix(in srgb,var(--logo-light) 70%,var(--logo-night)) 48%,var(--logo-night) 52%,color-mix(in srgb,var(--logo-dawn) 60%,var(--logo-light)) 72%,var(--logo-light) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.logo[data-mode=gl]>.logo-drawing{visibility:hidden}@media(prefers-reduced-motion:reduce){span.logo>canvas.logo-gl{transition:none}}.intro-brand:has(>.logo){display:inline-flex;align-items:center;min-height:44px}