.playful-brand { display:inline-flex; align-items:center; gap:12px; text-decoration:none; color:inherit; }
.brand-circuit { width:48px; height:28px; margin:0; flex:none; fill:none; stroke:var(--battery,#36dfc4); stroke-width:2.2; stroke-linejoin:round; stroke-linecap:round; }
.playful-brand .brand-short { font-size:27px; font-weight:700; letter-spacing:-1.3px; margin:0; color:inherit; }

/* The letter slots keep the wordmark still while the circuit appears. */
.brand .brand-short {display:inline-flex;align-items:baseline;font-weight:700;letter-spacing:-1.3px}
.brand .brand-short .brand-letter {position:relative;display:inline-block;font:inherit;color:inherit;letter-spacing:inherit;margin:0;line-height:1.2}
.brand .brand-short .brand-t {width:.37em}.brand .brand-short .brand-r {width:.37em}.brand .brand-short .brand-i {width:.24em}
.brand .brand-short .letter-glyph,.brand .brand-short .circuit-glyph {font:inherit;color:inherit;letter-spacing:inherit;margin:0;transition:opacity 180ms ease,transform 220ms ease}
.brand .brand-short .letter-glyph {display:inline-block}
.brand .brand-short .circuit-glyph {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;color:var(--battery,#36dfc4);transform:translateY(3px);font-size:.85em;font-weight:500;line-height:1}
.brand .brand-short .resistor-glyph {width:100%;height:100%;fill:none;stroke:var(--battery,#36dfc4);stroke-width:1.8;overflow:visible}
.brand .brand-short .minus-glyph {transform:translateY(3px) rotate(90deg);font-size:.65em}
.brand:is(:hover,:focus-visible) .letter-glyph {opacity:0;transform:translateY(-3px)}
.brand:is(:hover,:focus-visible) .brand-short .circuit-glyph {opacity:1;transform:translateY(0)}
.brand:is(:hover,:focus-visible) .brand-short .minus-glyph {transform:rotate(90deg)}
@media(prefers-reduced-motion:reduce) {.brand .brand-short .letter-glyph,.brand .brand-short .circuit-glyph {transition:none}}
@media(max-width:760px) {.brand .brand-short,.brand .brand-short .brand-letter,.brand .brand-short .letter-glyph {display:inline-block}}