#scroll-trigger-container{padding:0 5vw 100vh;position:relative}#scroll-trigger-container .bg-video{object-fit:cover;z-index:0;opacity:0;width:100vw;height:100vh;position:fixed;inset:0}#scroll-trigger-container .sec{z-index:2;color:#fff;mix-blend-mode:overlay;filter:drop-shadow(2px 4px 6px #292929);font-family:f_qkh;font-size:calc(min(50px,3vw));position:fixed}#scroll-trigger-container .sec>*{opacity:0}#scroll-trigger-container .sec-1{top:20vh;left:10vw}#scroll-trigger-container .sec-2{bottom:30vh;right:15vw}#scroll-trigger-container .sec-3,#scroll-trigger-container .sec-4{top:50vh;left:50vw;transform:translate(-50%)}.gallery-container{z-index:0;opacity:0;width:100vw;height:80vh;display:flex;position:fixed;top:10vh;left:0}
.glitch{color:#fff;letter-spacing:.5em;font-size:4em;animation:1s linear infinite alternate-reverse glitch-skew;position:relative}.glitch:before{content:attr(data-text);text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);width:100%;height:100%;animation:5s linear infinite alternate-reverse glitch-anim;position:absolute;top:0;left:2px}.glitch:after{content:attr(data-text);text-shadow:-2px 0 #00fff9,2px 2px #ff00c1;width:100%;height:100%;animation:1s linear infinite alternate-reverse glitch-anim2;position:absolute;top:0;left:-2px}@keyframes glitch-anim{0%{clip:rect(60px,9999px,53px,0);transform:skew(.57deg)}5%{clip:rect(10px,9999px,71px,0);transform:skew(.42deg)}10%{clip:rect(88px,9999px,68px,0);transform:skew(.03deg)}15%{clip:rect(47px,9999px,5px,0);transform:skew(.67deg)}20%{clip:rect(48px,9999px,26px,0);transform:skew(.63deg)}25%{clip:rect(83px,9999px,66px,0);transform:skew(.19deg)}30%{clip:rect(43px,9999px,12px,0);transform:skew(.37deg)}35%{clip:rect(38px,9999px,73px,0);transform:skew(.47deg)}40%{clip:rect(70px,9999px,97px,0);transform:skew(.82deg)}45%{clip:rect(45px,9999px,84px,0);transform:skew(.56deg)}50%{clip:rect(37px,9999px,33px,0);transform:skew(.28deg)}55%{clip:rect(90px,9999px,81px,0);transform:skew(.77deg)}60%{clip:rect(10px,9999px,88px,0);transform:skew(.11deg)}65%{clip:rect(11px,9999px,52px,0);transform:skew(.75deg)}70%{clip:rect(79px,9999px,7px,0);transform:skew(.3deg)}75%{clip:rect(82px,9999px,93px,0);transform:skew(.18deg)}80%{clip:rect(87px,9999px,82px,0);transform:skew(.18deg)}85%{clip:rect(31px,9999px,37px,0);transform:skew(.66deg)}90%{clip:rect(34px,9999px,77px,0);transform:skew(.94deg)}95%{clip:rect(73px,9999px,52px,0);transform:skew(.64deg)}to{clip:rect(8px,9999px,59px,0);transform:skew(.37deg)}}@keyframes glitch-anim2{0%{clip:rect(75px,9999px,91px,0);transform:skew(.16deg)}5%{clip:rect(53px,9999px,21px,0);transform:skew(.59deg)}10%{clip:rect(63px,9999px,68px,0);transform:skew(.33deg)}15%{clip:rect(58px,9999px,95px,0);transform:skew(.06deg)}20%{clip:rect(74px,9999px,71px,0);transform:skew(.71deg)}25%{clip:rect(68px,9999px,91px,0);transform:skew(.12deg)}30%{clip:rect(60px,9999px,54px,0);transform:skew(.8deg)}35%{clip:rect(1px,9999px,88px,0);transform:skew(.65deg)}40%{clip:rect(44px,9999px,1px,0);transform:skew(.72deg)}45%{clip:rect(38px,9999px,86px,0);transform:skew(.33deg)}50%{clip:rect(73px,9999px,55px,0);transform:skew(.08deg)}55%{clip:rect(2px,9999px,73px,0);transform:skew(.11deg)}60%{clip:rect(24px,9999px,42px,0);transform:skew(.77deg)}65%{clip:rect(88px,9999px,65px,0);transform:skew(.04deg)}70%{clip:rect(39px,9999px,3px,0);transform:skew(.47deg)}75%{clip:rect(36px,9999px,99px,0);transform:skew(.94deg)}80%{clip:rect(33px,9999px,37px,0);transform:skew(.03deg)}85%{clip:rect(77px,9999px,74px,0);transform:skew(.77deg)}90%{clip:rect(32px,9999px,22px,0);transform:skew(.34deg)}95%{clip:rect(23px,9999px,61px,0);transform:skew(.72deg)}to{clip:rect(88px,9999px,68px,0);transform:skew(.65deg)}}@keyframes glitch-skew{0%{transform:skew(5deg)}10%{transform:skew(0deg)}20%{transform:skew(-4deg)}30%{transform:skew(-2deg)}40%{transform:skew(-4deg)}50%{transform:skew(-4deg)}60%{transform:skew(5deg)}70%{transform:skew(-4deg)}80%{transform:skew(2deg)}90%{transform:skew(2deg)}to{transform:skew(5deg)}}