.projects-module__D-cxOq__projectsContainer{z-index:1;max-width:100vw}.projects-module__D-cxOq__projectLine{white-space:nowrap;color:#fff;width:100%;height:150px;padding-left:30px;font-size:10rem;display:inline-block;position:relative;overflow:hidden}@media only screen and (max-width:600px){.projects-module__D-cxOq__projectLine{height:100px;font-size:5rem}}.projects-module__D-cxOq__projectLine:hover .projects-module__D-cxOq__lineBackground{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:150px;animation:.3s steps(2,end) infinite projects-module__D-cxOq__glitchShake}.projects-module__D-cxOq__projectLine:hover .projects-module__D-cxOq__projectName{color:#fff;background:#000;padding:3px;transform:scale(.15)skew(-25deg)}.projects-module__D-cxOq__projectLine:hover .projects-module__D-cxOq__projectName .projects-module__D-cxOq__projectYear{display:initial}.projects-module__D-cxOq__projectLine:hover .projects-module__D-cxOq__projectDescription{opacity:1;padding:3px}.projects-module__D-cxOq__projectLine .projects-module__D-cxOq__lineBackground{position:absolute;top:0;left:0}.projects-module__D-cxOq__projectLine:hover .projects-module__D-cxOq__lineBackground:before,.projects-module__D-cxOq__projectLine:hover .projects-module__D-cxOq__lineBackground:after{content:"";background-image:var(--cover);pointer-events:none;mix-blend-mode:screen;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.projects-module__D-cxOq__projectLine:hover .projects-module__D-cxOq__lineBackground:before{filter:hue-rotate(-60deg)saturate(5)contrast(1.4)brightness(1.15);animation:.35s steps(4,end) infinite projects-module__D-cxOq__glitchTop}.projects-module__D-cxOq__projectLine:hover .projects-module__D-cxOq__lineBackground:after{filter:hue-rotate(160deg)saturate(5)contrast(1.4)brightness(1.15);animation:.4s steps(4,end) infinite projects-module__D-cxOq__glitchBottom}.projects-module__D-cxOq__projectLine .projects-module__D-cxOq__projectName{transform-origin:0 100%;color:#fff;height:100%;padding:5px;transition:transform .1s ease-out;display:inline-block;position:relative}.projects-module__D-cxOq__projectLine .projects-module__D-cxOq__projectName .projects-module__D-cxOq__projectYear{display:none}.projects-module__D-cxOq__projectLine:hover .projects-module__D-cxOq__projectName:before,.projects-module__D-cxOq__projectLine:hover .projects-module__D-cxOq__projectName:after{content:attr(data-text);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.projects-module__D-cxOq__projectLine:hover .projects-module__D-cxOq__projectName:before{color:#0ff;animation:.35s steps(4,end) infinite projects-module__D-cxOq__glitchTop}.projects-module__D-cxOq__projectLine:hover .projects-module__D-cxOq__projectName:after{color:#f0f;animation:.4s steps(4,end) infinite projects-module__D-cxOq__glitchBottom}@keyframes projects-module__D-cxOq__glitchTop{0%{clip-path:inset(0 0 85%);transform:translate(-10px,-3px)}15%{clip-path:inset(15% 0 65%);transform:translate(12px,2px)}30%{clip-path:inset(5% 0 80%);transform:translate(-14px,4px)}45%{clip-path:inset(40% 0);transform:translate(8px,-4px)}60%{clip-path:inset(70% 0 15%);transform:translate(-12px,-2px)}75%{clip-path:inset(25% 0 55%);transform:translate(14px,3px)}90%{clip-path:inset(60% 0 25%);transform:translate(-8px,5px)}to{clip-path:inset(0 0 85%);transform:translate(10px,-3px)}}@keyframes projects-module__D-cxOq__glitchBottom{0%{clip-path:inset(85% 0 0);transform:translate(10px,3px)}15%{clip-path:inset(65% 0 15%);transform:translate(-12px,-2px)}30%{clip-path:inset(80% 0 5%);transform:translate(14px,-4px)}45%{clip-path:inset(40% 0);transform:translate(-8px,4px)}60%{clip-path:inset(15% 0 70%);transform:translate(12px,2px)}75%{clip-path:inset(55% 0 25%);transform:translate(-14px,-3px)}90%{clip-path:inset(25% 0 60%);transform:translate(8px,-5px)}to{clip-path:inset(85% 0 0);transform:translate(-10px,3px)}}@keyframes projects-module__D-cxOq__glitchShake{0%{transform:translate(0)skew(0)}20%{transform:translate(-5px,3px)skew(3deg)}40%{transform:translate(5px,-3px)skew(-4deg)}60%{transform:translate(-4px,-4px)skew(2deg)}80%{transform:translate(4px,4px)skew(-3deg)}to{transform:translate(0)skew(0)}}.projects-module__D-cxOq__projectLine .projects-module__D-cxOq__projectDescription{opacity:0;font-size:initial;max-width:75%;white-space:initial;color:#fff;background:#000;transition:opacity .15s ease-out;position:absolute;top:0;left:30px}