@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600;700&display=swap);:focus{outline:0 none}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1}button{text-align:inherit;cursor:pointer}iframe{border:0}button,figure,h1,h2,h3,h4,h5,h6,ol,p,table,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1em}strong{font-weight:700}sup{position:relative;top:-.5em;font-size:65%;line-height:0;vertical-align:baseline}a,button{color:inherit;cursor:pointer}a{text-decoration:none}button{overflow:visible;border:0;font:inherit;letter-spacing:inherit;background:none;-webkit-font-smoothing:inherit}img{max-width:100%;height:auto;border:0;display:block;outline:none}ul{list-style-type:none}i{font-style:normal}select{box-sizing:border-box;max-width:100%}address{font-style:normal}input{border-radius:0;box-shadow:none;border:none;font-size:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-moz-focus-inner{padding:0;border:0}hr{border:none;border-bottom:1px solid #000;height:0;background:transparent}*{box-sizing:border-box}@-webkit-keyframes spin{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spin{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@-webkit-keyframes gradient{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes gradient{0%{background-position:0 50%}to{background-position:100% 50%}}@-webkit-keyframes crossGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes crossGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes projectPreview{0%{background-position:top}5%{background-position:top}85%{background-position:bottom}90%{background-position:top}}@keyframes projectPreview{0%{background-position:top}5%{background-position:top}85%{background-position:bottom}90%{background-position:top}}@font-face{font-family:"icomoon";src:url(/static/media/icomoon.65c42cbf.eot);src:url(/static/media/icomoon.65c42cbf.eot) format("embedded-opentype"),url(/static/media/icomoon.b9b487f8.ttf) format("truetype"),url(/static/media/icomoon.45e94a2a.woff) format("woff"),url(/static/media/icomoon.c5c2d9f4.svg) format("svg");font-weight:400;font-style:normal;font-display:block}.page.work-detail .detail-backlink:before,[class*=" icon-"],[class^=icon-]{font-family:"icomoon"!important;speak:none;font-style:normal;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-zoom-out:before{content:"\e901"}.icon-zoom-in:before{content:"\e902"}.icon-arrow-left:before,.page.work-detail .detail-backlink:before{content:"\e900"}.icon-facebook:before{content:"\f09a"}.icon-mail:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-github:before{content:"\f113"}body{font-family:"Quicksand",Arial,Helvetica,sans-serif;font-weight:400;color:#002333;font-size:1.6rem;background-color:#efefef;letter-spacing:-.015em;line-height:1.2em;opacity:1;margin:0;padding:0;overflow-x:hidden}body.block-overflow{overflow-y:hidden}html{position:relative;font-size:10px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}@media (max-width:960px){html{font-size:2.66667vw}}.wrapper{position:relative;margin:0 auto;width:123rem;max-width:calc(100% - 6rem)}@media (max-width:960px){.wrapper{padding:3rem;max-width:100%}}.wrapper-innerwrap{margin-left:25rem;position:relative}@media (max-width:960px){.wrapper-innerwrap{margin:auto}}.link{text-decoration:underline}.swiper-lazy{transition:opacity .25s ease;opacity:0}.swiper-lazy.swiper-lazy-loaded{opacity:1}.image{transition:opacity .25s ease}.image.image-loading{opacity:0}.image.bg .imagewrap-image{width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.image.bg.contain .imagewrap-image{background-size:contain}.wysiwyg{font-weight:400}.wysiwyg>*{margin:1em 0 .3em}.wysiwyg>:first-child{margin-top:0}.wysiwyg>:last-child{margin-bottom:0}.wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6{font-weight:800;margin-top:1.5em;margin-bottom:.8em}.wysiwyg h1+*,.wysiwyg h2+*,.wysiwyg h3+*,.wysiwyg h4+*,.wysiwyg h5+*,.wysiwyg h6+*{margin-top:0}.wysiwyg b,.wysiwyg strong{color:#002333}.wysiwyg ul:not(.no-list){list-style:disc inside}.wysiwyg ul:not(.no-list) li+li{margin-top:.5em}.wysiwyg blockquote{font-family:inherit;color:#002333;font-size:1.45em;line-height:1.44em;position:relative}@media (max-width:960px){.wysiwyg blockquote{padding-left:3.9rem;padding-right:3.9rem}}.wysiwyg blockquote:after,.wysiwyg blockquote:before{position:absolute;color:#002333;font-size:6em;opacity:.05}@media (max-width:960px){.wysiwyg blockquote:after,.wysiwyg blockquote:before{font-size:9rem}}.wysiwyg blockquote:before{content:"“";top:.25em;right:calc(100% + .1em)}@media (max-width:960px){.wysiwyg blockquote:before{left:0;right:auto}}.wysiwyg blockquote:after{content:"“";bottom:.25em;left:100%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media (max-width:960px){.wysiwyg blockquote:after{right:0;left:auto}}.wysiwyg .text-small{font-size:.8em}@media (max-width:960px){.wysiwyg .text-small{font-size:.5em}}.wysiwyg table{width:100%;border:.1rem solid #f3f3f3;border-collapse:collapse;font-size:.8em}.wysiwyg table td{border:.1rem solid #f3f3f3;padding:.5rem}.wysiwyg a,.wysiwyg a *,.wysiwyg button,.wysiwyg button *{color:#002333;text-decoration:underline}@media (max-width:960px){.wysiwyg a:active,.wysiwyg a :active,.wysiwyg button:active,.wysiwyg button :active{color:#000e14}}@media (min-width:960px){.wysiwyg a:active,.wysiwyg a :active,.wysiwyg a:hover,.wysiwyg a :hover,.wysiwyg button:active,.wysiwyg button :active,.wysiwyg button:hover,.wysiwyg button :hover{color:#000e14}}.section.navigation{position:fixed;top:0;bottom:0;left:3rem;width:calc(50vw - 42rem);display:flex;flex-flow:column wrap;justify-content:center;opacity:0;-webkit-transform:translate3d(-1rem,0,0);transform:translate3d(-1rem,0,0);transition:opacity .4s ease,-webkit-transform .4s ease;transition:opacity .4s ease,transform .4s ease;transition:opacity .4s ease,transform .4s ease,-webkit-transform .4s ease}@media (max-width:1280px){.section.navigation{width:22.5rem}}@media (max-width:960px){.section.navigation{position:relative;left:0;width:auto;text-align:center}}.section.navigation.show{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}@media (min-width:960px){.section.navigation .navigation-innerwrap{text-align:right}}.section.navigation .navigation-logo{width:20rem;margin-left:auto}@media (max-width:960px){.section.navigation .navigation-logo{width:35rem;margin:0 auto}}.section.navigation .navigation-menu{margin-top:3rem}@media (max-width:960px){.section.navigation .navigation-menu{display:flex;justify-content:center}}.section.navigation .menu-item{font-size:1.8rem}.section.navigation .menu-item+.menu-item{margin-top:.5rem}@media (max-width:960px){.section.navigation .menu-item+.menu-item{margin-left:1.5rem;margin-top:0}}.section.navigation .item-link.active{font-weight:700}.section.navigation .navigation-social{margin-top:2rem}.section.navigation .social-link{background-color:#002333;color:#fff;border-radius:50%;width:3.2rem;height:3.2rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem}.section.navigation .social-link+.social-link{margin-left:.7rem}.page.home{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;opacity:0;transition-delay:.25s;-webkit-transform:translate3d(0,-1rem,0);transform:translate3d(0,-1rem,0);transition:opacity .4s ease,-webkit-transform .4s ease;transition:opacity .4s ease,transform .4s ease;transition:opacity .4s ease,transform .4s ease,-webkit-transform .4s ease}@media (max-width:960px){.page.home{padding:3rem}}.page.home .home-logo{width:30rem}.page.home .home-menu{font-size:1.8rem;margin-top:2rem;padding-top:2rem;border-top:.2rem solid #002333;display:flex;justify-content:space-between;opacity:0;-webkit-transform:translate3d(0,-1rem,0);transform:translate3d(0,-1rem,0);transition:opacity .4s ease,-webkit-transform .4s ease;transition:opacity .4s ease,transform .4s ease;transition:opacity .4s ease,transform .4s ease,-webkit-transform .4s ease}.page.home.show{transition-delay:0}.page.home.show,.page.home.show .home-menu{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.page.home.show .home-menu{transition-delay:.25s}.page.content{padding-top:calc(50vh + .5rem);padding-bottom:6rem;position:relative;left:0;top:0}@media (max-width:960px){.page.content{padding:6rem 0}}.page.content.show .content-title{transition-delay:0ms}.page.content.show .content-text,.page.content.show .content-title{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);transition-duration:.4s}.page.content.show .content-text{transition-delay:.15s}.page.content .content-innerwrap{position:relative}.page.content .content-title{font-size:4rem;margin-bottom:4rem;transition-delay:.15s;transition:opacity .18s ease,-webkit-transform .18s ease;transition:transform .18s ease,opacity .18s ease;transition:transform .18s ease,opacity .18s ease,-webkit-transform .18s ease}.page.content .content-text,.page.content .content-title{opacity:0;-webkit-transform:translate3d(-.4rem,0,0);transform:translate3d(-.4rem,0,0)}.page.content .content-text{transition-delay:0ms;transition:opacity .18s ease,-webkit-transform .18s ease;transition:transform .18s ease,opacity .18s ease;transition:transform .18s ease,opacity .18s ease,-webkit-transform .18s ease}.page.works .works-list{list-style:none;display:flex;flex-flow:row wrap;margin:-1rem}.page.works .list-item{width:33.33333%;padding:1rem;opacity:0;transition-delay:0ms;-webkit-transform:translate3d(-.4rem,0,0);transform:translate3d(-.4rem,0,0);transition:opacity .18s ease,-webkit-transform .18s ease;transition:transform .18s ease,opacity .18s ease;transition:transform .18s ease,opacity .18s ease,-webkit-transform .18s ease}@media (max-width:960px){.page.works .list-item{width:100%}}.page.works .list-item:before{content:" ";overflow:hidden;display:block;position:absolute;top:1rem;left:1rem;bottom:1rem;right:1rem;border-radius:.4rem;box-shadow:0 .5rem 1rem 0 rgba(0,0,0,.1);opacity:0;pointer-events:none;z-index:3;transition:opacity .18s ease}.page.works .list-item:hover:before{opacity:1}.page.works .list-item:hover .item-preview:before{transition-delay:50ms;opacity:.2}.page.works .list-item:hover .preview-logo{opacity:.1;-webkit-transform:scale(1.1);transform:scale(1.1)}.page.works .list-item:hover .preview-image .imagewrap-image{background-position:bottom;transition-duration:8s}.page.works .list-item:hover .item-text:before{opacity:1}.page.works .item-link{background-color:#f3f3f3;display:block;box-shadow:0 .5rem 1rem 0 rgba(0,0,0,.05)}.page.works .item-link,.page.works .item-preview{position:relative;border-radius:.4rem;overflow:hidden}.page.works .item-preview{padding-bottom:80%}.page.works .item-preview:before{content:" ";overflow:hidden;display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f3f3f3;z-index:2;opacity:.9;transition:opacity .4s ease}.page.works .preview-logo{position:absolute;width:13rem;height:6rem;left:50%;top:50%;margin-left:-6.5rem;margin-top:-4rem;z-index:3;transition:opacity .4s ease,-webkit-transform .4s ease;transition:opacity .4s ease,transform .4s ease;transition:opacity .4s ease,transform .4s ease,-webkit-transform .4s ease}.page.works .preview-image{position:absolute;top:0;left:0;width:100%;height:100%}.page.works .preview-image .imagewrap-image{background-position:top;transition:background-position 3s linear}.page.works .item-text{position:absolute;bottom:0;left:0;width:100%;padding:5rem 2rem 2rem;z-index:2}.page.works .item-text:before{content:" ";overflow:hidden;display:block;position:absolute;bottom:0;left:0;right:0;top:0;opacity:0;transition:opacity .18s ease;z-index:1;background:linear-gradient(180deg,hsla(0,0%,95.3%,0) 0,hsla(0,0%,95.3%,.9) 41%,hsla(0,0%,95.3%,.9));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00f3f3f3",endColorstr="#e6f3f3f3",GradientType=0)}.page.works .text-title{font-weight:400;position:relative;z-index:2}.page.works .text-type{font-size:1.2rem;position:relative;z-index:2}.page.works.show .list-item{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);transition-duration:.4s}.page.works.show .list-item:first-child{transition-delay:50ms}.page.works.show .list-item:nth-child(2){transition-delay:75ms}.page.works.show .list-item:nth-child(3){transition-delay:.1s}.page.works.show .list-item:nth-child(4){transition-delay:125ms}.page.works.show .list-item:nth-child(5){transition-delay:.15s}.page.works.show .list-item:nth-child(6){transition-delay:175ms}.page.works.show .list-item:nth-child(7){transition-delay:.2s}.page.works.show .list-item:nth-child(8){transition-delay:225ms}.page.works.show .list-item:nth-child(9){transition-delay:.25s}.page.works.show .list-item:nth-child(10){transition-delay:275ms}.page.works.show .list-item:nth-child(11){transition-delay:.3s}.page.works.show .list-item:nth-child(12){transition-delay:325ms}.page.works.show .list-item:nth-child(13){transition-delay:.35s}.page.works.show .list-item:nth-child(14){transition-delay:375ms}.page.works.show .list-item:nth-child(15){transition-delay:.4s}.page.works.show .list-item:nth-child(16){transition-delay:425ms}.page.works.show .list-item:nth-child(17){transition-delay:.45s}.page.works.show .list-item:nth-child(18){transition-delay:475ms}.page.works.show .list-item:nth-child(19){transition-delay:.5s}.page.works.show .list-item:nth-child(20){transition-delay:525ms}.page.works.show .list-item:nth-child(21){transition-delay:.55s}.page.works.show .list-item:nth-child(22){transition-delay:575ms}.page.works.show .list-item:nth-child(23){transition-delay:.6s}.page.works.show .list-item:nth-child(24){transition-delay:625ms}.page.works.show .list-item:nth-child(25){transition-delay:.65s}.page.works.show .list-item:nth-child(26){transition-delay:675ms}.page.works.show .list-item:nth-child(27){transition-delay:.7s}.page.works.show .list-item:nth-child(28){transition-delay:725ms}.page.works.show .list-item:nth-child(29){transition-delay:.75s}.page.works.show .list-item:nth-child(30){transition-delay:775ms}.page.work-detail .detail-backlink{font-weight:700;font-size:1.8rem;line-height:2.2rem;position:absolute;bottom:100%;left:0;margin-bottom:.5rem;display:inline-block;opacity:0;transition-delay:.6s;-webkit-transform:translate3d(0,.4rem,0);transform:translate3d(0,.4rem,0);transition:opacity .18s ease,-webkit-transform .18s ease;transition:transform .18s ease,opacity .18s ease;transition:transform .18s ease,opacity .18s ease,-webkit-transform .18s ease}.page.work-detail .detail-backlink:before{font-size:.8em;margin-right:.5em}.page.work-detail .detail-title{margin-bottom:.8rem;transition-delay:.45s;transition:opacity .18s ease,-webkit-transform .18s ease;transition:transform .18s ease,opacity .18s ease;transition:transform .18s ease,opacity .18s ease,-webkit-transform .18s ease}.page.work-detail .detail-info,.page.work-detail .detail-title{opacity:0;-webkit-transform:translate3d(-.4rem,0,0);transform:translate3d(-.4rem,0,0)}.page.work-detail .detail-info{margin-bottom:1rem;line-height:2rem;font-size:1.6rem;transition-delay:.3s;transition:opacity .18s ease,-webkit-transform .18s ease;transition:transform .18s ease,opacity .18s ease;transition:transform .18s ease,opacity .18s ease,-webkit-transform .18s ease}.page.work-detail .detail-info>*{display:inline-block;margin-bottom:.2rem}.page.work-detail .detail-info>*+:before{font-weight:400;content:", "}.page.work-detail .detail-info .info-date{font-weight:700;margin-right:1rem}.page.work-detail .detail-info .info-link{font-weight:600;background-color:#002333;color:#fff;font-size:.7em;border-radius:.4rem;padding:0 1rem;line-height:2.2rem;box-shadow:0 .5rem 1rem 0 rgba(0,0,0,.05);margin-top:-.4rem;display:inline-block;vertical-align:middle}.page.work-detail .detail-info .info-link:before{display:none}.page.work-detail .detail-subinfo{display:flex;flex-flow:row wrap;margin-top:2rem}.page.work-detail .detail-subinfo .subinfo-section{max-width:calc(50% - 1.5rem);border-radius:.4rem;padding:1rem 1.5rem;background-color:#f3f3f3;box-shadow:0 .5rem 1rem 0 rgba(0,0,0,.05);margin-right:1.5rem;margin-bottom:1rem;opacity:0;transition-delay:.15s;-webkit-transform:translate3d(-.4rem,0,0);transform:translate3d(-.4rem,0,0);transition:opacity .18s ease,-webkit-transform .18s ease;transition:transform .18s ease,opacity .18s ease;transition:transform .18s ease,opacity .18s ease,-webkit-transform .18s ease}@media (max-width:960px){.page.work-detail .detail-subinfo .subinfo-section{max-width:100%;width:100%;margin-right:0}}.page.work-detail .detail-subinfo .section-title{display:inline-block;margin-right:1rem;font-size:1.1em}.page.work-detail .detail-subinfo .items-item,.page.work-detail .detail-subinfo .section-items{display:inline-block}.page.work-detail .detail-subinfo .items-item+.items-item:before{content:", "}.page.work-detail .detail-preview{margin-top:2rem;background-color:#f3f3f3;border-radius:.4rem;box-shadow:0 .5rem 1rem 0 rgba(0,0,0,.05);padding:1.5rem;opacity:0;transition-delay:0ms;-webkit-transform:translate3d(-.4rem,0,0);transform:translate3d(-.4rem,0,0);transition:opacity .18s ease,-webkit-transform .18s ease;transition:transform .18s ease,opacity .18s ease;transition:transform .18s ease,opacity .18s ease,-webkit-transform .18s ease}@media (max-width:960px){.page.work-detail .detail-preview{margin-top:1rem}}.page.work-detail .detail-preview.active.shown .preview-slideimage .imagewrap-image{-webkit-animation:none;animation:none}.page.work-detail .detail-preview .preview-innerwrap{position:relative;overflow:hidden;display:block;border-radius:.4rem;padding-bottom:60%;width:100%;transition:padding-bottom .4s ease}.page.work-detail .detail-preview .preview-innerwrap:active .preview-extend,.page.work-detail .detail-preview .preview-innerwrap:hover .preview-extend{opacity:1}.page.work-detail .detail-preview .preview-innerwrap:active .preview-slideimage,.page.work-detail .detail-preview .preview-innerwrap:hover .preview-slideimage{opacity:.4}.page.work-detail .detail-preview .preview-slideimage{position:absolute;height:100%;width:100%;transition:opacity .25s ease;z-index:2}.page.work-detail .detail-preview .preview-slideimage .imagewrap-image{background-position:top;transition:background-position .25s ease;-webkit-animation:projectPreview 20s infinite;animation:projectPreview 20s infinite}.page.work-detail .detail-preview .preview-extendimage{position:absolute;top:0;left:0;width:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity .25s ease}.page.work-detail .detail-preview .preview-extend{position:absolute;font-size:3rem;opacity:0;top:50%;left:50%;z-index:3;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);transition:opacity .25s ease}.page.work-detail.show .detail-backlink{transition-delay:0ms}.page.work-detail.show .detail-backlink,.page.work-detail.show .detail-title{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);transition-duration:.4s}.page.work-detail.show .detail-title{transition-delay:.15s}.page.work-detail.show .detail-info{transition-delay:.3s}.page.work-detail.show .detail-description,.page.work-detail.show .detail-info{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);transition-duration:.4s}.page.work-detail.show .detail-description{transition-delay:.45s}.page.work-detail.show .detail-subinfo .subinfo-section{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);transition-delay:.6s;transition-duration:.4s}.page.work-detail.show .detail-subinfo .subinfo-section:first-child{transition-delay:.6s}.page.work-detail.show .detail-subinfo .subinfo-section:nth-child(2){transition-delay:675ms}.page.work-detail.show .detail-subinfo .subinfo-section:nth-child(3){transition-delay:.75s}.page.work-detail.show .detail-subinfo .subinfo-section:nth-child(4){transition-delay:825ms}.page.work-detail.show .detail-subinfo .subinfo-section:nth-child(5){transition-delay:.9s}.page.work-detail.show .detail-subinfo .subinfo-section:nth-child(6){transition-delay:975ms}.page.work-detail.show .detail-subinfo .subinfo-section:nth-child(7){transition-delay:1.05s}.page.work-detail.show .detail-subinfo .subinfo-section:nth-child(8){transition-delay:1125ms}.page.work-detail.show .detail-subinfo .subinfo-section:nth-child(9){transition-delay:1.2s}.page.work-detail.show .detail-subinfo .subinfo-section:nth-child(10){transition-delay:1275ms}.page.work-detail.show .detail-preview{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);transition-delay:.75s;transition-duration:.4s}
/*# sourceMappingURL=main.ba7e4225.chunk.css.map */