@font-face{font-family:-apple-system, BlinkMacSystemFont, "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans","Arial","Hiragino Sans GB","微软雅黑","STHeiti","WenQuanYi Micro Hei","SimSun",'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif'Averta;src:url("./images/hinted-Averta-Bold.eot");src:url("./images/hinted-Averta-Bold.eot?#iefix") format("embedded-opentype"),url("./images/Averta Bold.woff2") format("woff2"),url("./images/hinted-Averta-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cotham;src:url("./images/cothamsans-webfont.woff2") format("woff2"),url("./images/cothamsans-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}body{background-color:#420FE7}.content{max-width:1600px;margin:0 auto;box-sizing:border-box}.content .intro{width:100%;padding:0 40px 0 170px;box-sizing:border-box}.content .intro .tag{display:flex;align-items:center;animation:anim-text 1000ms cubic-bezier(0, 0.45, 0.15, 1)}.content .intro .tag svg{margin:0 30px;fill:#574CF2}.content .intro h1{margin-top:40px;width:100%;z-index:30;position:relative;animation:anim-text 1050ms cubic-bezier(0, 0.45, 0.15, 1)}.content .intro h1 svg{transform:translateY(-30px);fill:#18033C}.content .intro h1 sub{position:relative;top:-16px;left:-12px;vertical-align:super;text-decoration:none;font-size:16px;font-family:'Averta', sans-serif;color:#F3F2F4;box-sizing:border-box;padding:36px 18px;border-radius:60px;border:3px solid #18033C;transform:scale(2)}.content .intro .anim{position:relative;display:flex;align-items:center;transform:translate(-130px, 130px);z-index:10}.content .intro .anim .shape{min-width:320px;min-height:400px;position:absolute}.content .intro .anim .shape:before{content:"";background-color:#18033C;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:200px;border-bottom-right-radius:200px;height:100%;width:100%;position:absolute;animation:scale-background 2000ms cubic-bezier(0, 0.45, 0.15, 1)}.content .intro .anim .paperplane{position:absolute;z-index:20;margin:-10px 0 0 20px;animation:paperplane-anim 2200ms cubic-bezier(0, 0.45, 0.15, 1)}@keyframes paperplane-anim{0%{transform:rotate(50deg) translate(-500px, -250px);opacity:0}30%{transform:rotate(50deg) translate(-500px, -250px);opacity:0}100%{transform:rotate(0) translate(0, 0);opacity:100}}.content .intro .anim .paperplane svg{margin-top:0}.content .intro .intro-content{margin-left:420px;width:45%}.content .intro .intro-content .text{animation:anim-text 1100ms cubic-bezier(0, 0.45, 0.15, 1);color:#8C85F3;margin:40px 0}.content .intro .intro-content .contact{transform-origin:top left;animation:anim-text 1150ms cubic-bezier(0, 0.45, 0.15, 1)}.content .home-casestudies{margin-top:160px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;box-sizing:border-box;padding:0 40px 0 130px}.content .home-casestudies .outline-title{animation:anim-text 1200ms cubic-bezier(0, 0.45, 0.15, 1);margin:0 0 240px 130px}.content .home-casestudies .intro-casestudies{z-index:10;transform:translate(-130px, -95px);width:40%;position:absolute;padding-left:40px;box-sizing:border-box}.content .home-casestudies .project-1{width:60%;animation:anim-text 1200ms cubic-bezier(0, 0.45, 0.15, 1);margin-bottom:130px}.content .home-casestudies .project-1 .intro-title{position:relative}.content .home-casestudies .project-1 .intro-title .badge{width:120px;height:120px;background-color:#EEA1BE;border-radius:200px;color:#F3F2F4;position:absolute;font-family:'Averta', sans-serif;display:flex;justify-content:center;align-items:center;text-align:center;top:0;right:0;margin:-58px -146px 0 0}.content .home-casestudies .project-1 .intro-title .badge .text-default{font-size:22px;position:absolute;transition:opacity 200ms, transform 400ms}.content .home-casestudies .project-1 .intro-title .badge .text-hover{font-size:16px;opacity:0;transform:scale(0);transition:opacity 200ms, transform 200ms}.content .home-casestudies .project-1 .intro-title .badge:hover{cursor:crosshair}.content .home-casestudies .project-1 .intro-title .badge:hover .text-hover{opacity:1;transform:scale(1)}.content .home-casestudies .project-1 .intro-title .badge:hover .text-default{opacity:0;transform:scale(0)}.content .home-casestudies .project-1 .project-img{background-color:#EDF2F8}.content .home-casestudies .project-2{align-self:flex-end;width:35%;animation:anim-text 1250ms cubic-bezier(0, 0.45, 0.15, 1)}.content .home-casestudies .project-2 .project-img{background-color:#EDF2F8}.content .home-casestudies .project-3{width:45%;margin:80px 0 180px 0;animation:anim-text 1300ms cubic-bezier(0, 0.45, 0.15, 1)}.content .home-casestudies .project-3 .project-img{background-color:#E4809C}.content .home-casestudies .project-4{margin-top:260px;width:45%;animation:anim-text 1350ms cubic-bezier(0, 0.45, 0.15, 1)}.content .home-casestudies .project-4 .project-img{background-color:#F27F56}.content .home-casestudies .project-5{margin:80px 0 0 420px;width:45%;animation:anim-text 1400ms cubic-bezier(0, 0.45, 0.15, 1)}.content .home-casestudies .project-5 .project-img{background-color:#009EFF}.content .home-casestudies .project{position:relative}.content .home-casestudies .project:hover{background-color:rgba(87,76,242,0.4);transition:background-color 400ms}.content .home-casestudies .project:before{content:'';position:absolute;height:100%;width:100%;z-index:-10;top:0;left:0;outline:1px solid rgba(87,76,242,0.4);outline-offset:-1px;background:linear-gradient(to bottom right, transparent calc(50% - 1px), rgba(87,76,242,0.4) calc(50% - 1px), rgba(87,76,242,0.4) 50%, transparent 50%),linear-gradient(to bottom left, transparent calc(50% - 1px), rgba(87,76,242,0.4) calc(50% - 1px), rgba(87,76,242,0.4) 50%, transparent 50%)}.content .home-casestudies .project:after{content:'';position:absolute;height:100%;width:100%;top:0;left:0;z-index:-5}.content .home-casestudies a .project-img{overflow:hidden;position:relative}.content .home-casestudies a .project-img img{width:100%;display:block}.content .home-casestudies a .project-desc{padding:40px 40px 80px 80px;box-sizing:border-box}.content .home-casestudies a .project-desc p{color:#8C85F3}.content .home-casestudies a .project-desc .project-number{color:#8C85F3;transition:color 200ms}.content .home-casestudies a .project-desc .project-arrow{position:relative;display:inline-block;background-color:#18033C;height:1px;width:40px;top:-5px;margin:0 20px;transition:width 400ms}.content .home-casestudies a .project-desc .project-arrow:before{top:0;transform:rotate(0);opacity:0;content:"";position:absolute;background:#18033C;height:1px;width:10px;right:-2px;margin-right:0;backface-visibility:hidden;transition:transform 400ms, top 400ms, opacity 200ms}.content .home-casestudies a .project-desc .project-arrow:after{top:0;transform:rotate(0);opacity:0;content:"";position:absolute;background:#18033C;height:1px;width:10px;right:-2px;margin-right:0;backface-visibility:hidden;transition:transform 400ms, top 400ms, opacity 200ms}.content .home-casestudies a .project-desc .project-view{position:absolute;transform:translateX(-10px);opacity:0;transition:transform 400ms, opacity 200ms, color 400ms;color:#8C85F3}.content .home-casestudies a .project-desc .project-client{position:absolute;transform:translateX(0);opacity:1;transition:transform 400ms, opacity 200ms, color 400ms;color:#8C85F3}.content .home-casestudies a:hover{color:#F3F2F4}.content .home-casestudies a:hover .project-arrow{width:50px}.content .home-casestudies a:hover .project-arrow:before{top:-3px;transform:rotate(30deg);margin-left:5px;opacity:1}.content .home-casestudies a:hover .project-arrow:after{top:3px;transform:rotate(-30deg);margin-left:5px;opacity:1}.content .home-casestudies a:hover .project-number{color:#F3F2F4}.content .home-casestudies a:hover .project-view{transform:translateX(10px);opacity:1;color:#F3F2F4}.content .home-casestudies a:hover .project-client{transform:translateX(30px);opacity:0;color:#F3F2F4}.content .home-casestudies p{color:#F3F2F4}.content .informations{margin-top:80px;display:flex;flex-wrap:wrap}.content .informations .outline-title{width:50%;display:block;margin-left:260px}.content .informations .informations-content{display:flex;margin-top:40px}.content .informations .informations-content .about{background-color:#EEA1BE;padding:60px;box-sizing:border-box;width:35%;margin-bottom:8%}.content .informations .informations-content .about .title{color:#18033C;font-size:36px;font-family:"Averta",sans-serif}.content .informations .informations-content .about p{margin-top:30px;color:#18033C}.content .informations .informations-content .about .line{height:1px;width:100%;margin:60px 0 30px;background-color:#18033C}.content .informations .informations-content .about a{display:flex;justify-content:flex-end;align-items:center;color:#18033C}.content .informations .informations-content .about a svg{transition:transform 400ms cubic-bezier(0, 0.45, 0.15, 1);margin-left:20px}.content .informations .informations-content .about a:hover svg{transform:translateX(20px)}.content .informations .informations-content .yeah{width:39%;display:flex;flex-direction:column;margin:120px 0 0 140px}.content .informations .informations-content .yeah .tag{margin-bottom:20px}.content .informations .informations-content .yeah .title{font-size:56px;color:#F3F2F4;font-family:"Averta",sans-serif}.content .informations .informations-content .yeah p{margin:20px 0}.content .informations .informations-content .yeah .social{display:flex;justify-content:space-between;margin:40px 0}.content .informations .informations-content .yeah .social a{display:flex;flex-direction:column;align-items:center}.content .informations .informations-content .yeah .social a img{margin:10px}.content .informations .informations-content .yeah .contact{margin-top:40px}@media (min-width: 1080px) and (max-width: 1300px){.content .intro h1 sub{padding:24px 10px;font-size:14px}.content .intro .anim{align-items:center;transform:translate(-180px, 120px) scale(0.8)}.content .intro .anim .paperplane{margin:-10px 0 0 -40px}.content .intro .intro-content{width:calc(95% - 320px);margin-left:320px}.content .home-casestudies{margin-top:80px}.content .home-casestudies .outline-title{margin:0 0 240px 0px}.content .home-casestudies .project-1{width:45%}.content .home-casestudies .project-2{width:45%}.content .home-casestudies .project-2 .project-img{height:200px}.content .home-casestudies .project-3{width:45%;margin-bottom:80px}.content .home-casestudies .project-4{width:45%;margin-top:160px}.content .home-casestudies .project-5{width:45%}.content .informations{margin-top:80px}.content .informations .outline-title{margin-left:130px}.content .informations .informations-content .about{width:45%}.content .informations .informations-content .yeah{width:50%;margin:20px 0 0 80px}}@media (min-width: 830px) and (max-width: 1080px){.content .intro h1 sub{padding:24px 10px;font-size:14px}.content .intro .anim{align-items:center;transform:translate(-180px, 120px) scale(0.8)}.content .intro .anim .paperplane{margin:-10px 0 0 -40px}.content .intro .intro-content{width:70%;margin-left:30%}.content .home-casestudies{margin-top:80px}.content .home-casestudies .outline-title{margin:0 0 200px 0px}.content .home-casestudies .intro-casestudies{transform:translate(-120px, -80px)}.content .home-casestudies .project-1{width:100%;margin:0;padding:0}.content .home-casestudies .project-2{width:48%;margin:80px 0 0 0;padding:0;align-self:auto}.content .home-casestudies .project-3{width:48%;margin:80px 0 0 0;padding:0}.content .home-casestudies .project-4{width:48%;margin:80px 0 0 0;padding:0}.content .home-casestudies .project-5{width:48%;margin:80px 0 0 0;padding:0}.content .informations{margin-top:0px;display:flex;flex-wrap:nowrap;flex-direction:column}.content .informations .outline-title{margin:40px 0 40px 130px}.content .informations .informations-content{flex-direction:column}.content .informations .informations-content .about{width:100%;padding:80px 80px}.content .informations .informations-content .yeah{width:70%;margin:20px 0 80px 130px}}@media (max-width: 834px){.content .intro{padding:0 30px 0 30px}.content .intro h1 sub{padding:24px 10px;font-size:14px;top:-8px;left:-12px}.content .intro .anim{align-items:center;justify-content:flex-end;transform:translate(120px, -20px) scale(0.3)}.content .intro .anim .paperplane{margin:-20px 0 0 80px}.content .intro .intro-content{width:100%;margin-left:0}.content .home-casestudies{margin-top:80px;padding:0 30px}.content .home-casestudies .outline-title{margin:0 0 240px 0px}.content .home-casestudies .intro-casestudies{transform:translate(20px, -150px)}.content .home-casestudies .project-1{width:100%;margin:0;padding:0}.content .home-casestudies .project-1 .intro-title .badge{width:80px;height:80px;margin:-36px -100px 0 0}.content .home-casestudies .project-1 .intro-title .badge .text-default{font-size:18px}.content .home-casestudies .project-1 .intro-title .badge .text-hover{font-size:14px}.content .home-casestudies .project-2{width:100%;margin:80px 0 0 0;padding:0;align-self:auto}.content .home-casestudies .project-2 .project-img{height:auto}.content .home-casestudies .project-3{width:100%;margin:80px 0 0 0;padding:0}.content .home-casestudies .project-4{width:100%;margin:80px 0 0 0;padding:0}.content .home-casestudies .project-5{width:100%;margin:80px 0 0 0;padding:0}.content .home-casestudies .project .project-desc{padding:20px 20px 40px 40px}.content .informations{margin-top:0px;display:flex;flex-wrap:nowrap;flex-direction:column;padding:0 30px}.content .informations .outline-title{margin:40px 0 40px 0px}.content .informations .informations-content{flex-direction:column}.content .informations .informations-content .about{width:100%;padding:40px 40px}.content .informations .informations-content .yeah{width:100%;margin:20px 0 80px 0px}}p{color:#8C85F3}.content-about{padding:0 40px}.content-about .about-title{box-sizing:border-box;padding-left:140px;animation:anim-text 1100ms cubic-bezier(0, 0.45, 0.15, 1)}.content-about .about-title h1{margin-top:40px}.content-about .about-intro{display:flex;justify-content:space-between;box-sizing:border-box;padding-left:140px;margin-top:40px}.content-about .about-intro .about-text{padding-top:4%;box-sizing:border-box;width:40%;animation:anim-text 1150ms cubic-bezier(0, 0.45, 0.15, 1)}.content-about .about-intro .about-picture{width:50%;z-index:20;animation:anim-text 1200ms cubic-bezier(0, 0.45, 0.15, 1)}.content-about .about-intro .about-picture img{width:100%}.content-about .about-services{display:flex;margin-top:-6%;animation:anim-text 1250ms cubic-bezier(0, 0.45, 0.15, 1)}.content-about .about-services .content-services{background-color:#EEA1BE;box-sizing:border-box;padding:100px 140px;width:65%}.content-about .about-services .content-services p{color:#52436C}.content-about .about-services .content-services .text{margin:40px 0}.content-about .about-services .content-services ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0}.content-about .about-services .content-services ul li{width:46%;font-family:"Averta",sans-serif;font-size:24px;color:#18033C}.content-about .about-services .content-services ul li p{margin-top:20px}.content-about .about-services .content-services ul li:nth-child(3),.content-about .about-services .content-services ul li:nth-child(4){margin-top:30px}.content-about .about-services .resume{margin:220px 0 0 60px;width:23%;animation:anim-text 1250ms cubic-bezier(0, 0.45, 0.15, 1)}.content-about .about-services .resume h3{display:flex;align-items:center;color:#F3F2F4}.content-about .about-services .resume h3 svg{margin-right:14px}.content-about .about-services .resume p{margin-bottom:30px}.content-about .about-services .resume a{border:1px solid #574CF2;width:100%;height:70px;display:flex;justify-content:center;align-items:center;font-size:16px;transition:background-color 200ms, border 200ms}.content-about .about-services .resume a:hover{background-color:#18033C;color:#F3F2F4;border:1px solid #18033C}.content-about .about-process{margin:120px 0 0 140px;animation:anim-text 1250ms cubic-bezier(0, 0.45, 0.15, 1)}.content-about .about-process .process-content{margin-left:140px;width:70%}.content-about .about-process .process-content .intro-text{width:80%;margin:40px 0}.content-about .about-process .process-content ul{display:flex;justify-content:space-between;padding:0}.content-about .about-process .process-content ul li{list-style:none;width:22%}.content-about .about-process .process-content ul li h3{color:#F3F2F4}.content-about .about-process .process-content ul li .number{font-family:"Averta",sans-serif;color:#F3F2F4;font-size:26px;background-color:#18033C;width:80px;height:80px;padding:35px 20px 20px 20px;box-sizing:border-box;border-top-right-radius:20px;border-top-left-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.content-about .about-exploration{margin-top:120px;display:flex;flex-direction:column;animation:anim-text 1250ms cubic-bezier(0, 0.45, 0.15, 1)}.content-about .about-exploration .exploration-text{width:48%;margin:0 0 40px 140px}.content-about .about-exploration .exploration-text .intro-text,.content-about .about-exploration .exploration-text p{margin:40px 0 0 140px}.content-about .about-exploration .exploration-grid{list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;padding:0}.content-about .about-exploration .exploration-grid a{width:30%;transition:transform 400ms}.content-about .about-exploration .exploration-grid a img{width:100%}.content-about .about-exploration .exploration-grid a .tag{margin:20px 0}.content-about .about-exploration .exploration-grid a .figure{font-family:"Averta",sans-serif;font-size:24px;color:#F3F2F4;margin-bottom:80px;line-height:34px}.content-about .about-exploration .exploration-grid a:hover{transform:translateY(-30px)}.content-about .yeah{width:42%;display:flex;flex-direction:column;margin:120px 0 0 140px;animation:anim-text 1250ms cubic-bezier(0, 0.45, 0.15, 1)}.content-about .yeah .tag{margin-bottom:20px}.content-about .yeah .title{font-size:56px;color:#F3F2F4;font-family:"Averta",sans-serif}.content-about .yeah p{margin:20px 0}.content-about .yeah .contact{margin-top:40px}@media (min-width: 834px) and (max-width: 1300px){.content-about .about-title{padding-left:0px}.content-about .about-intro{padding-left:0px}.content-about .about-intro .about-text{width:50%}.content-about .about-intro .about-picture{width:45%}.content-about .about-services{margin-top:60px;flex-direction:column}.content-about .about-services .content-services{width:100%;padding:60px 80px}.content-about .about-services .resume{margin:8px 0 0 60px}.content-about .about-process{margin:80px 0 0 0}.content-about .about-process .process-content{margin-left:60px;width:90%}.content-about .about-exploration{margin-top:80px}.content-about .about-exploration .exploration-text{width:70%;margin:0 0 60px 0}.content-about .about-exploration .exploration-text .intro-text,.content-about .about-exploration .exploration-text p{margin:40px 0 0 60px}.content-about .about-exploration .exploration-grid a{width:48%}.content-about .about-exploration .exploration-grid a .figure{font-size:30px}.content-about .yeah{width:70%;margin:80px 0 120px 60px}.content-about .yeah .title{font-size:7vw}}@media (min-width: 320px) and (max-width: 833px){.content-about{padding:0 30px}.content-about .about-title{padding-left:0px}.content-about .about-intro{flex-direction:column-reverse;padding-left:0px}.content-about .about-intro .about-text{width:100%;padding-top:0px}.content-about .about-intro .about-picture{width:100%;margin-bottom:40px}.content-about .about-services{margin-top:60px;flex-direction:column}.content-about .about-services .content-services{width:100%;padding:40px 40px}.content-about .about-services .content-services ul{justify-content:center}.content-about .about-services .content-services ul li{width:100%}.content-about .about-services .resume{width:100%;margin:8px 0 0 0px}.content-about .about-process{margin:80px 0 0 0}.content-about .about-process .process-content{margin-left:0px;width:100%}.content-about .about-process .process-content .intro-text{width:100%}.content-about .about-process .process-content ul{flex-wrap:wrap}.content-about .about-process .process-content ul li{width:50%}.content-about .about-process .process-content ul li:nth-child(3),.content-about .about-process .process-content ul li:nth-child(4){margin-top:40px}.content-about .about-exploration{margin-top:80px}.content-about .about-exploration .outline-title{font-size:50px}.content-about .about-exploration .exploration-text{width:100%;margin:0 0 60px 0}.content-about .about-exploration .exploration-text .intro-text,.content-about .about-exploration .exploration-text p{margin:40px 0 0 0}.content-about .about-exploration .exploration-grid a{width:48%}.content-about .about-exploration .exploration-grid a .figure{font-size:30px}.content-about .yeah{width:100%;margin:60px 0 0 0}.content-about .yeah .title{font-size:7vw}}body{overflow-x:hidden;text-rendering:optimizeLegibility;text-rendering:geometricPrecision;font-smooth:always;font-smoothing:antialiased;-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-webkit-font-smoothing:subpixel-antialiased}*::selection{background-color:#EEA1BE}h1{font-family:"Averta",sans-serif;color:#F3F2F4;font-size:7vw;line-height:9vw}h2{font-family:"Averta",sans-serif;font-size:4vw;line-height:4.4vw;color:#18033C}h3{font-family:"Averta",sans-serif;font-size:24px;line-height:42px}h3{margin:32px 0}.outline-title{font-family:"Averta",sans-serif;font-size:9vw;line-height:9.4vw;color:rgba(0,0,0,0);-webkit-text-stroke:1px #CECAE3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.intro-title{font-family:"Averta",sans-serif;font-size:48px;color:#F3F2F4}.intro-text{color:#F3F2F4;font-family:"Averta",sans-serif;font-size:28px;line-height:36px;display:block}.title-section .title{color:#18033C;font-family:"Averta",sans-serif}p{font-family:"Cotham",sans-serif;font-size:18px;line-height:32px}a{font-family:"Averta",sans-serif;color:#F3F2F4;font-size:16px}a:hover{color:#EEA1BE}video{margin:0;padding:0;height:100%;width:100%}button{height:60px;font-family:"Averta",sans-serif;border:1px solid #574CF2;background-color:#420FE7;color:#F3F2F4;text-align:center;justify-content:center;transition:200ms background-color}button:hover{background-color:#EEA1BE;cursor:pointer}.tag{font-family:'Averta', sans-serif;color:#EEA1BE;font-size:18px}.project-line{letter-spacing:-2px;color:#18033C;margin:0 20px}section:nth-last-child(2){margin-bottom:0}.contact{border:1px solid #574CF2;display:flex;position:relative;align-items:center;overflow:hidden;cursor:pointer;height:80px}.contact:before{content:'';background-color:#EEA1BE;position:absolute;top:0;left:0;width:100%;height:100%;transform:skew(0, 10deg) rotate(10deg) translateY(250px);transition:transform 400ms;z-index:-10}.contact .icon{height:100%;padding:0 40px;margin-right:40px;display:flex;box-sizing:border-box;border-right:1px solid rgba(243,242,244,0.3);justify-content:center;align-items:center}.contact .mail{font-family:'Averta', sans-serif;color:#F3F2F4;font-size:1.4vw;transform:scale(1);opacity:1;transition:transform 400ms cubic-bezier(0, 0.45, 0.15, 1),opacity 400ms cubic-bezier(0, 0.45, 0.15, 1)}.contact .mail:before{content:attr(data-status);font-size:16px;position:absolute;top:calc(50% - 8px);color:#18033C;font-family:"Averta",sans-serif;justify-content:center;opacity:0;transition:opacity 400ms}.contact:hover:before{transform:skew(0, 0) rotate(0) translateY(0)}.contact:hover .mail{color:rgba(255,255,255,0.4);transform:scale(0.95)}.contact:hover .mail:before{opacity:1}@media (min-width: 1500px){h1{font-size:110px;line-height:130px}.title-section .title{font-size:100px}}@media (min-width: 1200px) and (max-width: 1300px){h1{font-size:6.6vw;line-height:8vw}.title-section .title{font-size:6.6vw;line-height:8vw}}@media (min-width: 834px) and (max-width: 1200px){.outline-title{font-size:10vw;line-height:12vw}h1{font-size:6vw;line-height:8vw}.title-section .title{font-size:10vw;line-height:12vw}h2{font-family:"Averta", sans-serif;font-size:8vw;line-height:12vw;color:#18033C}.intro-text{font-size:20px;line-height:32px}.intro-title{font-size:56px}p{font-size:16px !important;line-height:24px !important}.contact .mail{font-size:2vw}}@media (max-width: 834px){.outline-title{font-size:16vw;line-height:18vw;margin-bottom:-20px;display:block}h1{font-size:13vw;line-height:15vw}.content-casestudies section .title-section .title{font-size:11vw;line-height:13vw;margin:0 0 40px 0}.content-casestudies section .title-section .subtitle{margin-bottom:0px}.intro h1{font-size:10vw;line-height:14vw}h2{font-family:"Averta", sans-serif;font-size:13vw;line-height:13vw;color:#18033C}.intro-text{font-size:20px;line-height:32px}.intro-title{font-size:46px}p{font-size:16px !important;line-height:24px !important}.contact .icon{padding:0 20px;margin-right:20px}.contact .mail{font-size:4vw}}nav{padding:60px 40px;box-sizing:border-box;display:flex;justify-content:space-between;z-index:0;animation:opacity-menu 1200ms}nav .logo{display:flex;align-items:center;width:40px;height:40px}nav .logo svg{width:100%;margin-top:3px}nav .logo:hover:after{opacity:1;transform:translateX(0)}nav .logo:after{content:'Back home';position:absolute;font-family:"Averta",sans-serif;color:#F3F2F4;font-size:16px;align-self:center;margin-left:70px;opacity:0;transform:translateX(10px);transition:transform 400ms cubic-bezier(0, 0.45, 0.15, 1),opacity 400ms cubic-bezier(0, 0.45, 0.15, 1)}nav .content-nav{display:flex;justify-content:space-between;width:30%}nav .content-nav .menu{display:flex;justify-content:space-around;align-items:center}nav .content-nav .menu svg{margin-left:14px}nav .content-nav .menu a svg{transition:transform 400ms cubic-bezier(0, 0.45, 0.15, 1)}nav .content-nav .menu a:hover svg{transform:translateX(20px)}nav .content-nav .social{display:flex;justify-content:flex-end;align-items:center}nav .content-nav .social a{display:flex;justify-content:center;transform:scale(1);height:40px;width:40px}nav .content-nav .social a:nth-child(2){margin:0 20px}nav .content-nav .social a:before{content:"";background-color:#EEA1BE;border-radius:20px;height:40px;width:40px;position:absolute;z-index:10;transform:scale(0);opacity:0;transition:transform 300ms, opacity 200ms}nav .content-nav .social a:hover:before{transform:scale(1);opacity:1}nav .content-nav .social a svg{align-self:center;z-index:20}@media (min-width: 834px) and (max-width: 1200px){nav .content-nav{width:50%}}@media (max-width: 834px){nav{padding:60px 30px}nav .logo{width:30px}nav .logo:hover:after{display:none}nav .content-nav{width:75%;flex-direction:row-reverse}nav .content-nav .menu svg{display:none}nav .content-nav .social a{width:30px}}footer{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding:0 40px 100px 40px;box-sizing:border-box}footer .divider{height:40px;width:1px;background-color:#574CF2}footer .social{border-bottom:1px solid #574CF2;border-top:1px solid #574CF2;display:flex;justify-content:space-around;align-items:center;padding:0 20px;box-sizing:border-box;height:90px;width:calc(50% - 160px)}footer .social .social-icon{display:flex;align-items:flex-start}footer .social .social-icon svg{margin-right:14px;fill:#18033C}footer .icon{display:flex;justify-content:center;width:160px}footer .icon:hover{cursor:pointer}footer .icon:hover .plane{animation:anim-plane 2000ms cubic-bezier(0, 0.45, 0.15, 1)}@keyframes anim-plane{0%{transform:translate(0, 0);opacity:1}80%{transform:translate(200px, -50px) rotate(-60deg);opacity:0}80.1%{transform:translate(-200px, -80px) rotate(60deg);opacity:0}100%{transform:translate(0, 0);opacity:1}}footer .icon svg{width:100%}footer .icon svg .grave{transform-origin:42% 58%;transform:translate(5px, -5px)}footer .icon svg text{fill:#574CF2;font-size:16spx;font-family:"Cotham",sans-serif;animation:rotateText 20000ms linear infinite;transform-origin:50% 50%}@keyframes rotateText{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}footer .icon svg:hover .grave{animation:anim-grave 1000ms}@keyframes anim-grave{0%{transform:scale(1) translate(5px, -5px)}20%{transform:scale(0.8) translate(8px, -5px)}50%{transform:scale(1.4) translate(2px, -15px)}100%{transform:scale(1) translate(5px, -5px)}}footer .comment{border-bottom:1px solid #574CF2;border-top:1px solid #574CF2;display:flex;justify-content:space-around;align-items:center;padding:0 20px;box-sizing:border-box;height:90px;width:calc(50% - 160px)}footer .comment p{display:flex;align-items:flex-start;color:#CECAE3}@media (min-width: 320px) and (max-width: 834px){footer{margin-top:20px;padding-bottom:80px;display:flex;flex-direction:column}footer .social{width:100%;height:120px}footer .social .social-icon{display:flex;flex-direction:column;align-items:center}footer .social .social-icon svg{margin:0 0 20px 0}footer .icon{display:none}footer .comment{display:flex;flex-direction:column;padding:10px 0;border-top:none;height:120px;width:100%;margin-top:10px}footer .comment .divider{height:1px;width:80px;background-color:#574CF2}}@media (min-width: 834px) and (max-width: 1200px){footer{margin-top:20px;padding:0 30px 100px 30px;display:flex;flex-direction:column}footer .social{width:100%}footer .icon{display:none}footer .comment{display:flex;flex-direction:column;padding:10px 0;border-top:none;height:120px;width:100%;margin-top:10px}footer .comment .divider{height:1px;width:80px;background-color:#574CF2}}@media (max-width: 834px){footer{padding:0 0px 40px 0px}}@keyframes anim-text{0%{transform:skew(0, 10deg) rotate(10deg) translate(200px, 1400px);opacity:0}60%{transform:skew(0, 10deg) rotate(10deg) translate(200px, 1400px);opacity:0}100%{transform:skew(0, 0) rotate(0) translate(0, 0);opacity:1}}@keyframes scale-background{0%{transform:scale(20) rotate(40deg)}20%{transform:scale(20) rotate(40deg)}50%{transform:scale(1) rotate(0)}100%{transform:scale(1) rotate(0)}}@keyframes opacity-menu{0%{opacity:0}30%{opacity:0}100%{opacity:1}}.afterProjectIn{transform:skew(0, 0) rotate(0) translate(0, 0);opacity:1;transition:transform 1000ms cubic-bezier(0, 0.45, 0.15, 1),opacity 1000ms cubic-bezier(0, 0.45, 0.15, 1)}.afterProjectIn:after{transition:transform 1600ms cubic-bezier(0, 0.45, 0.15, 1);transform:translateY(0) skew(0, 0);opacity:1;transition-delay:600ms}.afterProjectOut{transform:skew(0, 10deg) rotate(10deg) translate(200px, 1400px);opacity:0;transition:transform 1600ms cubic-bezier(0, 0.45, 0.15, 1),opacity 1600ms cubic-bezier(0, 0.45, 0.15, 1)}.afterProjectOut:after{transition:transform 1600ms cubic-bezier(0, 0.45, 0.15, 1);transform:translateY(2000px) skew(0, -20deg);opacity:0;transition-delay:600ms}.thumbProject4In-img1{transform:translateY(0);transition:transform 400ms cubic-bezier(0, 0.45, 0.15, 1)}.thumbProject4Out-img1{transform:translateY(100px);transition:transform 400ms cubic-bezier(0, 0.45, 0.15, 1)}.thumbProject4In-img2{transform:translateY(0);transition:transform 800ms cubic-bezier(0, 0.45, 0.15, 1)}.thumbProject4Out-img2{transform:translateY(100px);transition:transform 800ms cubic-bezier(0, 0.45, 0.15, 1)}