html{font-size:1vw}body{padding:0;margin:0;font-family:ReplicaLLWeb-Regular,Arial,Helvetica,sans-serif;font-weight:200;line-height:1.5;color:#000}a,a:link,a:hover{color:unset;text-decoration:none;outline:none !important}.project_video{background-repeat:no-repeat;background-position:center;background-size:cover;display:block}video{object-fit:cover;width:100%;display:block}.title,.subtitle{font-size:1.5rem;font-family:AGaramondPro,"Times New Roman",Times,serif}p{font-size:1.5rem}strong{font-weight:900}.AGaramondPro,
.AGaramondPro
*{font-family:AGaramondPro,"Times New Roman",Times,serif}.subtitle{color:#414141}.projects{display:flex;flex-wrap:wrap}.project_item{width:100%;box-sizing:border-box;margin-bottom:9.2vw}.project_item.padding{padding-left:8.5vw;padding-right:8.5vw}.title_box{margin-top:1rem}.project_item.width46{width:46%}.project_item.width54{width:54%}.project_item.width46 .title_box,
.project_item.width54 .title_box,
.project_item.left74 .title_box,
.project_item.width50
.title_box{padding-left:8.5vw}.project_item.right74{width:74%;margin-left:auto;margin-right:0}.project_item.left74{width:74%;margin-right:auto;margin-left:0}.project_item.width50{width:50%}.project_item
div{overflow:hidden}.project_video{position:relative;cursor:pointer}.project_video::before{display:block;content:"";background-color:#fff;background:rgba(256, 256, 256, 0.5);backdrop-filter:blur(30px);box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.2);position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);background-repeat:no-repeat;background-size:36%;background-position:58%;width:9rem;height:6.3rem;border-radius:7rem;background-image:url(/wp-content/themes/charleshoel/img/ico_play.svg);transition:all 0.3s ease-in-out}.project_video.play::before{opacity:0}.nav_menu ul,
.nav_menu
li{padding:0;margin:0;list-style:none}.nav_menu
li{display:inline-block;margin-left:4.5em}.nav_menu
a{color:#fff;font-size:1.2rem;font-weight:300}.site_nav{display:flex;justify-content:space-between;padding:2rem;padding-left:8.8vw;padding-right:8.8vw;align-items:flex-start;left:0;top:0;position:fixed;width:100%;box-sizing:border-box;z-index:9000;min-height:5rem;padding-top:4.2vw;display:flex;transition:all 0.3s ease-in-out}.site_nav.hide{opacity:0}.top_logo{text-align:center;transition:all 0.8s ease-in-out}.name{color:#000;transition:all 0.8s ease-in-out}.description{color:#676565;transition:all 0.8s ease-in-out}.top_logo.center .description,
.top_logo.center
.name{color:#000}.top_logo{left:8.5vw;top:20px}.top_logo.center{position:fixed;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);width:44vw}.top_logo.center{font-size:2.89rem}.site-content{transition:all 0.8s ease-in-out}.site-content.scaledown{transform:scale(0.6) translateY(-30%)}.top_logo
img{width:19.9652777777778vw;display:block}.list_item{opacity:0;transition:all 0.5s ease-in-out}.list_item.show{opacity:1}.move_item{transition:all 0.5s ease-in-out;opacity:0}.move_item.show{opacity:1}