Peut-on appliquer des styles CSS à seulement la moitié d'un caractère (lettre) ?

Bonjour à tous ! Je crée un petit site portfolio et j'ai rencontré un problème intéressant. J'ai un titre avec un nom, et je veux que la moitié gauche de la lettre soit rouge et la moitié droite bleue. Par exemple, pour la lettre "A", je veux que la jambe gauche soit d'une couleur et la jambe droite d'une autre. Je connais CSS et je sais styliser des caractères entiers, mais comment diviser un seul caractère en deux moitiés ? J'ai essayé d'utiliser des dégradés (linear-gradient), mais ils colorent tout le caractère, pas une partie. J'ai essayé d'envelopper les moitiés dans des span avec overflow: hidden, mais cela ne fonctionne que pour les polices à chasse fixe et ça a l'air moche. Voici un exemple de ce que j'ai essayé : ```javascript // Je pensais, peut-être que je peux diviser la chaîne avec JavaScript et envelopper la moitié de la lettre dans un span ? const text = "Привет"; const halfIndex = Math.ceil(text[0].length / 2); // Mais ça ne marche pas, car un caractère est une unité indivisible ``` Y a-t-il une astuce CSS ou une solution JavaScript ? J'ai vu que sur CSS-Tricks, ils discutent de choses similaires, mais là...