@import url(https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,200;0,300;1,100;1,200;1,300&display=swap);body{margin:0;font-family:Work Sans,sans-serif;font-weight:300}body,body a,body p{color:#7c7c7c}.menu{position:fixed;height:100%;left:0;top:0;width:15%;min-width:150px;z-index:1}@media only screen and (max-width:768px){.menu{width:100%;height:180px}.menu p{display:none}}.menu.locked,.menu.open{z-index:5}.menu.locked .menu-box,.menu.open .menu-box{transform:translate(0)}.menu.project .menu-close{margin-top:-32px}.menu-box{padding:0 10px;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding-top:40px;transform:translate(-100%);transition:.3s ease-in-out;width:100%;min-width:150px;max-width:12vw}@media only screen and (max-width:768px){.menu-box{transform:translateY(-100%);flex-direction:row;align-items:center;justify-content:space-between;padding:0 30px 0 30px;max-width:100%}}.menu-close{cursor:pointer}@media only screen and (max-width:768px){.menu-close{font-size:40px;margin-right:14px}}.menu a{display:table;font-size:18px;line-height:1;text-decoration:none;margin-bottom:12px}.menu a .underline{display:block;height:0;width:100%;margin-bottom:2px}.menu a .underline.active{height:2px;margin-bottom:0}@media only screen and (max-width:768px){.menu a{font-size:30px}}.tm{position:fixed;z-index:2;left:30px;top:30px}.tm-desk{font-size:50px;line-height:1;font-weight:100;color:#000;letter-spacing:4px;text-decoration:none}@media only screen and (max-width:768px){.tm-desk{display:none}}.tm-mobile{display:none}@media only screen and (max-width:768px){.tm-mobile{display:block}}.tm-mobile span{display:block;width:50px;height:2px;background:#000;margin-bottom:10px}.content{position:absolute;left:12%;top:0;width:88%;min-height:100%}@media only screen and (max-width:1280px){.content{left:150px;width:calc(100% - 150px)}}@media only screen and (max-width:768px){.content{left:0;top:180px;width:100%;min-height:calc(100vh - 180px)}}.info{padding:60px;font-size:18px;white-space:pre-line}.info a,.info p{font-size:inherit;color:inherit}.overview{padding:40px 20px}@media only screen and (max-width:768px){.overview{padding:30px 15px}}.overview a{text-decoration:none;vertical-align:top;margin:0 30px 50px 20px;display:inline-block}@media only screen and (max-width:768px){.overview a{margin:0 12px 22px 12px}}.overview a img{height:200px}@media only screen and (max-width:768px){.overview a img{height:190px}}.overview a p{font-size:14px;line-height:20px;display:none}@media only screen and (max-width:768px){.overview a p{display:block}}.overview a .titletip{display:none;position:absolute;padding:3px;color:#000;font-size:14px;font-weight:600;transform:translate(-50%,-35px);pointer-events:none;z-index:100x}@media only screen and (max-width:768px){.overview a .titletip{display:none!important}}.overview a:hover .titletip{display:block}.project{overflow:hidden}.project-wrap{padding:80px 40px;height:100vh;width:100%;overflow:auto;display:flex;align-items:center;padding-right:25vw}@media only screen and (max-width:768px){.project-wrap{padding:20px 15px;display:block;padding-right:15px}}.project h2{font-size:18px;line-height:1;margin-bottom:50px;position:absolute;top:107px}@media only screen and (max-width:768px){.project h2{margin-bottom:20px;position:static}}.project-items{display:flex}@media only screen and (max-width:768px){.project-items{display:block}}.project-items img{height:50vh;min-height:380px;margin-right:70px}@media only screen and (max-width:768px){.project-items img{width:100%;height:auto;min-height:auto;margin-bottom:30px;margin-right:0}}.home-projects{min-width:100%;width:auto}.home-projects.locked{height:100vh;width:100vh;overflow:hidden}.home-project{height:100vh;width:100%;position:sticky;top:0;display:flex}.home-project.left{justify-content:flex-start}.home-project.center{justify-content:center}.home-project.right{justify-content:flex-end}@media only screen and (max-width:768px){.home-project{align-items:center!important}}.home-project img{height:100%}@media only screen and (max-width:768px){.home-project img{width:100%;height:auto}}