*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;color:#333;background-color:#fff;height:100%;font-family:Roboto,sans-serif;font-size:62.5%;overflow-x:hidden}body.mouseover,button{cursor:pointer}#canvas{width:100%;height:100%;position:fixed;top:0;left:0}.wrapper{width:100%;min-height:100%;margin:0 auto;display:flex;position:relative}@media (width<=540px){.wrapper{display:block}}.wrapper.touch-open #app{top:480px}.wrapper.touch-open aside nav{opacity:1}aside{opacity:0;flex-direction:column;justify-content:center;align-items:center;width:30%;max-width:300px;height:100vh;display:flex;position:relative}@media (width<=540px){aside{width:100%;max-width:100%;height:220px;padding-top:140px;position:fixed}}aside.show{opacity:1}aside .logo{width:30%;max-width:300px;height:15vw;min-height:230px;max-height:250px;display:block;position:fixed;top:0}@media (width<=540px){aside .logo{width:40%;height:100%;min-height:auto;max-height:150px;left:50%;transform:translate(-50%)}}aside .menu-btn{text-transform:uppercase;background:0 0;border:none;margin:0 auto;padding:10px;font-size:16px;line-height:16px;display:none}@media (width<=540px){aside .menu-btn{display:flex}}aside .menu-btn svg{width:19px;height:15px;margin-right:6px}aside nav{padding:30px;transition:transform .35s,opacity .35s,visibility .35s;position:fixed}@media (width<=540px){aside nav{opacity:0;padding:0;top:220px}}aside nav.hide{opacity:0;visibility:hidden;transform:translate(-50%)}aside nav a{color:currentColor;padding:6px 12px;font-size:1rem;line-height:1em;text-decoration:none;transition:color .35s ease-out;display:inline-block;position:relative}aside nav a:before{content:"";transform-origin:0 0;z-index:-1;background:#000;width:100%;height:calc(100% - 4px);transition:transform .35s ease-out;display:block;position:absolute;top:2px;left:0;transform:scaleX(0)}aside nav a.inactive{color:#999}aside nav a:hover,aside nav a.active{color:#fff}aside nav a:hover:before,aside nav a.active:before{transition:transform .35s cubic-bezier(.175,.885,.32,1.275);transform:scaleX(1)}aside ul{width:100%;max-width:200px;margin:15px auto;position:relative}@media (width<=540px){aside ul{text-align:center}}aside ul li{line-height:1em}aside .sidebar{visibility:hidden;opacity:0;width:100%;max-width:250px;padding:25px;transition:transform .35s,opacity .35s,visibility .35s;position:fixed;transform:translate(50%)}@media (width<=540px){aside .sidebar{display:none}}aside .sidebar.show{opacity:1;visibility:visible;transform:translate(0)}aside .sidebar h3{margin-bottom:1.5rem;font-family:Playfair;font-size:1.5rem;font-weight:900;line-height:1.3em}aside .sidebar p{margin-bottom:1.5rem;font-size:.8rem;line-height:1.6em}aside .sidebar .publish-date{font-family:Playfair;font-weight:900}aside .sidebar .time{align-items:center;margin-bottom:15px;font-size:1rem;display:flex}aside .sidebar .time svg{width:25px;height:25px;margin-right:5px;display:block}aside .sidebar .back-btn{background:0 0;border:3px solid #000;border-radius:50%;width:40px;height:40px;position:relative}aside .sidebar .back-btn:after{content:"BACK";opacity:0;pointer-events:none;font-size:1rem;font-weight:700;transition:opacity .3s,transform .3s;display:block;position:absolute;top:8px;left:45px;transform:translate(5px)}aside .sidebar .back-btn svg{transition:transform .25s;display:block}aside .sidebar .back-btn:hover svg{transform:scale(1.2)}aside .sidebar .back-btn:hover:after{opacity:1;transform:translate(0)}#app{flex-grow:2;width:70%}@media (width<=540px){#app{width:100%;transition:top .65s cubic-bezier(.86,0,.07,1);position:relative;top:220px}}#app.project-page{top:0}ul{list-style:none}.project-container{position:relative}.project-container .item,.project-container .grid-sizer{width:20%;display:block}@media (width<=1280px){.project-container .item,.project-container .grid-sizer{width:33.3%}}@media (width<=1024px){.project-container .item,.project-container .grid-sizer{width:50%}}.project-container .item img{backface-visibility:hidden;width:100%;transition:transform .25s ease-out;display:block}.project-container .item .content-container{width:100%;height:100%;position:relative;overflow:hidden}.project-container .item .title{z-index:1;transform-origin:0;background:#000000e6;max-width:80%;padding:15px;transition:transform .2s cubic-bezier(.645,.045,.355,1) .1s;position:absolute;bottom:40px;left:-15px;overflow:hidden;transform:scaleX(0)}@media (width<=540px){.project-container .item .title{padding:10px;bottom:15px;left:0}}.project-container .item .title h4{color:#ccc;text-transform:uppercase;opacity:0;margin-bottom:8px;font-size:.85rem;font-weight:500;line-height:1.45em;transition:opacity .25s}.project-container .item .title span{text-transform:uppercase;color:#aaa;opacity:0;background:#ffffff1a;border-radius:3px;margin-right:5px;padding:2px 4px;font-size:.5rem;transition:opacity .25s .1s;display:inline-flex}.project-container .item .icon{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .25s ease-out;display:flex;position:relative}.project-container .item .icon:before{content:"";width:100%;height:100%;position:absolute}.project-container .item .icon svg{opacity:.6;width:15%}.project-container .item .icon.light svg{fill:#fff}.project-container .item .icon.dark svg{fill:#000}.project-container .item .icon.one:before{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAPFBMVEX////Y2NjY2tz+/v7S0tLY2tzY2NjT09PT19/U19/Y2tzY2NvS1+DY2NjT29fY29rY2Nv///3U29fY29qvMB2xAAAAFHRSTlMAWVwAHWBcICAkWVkdVSBcVQAkYMNzETcAAAElSURBVHheRZEBjsMwCAQXE8exk/Tau///9ZaRoqrCYAYHtigyFNrEqV2BkZFsTQ061c1un8sVR7qiGHSWd+bgXl62p7I5irzSkf0yiXwqG3RzdqpzU66seDdb2ejSdSmoD2emGXNpCJ8bXs47KooNzmL8Hva9YadzMlvqZDp9BpqCHuSY8mLCgPU80dn1TDmLQVrp1p8CZr0o6FBzvZi2FcvKrXQNeruGGjP5JQqau96KNFVAhYId9Rvbw6AnO7yLoO5NZJb26GRDwpOb9vd3x/zzZihfRdEk2xP3T7EGRRH6DrV8s81fUUU9L2Hk2JVP8dJGz/J0PjX4EncJ/ehCrykR2lGOEg08mqh/SUIBmQPKXbvZDze28qU1N0zQTUEWL7qYxT9mCgcm/xQYyAAAAABJRU5ErkJggg==) 50%}.project-container .item .icon.two:before{opacity:.2;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAASElEQVQY02NgQALS/5F5Ssg8qa/IUgooUg+QpWRRpA7hNB5VCsV4VANReKjOQDWDgYFIm/G4F7cv8YSNLG4pFCNQeSjq0MwAAPCoHW3Q0Dt9AAAAAElFTkSuQmCC) 50%}.project-container .item .icon.three:before{background:url(/assets/bright-squares-CYODJ3cY.png) 50%}.project-container .item .icon.four:before{opacity:.1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAk0lEQVQ4y83TsQmAMBRF0TuAWziOlTOkt0qVRexTOUAaB3AvC78IovLyETTwmgQOFl6AAAxABoot211wjAGYgeW0GYgecLzA9mUPWB7A8gswPYDJA7Y3X1nsrRrs2E4EJlu0u84DBqAHGo7T2F3wgm/uW1BJtApTEpVBNVEZVIv6DlQTlUE1URlUE636D5VEf57eCqJrxu8yn+EZAAAAAElFTkSuQmCC) 50%}.project-container .item .icon.five:before{opacity:.8;background:url(/assets/cartographer-DyUN9S9X.png) 50%}.project-container .item .icon.six:before{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAaVBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////b29v////a2tppo89WAAAAI3RSTlMjJCEfNx0cFhoYFRMmEQ4PNDAMNTIuLQorKAcIOQUBKgADAB4rIb4AAAa+SURBVHheJZRHsmVZkOMA9yPFferriFTd+19kVVZiyBnNQKKkKO8gaPAn9GpLKa23SAf1C8yuWBCIE7GJSlh1FJADw31JbMCnrOikrkYN4z74EKhWs4NEh56lNzijV+4M6jTIbwEVFoegAaWiOIIXsk4la5aA2kV224Ou1IcyRhVeQw46okCPzmkuBIHOo7KBOWNPmXYHP5ACcjf+az+KVZjAogmcHvmYK2EmdugZtmXJxMaEXk9aheuZItag02Gg1iKcROdXp5Eh/2WE27se7ojvQwlqi80GmWl9mvYYHTaQHKHEoTOCswkkglVa5ZysMzpMk271sx0ZUasr4nQlLJMOus5mBD/T6UdomCwWpZQo5VGe7PV67bX3Pctn+V/eP79j9fVr7b0u3t7eS3krz1L3Xr9Xv+8NkAfFCzqZyAOJCC5f9WjWmbwpTsAV5k89tPEHkQJ2lqzKhlGA8Ih3ZLZFi0dAPXBYuA1ECIKpg2Vz0vK0d87IXSF3i0FkhWezeincM6AF5INBAPXUrxbYQkcBDzK8rSk4sAyAM0bdDio6/STRCHEduJLuKQoDGYsQI6RMSWyde2f2damFQaUx4SYME08ZDasSt9a9i3l/S4M65nQ7jApYIDBQL+2VINqHThvAog9gXO1hsMgINg2GM88DJrDIfPVWKxwocE5WZTUPMcHiIanIxZA+o59CRDOtcEcEohe3MIHVgs6KsFhPDeLV9zCg0s47r7Vu63ZbPT5LlPL5eCv9tX7tr/Xa93j7/ij/mvXkr/V73ffvebf8x2cRAnIIZUyZIfWGDgyiEDYJ6++boTTH5wbNUel0xYTzREBwMVW4KHZm9tryDjQa5pMu3CA3NBlNKKEMAzbilM4HFRXqVgDGLvUySe9t06a1Q1LskWcKq+mGpBcyFyMu94STLsZDcaTpn5BOkFqkIuiCcB7hsZHuqOtWo8ppzEJWJnDrVE6tACWMpoOzGtMp1iK0mofak5jMKsWOiNcLMjK0nQIImeMrzjiyuD4Sh41124hhmKUxOG1SfxOYBtQCaHK8g7Q8ZFGjRT3zdwDAaO82alSOiy6A4QcGgO0K5WYaJWN60mAOnCCUgUS1snh/K+8/pTwe9mt/rd1vu5ZnKcXne3HPfbvm3ns+fz7+fba30q691rper5nEnACLBUFE1TebTejsBIgeWTqIP8Eag2gMRqGx8G5wt29GDygJA2z0Rmsak5BZYVR+xWCQ0D/YrXqa1X/tBcMsYSOlzV2nNvmZj8okD4O+NZiYD2YTuuYSThhX/chQlFhXVmhBvvVwCrCJCm3W80Q6JHilOD3Vkv2n9hht/QUywxwl6YyJLEkAfXBB0sTX0GCmvSAxesjqgIHxrtAI6T1PAvAJAEJbTQCgyDmSsBpIVNtJVLG+Gl2l86Q3gDPaBqlAK7XN0QnGDcJW0fdMD+DYGdhy4pMI1EW9ogXBkE+hO6Pmrgkjd1AOk2HU7NEqySWF6+rzuu39xd/v5VHKKeX8+f/27VrXWryV7/JR/iiFP/d9rfurd0t5e5SP74/PpHOEkFIDrU025Mwu/AzEquykGdr4JINK0H/BnGOAvHk4Rpt0rUHdSWE2QOdL0RrBB3WM1gledBAj4o9FAIS3VZEGFBrBMVhWCAd8DOMrU9kM0Eh9jkPA1H2I6syRZXGGYGwCgOSTO5BwvjCgWucpnRwA/uJKxRgPQ8IDl4wK5vjAzhBYTCPgUAvMH+qxfVE7o/ftH9rTbOZutG4gBQ5I2gFSne2HRgCNrhL0E2/CTbB+oWFtWrRnTdZ+EcyYkVCGDePV/RJMmrVIjuDyZ0tr9JACwrF5g9ROwhs9+uzKTqFCUARZAS8mtSujzKBqh1/8a9D/4W1fX6/+9btbnu+Pz+fnKbzWvm59//rFx9/lP1j/7H3t++pwuQLFPT2wKrvQBKsureKsq4zIwApdCTcZBTNuo1ZdDZQOfx+kZc3xjwMqVgoMHZ75T7dJJ7NQOWRA3IPJf/OrswqGN1A4jSe2RhJsIQgr3ySDkOpNsALz2xyV3oIbXQUsvXME2sLDCQeFSJyOyl2W0jfvSaJx5m6C7GjF1gBw2cboAbPQ7IzE3EmXO/BgLkYP2GCIjdJsA6PxF/aKo/E3DVHlQnBVx2MSM6jE2mepe1I2h3AbV+sOBArTNqR5+szGNOUpC8PJylgMN3wL6XLERFuSrHck0hqn3UlorY7xnCMbVduvViGc9u8hYrVtghwQWfhn9/1r97XaW/l5+357lMJtXXtd///3nuXtj/JenuWdta+vtf/qm1Ke3+X7rRT+B2tUQorfdSE8AAAAAElFTkSuQmCC) 50%}.project-container .item .icon.seven:before{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgAgMAAAD2oY++AAAACVBMVEUAAADDw8PDw8OvAWmnAAAAA3RSTlMAQAAKD4vbAAAAbUlEQVR4Ae3RsQkEMQwF0V+nCzBYBRlW+QqkKq+E/fExyeTDk1a+Pd9RV+Q2ouqJNKKsM9uIIm+3EcWqd4zoqc4w4s88c7KMKOJWG9EggwwyyCCDDDLIIIMMMsgggwwyyCCDDDLIIIMMMv8p8wNSE0cppO5PBAAAAABJRU5ErkJggg==) 50%}.project-container .item .icon.eight:before{opacity:.8;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABkCAMAAADqvX3PAAAAKlBMVEUAAADX19fX19fBwcHT09PX19fW1tbT09PW1tbV1dXOzs7Ozs7BwcHV1dX5uIg2AAAADnRSTlMAPQAKH0czAAApFAAAAHys1goAAAHwSURBVHja7ZfdcuMwCEb1GUIDcd//dZuk2n5rZzCKOzuzFzo3+XNOBAIHtQosxwi0XUw/jjh2qN1pVzV43FJwJIDLuq5tvaNmzxeEZI5wWP/p9v0gypgGYhGH8fL28yyM7ycOJkFlJW3tZDHhRdBjIO22JR6a1BGMgTAWopvr6BC1jSB1MDWyXYfvkpDlg4iiV83lITiuoXZL+U4/ltcNq2MhogaYBWMYjYU8HHfSRdTrCIOLYImemrfz8dMO6DlVGYyFMWz3tmuGY6GgO1ikXVM51JDXurBO0nyEcyPTnvOXvmyb0hzqfV64jUUYw47Re9CZe6EbeC+M39+TcfK/gTFZuxZgOSag7aMASwGkrQW1Y2lLwXRMx3RMx3T8Pw67FpSOcA5RCccOcTMNL05aRw7Fn2kizA7+1VNH6ENAOBgOxiIK888dHPVqh+Q/yeknzQfHkhx+nqyjT0QFzDUd2Skp53lp7PdFnEkYIhzQv/KRzJUV0QdDSON5+S14CEW0vqSTiAPWWDknCLsY0BZxnNP0L/Z9YQEO8yznXZ2yNwfgTu7rNFgj9aamvS9eZljMTNOeoybSGNwQkvZ+3XrCU07t4HmWSBjDLBzEwdSzhMYcRPRZNYmgdjA1FyahcKQIqpKZs8N0TMd0TMd0/BvHF8n9f8tHo7HcAAAAAElFTkSuQmCC) 50%}.project-container .item .icon.nine:before{opacity:.6;background:url(data:image/png;base64,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) 50%}.project-container .item .icon.ten:before{opacity:.75;background:url(/assets/hexellence-BhprOhvg.png) 50%}.project-container .item:hover{z-index:10}.project-container .item:hover img,.project-container .item:hover .icon{transition:transform .35s cubic-bezier(.175,.885,.32,1.275);transform:scale(1.15)}.project-container .item:hover .title{z-index:1;transition:transform .2s cubic-bezier(.215,.61,.355,1),opacity .2s;transform:scaleX(1)}.project-container .item:hover .title h4{opacity:1;transition:opacity .25s .15s}.project-container .item:hover .title span{opacity:1;transition:opacity .25s .2s}.project-container .memo{height:30vh}.project-container .project-iframe{z-index:2;position:fixed;top:0}.project-container .project-iframe iframe{border:none;width:100%;height:100%}.project-container .project-note{z-index:2;background:#fbfbfb;width:100%;min-height:100%;padding:60px;position:absolute;top:0}@media (width<=540px){.project-container .project-note{padding:25px}}.project-container .project-note .content{width:100%;max-width:850px}.project-container .project-note .content li:before{content:"–";margin-right:.5em}.project-container .project-note .content iframe{border:none;margin-bottom:30px}@media (width<=540px){.project-container .project-note h1{font-size:3rem}}.project-container .project-note a{color:currentColor}.project-container .project-note a:hover{text-decoration:none}.project-container .project-note .hljs{border-radius:12px;padding:1.8rem}@media (width<=540px){.project-container .project-note .hljs{padding:1rem .8rem}}h1{margin-bottom:2rem;font-family:Playfair;font-size:6rem;font-weight:900;line-height:1em}@media (width<=540px){h1{font-size:4rem}}ul,li,p{font-size:1.4rem;line-height:1.5em}@media (width<=540px){ul,li,p{font-size:1rem}}ul,p{margin-bottom:2rem}@media (width<=540px){ul,p{margin-bottom:1rem}}h3{margin-top:2rem;margin-bottom:1rem;font-size:1.8rem}@media (width<=540px){h3{font-size:1.6rem}}pre,code{margin-bottom:2rem;font-size:1.4rem}@media (width<=540px){pre,code{margin-bottom:1rem;font-size:1rem}}.view .content{max-width:950px;padding:80px 80px 80px 30px}@media (width<=540px){.view .content{padding:0 25px 30px}}.view a{color:currentColor;background:#eee;border-bottom:2px solid;text-decoration:none;transition:background .35s,border .35s,color .35s;display:inline-block}.view a:hover{color:#eee;background:#333;border-bottom:2px solid #333}.view li:before{content:"–";margin-right:.5em}.about .content #interactivity{transform-origin:100% 0}.about .content #physics{transform-origin:0 100%}