.logo{display:inline-flex;align-items:center;gap:calc(var(--logo-size) * .2)}.logo__mark{display:block;flex:none;width:var(--logo-size);height:var(--logo-size)}.logo__word{font-family:var(--font-display);font-weight:var(--font-weight-medium);font-size:calc(var(--logo-size) * .62);letter-spacing:-.02em;background:var(--gradient-metal-text);background-clip:text;color:transparent}.logo--spin .logo__mark--still{display:none}@media (prefers-reduced-motion:reduce){.logo--spin .logo__mark--spin{display:none}.logo--spin .logo__mark--still{display:block}}