@font-face{font-family:"Clash Display Variable";src:url("../fonts/2fcd723a1a012506da3928146b19364d.eot");src:url("../fonts/2fcd723a1a012506da3928146b19364d.eot?#iefix") format("embedded-opentype"),url("../fonts/2fcd723a1a012506da3928146b19364d.woff2") format("woff2"),url("../fonts/2fcd723a1a012506da3928146b19364d.woff") format("woff"),url("../fonts/2fcd723a1a012506da3928146b19364d.ttf") format("truetype"),url("../fonts/2fcd723a1a012506da3928146b19364d.svg#Clash Display Variable") format("svg")}*{padding:0px;margin:0px;border:none}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}a,a:link,a:visited{text-decoration:none}a:hover{text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:rgba(0,0,0,0)}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;-webkit-box-shadow:none;box-shadow:none;background-color:rgba(0,0,0,0);background:none;cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}body{font-family:"Clash Display Variable",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:16px;background:#252525;padding-left:24px;padding-right:24px;font-weight:600;color:#fff}.header{padding-top:24px;overflow:hidden}.header .row{position:relative;z-index:2}.header .row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.logo-title{font-size:40px}.logo p{color:#838383;font-weight:500;margin-top:8px}.main{position:relative;min-height:100vh}.main h1,.main .button{position:absolute;bottom:40px;max-width:936px;left:50%;z-index:2}.main h1{bottom:160px;mix-blend-mode:difference}#mouse{position:fixed;left:0;top:0;z-index:999;width:100%;height:100%;pointer-events:none;mix-blend-mode:difference}h1{font-size:80px;line-height:72px;font-weight:500}.header{position:fixed;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - 48px);max-width:1920px;z-index:999}.button{padding-top:28px;margin-top:40px;padding-bottom:28px;padding-left:140px;padding-right:140px;font-size:16px;line-height:1.5;color:#252525;font-weight:600;border-radius:80px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:9999rem;background:rgba(0,0,0,0);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;overflow:hidden}.button>.back{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:inherit;position:absolute;inset:0;overflow:hidden;z-index:-1;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;background:#eafe00}.button>.back::before{content:"";width:0;height:auto;aspect-ratio:1;border-radius:50%;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;background:#fff}.button:hover{color:#252525}.button:hover .text{color:#252525}.button:hover>.back{-webkit-transform:scale(95%);-ms-transform:scale(95%);-o-transform:scale(95%);transform:scale(95%)}.button:hover>.back::before{width:120%}.button:active>.back{-webkit-transform:scale(90%);-ms-transform:scale(90%);-o-transform:scale(90%);transform:scale(90%)}.contact ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.contact ul li a:not(.button){display:block;color:#fff;font-size:20px}.menu ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:40px}.menu ul a{color:#fff;font-size:20px;display:block;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.menu ul a:hover{color:#eafe00}#gl{width:100%;height:100vh}.link{color:#fff;font-size:20px;position:absolute;left:24px;bottom:40%;display:block;z-index:2}.contact a{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.contact a:hover{color:#eafe00}.content{padding-left:29.5%;padding-top:200px;padding-bottom:200px}.content p{font-size:32px;color:#838383;font-weight:400;margin-top:44px;max-width:660px;margin-bottom:36px;margin-left:136px}.content p strong{font-weight:400;color:#fff}.h2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:48px;font-weight:500}.h2 span{font-weight:400}h2{font-size:60px}.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:48px}.skill{width:260px;height:260px;background:#393936;font-size:32px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-weight:500;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center;position:relative;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.skill s{position:absolute;left:16px;top:16px;color:#fff;font-size:20px;text-decoration:none}.skill span{font-size:20px}.skills{margin-top:60px}.skills.mt48{margin-top:48px}.primary{background:#eafe00;color:#252525}.primary s{color:#252525}.w50{width:50%}.justify-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}main{width:100%;max-width:1920px;margin-left:auto;margin-right:auto}.mw1700{max-width:1660px}.skills{gap:0}.line{width:1px;height:1000px;background:red;position:fixed;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:9999999999;display:block}.justify-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.mt240{margin-top:240px}.service{width:50%;margin-top:100px}.service:nth-of-type(2n){margin-top:320px}.service h4 span{color:#eafe00;font-size:40px;font-weight:400;display:inline-block;margin-right:48px}.service p{font-size:32px;color:#838383;font-weight:400;max-width:700px;margin-top:36px}h4{font-size:40px;font-weight:500}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.mt48{margin-top:48px}.mt64{margin-top:64px}.mt128{margin-top:128px}.project,figure{display:block}.projects,figures{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:48px}.project img,figure img{display:block}.title-large{font-size:160px;line-height:120px;max-width:1265px;font-weight:500}.shuffle{white-space:nowrap}.footer{padding-bottom:80px}.footer .contact ul{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:72px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.footer .contact ul .button{margin-top:0;color:#252525}.footer .contact ul .button span{color:#252525}.footer .contact ul a{white-space:nowrap}.footer__block{margin-left:auto;margin-right:auto;max-width:100%}.footer .contact ul{-webkit-box-pack:justify !important;-webkit-justify-content:space-between !important;-ms-flex-pack:justify !important;justify-content:space-between !important}.color-yellow{color:#eafe00}.project{position:relative;overflow:hidden;background:#252525;height:400px}.project figcaption{position:absolute;left:0;bottom:0;z-index:2;padding:32px;padding-bottom:48px;opacity:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translateY(-24px);-ms-transform:translateY(-24px);-o-transform:translateY(-24px);transform:translateY(-24px)}.project__title{color:#fff;font-size:32px;display:block;margin-bottom:8px}.project__text{color:#e6e6e6;font-size:16px;font-weight:400}.project img,.project video{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.project:hover figcaption{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}.project:hover img,.project:hover video{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity:.6}.project-small{max-width:460px;margin-left:auto;height:320px}.project figure{height:100%}.w33{width:33%}::-moz-selection{color:#252525;background:#eafe00}::selection{color:#252525;background:#eafe00}.mr{position:relative;right:-28px}@media(max-width: 1024px){.menu{position:fixed;top:80px;left:0;width:100%;z-index:999;height:calc(100vh - 80px);background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.menu ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-left:24px;gap:12px;margin-top:24px}.footer .contact ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}#mouse{display:none}.service{width:100%}h1{font-size:52px;line-height:52px;font-weight:500}.content{padding-left:0}.content p{max-width:100%;margin-left:0}.main{width:100%}h2{font-size:32px}.link{display:none}.main h1,.main .button{left:0}.title-large{font-size:80px;line-height:80px}.skills{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.icon{fill:none;margin-top:0px;stroke:#fff;stroke-width:12;stroke-linecap:square;stroke-linejoin:round;outline:none;display:none}@media(max-width: 992px){.menu{visibility:hidden;opacity:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.w50{width:100%}.projects{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.project{width:100%}.service p{font-size:24px;margin-top:24px}.content{padding-top:80px;padding-bottom:80px}.content p{font-size:20px}.nomobile{display:block}.shuffle{white-space:wrap}.logo p{font-size:12px}.logo-title{font-size:24px}.header{padding-top:16px;background:rgba(0,0,0,.5);width:100%;padding-left:24px;padding-right:24px;padding-bottom:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:visible}.header .contact{display:none}.header.active .menu{opacity:1;visibility:visible}.main{width:100%}h1{font-size:32px;line-height:32px;font-weight:500}.button{padding-left:24px;padding-right:24px;display:block;width:100%;text-align:center;padding-top:20px;padding-bottom:20px}.main h1{bottom:128px}.flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:48px}.skill{font-size:24px}.service:nth-of-type(2n){margin-top:60px}.mt240{margin-top:80px}.project{height:420px}.title-large{font-size:52px;line-height:52px}.footer .contact ul{gap:20px}.mt128{margin-top:48px}.footer .contact ul li{width:100%}.footer .contact ul .button{display:block;width:100%;text-align:center}.main .button{width:calc(100% - 48px)}.skill{width:100%}.icon{display:block}}/*# sourceMappingURL=main.min.css.map */