*{box-sizing:border-box;font-family:Arial;letter-spacing:.1em}html{height:100%}body{display:flex;flex-direction:column;height:100%;margin:0}h1{font-size:40px}h2{font-size:30px;margin-bottom:30px}h1,h2,h3{font-weight:bold;margin-top:0}p{margin-top:0;font-size:20px;text-wrap:pretty}a{color:#2a7ae2;text-decoration:none}a:hover{text-decoration:underline}a:visited{color:#2a7ae2}img{display:block;max-width:100%}.page-content{flex:1 0 auto}.container{margin:0 auto;max-width:1366px;width:100%;padding:0 30px}@media screen and (max-width: 800px){.container{padding:0 15px}}.container.center{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.section{margin:50px 0;width:100%}@media screen and (max-width: 800px){.section{margin:20px 0}}#mask{position:fixed;pointer-events:none;background-color:#000;opacity:0;z-index:99;height:100%;width:100%;transition:all .2s ease-in-out}#mask.active{opacity:.7;pointer-events:all}@media screen and (min-width: 600px){#mask.active{opacity:0}}.site-header{border:0;padding:20px 0;min-height:160px;max-height:160px;height:100%;background-color:#f9be18}.site-header .container{display:flex;gap:40px;height:100%;align-items:center;flex-direction:row}.site-header .container .site-leading,.site-header .container .site-trailing{flex:1 1 0}@media screen and (max-width: 600px){.site-header .container .site-leading,.site-header .container .site-trailing{display:none}}.site-header .container a.site-title{padding:0;user-select:none;margin:0 auto}.site-header .container a.site-title img{height:100px;transition:all .2s ease-in-out}.site-header .container a.site-title img:hover{height:110px}.site-header .container:after{content:none}.site-header .container .site-trailing .site-nav{display:flex;flex:1 1 0;justify-content:flex-end;font-size:1.4rem;gap:15px}.site-header .container .site-trailing .site-nav a.page-link{position:relative;color:#000;padding:10px;min-width:100px;text-align:center;text-decoration:none;transition:all .2s ease-out}.site-header .container .site-trailing .site-nav a.page-link:before{position:absolute;display:block;content:"";top:0;right:0;bottom:0;left:0;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url("/assets/icons/highlight-white.svg");opacity:0;transition:all .2s ease-out}.site-header .container .site-trailing .site-nav a.page-link span{position:relative;z-index:1}.site-header .container .site-trailing .site-nav a.page-link:hover:before{opacity:.7}.site-header .container #hamburger{position:absolute;top:8px;right:15px;display:block;height:50px;width:50px;cursor:pointer;background-image:url("/assets/icons/hamburger.svg");background-position:center;background-repeat:no-repeat;background-size:30px}@media screen and (min-width: 600px){.site-header .container #hamburger{display:none}}#sidebar{position:fixed;right:0;display:none;flex-direction:column;background-color:#fdfdfd;color:rgba(0,0,0,.5);width:80%;max-width:300px;height:100%;padding:20px;z-index:100;transition:all .2s ease-in-out;right:0}@media screen and (max-width: 600px){#sidebar{display:flex}#sidebar:not(.active){right:-300px}}#sidebar #close{position:absolute;top:8px;right:15px;display:block;height:50px;width:50px;cursor:pointer;background-image:url("/assets/icons/close.svg");background-position:center;background-repeat:no-repeat;background-size:30px}@media screen and (min-width: 600px){#sidebar #close{display:none}}#sidebar #logo{margin-bottom:20px;height:130px;display:flex;align-items:center}#sidebar #logo img{width:100%;height:120px;transition:all .2s ease-in-out}#sidebar #logo img:hover{height:130px}#sidebar ul.menu{display:flex;flex-direction:column;list-style:none;gap:25px;text-align:center;margin:20px 0 0 0;padding:0}#sidebar ul.menu li{font-size:1.4rem}#sidebar ul.menu li a.page-link{position:relative;color:#000;padding:10px;min-width:100px;text-align:center;text-decoration:none}#sidebar ul.menu li a.page-link:before{position:absolute;display:block;content:"";top:0;right:0;bottom:0;left:0;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url("/assets/icons/highlight-yellow.svg");opacity:0;transition:all .2s ease-out;z-index:-1}#sidebar ul.menu li a.page-link:hover:before{opacity:.5}#sidebar .socials{margin-top:auto;margin-bottom:15px;display:flex;flex-direction:column;gap:10px}#sidebar .socials .icons{display:flex;justify-content:flex-start;gap:15px;position:relative}#sidebar .socials .icons a{display:block;width:40px;transition:all .2s ease-in-out}#sidebar .socials .icons a:hover{filter:opacity(0.8)}#sidebar .copyright{font-size:14px}.site-footer{padding:20px 0;font-size:14px;color:#000;background-color:#f9be18}.home .projects{display:grid;grid-gap:40px;grid-template-columns:repeat(2, auto)}@media screen and (max-width: 800px){.home .projects{gap:20px}}.home .projects a.project{overflow:hidden;position:relative;display:block;background-color:#999;height:400px;width:100%;padding:20px;box-sizing:border-box;color:#fff;transition:all .2s ease-in-out}@media screen and (max-width: 800px){.home .projects a.project{grid-column:span 2}}@media screen and (max-width: 600px){.home .projects a.project{height:300px}}.home .projects a.project h2{margin:0}.home .projects a.project a{color:#fff}.home .projects a.project span{color:rgba(255,255,255,.5)}.home .projects a.project>div{position:absolute;top:0;bottom:0;left:0;right:0;background-size:cover;background-position:center;transition:all .2s ease-in-out}.home .projects a.project:hover{filter:opacity(0.8)}.home .projects a.project:hover>div{top:-10px;bottom:-10px;left:-10px;right:-10px}.about{display:flex;height:100%;position:relative}.about:before,.about:after{position:absolute;width:100%;height:100%;content:"";background-repeat:no-repeat;z-index:-1}.about:before{background-image:url("/assets/icons/background-noodle-left.svg");background-position:-300px -150px;background-size:800px}@media screen and (max-width: 1000px){.about:before{background-size:700px}}.about:after{background-image:url("/assets/icons/background-noodle-right.svg");background-position:calc(100% + 300px) calc(100% + 150px);background-size:800px}@media screen and (max-width: 1000px){.about:after{background:none}}.about .details{display:flex;align-items:center;justify-content:center;gap:50px;margin-bottom:50px;margin-left:0}@media screen and (max-width: 1000px){.about .details{flex-direction:column;align-items:center}}@media screen and (max-width: 800px){.about .details{gap:30px}}.about .details .headshot{width:350px;border-radius:20px}.about .details .content .nc{margin-top:30px;width:100px}.contact{display:flex;height:100%;position:relative}.contact:before,.contact:after{position:absolute;width:100%;height:100%;content:"";background-repeat:no-repeat;z-index:-1}.contact:before{background-image:url("/assets/icons/background-noodle-left.svg");background-position:-300px -150px;background-size:800px}@media screen and (max-width: 1000px){.contact:before{background-size:700px}}.contact:after{background-image:url("/assets/icons/background-noodle-right.svg");background-position:calc(100% + 300px) calc(100% + 150px);background-size:800px}@media screen and (max-width: 1000px){.contact:after{background:none}}.contact .details{display:flex;flex-direction:column;gap:50px;align-items:center}.contact .details>div{text-align:center;width:100%}.contact .details .intro,.contact .details .outro{font-size:18px;max-width:500px}.contact .details .intro{position:relative}.contact .details .intro:after{position:absolute;content:"";display:block;background-image:url("/assets/icons/pointer.svg");height:130px;width:130px;top:-20px;right:-125px;background-repeat:no-repeat;background-position:center;background-size:contain}@media screen and (max-width: 800px){.contact .details .intro:after{display:none}}.contact .details .link{display:flex;align-items:center;justify-content:center;font-size:50px;overflow-wrap:anywhere}@media screen and (max-width: 800px){.contact .details .link{font-size:30px}}.contact .details .link a{color:#000}.contact .details .socials{display:flex;justify-content:center;align-items:center;gap:25px}.contact .details .socials a img{height:40px;transition:all .2s ease-in-out}.contact .details .socials a img:hover{filter:opacity(0.8)}.project .splash{width:100%;height:500px;background-size:cover;background-position:center;background-repeat:no-repeat}@media screen and (max-width: 800px){.project .splash{height:300px}}.project .board{display:grid;grid-template-columns:repeat(2, auto);gap:40px}@media screen and (max-width: 800px){.project .board{gap:20px}}.project .board img{display:block;width:100%;justify-self:center}@media screen and (max-width: 800px){.project .board img{grid-column:span 2}}.not-found{display:flex;height:100%;position:relative}.not-found:before,.not-found:after{position:absolute;width:100%;height:100%;content:"";background-repeat:no-repeat;z-index:-1}.not-found:before{background-image:url("/assets/icons/background-noodle-left.svg");background-position:-300px -150px;background-size:800px}@media screen and (max-width: 1000px){.not-found:before{background-size:700px}}.not-found:after{background-image:url("/assets/icons/background-noodle-right.svg");background-position:calc(100% + 300px) calc(100% + 150px);background-size:800px}@media screen and (max-width: 1000px){.not-found:after{background:none}}