#siteMain .hero-slide-container .vfx-tiktok-wordmark {
    display: block;
    width: max-content;
    max-width: 100%;
    margin: 0 auto 30px;
    padding: 0 7px 4px;
    color: #fff;
    font-family: "Arial Black", "Arial", sans-serif;
    font-size: 78px;
    font-weight: 900;
    font-style: italic;
    line-height: 1.12;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: center;
    text-shadow: -3px -2px 0 #25f4ee, 3px 2px 0 #fe2c55;
    filter: drop-shadow(0 5px 16px #0004);
    user-select: text;
    transform-origin: center;
    position: relative;
    isolation: isolate;
    animation: vfx-tiktok-glitch 5s steps(1, end) infinite;
}
#siteMain .hero-slide-container .vfx-tiktok-wordmark::before,
#siteMain .hero-slide-container .vfx-tiktok-wordmark::after {
    content: "TIKTOK";
    position: absolute;
    inset: 0;
    padding: inherit;
    box-sizing: border-box;
    pointer-events: none;
    opacity: 0;
    text-align: center;
}
#siteMain .hero-slide-container .vfx-tiktok-wordmark::before {
    color: #25f4ee;
    text-shadow: -.05em 0 #25f4ee;
    animation: vfx-glitch-cyan 5s steps(1, end) infinite;
}
#siteMain .hero-slide-container .vfx-tiktok-wordmark::after {
    color: #fe2c55;
    text-shadow: .05em 0 #fe2c55;
    animation: vfx-glitch-red 5s steps(1, end) infinite;
}
@keyframes vfx-tiktok-glitch {
    0%, 22%, 68%, 93%, 100% {
        transform: skewX(0);
        text-shadow: -.04em -.025em 0 #25f4ee, .04em .025em 0 #fe2c55;
    }
    18%, 58% {
        transform: skewX(-3deg);
        text-shadow: -.1em 0 0 #25f4ee, .08em .015em 0 #fe2c55;
    }
    62%, 86% {
        transform: skewX(2deg);
        text-shadow: .07em -.025em 0 #25f4ee, -.07em .025em 0 #fe2c55;
    }
}
@keyframes vfx-glitch-cyan {
    0%, 22%, 68%, 93%, 100% { opacity: 0; transform: translateX(0); }
    18%, 58% { opacity: 1; clip-path: inset(18% 0 57% 0); transform: translateX(-.12em); }
    62% { opacity: 1; clip-path: inset(45% 0 39% 0); transform: translateX(.14em); }
    65% { opacity: 1; clip-path: inset(68% 0 20% 0); transform: translateX(-.08em); }
    86% { opacity: 1; clip-path: inset(31% 0 52% 0); transform: translateX(.1em); }
    90% { opacity: 1; clip-path: inset(56% 0 30% 0); transform: translateX(-.13em); }
}
@keyframes vfx-glitch-red {
    0%, 22%, 68%, 93%, 100% { opacity: 0; transform: translateX(0); }
    18%, 58% { opacity: 1; clip-path: inset(58% 0 20% 0); transform: translateX(.13em); }
    62% { opacity: 1; clip-path: inset(24% 0 62% 0); transform: translateX(-.11em); }
    65% { opacity: 1; clip-path: inset(39% 0 44% 0); transform: translateX(.09em); }
    86% { opacity: 1; clip-path: inset(66% 0 20% 0); transform: translateX(-.12em); }
    90% { opacity: 1; clip-path: inset(22% 0 64% 0); transform: translateX(.14em); }
}
@media (max-width: 700px) {
    #siteMain .hero-slide-container .vfx-tiktok-wordmark {
        font-size: 56px;
        margin-bottom: 24px;
        text-shadow: -2px -2px 0 #25f4ee, 2px 2px 0 #fe2c55;
    }
}
@media (max-width: 360px) {
    #siteMain .hero-slide-container .vfx-tiktok-wordmark { font-size: 48px; }
}
@media (prefers-reduced-motion: reduce) {
    #siteMain .hero-slide-container .vfx-tiktok-wordmark { animation: none; }
    #siteMain .hero-slide-container .vfx-tiktok-wordmark::before,
    #siteMain .hero-slide-container .vfx-tiktok-wordmark::after { animation: none; display: none; }
}
#siteMain .slide-caption:has(.vfx-tiktok-wordmark) .headline {
    font-size: 20px;
    line-height: 1.5;
}
#siteMain .slide-caption .vfx-tiktok-wordmark,
#siteMain .slide-caption:has(.vfx-tiktok-wordmark) .headline {
    translate: 0 var(--vfx-hero-center-offset, 0px);
}
@media (max-width: 700px) {
    #siteMain .slide-caption:has(.vfx-tiktok-wordmark) .headline {
        font-size: 16px;
    }
}
