/* Matching text layers keep the title intact between irregular, short bursts. */
.aa-glitch-layer [data-text]::before {content:attr(data-text)}
.aa-hero-title .aa-glitch-layer {
  position:absolute; inset:0; display:block; pointer-events:none;
  opacity:0; text-shadow:none; transform-origin:center;
}
.aa-hero-title .aa-glitch-layer .aa-title-aa,
.aa-hero-title .aa-glitch-layer em { color:inherit!important; }
.aa-glitch-layer-cyan { color:#00eaf3; animation:aa-cyan-bursts 8.73s -2.19s infinite linear; }
.aa-glitch-layer-pink { color:#ed16dd; animation:aa-pink-bursts 11.37s -6.41s infinite linear; }
@keyframes aa-cyan-bursts {
  0%,12%,16%,39%,44%,68%,71%,91%,96%,100% { opacity:0; transform:translate(0,0); clip-path:inset(50% 0 50% 0); }
  12.3% { opacity:.95; transform:translate(-5px,0) skewX(-1deg); clip-path:inset(16% 0 76% 0); }
  13.1% { opacity:.8; transform:translate(3px,0); clip-path:inset(62% 0 27% 0); }
  14% { opacity:.9; transform:translate(-2px,0); clip-path:inset(35% 0 61% 0); }
  15.2% { opacity:0; transform:translate(0,0); clip-path:inset(35% 0 61% 0); }
  39.3% { opacity:1; transform:translate(6px,-1px); clip-path:inset(73% 0 19% 0); }
  40.2% { opacity:.65; transform:translate(-3px,0); clip-path:inset(9% 0 84% 0); }
  41.4% { opacity:.9; transform:translate(2px,0) skewX(.8deg); clip-path:inset(46% 0 46% 0); }
  43% { opacity:0; transform:translate(0,0); clip-path:inset(46% 0 46% 0); }
  68.2% { opacity:.9; transform:translate(-4px,0); clip-path:inset(24% 0 70% 0); }
  69.1% { opacity:.7; transform:translate(2px,0); clip-path:inset(82% 0 12% 0); }
  70.2% { opacity:0; transform:translate(0,0); clip-path:inset(82% 0 12% 0); }
  91.4% { opacity:1; transform:translate(5px,0) skewX(-.7deg); clip-path:inset(51% 0 40% 0); }
  92.7% { opacity:.8; transform:translate(-6px,0); clip-path:inset(18% 0 77% 0); }
  94% { opacity:.6; transform:translate(2px,0); clip-path:inset(67% 0 27% 0); }
  95.1% { opacity:0; transform:translate(0,0); clip-path:inset(67% 0 27% 0); }
}
@keyframes aa-pink-bursts {
  0%,8%,12%,27%,30%,56%,61%,84%,88%,100% { opacity:0; transform:translate(0,0); clip-path:inset(50% 0 50% 0); }
  8.2% { opacity:.9; transform:translate(4px,0); clip-path:inset(57% 0 37% 0); }
  9.2% { opacity:.7; transform:translate(-3px,1px); clip-path:inset(11% 0 82% 0); }
  10.6% { opacity:0; transform:translate(0,0); clip-path:inset(11% 0 82% 0); }
  27.3% { opacity:1; transform:translate(-5px,0) skewX(1deg); clip-path:inset(36% 0 57% 0); }
  28.2% { opacity:.6; transform:translate(2px,0); clip-path:inset(77% 0 18% 0); }
  29.4% { opacity:0; transform:translate(0,0); clip-path:inset(77% 0 18% 0); }
  56.2% { opacity:.85; transform:translate(6px,0); clip-path:inset(19% 0 73% 0); }
  57% { opacity:.9; transform:translate(-4px,0); clip-path:inset(64% 0 29% 0); }
  58.1% { opacity:.65; transform:translate(3px,0); clip-path:inset(43% 0 51% 0); }
  60% { opacity:0; transform:translate(0,0); clip-path:inset(43% 0 51% 0); }
  84.3% { opacity:1; transform:translate(-5px,0); clip-path:inset(81% 0 12% 0); }
  85.1% { opacity:.7; transform:translate(4px,-1px) skewX(-1deg); clip-path:inset(29% 0 64% 0); }
  86.9% { opacity:0; transform:translate(0,0); clip-path:inset(29% 0 64% 0); }
}
@media(prefers-reduced-motion:reduce) {
  .aa-hero-title .aa-glitch-layer { animation:none; opacity:0; }
}
