.article-glitch{--gap-x:10px;--gap-y:5px;--glitch-time:4s;position:absolute;inset:0;overflow:hidden;background:var(--bg-primary)}.article-glitch__img{opacity:0}.article-glitch--ready .article-glitch__img{opacity:1}.article-glitch--intro .article-glitch__img{animation:article-glitch-reveal .9s linear forwards}.article-glitch__item{position:absolute;top:calc(-1 * var(--gap-y));left:calc(-1 * var(--gap-x));width:calc(100% + var(--gap-x) * 2);height:calc(100% + var(--gap-y) * 2);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;opacity:0;pointer-events:none;transform:translateZ(0)}.article-glitch--play .article-glitch__item--1{background-color:var(--accent);background-blend-mode:overlay;animation:article-glitch-1 var(--glitch-time) linear 1}.article-glitch--play .article-glitch__item--2{background-color:var(--text-secondary);background-blend-mode:overlay;animation:article-glitch-2 var(--glitch-time) linear 1}.article-glitch--play .article-glitch__item--3{animation:article-glitch-3 var(--glitch-time) linear 1}.article-glitch--play .article-glitch__item--4{background-color:var(--link-hover);background-blend-mode:overlay;animation:article-glitch-flash var(--glitch-time) linear 1}@keyframes article-glitch-1{0%{opacity:1;transform:translate3d(var(--gap-x),0,0);clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%)}2%{clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%)}4%{clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%)}6%{clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%)}8%{clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}10%{clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}12%{clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}14%{clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}16%{clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}18%{clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}20%{clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}21.9%{opacity:1;transform:translate3d(var(--gap-x),0,0)}22%,to{opacity:0;transform:translateZ(0);clip-path:polygon(0 0,0 0,0 0,0 0)}}@keyframes article-glitch-2{0%{opacity:1;transform:translate3d(calc(-1 * var(--gap-x)),0,0);clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%)}3%{clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%)}5%{clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%)}7%{clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}9%{clip-path:polygon(0 40%,100% 40%,100% 40%,0 40%)}11%{clip-path:polygon(0 52%,100% 52%,100% 59%,0 59%)}13%{clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}15%{clip-path:polygon(0 75%,100% 75%,100% 75%,0 75%)}17%{clip-path:polygon(0 65%,100% 65%,100% 40%,0 40%)}19%{clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%)}20%{clip-path:polygon(0 14%,100% 14%,100% 33%,0 33%)}21.9%{opacity:1;transform:translate3d(calc(-1 * var(--gap-x)),0,0)}22%,to{opacity:0;transform:translateZ(0);clip-path:polygon(0 0,0 0,0 0,0 0)}}@keyframes article-glitch-3{0%{opacity:1;transform:translate3d(0,calc(-1 * var(--gap-y)),0) scale3d(-1,-1,1);clip-path:polygon(0 1%,100% 1%,100% 3%,0 3%)}1.5%{clip-path:polygon(0 10%,100% 10%,100% 9%,0 9%)}2%{clip-path:polygon(0 5%,100% 5%,100% 6%,0 6%)}2.5%{clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}3%{clip-path:polygon(0 10%,100% 10%,100% 10%,0 10%)}5%{clip-path:polygon(0 30%,100% 30%,100% 25%,0 25%)}5.5%{clip-path:polygon(0 15%,100% 15%,100% 16%,0 16%)}7%{clip-path:polygon(0 40%,100% 40%,100% 39%,0 39%)}8%{clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%)}9%{clip-path:polygon(0 60%,100% 60%,100% 55%,0 55%)}10.5%{clip-path:polygon(0 30%,100% 30%,100% 31%,0 31%)}11%{clip-path:polygon(0 70%,100% 70%,100% 69%,0 69%)}13%{clip-path:polygon(0 40%,100% 40%,100% 41%,0 41%)}14%{clip-path:polygon(0 80%,100% 80%,100% 75%,0 75%)}14.5%{clip-path:polygon(0 50%,100% 50%,100% 51%,0 51%)}15%{clip-path:polygon(0 90%,100% 90%,100% 90%,0 90%)}16%{clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}18%{clip-path:polygon(0 100%,100% 100%,100% 99%,0 99%)}20%{clip-path:polygon(0 70%,100% 70%,100% 71%,0 71%)}21.9%{opacity:1;transform:translate3d(0,calc(-1 * var(--gap-y)),0) scale3d(-1,-1,1)}22%,to{opacity:0;transform:translateZ(0);clip-path:polygon(0 0,0 0,0 0,0 0)}}@keyframes article-glitch-flash{0%,5%{opacity:.2;transform:translate3d(var(--gap-x),var(--gap-y),0)}5.5%,to{opacity:0;transform:translateZ(0)}}@keyframes article-glitch-reveal{0%{opacity:0;clip-path:inset(42% 0 50% 0);filter:brightness(1.8) contrast(1.25)}14%{opacity:.4;clip-path:inset(6% 0 68% 0)}28%{opacity:.28;clip-path:inset(58% 0 8% 0)}42%{opacity:.62;clip-path:inset(0 0 40% 0)}56%{opacity:.5;clip-path:inset(18% 0 18% 0)}70%{opacity:.85;clip-path:inset(0 0 10% 0)}84%{opacity:1;clip-path:inset(0 0 0 0);filter:brightness(1.15)}to{opacity:1;clip-path:inset(0 0 0 0);filter:none}}@media (prefers-reduced-motion:reduce){.article-glitch--play .article-glitch__item{animation:none}.article-glitch--intro .article-glitch__img,.article-glitch__img{opacity:1;animation:none;clip-path:none;filter:none}}