/* hazel-glitch-rgb.css */
.hazel-glitch h1 {
    position: relative;
    color: black;
}
.hazel-glitch h1::before, .hazel-glitch h1::after {
    content: attr(data-content);
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: transparent;
}
.hazel-glitch h1::before {
    left: 2px;
    text-shadow: -2px 0 #ff00c1; /* Magenta shift */
    clip: rect(44px, 450px, 56px, 0);
    animation: glitch-anim 5s infinite linear alternate-reverse;
}
.hazel-glitch h1::after {
    left: -2px;
    text-shadow: -2px 0 #00fff9; /* Cyan shift */
    clip: rect(44px, 450px, 56px, 0);
    animation: glitch-anim2 5s infinite linear alternate-reverse;
}

@keyframes glitch-anim {
  0% { clip: rect(31px, 9999px, 94px, 0); }
  20% { clip: rect(62px, 9999px, 42px, 0); }
  /* Add more steps for a jittery feel */
}