:root{--font-default:"TTHoves","Arial",sans-serif;--font-alter:"TTTsars",var(--font-default);--color-black:#1a1a1a;--color-purple:#7f5ef3;--color-grey:#a3abb8;--color-grey-light:#dee1e6;--color-red:#ff2a4a;--rem:.06944vw;--radius:50rem}@media (max-width:1099px){:root{--rem:.13889vw;--radius:25rem}}@media (max-width:599px){:root{--rem:.27778vw}}@media (min-width:1600px){:root{--rem:.05208vw}}.project-item__inner{position:relative}.project-item__link{display:block;text-decoration:none}.project-item__preview{aspect-ratio:1.6;border-radius:var(--radius) var(--radius) 0 var(--radius);display:block;overflow:hidden;position:relative}.project-item__preview:before{background:var(--color-grey-light);bottom:1px;content:"";display:block;left:1px;opacity:.5;position:absolute;right:1px;top:1px;z-index:0}.project-item__preview-inner{height:100%;left:0;overflow:hidden;position:absolute;top:0;transition:transform 1s ease-out;width:100%;will-change:transform;z-index:1}.project-item__title{display:block;font-size:36rem;font-weight:400;line-height:1;margin:24rem 0 0;position:relative;text-decoration:none;-webkit-user-select:none;user-select:none}.project-item__title>span{display:block}.project-item__title>span:before{bottom:2rem;height:max(1rem,1px);transition:all .3s ease}.project-item__title.router-link-active>span:before,body.desktop .project-item__title:hover>span:before{left:0;width:100%}.project-item__title.router-link-exact-active{pointer-events:none}@media (max-width:1099px){.project-item__title{font-size:18rem;margin-top:16rem}}.project-item__title>span{display:inline-block;position:relative}.project-item__title>span:before{background:currentColor;background:var(--color-black);bottom:0;content:"";display:block;height:1.5rem;position:absolute;right:0;transition:all .4s ease;width:0;z-index:0}@media (max-width:1099px){.project-item__title>span:before{height:max(1rem,1px)}}.project-item__title>span span{position:relative;z-index:1;--shadow-size:2rem;text-shadow:var(--shadow-size) 0 #fff,var(--shadow-size) var(--shadow-size) #fff,0 var(--shadow-size) #fff,calc(var(--shadow-size)*-1) var(--shadow-size) #fff,calc(var(--shadow-size)*-1) 0 #fff,calc(var(--shadow-size)*-1) calc(var(--shadow-size)*-1) #fff,0 calc(var(--shadow-size)*-1) #fff}@media (max-width:1099px){.project-item__title>span span{--shadow-size:1rem}}body.desktop .project-item__link:hover .project-item__title>span:before{left:0;width:100%}.project-item__tags-list{display:inline-flex;flex-wrap:wrap;gap:8rem;list-style:none;margin:0;padding:22rem 0 0}@media (max-width:1099px){.project-item__tags-list{gap:6rem;padding-top:12rem}}.project-item__tag{border:max(1rem,1px) solid;border-radius:13rem;box-sizing:border-box;color:var(--color-grey);display:block;font-size:12rem;font-weight:500;height:26rem;letter-spacing:.03em;line-height:25rem;padding:0 8rem;position:relative;text-decoration:none;text-transform:uppercase;transition:color .2s ease;-webkit-user-select:none;user-select:none}@media (max-width:1099px){.project-item__tag{font-size:8rem;height:18rem;line-height:17rem;padding:0 7rem}}body.desktop .project-item__tag:hover{color:var(--color-purple)}.project-item__img{display:block;height:100%;object-fit:cover;position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:1}body.desktop .project-item__link:hover .project-item__img{opacity:0;transition:opacity .5s ease}picture:only-child .project-item__img{opacity:1!important}.project-item__video{height:calc(100% + 2px);left:0;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .5s ease;width:calc(100% + 2px);z-index:2}body.desktop .project-item__link:hover .project-item__video{opacity:1}.project-item--big .project-item__preview{aspect-ratio:.8}