@import url(https://fonts.googleapis.com/css?family=Overpass:100,100i,200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i);@import url(https://fonts.googleapis.com/css?family=Inconsolata:400,700);body,html{margin:0;padding:0;width:100%;height:100%;font-family:Overpass,"Segoe UI",Candara,"Bitstream Vera Sans","DejaVu Sans","Bitstream Vera Sans","Trebuchet MS",Verdana,"Verdana Ref",sans-serif;-webkit-font-kerning:normal;font-kerning:normal;scroll-behavior:smooth}*{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;-webkit-overflow-scrolling:touch}img{vertical-align:middle;image-rendering:-webkit-optimize-contrast}a:hover,button:hover{cursor:pointer}html.en .cn{display:none}html.cn .en{display:none}.red-link{color:#fc5558;font-size:1.4em}.home .wrapper header{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:all}.home .wrapper header::after{content:"";display:block;position:absolute;bottom:40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOXB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA5IDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1MC4yICg1NTA0NykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+Q29tYmluZWQtU2hhcGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iYXJyb3ciIGZpbGw9IiM5NDk0OTQiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJDb21iaW5lZC1TaGFwZSIgcG9pbnRzPSI1IDM1IDkgMzUgNC41IDQwIDAgMzUgNCAzNSA0IDAgNSAwIj48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);background-size:contain;background-position:center;background-repeat:no-repeat;width:13px;height:40px}.home .wrapper header video{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;z-index:-1100}.home .wrapper header .title{position:absolute;top:40px;left:40px;font-family:"Palatino Linotype",Palatino,Palladio,"URW Palladio L","Book Antiqua",Baskerville,"Bookman Old Style","Bitstream Charter","Nimbus Roman No9 L",Garamond,"Apple Garamond","ITC Garamond Narrow","New Century Schoolbook","Century Schoolbook","Century Schoolbook L",Georgia,serif;color:#2b2b2b;font-size:34px;font-weight:500;-webkit-box-shadow:inset 0 -2px 0 0 rgba(0,0,0,.1);box-shadow:inset 0 -2px 0 0 rgba(0,0,0,.1);margin-bottom:20px;padding-bottom:5px}@media screen and (max-width:800px){.home .wrapper header .title{font-size:20px}}.home .wrapper header nav{position:absolute;top:40px;right:40px}.home .wrapper header nav a{font-weight:600;text-decoration:none;font-size:18px;color:#000;margin:0 12px}.home .wrapper header .hero-text{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);max-width:300px;left:40px;font-size:24px;line-height:40px;font-weight:400;letter-spacing:-.02em}@media screen and (max-width:800px){.home .wrapper header .hero-text{background:#fff;bottom:0;width:100%;padding:1em;left:0;top:initial}}.home .wrapper .grid{margin-top:100vh;min-height:100vh;background-color:#fff;display:grid;grid-template-columns:1fr 1fr;padding:40px calc(50vw - 500px)}@media screen and (max-width:800px){.home .wrapper .grid{grid-template-columns:1fr}}.home .wrapper .grid .project-link{overflow:hidden;margin:2rem}.home .wrapper .grid .project-link:hover .title{opacity:1}.home .wrapper .grid .project-link:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.home .wrapper .grid .project-link .title{opacity:0;padding:3rem;font-size:62px;font-weight:600;width:100%;height:100%;background-color:rgba(0,0,0,.4);line-height:1.2em;position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;text-align:center;color:#fff;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;-webkit-transition:.2s ease-out;transition:.2s ease-out}@media screen and (max-width:800px){.home .wrapper .grid .project-link .title{font-size:32px}}.home .wrapper .grid .project-link img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;-webkit-transition:.5s ease-out;transition:.5s ease-out}@media screen and (min-width:800px){.home .wrapper .grid .project-link img{height:300px}}.project .wrapper nav{padding:30px}.project .wrapper nav a{color:#9e9e9e;font-weight:500;text-decoration:none;padding-bottom:5px}.project .wrapper nav a.home{font-family:"Palatino Linotype",Palatino,Palladio,"URW Palladio L","Book Antiqua",Baskerville,"Bookman Old Style","Bitstream Charter","Nimbus Roman No9 L",Garamond,"Apple Garamond","ITC Garamond Narrow","New Century Schoolbook","Century Schoolbook","Century Schoolbook L",Georgia,serif}.project .wrapper nav a.right{float:right}.project .wrapper nav .back{margin-top:5rem}.project .wrapper nav .back a{display:inline-block;color:grey;-webkit-box-shadow:inset 0 -2px 0 0 rgba(0,0,0,.1);box-shadow:inset 0 -2px 0 0 rgba(0,0,0,.1)}.project .wrapper h1{padding:0 30px;margin-bottom:30px;font-family:"Palatino Linotype",Palatino,Palladio,"URW Palladio L","Book Antiqua",Baskerville,"Bookman Old Style","Bitstream Charter","Nimbus Roman No9 L",Garamond,"Apple Garamond","ITC Garamond Narrow","New Century Schoolbook","Century Schoolbook","Century Schoolbook L",Georgia,serif;font-size:84px;font-weight:300}@media screen and (max-width:800px){.project .wrapper h1{font-size:50px}}.project .wrapper h1~:not(footer){display:block;margin-left:auto;margin-right:auto}.project .wrapper .heading-container{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:0 30px;font-family:Inconsolata,Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;line-height:1.3;white-space:pre-line}@media screen and (max-width:800px){.project .wrapper .heading-container{display:block}}.project .wrapper .heading-container .description,.project .wrapper .heading-container .details{padding:30px 30px 30px 0;-webkit-box-flex:1;-ms-flex:1;flex:1}.project .wrapper .heading-container .description:first-line,.project .wrapper .heading-container .details:first-line{color:grey;text-transform:uppercase}.project .wrapper iframe,.project .wrapper img{width:100%;margin:0 auto;display:block;padding:30px;max-height:90vh;-o-object-fit:contain;object-fit:contain}.project .wrapper p{color:grey;font-size:18px;line-height:27px;font-weight:300;max-width:640px;padding:0 30px;margin:30px auto}.project .wrapper iframe{height:56.25vw}.project .wrapper .side-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:800px){.project .wrapper .side-text{display:block}}.project .wrapper .side-text>*{-webkit-box-flex:1;-ms-flex:1;flex:1}.project .wrapper .side-text img{width:50%;height:50%}@media screen and (max-width:800px){.project .wrapper .side-text img{width:100%;height:100%}}.project .wrapper .side-text p{padding-right:120px}.project .wrapper footer{padding-bottom:30px;margin-left:calc(50vw - 280px)}@media screen and (max-width:800px){.project .wrapper footer{margin:30px}}.project .wrapper footer h2{font-family:"Palatino Linotype",Palatino,Palladio,"URW Palladio L","Book Antiqua",Baskerville,"Bookman Old Style","Bitstream Charter","Nimbus Roman No9 L",Garamond,"Apple Garamond","ITC Garamond Narrow","New Century Schoolbook","Century Schoolbook","Century Schoolbook L",Georgia,serif;color:#9b9b9b;font-size:20px;line-height:60px;font-weight:400;margin:0}.project .wrapper footer div{display:inline-block;padding-right:15px}@media screen and (max-width:800px){.project .wrapper footer div{height:3em;display:block}}.project .wrapper footer .project-link{font-family:"Palatino Linotype",Palatino,Palladio,"URW Palladio L","Book Antiqua",Baskerville,"Bookman Old Style","Bitstream Charter","Nimbus Roman No9 L",Garamond,"Apple Garamond","ITC Garamond Narrow","New Century Schoolbook","Century Schoolbook","Century Schoolbook L",Georgia,serif;color:#000;font-size:20px;line-height:80px;text-decoration:none;padding-bottom:5px;-webkit-box-shadow:inset 0 -2px 0 0 rgba(0,0,0,.1);box-shadow:inset 0 -2px 0 0 rgba(0,0,0,.1);font-weight:400}