/* ==========================================
   SCRAMBLED TEXT ON HOVER EFFECT
   ========================================== */

.scramble-hover {
    /* Required to contain the inline-block characters properly */
    position: relative;
    /* Optional: custom cursor for text to hint interactivity */
    cursor: text;
}

.scramble-char {
    display: inline-block;
    will-change: transform;
    /* transition: color 0.2s cubic-bezier(0.34, 1.56, 0.64, 1); */

    /* Optional slight scale or color shift when it scrambles */
    /* This depends on whether JS adds a class, but we'll keep it simple as requested */
}