/* Logo Glitch Animation - occurs once every 10 seconds */
@keyframes glitch-interference {
    0%, 5% {
        transform: translate(0);
        text-shadow: 0 0 10px rgba(208, 208, 208, 0.1);
        opacity: 1;
        font-weight: bold;
    }
    5.1% {
        transform: translate(-2px, 1px);
        text-shadow: 2px 0 #d0d0d0, -2px 0 #808080;
        opacity: 0.3;
        font-weight: 300;
    }
    5.4% {
        transform: translate(2px, -1px);
        text-shadow: -2px 0 #d0d0d0, 2px 0 #808080;
        opacity: 0.9;
        font-weight: 900;
    }
    5.7% {
        transform: translate(-1px, 2px);
        text-shadow: 1px 0 #d0d0d0, -1px 0 #808080;
        opacity: 0.4;
        font-weight: 200;
    }
    6% {
        transform: translate(1px, -2px);
        text-shadow: -1px 0 #d0d0d0, 1px 0 #808080;
        opacity: 1;
        font-weight: 800;
    }
    6.3% {
        transform: translate(-2px, -1px);
        text-shadow: 2px 1px #d0d0d0, -2px -1px #808080;
        opacity: 0.5;
        font-weight: 300;
    }
    6.6% {
        transform: translate(2px, 1px);
        text-shadow: -2px -1px #d0d0d0, 2px 1px #808080;
        opacity: 0.8;
        font-weight: 700;
    }
    6.9% {
        transform: translate(-1px, 2px);
        text-shadow: 1px 0 #d0d0d0, -1px 0 #808080;
        opacity: 0.2;
        font-weight: 100;
    }
    7.2% {
        transform: translate(1px, -1px);
        text-shadow: -1px 1px #d0d0d0, 1px -1px #808080;
        opacity: 1;
        font-weight: 900;
    }
    7.5%, 100% {
        transform: translate(0);
        text-shadow: 0 0 10px rgba(208, 208, 208, 0.1);
        opacity: 1;
        font-weight: bold;
    }
}