@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500&family=Mukta:wght@200;300;400;500&family=Saira:wght@300;400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{color:#f5f7f7;-webkit-font-smoothing:antialiased;background-color:#050607;width:100%;font-family:Mukta,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,a{color:#fff;font-family:Barlow Condensed,sans-serif;font-weight:400}p{color:#777;font-family:Mukta,sans-serif;font-size:16px;font-weight:200;line-height:140%}h1{font-size:96px;line-height:100%}h2{font-size:72px;line-height:110%}h3{font-size:40px;line-height:115%}h4{font-size:32px;line-height:120%}h5{text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,#4cdcff 0%,#3661d1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:24px;line-height:130%;transition:all .5s;position:relative}h5:hover{padding-left:8px}h6{font-size:18px;line-height:150%}@media screen and (width<=960px){h1{font-family:Saira,sans-serif;font-size:56px;font-weight:400;line-height:110%}h2{font-family:Saira,sans-serif;font-size:14px;font-weight:500;line-height:150%}h3{font-family:Saira,sans-serif;font-size:24px;font-weight:200;line-height:130%}h5{font-family:Saira,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:150%!important}}.color-gray{color:#777}.color-blue{color:#2dc7ed}.text-center{text-align:center}.text-right{text-align:right}.relative{position:relative}.hidden{overflow:hidden}.row:after{content:"";clear:both;display:table}.flex-center{justify-content:center;align-items:center;display:flex}.flex-start-row{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.flex-columm{justify-content:center;align-items:center;display:flex}.flex-end{justify-content:flex-end;align-items:center;display:flex}@media screen and (width<=960px){.flex-end{display:none}}.bb-gray{border-bottom:1px solid #15171a}.grid-1{float:left;width:calc(8.33333% - 8px);margin:4px;padding:16px 0}.grid-2{float:left;width:calc(100% - 8px);margin:4px;padding:16px 0}.grid-3{float:left;width:calc(25% - 8px);margin:4px;padding:16px 0}.grid-4{float:left;width:calc(100% - 8px);margin:4px;padding:16px 0}.grid-5{float:left;width:calc(41.6667% - 8px);margin:4px;padding:16px 0}.grid-6{float:left;width:calc(58.3333% - 8px);margin:4px;padding:16px 0}.grid-nobreak-6{float:left;width:calc(50% - 8px);margin:4px;padding:16px 0}@media screen and (width<=960px){.grid-6,.grid-5,.grid-3{float:none;width:calc(100% - 8px)}}.link{padding:8px 24px;font-size:24px;transition:all .5s;display:inline-block;position:relative}.link:after{content:"";background-color:#f5f7f7;width:0%;height:1px;transition:all .5s;display:block;position:absolute;top:100%;left:0;transform:translate(35%,-50%)}.link:hover{opacity:.6}.link:hover:after{width:60%}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-top:0!important;margin-bottom:0!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-top:0!important;padding-bottom:0!important}.m-1{margin:8px!important}.mt-1{margin-top:8px!important}.mb-1{margin-bottom:8px!important}.ml-1{margin-left:8px!important}.mr-1{margin-right:8px!important}.mx-1{margin-left:8px!important;margin-right:8px!important}.my-1{margin-top:8px!important;margin-bottom:8px!important}.p-1{padding:8px!important}.pt-1{padding-top:8px!important}.pb-1{padding-bottom:8px!important}.pl-1{padding-left:8px!important}.pr-1{padding-right:8px!important}.px-1{padding-left:8px!important;padding-right:8px!important}.py-1{padding-top:8px!important;padding-bottom:8px!important}.m-2{margin:16px!important}.mt-2{margin-top:16px!important}.mb-2{margin-bottom:16px!important}.ml-2{margin-left:16px!important}.mr-2{margin-right:16px!important}.mx-2{margin-left:16px!important;margin-right:16px!important}.my-2{margin-top:16px!important;margin-bottom:16px!important}.p-2{padding:16px!important}.pt-2{padding-top:16px!important}.pb-2{padding-bottom:16px!important}.pl-2{padding-left:16px!important}.pr-2{padding-right:16px!important}.px-2{padding-left:16px!important;padding-right:16px!important}.py-2{padding-top:16px!important;padding-bottom:16px!important}.m-3{margin:24px!important}.mt-3{margin-top:24px!important}.mb-3{margin-bottom:24px!important}.ml-3{margin-left:24px!important}.mr-3{margin-right:24px!important}.mx-3{margin-left:24px!important;margin-right:24px!important}.my-3{margin-top:24px!important;margin-bottom:24px!important}.p-3{padding:24px!important}.pt-3{padding-top:24px!important}.pb-3{padding-bottom:24px!important}.pl-3{padding-left:24px!important}.pr-3{padding-right:24px!important}.px-3{padding-left:24px!important;padding-right:24px!important}.py-3{padding-top:24px!important;padding-bottom:24px!important}.m-4{margin:32px!important}.mt-4{margin-top:32px!important}.mb-4{margin-bottom:32px!important}.ml-4{margin-left:32px!important}.mr-4{margin-right:32px!important}.mx-4{margin-left:32px!important;margin-right:32px!important}.my-4{margin-top:32px!important;margin-bottom:32px!important}.p-4{padding:32px!important}.pt-4{padding-top:32px!important}.pb-4{padding-bottom:32px!important}.pl-4{padding-left:32px!important}.pr-4{padding-right:32px!important}.px-4{padding-left:32px!important;padding-right:32px!important}.py-4{padding-top:32px!important;padding-bottom:32px!important}.m-5{margin:48px!important}.mt-5{margin-top:48px!important}.mb-5{margin-bottom:48px!important}.ml-5{margin-left:48px!important}.mr-5{margin-right:48px!important}.mx-5{margin-left:48px!important;margin-right:48px!important}.my-5{margin-top:48px!important;margin-bottom:48px!important}.p-5{padding:48px!important}.pt-5{padding-top:48px!important}.pb-5{padding-bottom:48px!important}.pl-5{padding-left:48px!important}.pr-5{padding-right:48px!important}.px-5{padding-left:48px!important;padding-right:48px!important}.py-5{padding-top:48px!important;padding-bottom:48px!important}.m-6{margin:64px!important}.mt-6{margin-top:64px!important}.mb-6{margin-bottom:64px!important}.ml-6{margin-left:64px!important}.mr-6{margin-right:64px!important}.mx-6{margin-left:64px!important;margin-right:64px!important}.my-6{margin-top:64px!important;margin-bottom:64px!important}.p-6{padding:64px!important}.pt-6{padding-top:64px!important}.pb-6{padding-bottom:64px!important}.pl-6{padding-left:64px!important}.pr-6{padding-right:64px!important}.px-6{padding-left:64px!important;padding-right:64px!important}.py-6{padding-top:64px!important;padding-bottom:64px!important}.m-7{margin:72px!important}.mt-7{margin-top:72px!important}.mb-7{margin-bottom:72px!important}.ml-7{margin-left:72px!important}.mr-7{margin-right:72px!important}.mx-7{margin-left:72px!important;margin-right:72px!important}.my-7{margin-top:72px!important;margin-bottom:72px!important}.p-7{padding:72px!important}.pt-7{padding-top:72px!important}.pb-7{padding-bottom:72px!important}.pl-7{padding-left:72px!important}.pr-7{padding-right:72px!important}.px-7{padding-left:72px!important;padding-right:72px!important}.py-7{padding-top:72px!important;padding-bottom:72px!important}.m-8{margin:96px!important}.mt-8{margin-top:96px!important}.mb-8{margin-bottom:96px!important}.ml-8{margin-left:96px!important}.mr-8{margin-right:96px!important}.mx-8{margin-left:96px!important;margin-right:96px!important}.my-8{margin-top:96px!important;margin-bottom:96px!important}.p-8{padding:96px!important}.pt-8{padding-top:96px!important}.pb-8{padding-bottom:96px!important}.pl-8{padding-left:96px!important}.pr-8{padding-right:96px!important}.px-8{padding-left:96px!important;padding-right:96px!important}.py-8{padding-top:96px!important;padding-bottom:96px!important}.m-9{margin:128px!important}.mt-9{margin-top:128px!important}.mb-9{margin-bottom:128px!important}.ml-9{margin-left:128px!important}.mr-9{margin-right:128px!important}.mx-9{margin-left:128px!important;margin-right:128px!important}.my-9{margin-top:128px!important;margin-bottom:128px!important}.p-9{padding:128px!important}.pt-9{padding-top:128px!important}.pb-9{padding-bottom:128px!important}.pl-9{padding-left:128px!important}.pr-9{padding-right:128px!important}.px-9{padding-left:128px!important;padding-right:128px!important}.py-9{padding-top:128px!important;padding-bottom:128px!important}.pr-10{padding-right:160px!important}.sec-load{box-sizing:border-box;margin:0;padding:0}.screen-load{z-index:999;pointer-events:none;background-color:#050607;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed}.screen-load svg{width:200px;height:200px}@media screen and (width<=960px){.screen-load svg{width:100px;height:100px}}.flex-column{flex-direction:column}.letter-IF1,.letter-IF2,.letter-IF3,.letter-IF4{stroke-width:30px;animation:2.5s forwards letterIF}@keyframes letterIF{0%,10%{fill-opacity:0;stroke-dasharray:0 400}60%{fill-opacity:0;stroke-dasharray:400 0}to{fill-opacity:1;stroke-dasharray:400 0}}header{z-index:998;background-color:#0000;width:100%;transition:all 1s;display:block;position:fixed}header .bg-header{z-index:-1;background:linear-gradient(#050607 0%,#05060700 100%);width:100%;height:100%;transition:all 3s;position:absolute;top:0;left:0}header .navbar{flex-direction:row;width:100%;padding:24px;display:flex;position:relative;overflow:hidden}header .menu{background-color:#0000;background-image:linear-gradient(#050607 40%,#0000 100%);justify-content:space-between;width:100%;padding:20px 16px;transition:background-color .3s;display:flex}@media screen and (width<=960px){header .menu{justify-content:center}}header.header-open .menu{background-color:#050607}header .nav-a{color:#fff;text-transform:uppercase;cursor:pointer;padding:8px 16px;font-family:Saira,sans-serif;font-size:16px;font-weight:100;transition:all .7s;display:inline-block;position:relative}header .menu-logo{justify-content:center;align-items:center;display:flex}header .menu-logo svg{width:auto;height:48px;transition:all .3s}header .menu-logo svg:hover{transform:scale(1.05)}@media screen and (width<=960px){.menu-left,.menu-right,.menu-hidden{display:none}}.hamburger{cursor:pointer;z-index:1000;flex-direction:column;justify-content:space-between;width:32px;height:22px;display:none}@media screen and (width<=960px){.hamburger{display:flex;position:absolute;top:50%;left:24px;transform:translateY(-50%)}}.hamburger .line{transform-origin:0;background-color:#fff;border-radius:4px;width:100%;height:3px;transition:transform .4s,opacity .3s,background-color .3s;display:block}.hamburger.is-active .line{background-color:#00b2ff}.hamburger.is-active .line:first-child{width:32px;transform:rotate(41deg)}.hamburger.is-active .line:nth-child(2){opacity:0;transform:translate(10px)}.hamburger.is-active .line:nth-child(3){width:32px;transform:rotate(-41deg)}.mobile-menu-panel{z-index:997;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#050607 0%,#050607f2 70%,#0000 100%);justify-content:center;align-items:flex-start;width:100%;height:auto;padding-top:24px;padding-bottom:64px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:100%;left:0;transform:translateY(-20px)}.mobile-menu-panel.open{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)}.mobile-menu-panel .mobile-nav-list{text-align:center;flex-direction:column;gap:32px;width:100%;list-style:none;display:flex}.mobile-menu-panel .mobile-nav-list .mobile-link{color:#fff;text-transform:uppercase;cursor:pointer;padding:12px;font-family:Saira,sans-serif;font-size:24px;transition:color .3s;display:block}.mobile-menu-panel .mobile-nav-list .mobile-link:hover{color:#00b2ff}.stroke-logo{stroke-width:40px}.letterIF-logo:hover{animation:2.5s infinite letterIF-logo}@keyframes letterIF-logo{0%,10%{stroke-dasharray:0 500;fill-opacity:0}60%{stroke-dasharray:500 0;fill-opacity:0}to{stroke-dasharray:0 500;fill-opacity:0}}.hero-section{width:100%}.container{flex-direction:row;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:25rem 16px;display:flex}.hero{height:90vh}@media screen and (width<=960px){.hero{height:auto}.container{flex-direction:column;height:auto;padding:144px 8px 32px!important}}.container-item:first-child{flex-grow:3;max-width:700px;margin:40px 20px 40px 0}.container-item:nth-child(2){flex-grow:1;justify-content:center;align-items:center;margin:40px 0;display:flex}.container-item:nth-child(2) img{border-radius:50%;max-width:400px}@media screen and (width<=960px){.container-item:nth-child(2) img{display:none}.container-item:first-child{text-align:center;margin:0}.container-item:first-child .text-right{text-align:center}.container-item:first-child .flex-end{justify-content:center;padding-right:0!important}}.bg-hero{z-index:-1;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:absolute;top:0;left:0;overflow:visible}@media screen and (width<=1200px){.svg-hero{transform:scale(1.5)rotate(25deg)}}@media screen and (width<=960px){.svg-hero{transform:scale(2)rotate(25deg)}}.blur-blob-1{filter:blur(175px);will-change:filter, transform;transform:translate(0,0)}.blur-blob-2{filter:blur(150px);will-change:filter, transform;transform:translate(0,0)}.mask{background:linear-gradient(225deg,#2dc7ed 0%,#538bf0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;padding-bottom:.05em;transition:all .5s}.animate-hud1:hover{transition:all .5s;transform:translate(-5%)}.animate-hud2:hover{transition:all .5s;transform:translate(5%)}.square{margin-top:64px;padding:16px 24px;font-size:24px;display:inline-block;position:relative}.square:after{content:"";z-index:-1;background:linear-gradient(225deg,#2dc7ed 0%,#538bf000 100%);border-radius:4px;width:120px;height:120px;transition:all .5s;display:block;position:absolute;top:0;left:0;transform:translate(-5%,-22%)rotate(45deg)}.square:hover:after{transform:translate(-5%,-22%)rotate(80deg)}@keyframes rotate1{0%{transform:rotate(0)}to{transform:rotate(50deg)}}@keyframes rotate2{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes rotate3{0%{transform:rotate(0)}to{transform:rotate(240deg)}}#square1{transform-origin:50%;transform-box:fill-box;animation:3s ease-in infinite alternate rotate1}#square2{transform-origin:50%;transform-box:fill-box;animation:3s ease-in infinite alternate rotate2}#square3{transform-origin:50%;transform-box:fill-box;animation:5s ease-in infinite alternate rotate3}.works-section{width:100%}.works-section .bb-gray{z-index:1;position:relative}.list-item{z-index:5;justify-content:flex-start;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;transition:z-index .3s;display:flex;position:relative}.list-item:hover{z-index:20}.list-item a:hover+.img-project{opacity:1;transform:translate(-50%,-50%)translate(0,0)}@media screen and (width<=960px){.list-item{-webkit-box-orient:vertical;padding:32px 16px}.work-h2{font-family:Saira,sans-serif!important;font-size:40px!important;font-weight:300!important;line-height:100%!important}}.img-project{z-index:10;pointer-events:none;opacity:0;border-radius:4px;width:100%;max-width:720px;transition:all 1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translate(-1000px)scale(0)skew(90deg)}@media screen and (width<=960px){.img-project{display:none}}.about-section{width:100%}.aboutme{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:140px 24px}.aboutme:after{content:"";clear:both;display:table}.aboutme div{filter:blur();display:block}.aboutme h2{color:#f5f7f7;font-family:Saira,sans-serif;font-size:52px;font-weight:300;line-height:100%}@media screen and (width<=960px){.aboutme{flex-direction:column;padding:32px 16px}}.pp{color:#777;font-family:Mukta,sans-serif;font-size:24px;font-weight:200;line-height:130%}.grid-photos{max-height:720px}@media screen and (width<=960px){.grid-photos{max-height:480px}}.grid-photo-1{animation:10s infinite alternate grid-photo-1}@media screen and (width<=960px){.grid-photo-1{flex-wrap:wrap;justify-content:space-between;display:flex;width:100%!important}.grid-photo-1 .photo{width:calc(50% - 8px);margin:0!important;padding:3px!important}}@keyframes grid-photo-1{0%{transform:translateY(-23%)}to{transform:translateY(15%)}}.blur1{z-index:200;background:linear-gradient(#050607 0%,#05060700 100%),linear-gradient(#050607 0%,#05060700 100%),linear-gradient(#050607 0%,#05060700 100%);width:100%;height:96px;position:absolute;top:0;left:0}.blur2{z-index:200;background:linear-gradient(#050607 0%,#05060700 100%),linear-gradient(#050607 0%,#05060700 100%),linear-gradient(#050607 0%,#05060700 100%);width:100%;height:96px;position:absolute;bottom:0;left:0;transform:rotate(180deg)}.photo{filter:grayscale();border-radius:10px;width:100%;transition:all 1s}.photo:hover{filter:grayscale(0)}.contact-section{width:100%}.sect{max-width:1440px;margin:0 auto;padding:96px 24px}.sect:after{content:"";clear:both;display:table}.sect div{filter:blur();box-sizing:border-box}.sect h2{color:#f5f7f7;font-family:Saira,sans-serif;font-size:52px;font-weight:300;line-height:100%}@media screen and (width<=960px){.sect{flex-direction:column;padding:32px 16px}.sect div h2{font-family:Saira,sans-serif!important;font-size:40px!important;font-weight:300!important;line-height:100%!important}}.sect-anim{white-space:nowrap;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;letter-spacing:.15em;border-right:.15em solid #2dc7ed;width:54%;margin:0 auto;font-family:Saira,sans-serif;font-size:40px;font-weight:300;animation:.7s infinite blink-caret;overflow:hidden}@media screen and (width<=960px){.sect-anim{font-family:Saira,sans-serif;font-size:15px;font-weight:300;line-height:120%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#2dc7ed}}.social-link{align-items:center;gap:12px;transition:color .3s;display:flex}.social-link .icon{flex-shrink:0;width:28px;height:28px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.social-link:hover{color:#2dc7ed}.social-link:hover .icon{filter:drop-shadow(0 4px 8px #2dc7ed99);transform:translateY(-6px)scale(1.15)rotate(5deg)}.social-link:active .icon{filter:drop-shadow(0 0 2px #2dc7edcc);transform:translateY(2px)scale(.9)!important}@media screen and (width<=960px){#section-05 .row{grid-template-columns:repeat(2,1fr);gap:40px 16px;padding:0 16px;display:grid}#section-05 .row .grid-3{justify-content:flex-start;width:100%!important;margin:0!important;padding:0!important}#section-05 .row .grid-3 .social-link{justify-content:flex-start;width:auto;font-size:16px}#section-05 .row .grid-3 .social-link .icon{width:24px;height:24px}}.footer-section{width:100%}.foot{text-align:center;max-width:1440px;margin:0 auto;padding:96px 24px}.foot:after{content:"";clear:both;display:table}.foot div{filter:blur()}.foot p .author-name{font-weight:400;transition:all .5s;display:inline-block;position:relative}.foot p .author-name:after{content:"";background-color:#f5f7f7;width:0%;height:1px;margin-top:2px;transition:all .5s;display:block;position:absolute;top:100%;left:0}.foot p .author-name:hover:after{background-color:#00b2ff;width:100%;box-shadow:0 0 8px #00b2ff,0 0 4px #00b2ff}.footer-content{justify-content:space-between;align-items:center;width:100%;display:flex}@media screen and (width<=960px){.footer-content{flex-direction:column;gap:16px}}.footer-left,.footer-center,.footer-right{flex:1}.footer-left{text-align:left}.footer-left p{opacity:.6;margin:0;font-size:14px}@media screen and (width<=960px){.footer-left{text-align:center;order:2}}.footer-center{text-align:center}@media screen and (width<=960px){.footer-center{order:1}}.footer-right{justify-content:flex-end;align-items:center;display:flex}@media screen and (width<=960px){.footer-right{order:3;justify-content:center}}.footer-lang-toggle{color:inherit;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-family:Mukta,sans-serif;font-size:13px;font-weight:500;transition:all .3s;display:flex}.footer-lang-toggle:hover{color:#00b2ff}.footer-lang-toggle:hover .footer-globe-icon{filter:drop-shadow(0 0 4px #00b2ff80);transform:rotate(25deg)scale(1.15)}.footer-lang-toggle:active{transform:scale(.96)}.footer-globe-icon{width:16px;height:16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.footer-lang-label{letter-spacing:.5px;font-size:12px;font-weight:600}
