@charset "UTF-8";body{opacity:0;transition:opacity .5s ease-in-out}body.loaded{opacity:1}a{color:#333;text-decoration:none;transition:all .1s ease-in-out}a:hover{color:#f37d18}.cf{clear:both}nav{overflow:scroll;max-height:calc(100vh - 142px - 5rem);-ms-overflow-style:none!important;scrollbar-width:none!important}nav::-webkit-scrollbar{display:none!important}.sidebar,.sidebar footer{max-width:270px;background:#fff}.sidebar{padding-top:5rem;height:100vh;position:-webkit-sticky;top:0;position:sticky}.sidebar footer{position:fixed;bottom:0;width:100%}.sidebar footer:before{content:"";display:block;background:linear-gradient(0deg,#fff,rgba(255,255,255,0));height:50px;width:100%;position:absolute;bottom:86px;left:0}.footer-icon{display:inline-block;float:left}.footer-icon svg{width:24px;height:24px;padding:8px 12px 0 0}.main-content{padding:5rem 0}.post{margin-bottom:10rem;transition:opacity .5s ease-in-out}.post:last-of-type{margin-bottom:0}header{padding-bottom:20px}.nav ul,.nav ul li{list-style:none}.nav ul.level0{padding-bottom:30px}.nav ul.level1{font-size:100%;margin:0 0 10px 2rem}.nav ul li{margin-bottom:0}.nav a{cursor:pointer}.nav ul.level0 li.active>a,.nav ul.level0 li.active>span,.nav ul.level1 li.active>a{font-weight:700}#menuToggle,a.toggleGroup+ul{display:none}img{margin-bottom:0;max-width:100%;width:100%}.fade-in,.modal .close:hover{opacity:1}.desktop-only{display:block}.mobile-only{display:none}.image-wrapper{width:100%;height:0;padding-bottom:150%;position:relative}.image-wrapper picture{width:100%;height:auto;position:absolute}.lazy,picture{overflow:hidden}picture{display:block}.lazy{filter:blur(10px);-webkit-filter:blur(10px);transition:all .3s ease-in-out}.lazy.loaded{filter:blur(0);-webkit-filter:blur(0)}.main-content{position:relative}.main-content.locked{height:100vh;overflow:hidden}.modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1;padding:5rem 0}.modal p{margin-bottom:8px}.modal .title{padding-bottom:2rem}.modal .close{position:absolute;right:0;top:32px;width:32px;height:32px;opacity:.3;cursor:pointer}.modal .close:after,.modal .close:before{position:absolute;left:15px;content:" ";height:33px;width:2px;background-color:#333}.modal .close:before{transform:rotate(45deg)}.modal .close:after{transform:rotate(-45deg)}.modal .content{overflow:scroll;height:75vh;padding-bottom:5rem}@media screen and (max-width:549px){.desktop-only{display:none}.mobile-only{display:block}header{padding-left:50px;padding-bottom:15px}#menuToggle,#menuToggle input{display:block;position:absolute}#menuToggle{top:2rem;-webkit-user-select:none;user-select:none;left:0;z-index:3}#menuToggle a{text-decoration:none;color:#232323;transition:color .3s ease}#menuToggle a:hover{color:tomato}#menuToggle input{width:40px;height:32px;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:4;-webkit-touch-callout:none}#menuToggle span{display:block;width:33px;height:3px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}#menuToggle span:first-child{transform-origin:0% 0%}#menuToggle span:nth-last-child(2){transform-origin:0% 100%}#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-1px,-1px);background:#232323}#menuToggle input:checked~span:nth-last-child(2){opacity:0;transform:rotate(0deg) scale(.2,.2)}#menuToggle input:checked~span:nth-last-child(1){transform:rotate(-45deg) translate(-2px,-1px)}#menuToggle input:checked~ul{transform:none}.sidebar{padding-top:15px;position:fixed;height:initial;z-index:1;max-width:initial}.sidebar footer{width:calc(100% - 4rem);height:80px}.main-content{padding-top:70px}.modal,.nav{position:fixed}.nav{height:calc(100vh - 8rem);width:calc(80vw - 4rem);background:#fff;padding:6rem 15px 2rem;z-index:2;top:0;left:0;transition:transform .3s ease-in-out;transform:translateX(-80vw);max-height:100vh}.nav.slide-in{transform:translateX(0);box-shadow:1px 1px 10px rgba(0,0,0,.1)}.nav ul{max-height:calc(100vh - 195px);overflow:scroll;position:relative}.nav ul li{min-height:30px}h2{margin-bottom:0}.modal{padding:25px;box-sizing:border-box}.close{top:10px;right:10px}}