É possível aplicar estilos CSS a apenas metade de um caractere (letra)?

Olá a todos! Estou fazendo um pequeno site-portfólio e me deparei com uma tarefa interessante. Tenho um título com um nome e quero que a metade esquerda da letra seja vermelha e a metade direita seja azul. Por exemplo, para a letra 'A', quero que a perna esquerda seja de uma cor e a direita de outra. Conheço CSS e sei estilizar caracteres inteiros, mas como dividir um único caractere em duas metades? Tentei usar gradientes (linear-gradient), mas eles pintam o caractere inteiro, não uma parte dele. Tentei envolver as metades em span com overflow: hidden, mas isso só funciona para fontes monoespaçadas e fica estranho. Aqui está um exemplo do que tentei: ```javascript // Pensei: talvez seja possível dividir a string com JavaScript e envolver metade da letra em um span? const text = "Olá"; const halfIndex = Math.ceil(text[0].length / 2); // Mas isso não funciona, porque o caractere é uma unidade indivisível ``` Existe algum truque esperto de CSS ou solução em JavaScript? Vi que no CSS-Tricks discutem coisas parecidas, mas aí...