/* Original Izac + Ho lockup; only the speech bubbles move. */
.nav .brand-home{display:flex;align-items:center;flex:0 0 auto;width:190px;min-height:44px;padding:0;line-height:1;border-radius:8px}
.brand-lockup{display:block;width:100%;height:auto;overflow:visible}
.brand-bubble{transform-box:fill-box;transform-origin:50% 70%;transition:transform 320ms cubic-bezier(.22,1,.36,1)}
.brand-home:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(max-width:700px){.nav .brand-home{width:130px}.nav{gap:10px}}
@media(max-width:370px){.nav .brand-home{width:112px}.nav nav{gap:12px}}

.brand-voice[data-voice="warm"]{--bubble-tilt:-7deg}
.brand-voice[data-voice="bright"]{--bubble-tilt:6deg}
.brand-voice[data-voice="soft"]{--bubble-tilt:-6deg}
.brand-voice[data-voice="pixel"]{--bubble-tilt:7deg}
.brand-voice[data-voice="bold"]{--bubble-tilt:5deg}
@media(hover:hover) and (pointer:fine){.brand-home:hover .brand-bubble{transform:rotate(var(--bubble-tilt))}}
.brand-home:focus-visible .brand-bubble{transform:rotate(var(--bubble-tilt))}
@media(prefers-reduced-motion:reduce){.brand-bubble{transition:none!important;transform:none!important}}