/* BloomX logo (design system 2.1.0): BLOOMX in JetBrains Mono Bold, the X in lime (--logo-x).
   One moment on load (opacity and fill only: each letter keeps its own transform attribute): BLOOM settles, then the X lights up in lime (0.8 s). Static under reduced motion. */
.logo-word{display:block;width:auto;color:var(--ink)}
.logo-word .lx{fill:var(--logo-x)}
html.js :is(.hdr,.site-header) .logo-word path:not(.lx){animation:lw-in .45s var(--ease) both}
html.js :is(.hdr,.site-header) .logo-word .lx{animation:lw-x .8s var(--ease) both}
@keyframes lw-in{from{opacity:0}to{opacity:1}}
@keyframes lw-x{0%,45%{fill:var(--ink);opacity:.35}100%{fill:var(--logo-x);opacity:1}}
@media (prefers-reduced-motion:reduce){html.js :is(.hdr,.site-header) .logo-word :is(path,.lx){animation:none}}