@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;overflow-x:hidden;padding:0;text-decoration:none}::-webkit-scrollbar{display:none}:root{--bg-color:#fff;--active-color:#ff5e00;--primary-color:#4db5ff;--secondary-color:#1f1f38;--transOut:all 0.3s ease-out;--transInOut:all 2s ease-in-out;--container-width-lg:75vw;--container-width-md:86vw;--container-width-sm:90vw}html{-ms-overflow-style:none;font-size:.4vmin;scroll-behavior:smooth;scrollbar-width:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:300 1.5vw/1.4 Poppins,sans-serif;margin:0;overflow:hidden}a{color:inherit;text-decoration:none}.main{min-height:200px}.main h2{-webkit-animation:pulse 1.1s;animation:pulse 1.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;color:var(--primary-color);font-size:24rem;font-weight:800;padding:6rem 6rem 2vw}nav{border:.3px solid transparent;border-radius:0;display:flex;flex-direction:column;margin:2vw auto;min-height:180px;min-width:300px;overflow:hidden;padding-left:5vw;position:block;width:85vw;z-index:5}nav .icon{-ms-overflow-style:none;align-items:center;border-radius:3.5rem;color:var(--secondary-color);display:flex;font-size:12rem;justify-content:flex-start;margin:auto;object-fit:cover;overflow:-moz-hidden-unscrollable;position:relative;scrollbar-width:none;text-align:left;transition:all .5s ease-out;width:100%}nav .icon:hover{background:hsla(0,0%,100%,.25);color:var(--primary-color)}nav .icon:hover .iconValue{opacity:.35}nav .icon:hover:after{opacity:1}nav .icon:after{bottom:0;content:"";font-size:14rem;font-weight:500;letter-spacing:2px;margin:auto;opacity:0;position:absolute;text-align:center;transition:all .3s ease-out;width:100%}nav .icon.navHome:after{content:"HOME"}nav .icon.navAbout:after{content:"ABOUT"}nav .icon.navWorks:after{content:"WORKS"}nav .icon.navContact:after{content:"CONTACT"}@media screen and (min-width:600px){nav{align-items:center;border-radius:3.5rem;border-radius:20rem;box-shadow:0 10px 10px -10px rgba(33,35,38,.1);flex-direction:row;justify-content:center;max-width:60vw;min-height:10px;padding:10rem;top:1rem;transition:all .8s ease-in-out}nav:hover{border:.3px solid transparent;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3)}nav .icon{align-items:center;display:flex;font-size:2.6vw;justify-content:center;text-align:center}nav .icon .iconValue{align-items:baseline;display:flex}nav .icon:hover{background:transparent;color:var(--primary-color)}nav .icon:hover .iconValue{opacity:0}nav .icon:hover:after{opacity:1}nav .icon:after{bottom:auto;font-size:2vw;font-weight:800;letter-spacing:normal}}@media screen and (min-width:1024px){nav .icon{font-size:2vw}nav .icon:after{letter-spacing:2px}}footer{background:transparent;font-size:3vw;padding:2rem 0;text-align:center;transition:var(--transInOut)}footer:hover{background:var(--primary-color);box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3)}footer .footerLogo{display:inline-block;font-size:4vw;font-weight:500;margin-bottom:1vw}footer .footerSocials{display:flex;gap:4vw;justify-content:center;margin-bottom:2vw}footer .footerSocials li a{border:1px solid transparent;border-radius:3rem;display:flex;padding:.5vw .8vw;transition:all .4s ease-out}footer .footerSocials li a:hover{background:var(--active-color);border-color:var(--secondary-color)}footer .footerSocials li a:hover button{color:var(--primary-color)}footer .footerSocials li a button{background:transparent;font-size:6vw}footer .footerCopyright{color:var(--secondary-color);margin-bottom:4vw}@media screen and (min-width:600px){footer{font-size:6rem}footer .footerSocials li a button{font-size:4vw}}@media screen and (min-width:1024px){footer .footerSocials li a button{font-size:2vw}}.home{-webkit-animation:fadeIn 4s;animation:fadeIn 4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;display:flex;flex-flow:column wrap;margin:4vw auto;padding:10vw;width:100%}.home a{padding:0 3px 8px 2px}.home a button{background:transparent;border-radius:3rem;box-shadow:0 0 0 1px rgba(0,0,0,.05);outline:none;padding:10px;text-shadow:0 0 5px transparent;transition:all .3s ease-in-out}.home a button:hover{box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);color:var(--primary-color)}.home a .active:hover{background:var(--active-color);color:#fff}@media screen and (min-width:600px){.home{margin:0 auto;width:70vw}}@media screen and (min-width:1024px){.home{font-size:.6vw;max-width:680px}.home a button{font-size:6rem}}.about{display:flex;flex-flow:column wrap;margin:4vw auto;padding:20rem;width:100%}.about article{-webkit-animation:fadeIn 3s;animation:fadeIn 3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;font-size:12rem;font-weight:300;padding:0 0 4vw}@media screen and (min-width:600px){.about{display:flex;flex-flow:column wrap;margin:0 auto;width:70vw}.about article{font-size:9rem;font-weight:300;padding:0 0 4vw}}@media screen and (min-width:1024px){.about{max-width:780px}.about article{font-size:6rem}}.works{margin:4vw auto;padding:20rem 6rem;width:100%}.works h2{padding-left:24rem}.works .card{grid-gap:2rem;-webkit-animation:fadeIn 3s;animation:fadeIn 3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background:transparent;display:grid;gap:2rem;grid-template-columns:1fr;margin:0 auto;padding:12rem 12rem 16rem}.works .card .swiper{background:transparent;border:1px solid transparent;border-radius:2rem;margin:2rem;padding:6rem;transition:var(--transOut)}.works .card .swiper:hover{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.works .card .swiper .preview{aspect-ratio:1/.75;border-radius:1.5rem;box-shadow:0 6px 24px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.08);overflow:hidden}.works .card .swiper h3{font-size:16rem;margin:1.2rem 0 2rem}.works .card .swiper .cta{display:flex;gap:2rem;margin-bottom:1.2rem}.works .card .swiper .cta a{background:hsla(0,0%,100%,.3);border:1px solid transparent;border-radius:1.5rem;padding:1.2rem 1.8rem;transition:var(--transOut)}.works .card .swiper .cta a button{background:transparent}.works .card .swiper .cta a button:hover{color:#fff}.works .card .swiper .cta a:hover{background:var(--active-color);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}@media screen and (min-width:600px){.works{margin:0 auto;width:70vw}.works .card{gap:1.2rem;grid-template-columns:1fr 1fr}.works .card .swiper .cta a{padding:1rem 2rem}.works .card .swiper h3{font-size:8rem}}@media screen and (min-width:1024px){.works .card{gap:2.5rem;grid-template-columns:repeat(3,1fr)}.works .card .swiper .cta a{padding:0 3.5rem}}.form{margin:4vw auto;padding:20rem;width:100%}.form ul{display:flex;flex-direction:column;gap:3vw;justify-content:space-between;margin:0;padding:0}.form ul li{-webkit-animation:fadeIn 3s;animation:fadeIn 3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;clear:both;list-style:none;margin:0;overflow:hidden;padding:0;position:relative}.form ul li *{background:transparent;border:1px solid rgba(31,31,56,.1);border-radius:2vw;box-shadow:0 0 0 1px rgba(0,0,0,.05);box-sizing:border-box;font-size:3vw;height:50px;margin:4px 0;padding:0 20px;transition:var(--transOut);width:100%}.form ul li :hover{background:var(--primary-color)}.form ul li :focus,.form ul li :hover{box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3)}.form ul li :focus{border-color:rgba(31,31,56,.5)}.form ul li textarea{min-height:150px;padding:20px}.form ul li button{float:right;letter-spacing:1vw;margin-right:2vw;text-align:center;text-transform:uppercase;width:60%}.form ul li button:hover{background:var(--active-color)}@media screen and (min-width:600px){.form{margin:0 auto;width:70vw}.form ul>li *{font-size:2.2vw}.form ul>li button{letter-spacing:.6vw}}@media screen and (min-width:1024px){.form{max-width:780px}.form ul{display:flex;flex-flow:row wrap;gap:1vw;justify-content:space-between;margin:0;padding:0}.form ul li *{font-size:1.4vw}.form ul li:first-child,.form ul li:nth-child(2){flex:0 1 48%}.form ul li:nth-child(3),.form ul li:nth-child(4),.form ul li:nth-child(5){flex:0 1 100%}.form ul li button{font-size:1vw;font-weight:900;margin-right:0;text-align:center;text-transform:uppercase;width:48%}.form ul li button:hover{color:#fff}}
/*# sourceMappingURL=main.50f3c6b7.css.map*/