.works__top{width:100%;overflow:hidden}.works__top .main-content{margin:0 auto;position:relative;padding:250px 10px 143px}@media (max-width:1024px){.works__top .main-content{padding:100px 10px}}.works__top h1{font-family:GothamPro-Medium,Arial,sans-serif;font-size:100px;color:#fff}@media (max-width:414px){.works__top h1{font-size:60px}}.works__top svg{position:absolute;top:100px;right:-250px}@media (max-width:1024px){.works__top svg{top:50px}}.works__content-wrapper{width:100%}.works__content-wrapper .main-content{margin:0 auto 90px;display:flex;align-items:flex-start}@media (max-width:1000px){.works__content-wrapper .main-content{flex-direction:column}}.works__list{max-width:1165px;width:100%;margin-right:60px}@media (max-width:1000px){.works__list{order:2}}.works__nav{position:-webkit-sticky;position:sticky;top:100px;color:#fff;font-family:GothamPro,Arial,sans-serif;font-size:24px;flex-shrink:0}@media (max-width:1000px){.works__nav{display:none}}.works__nav div{margin-bottom:16px;cursor:pointer;transition:all .3s ease}.works__nav div.active,.works__nav div:hover{color:#f20519}.works__item{position:relative;display:flex;align-items:center;justify-content:space-between;height:277px;margin-bottom:50px}@media (max-width:750px){.works__item{flex-direction:column;height:390px;padding:20px 10px}}.works__item:hover .works__item__hover-bg{width:110%;opacity:1}.works__item:hover .works__item__screen{left:0}@media (max-width:750px){.works__item:hover .works__item__screen{left:0;right:0;margin:auto}}.works__item:hover .works__item__logo{margin-left:-200%}.works__item:hover .works__item__title span:last-child{color:#fff}.works__item__hover-bg{position:absolute;width:0;height:100%;top:0;right:0;opacity:0;background-color:#f20519;z-index:-1;transition:all .3s ease;border-radius:20px}.works__item__title{width:45%;margin-right:16px;flex-shrink:0}@media (max-width:750px){.works__item__title{margin:0 0 16px;width:100%}}.works__item__title span{display:block;line-height:1;word-break:break-all}@media (max-width:750px){.works__item__title span{text-align:center}}.works__item__title span:first-child{color:#fff;font-family:GothamPro-Medium,Arial,sans-serif;font-size:40px;text-transform:uppercase}.works__item__title span:last-child{color:#9f9f9f;font-family:GothamPro,Arial,sans-serif;font-size:24px;transition:all .3s ease}.works__item__card{position:relative;border-radius:20px;height:100%;max-width:612px;width:100%;background-color:#38383c;display:flex;align-items:center;justify-content:center;overflow:hidden}.works__item__logo{max-height:153px}.works__item__logo,.works__item__screen{position:absolute;transition:all .2s ease}.works__item__screen{left:100%;top:0;height:100%}