¿Se pueden aplicar estilos CSS solo a la mitad de un carácter (letra)?

¡Hola a todos! Estoy haciendo un pequeño sitio web portafolio y me encontré con un problema interesante. Tengo un título con un nombre y quiero que la mitad izquierda de la letra sea roja y la mitad derecha azul. Por ejemplo, para la letra "A", necesito que la pata izquierda sea de un color y la pata derecha de otro. Conozco CSS y sé estilizar caracteres completos, pero ¿cómo dividir un solo carácter en dos mitades? Probé usar gradientes (linear-gradient), pero pintan todo el carácter por completo, no una parte. Probé envolver las mitades en span con overflow: hidden, pero solo funciona para fuentes monoespaciadas y se ve mal. Aquí hay un ejemplo de lo que probé: ```javascript // Pensé, tal vez se pueda dividir la cadena con JavaScript y envolver la mitad de la letra en un span? const text = "Привет"; const halfIndex = Math.ceil(text[0].length / 2); // Pero esto no funciona porque el carácter es una unidad indivisible ``` ¿Tal vez hay algún truco ingenioso de CSS o una solución en JavaScript? Vi que en CSS-Tricks discuten cosas similares, pero...