@import url(https://unpkg.com/normalize.css@8.0.1/normalize.css);@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Yantramanav:400,500,700&display=swap);footer[data-v-10941aec]{padding:0 3% 15px;background-color:#fff;bottom:0;width:100%}footer>p[data-v-10941aec]{text-align:right;font-size:1.5rem;margin-bottom:10px;letter-spacing:-1px}footer .footer-middle[data-v-10941aec]{font-size:14px;text-align:center;margin-top:10px}footer .footer-middle ul[data-v-10941aec]{list-style:none;margin-bottom:5px}footer .footer-middle ul li[data-v-10941aec]{display:inline-block;font-size:0;margin:0 10px}footer .footer-middle ul li a[data-v-10941aec]{display:inline-block;text-align:center}footer .footer-middle ul li a img[data-v-10941aec]{width:16px;height:16px}footer .footer-middle p[data-v-10941aec]{font-weight:700}@-webkit-keyframes logo_animate-data-v-078ecf03{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-33px);transform:translateY(-33px)}}@keyframes logo_animate-data-v-078ecf03{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-33px);transform:translateY(-33px)}}@-webkit-keyframes logo_animate2-data-v-078ecf03{0%{-webkit-transform:translateY(-33px);transform:translateY(-33px)}to{-webkit-transform:translateY(-66px);transform:translateY(-66px)}}@keyframes logo_animate2-data-v-078ecf03{0%{-webkit-transform:translateY(-33px);transform:translateY(-33px)}to{-webkit-transform:translateY(-66px);transform:translateY(-66px)}}@-webkit-keyframes bgchange-data-v-078ecf03{0%{background-color:transparent;color:inherit}to{background-color:#308bf4;color:#fff}}@keyframes bgchange-data-v-078ecf03{0%{background-color:transparent;color:inherit}to{background-color:#308bf4;color:#fff}}@-webkit-keyframes logospin-data-v-078ecf03{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes logospin-data-v-078ecf03{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}header[data-v-078ecf03]{display:grid;grid-template-columns:40% 20% 40%;width:100%;-ms-flex-line-pack:center;align-content:center;padding:15px 3%;position:fixed;top:0;left:0;z-index:999;-webkit-transition:.3s;transition:.3s}header.scroll[data-v-078ecf03]{background-color:#fff;z-index:999;-webkit-transition:.3s;transition:.3s;-webkit-box-shadow:0 4px 10px 0 hsla(0,0%,39.2%,.1);box-shadow:0 4px 10px 0 hsla(0,0%,39.2%,.1)}header .logo-text[data-v-078ecf03]{-ms-flex-item-align:center;align-self:center}header .logo-text p[data-v-078ecf03]{text-align:left;font-weight:700;font-size:2rem;position:relative;overflow:hidden}header .logo-text p span[data-v-078ecf03]{display:inline-block;position:absolute;bottom:-33px;left:81px}header .logo-text p span.type1[data-v-078ecf03]{bottom:0;-webkit-animation:logo_animate-data-v-078ecf03 1s ease-in-out forwards;animation:logo_animate-data-v-078ecf03 1s ease-in-out forwards}header .logo-text p span.type2[data-v-078ecf03]{-webkit-animation:logo_animate-data-v-078ecf03 1s ease-in-out 0s forwards,logo_animate2-data-v-078ecf03 1s ease-in-out 1s forwards;animation:logo_animate-data-v-078ecf03 1s ease-in-out 0s forwards,logo_animate2-data-v-078ecf03 1s ease-in-out 1s forwards}header .logo-text p span.type3[data-v-078ecf03]{-webkit-animation:logo_animate-data-v-078ecf03 1s ease-in-out 1s forwards,bgchange-data-v-078ecf03 .3s ease-in 2s forwards;animation:logo_animate-data-v-078ecf03 1s ease-in-out 1s forwards,bgchange-data-v-078ecf03 .3s ease-in 2s forwards}header .logo-img[data-v-078ecf03]{display:block}header .logo[data-v-078ecf03]{width:50px;height:50px;margin:auto;background-image:url(../img/logo.f39b189b.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;-webkit-animation:logospin-data-v-078ecf03 5s linear infinite forwards;animation:logospin-data-v-078ecf03 5s linear infinite forwards}header .nav[data-v-078ecf03]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:right;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .nav a[data-v-078ecf03]{font-weight:700;text-decoration:none;font-size:1.2rem;display:inline-block;margin:0 10px;color:#3a3a3a;position:relative}header .nav a[data-v-078ecf03]:last-child{margin-right:0}header .nav a.router-link-exact-active[data-v-078ecf03]:before{position:absolute;content:"";display:block;width:110%;height:2px;background-color:#308bf4;bottom:0;right:0}header .burger[data-v-078ecf03]{justify-self:end;-ms-flex-item-align:center;align-self:center;display:none;width:30px;height:30px;position:relative;margin-right:10px}header .burger span[data-v-078ecf03]{display:block;width:20px;height:3px;background-color:#2a2a2a;position:absolute;left:10px;-webkit-transition:.3s;transition:.3s}header .burger span[data-v-078ecf03]:first-child{top:5px}header .burger span[data-v-078ecf03]:nth-child(2){top:13px}header .burger span[data-v-078ecf03]:nth-child(3){opacity:1;top:22px}header .burger.cross span[data-v-078ecf03]{-webkit-transition:.3s;transition:.3s}header .burger.cross span[data-v-078ecf03]:first-child{top:13px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}header .burger.cross span[data-v-078ecf03]:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)}header .burger.cross span[data-v-078ecf03]:nth-child(3){display:none}@media (max-width:768px){header .logo-text[data-v-078ecf03]{margin-left:10px}header .logo-text p[data-v-078ecf03]{font-size:1.5rem}header .logo-text p span[data-v-078ecf03]{left:61px}header .nav[data-v-078ecf03]{position:fixed;top:0;left:100%;bottom:0;opacity:0;right:0;z-index:-1;background-color:#fff;width:100vw;display:block;margin-top:72px;-webkit-transition:all .3s;transition:all .3s}header .nav a[data-v-078ecf03]{width:100px;display:block;text-align:center;margin:30px auto;font-size:2rem}header .nav a[data-v-078ecf03]:last-child{margin-right:auto}header .nav.active[data-v-078ecf03]{left:0;opacity:1;z-index:9999;-webkit-transition:all .3s;transition:all .3s}header .burger[data-v-078ecf03]{display:block}}*{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;-webkit-overflow-scrolling:touch}body,html{font-size:16px}#app{font-family:Yantramanav,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#3a3a3a;min-height:100vh}#app main{position:relative;margin:30px 0;margin-top:110px}#app main .title h1{text-align:left;font-weight:400;font-family:Playfair Display,serif;font-size:2.5rem;margin-left:10%;line-height:1.7}#app main .case{width:100%}#app main .case .full-width{width:100%;display:block;height:auto}#app main .case .case-container{width:100%;max-width:960px;display:grid;grid-template-columns:repeat(12,1fr);margin:0 auto}#app main .case .case-container .col-half-left{grid-column:1/7;width:100%;margin:50px 0}#app main .case .case-container .col-half-right{grid-column:7/13;width:100%;margin:50px 0}#app main .case .case-container .gap{grid-column:1/13;width:100%;margin:100px 0}#app main .case .case-container h1{grid-column:1/13;font-family:Playfair Display,serif;font-weight:700;letter-spacing:.5px;font-size:2.5rem;text-align:center}#app main .case .case-container h2{grid-column:3/11;font-family:Playfair Display,serif;font-weight:700;text-align:left;font-size:2rem;margin:40px 0}#app main .case .case-container .case-info{grid-column:1/13;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:50px 0;background-color:#ccc}#app main .case .case-container .case-info ul{list-style:none}#app main .case .case-container .case-info ul li{text-align:left;margin:10px 0;font-size:18px}#app main .case .case-container .case-info ul li .list-title{text-align:left;font-weight:700;margin-right:15px}#app main .case .case-container p{grid-column:3/11;line-height:1.5;text-align:left;position:relative;margin:40px 0;font-size:18px}#app main .case .case-container p.case-intro{margin:50px 0;padding:0 20px}#app main .case .case-container p.case-intro:before{font-family:inherit;font-size:200%;content:'"';display:block;position:absolute;left:0;top:-20px}#app main .case .case-container p.case-intro:after{font-family:inherit;font-size:200%;content:'"';display:block;position:absolute;right:0;bottom:-20px}#app main .case .case-container img{grid-column:1/13;width:100%;display:block;height:auto}#app main .case .case-container img.align-paragraph{grid-column:3/11}#app main .case img{width:100%;display:block;height:auto}#app main .case .figma{grid-column:2/12;max-width:960px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:768px){#app main .modal .input-block{width:70%}#app main .case .case-container .figma iframe{width:100%}#app main .case .case-container h2,#app main .case .case-container img.align-paragraph,#app main .case .case-container p,#app main .case .case-container p.case-intro{grid-column:2/12}}@-webkit-keyframes slideFadeIn{0%{-webkit-transform:translateY(20px);transform:translateY(20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideFadeIn{0%{-webkit-transform:translateY(20px);transform:translateY(20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideFadeOut{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes slideFadeOut{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(20px);transform:translateY(20px)}}.fade-enter{opacity:0}.fade-enter-active{-webkit-animation:slideFadeIn 1s ease-in-out forwards;animation:slideFadeIn 1s ease-in-out forwards}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity 1s;transition:opacity 1s}.fade-leave-active{-webkit-animation:slideFadeOut 1s ease-in-out forwards;animation:slideFadeOut 1s ease-in-out forwards;opacity:0;position:absolute}.fade-leave-to{opacity:0}.modal{position:fixed;z-index:9999;left:0;top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.modal,.modal.active{display:-webkit-box;display:-ms-flexbox;display:flex}.modal .input-block{width:50%;max-width:500px;padding:3%;background-color:#fff;border-radius:10px}.modal .input-block h3{text-align:center;font-size:1.5rem;margin:20px 0;font-weight:300}.modal .input-block .input{margin:20px auto}.modal .input-block .input input{padding:8px;width:50%;min-width:150px;border:0;border-bottom:1px solid #ccc;font-size:1.5rem;letter-spacing:6px;-webkit-transition:.2s;transition:.2s;display:block;margin:auto;border-radius:0}.modal .input-block .input input:focus{outline:none;-webkit-box-shadow:none;box-shadow:none;border-bottom-color:#000;-webkit-transition:.2s;transition:.2s}.modal .input-block .input .error{margin:10px 0;text-align:center;color:#f43c2f}.modal .input-block .btn-grp{margin:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal .input-block .btn-grp div{display:block;margin:0 10px;padding:8px 24px;font-size:18px;text-align:center;background-color:#308bf4;color:#fff!important;border-radius:5px;-webkit-transition:.2s;transition:.2s;cursor:pointer}.modal .input-block .btn-grp div.cancel{color:#308bf4!important;background-color:#fff;border:1px solid #308bf4}.modal .input-block .btn-grp div.cancel:hover{background-color:rgba(48,139,244,.1);-webkit-transition:.2s;transition:.2s}.modal .input-block .btn-grp div.submit:hover{background-color:#0d78f2;-webkit-transition:.2s;transition:.2s}.works[data-v-41bf013d]{width:100%;max-width:960px;margin:auto;margin-top:100px;display:block}.works h1[data-v-41bf013d]{font-family:Playfair Display,serif;font-weight:700;letter-spacing:.5px;font-size:2.5rem;text-align:center;margin-bottom:100px}.works .content[data-v-41bf013d]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding:0}.works .content .item[data-v-41bf013d]{text-decoration:none;display:block;border-radius:10px;width:calc(50% - 20px);height:auto;position:relative;cursor:pointer;margin:10px;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#2a2a2a;-webkit-box-shadow:0 0 6px 0 rgba(67,71,83,.12);box-shadow:0 0 6px 0 rgba(67,71,83,.12);-webkit-transition:.3s;transition:.3s}.works .content .item[data-v-41bf013d]:hover{-webkit-transition:.3s;transition:.3s;-webkit-box-shadow:2px 10px 6px 0 rgba(67,71,83,.12);box-shadow:2px 10px 6px 0 rgba(67,71,83,.12)}.works .content .item .item-img[data-v-41bf013d]{width:100%;height:300px;display:block;-o-object-fit:cover;object-fit:cover;border-radius:10px 10px 0 0;margin-bottom:1rem}.works .content .item .item-title[data-v-41bf013d]{text-decoration:none;font-weight:700;font-size:1.5rem;z-index:2;-webkit-transition:.3s;transition:.3s;text-align:left;padding:0 1rem;margin-bottom:.5rem}.works .content .item .item-time[data-v-41bf013d]{display:block;text-align:left;padding:0 1rem;margin-bottom:1rem;color:#898989}.works .content .item .item-text[data-v-41bf013d]{text-align:left;margin-bottom:.5rem;padding:0 1rem}.works .content .item .item-info[data-v-41bf013d]{margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.works .content .item .item-info .case-status[data-v-41bf013d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.works .content .item .item-info .case-status img[data-v-41bf013d]{width:1rem;height:1rem;margin-right:5px}.works .content .item .item-info .case-status span[data-v-41bf013d]{font-size:.8rem}.works .content .item .item-info .tag[data-v-41bf013d]{display:inline-block;text-decoration:none;text-align:right;padding:4px 12px;border-radius:10px 0;background-color:#308bf4;z-index:2;-webkit-transition:.3s;transition:.3s}.works .content .item .item-info .tag span[data-v-41bf013d]{display:inline-block;font-size:.9rem;color:#fff}@media (max-width:500px){.works .content .item[data-v-41bf013d]{width:100%}}.home[data-v-b0c28ce8]{width:100%;padding:0 3%;display:grid;grid-template-areas:"text image" "works works";grid-template-columns:repeat(1,50% 1fr)}.home .home-text[data-v-b0c28ce8]{grid-area:text}.home .home-text h1[data-v-b0c28ce8]{text-align:left;font-size:3rem;line-height:1.5;margin:1rem 0;font-family:Playfair Display,serif}.home .home-text p[data-v-b0c28ce8]{font-size:1.5rem;margin:1rem 0}.home .home-text .more[data-v-b0c28ce8]{margin-top:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home .home-text .more .home-button[data-v-b0c28ce8]{display:block;padding:10px 24px;border:1px solid #2a2a2a;color:#2a2a2a;border-radius:24px;text-decoration:none;cursor:pointer}.home .home-img[data-v-b0c28ce8]{grid-area:image;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.home .home-img img[data-v-b0c28ce8]{display:block;width:90%;height:100%}.home .works[data-v-b0c28ce8]{grid-area:works}@media (max-width:768px){.home[data-v-b0c28ce8]{grid-template-areas:"image image" "text text" "works works"}.home .home-text h1[data-v-b0c28ce8]{font-size:2rem}.home .home-text p[data-v-b0c28ce8]{font-size:1rem}.home .home-img[data-v-b0c28ce8]{margin-top:50px;grid-column:1/13;height:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home .home-img img[data-v-b0c28ce8]{width:100%;height:250px}}