html,body,.page-wrapper,.project-image,.embed-container iframe,.embed-container object,.embed-container embed,.about-photo-wrapper{width:100%;height:100%}.project-sidebar-list,.about-projects-list,.about-icons{list-style-type:none;margin:0;padding:0}.project-sidebar-list-item,.about-projects-list-item{text-index:-5px}.project-sidebar-list-item:before,.about-projects-list-item:before{content:'-';text-indent:-5px}.menu-button{cursor:pointer;width:30px;height:25px}.menu-button:hover .menu-bar{background-color:#fff}.menu-button .menu-bar{background-color:#999;border-radius:1px;display:block;width:100%;height:2px}.menu-button .menu-bar:nth-child(1){animation:topBarOut 0.8s backwards;animation-direction:reverse}.menu-button .menu-bar:nth-child(2){margin:5px 0;animation:middleBarOut 0.8s backwards;animation-direction:reverse}.menu-button .menu-bar:nth-child(3){animation:bottomBarOut 0.8s backwards;animation-direction:reverse}.open.menu-button .menu-bar:nth-child(1){animation:topBarIn 0.8s forwards}.open.menu-button .menu-bar:nth-child(2){animation:middleBarIn 0.8s forwards}.open.menu-button .menu-bar:nth-child(3){animation:bottomBarIn 0.8s forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{from{opacity:0}to{opacity:1}}.landing-video.current{opactiy:0;-webkit-animation:fadeIn;-moz-animation:fadeIn;animation:fadeIn;animation-fill-mode:forwards;animation-duration:1s}@keyframes bottomBarIn{0%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-7px) rotate(0deg)}100%{transform:translateY(-7px) rotate(135deg)}}@keyframes bottomBarOut{0%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-7px) rotate(0deg)}100%{transform:translateY(-7px) rotate(135deg)}}@keyframes middleBarIn{50%{transform:rotate(0deg)}100%{transform:rotate(45deg)}}@keyframes middleBarOut{50%{transform:rotate(0deg)}100%{transform:rotate(45deg)}}@keyframes topBarIn{0%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(7px) rotate(0deg)}100%{transform:translateY(7px) rotate(135deg)}}@keyframes topBarOut{0%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(7px) rotate(0deg)}100%{transform:translateY(7px) rotate(135deg)}}body{margin:0;padding:0;background:#000;font-family:'Open Sans Condensed', sans-serif;color:#999;overflow:hidden}a{text-decoration:none;color:#999}a:hover{color:#fff}div{box-sizing:border-box}.landing-video{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0}.landing-video.current{z-index:2}.landing-video.last{opacity:1;z-index:1}.landing-video video{width:100%;height:100%;object-fit:cover}.landing-title{position:absolute;top:0;left:20px;font-size:1.5rem}.landing-menu-content{color:#ccc;list-style-type:none;font-size:1.5rem;margin:0;padding:0}.menu-button{z-index:15;position:absolute;top:1.6rem;right:20px}.menu-overlay{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;background:rgba(0,0,0,0.9);z-index:10;transition:opacity 1s;pointer-events:none;display:flex;justify-content:center;align-items:center;padding:20px;overflow:scroll}.menu-overlay.open{opacity:1;pointer-events:auto}.menu-overlay>div,.menu-overlay>ul{margin:auto}.page-wrapper{position:absolute;display:flex;top:0;left:0}.page-wrapper .menu-button{display:none}@media (max-width: 1100px){.page-wrapper .menu-button{display:block;position:fixed}}.page-sidebar{width:25%;padding:20px 40px;transition:height 0.5s;overflow:scroll}@media (max-width: 1100px){.page-sidebar{display:none}}.page-content{width:75%;height:100%;overflow:scroll;scroll-behavior:smooth}@media (max-width: 1100px){.page-content{width:100%;height:auto;padding-top:3rem}}.menu-overlay .active>a{color:#999}.page-wrapper .page-mobile-header{position:fixed;top:20px;left:20px;display:none;z-index:9}@media (max-width: 1100px){.page-wrapper .page-mobile-header{display:block}}.page-title{font-size:1.5rem;color:#ccc;margin:0}.project-dates{font-size:0.9rem;margin:0}.project-image{display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:20px;flex-shrink:0}@media (max-width: 1100px){.project-image{display:block;text-align:center;height:auto}}.project-image-year{color:#666}.project-image-subtitle{color:#666;text-align:right;margin-top:0}.project-sidebar-header{margin-bottom:5px}.project-works-list-item.active>a{color:#ccc}.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;width:100%}.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0}.project-image-img{max-width:100%;max-height:100%;object-fit:contain}.project-sidebar{max-width:800px}.project-title{font-size:1.5rem;color:#ccc;margin:0}.about-title{font-size:1.5rem;color:#ccc;margin:0}.about-photo-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:stretch;padding:20px;flex-shrink:0}.about-photo{max-width:100%;max-height:100%;object-fit:contain}@media (max-width: 1100px){.about-photo{max-width:300px}}@media (max-width: 600px){.about-photo{display:none}}.about-mobile-text{display:none;flex-direction:column;justify-content:center;padding:20px}@media (max-width: 1100px){.about-mobile-text{display:flex;max-width:400px}}.about-sidebar-header{margin-bottom:5px}.about-icon-wrapper{display:inline-block}.about-icon-link svg{fill:transparent;stroke:#999;stroke-width:10;width:40px;height:40px}.about-icon-link:hover svg{fill:#999}