html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:before,*:after{box-sizing:border-box}:first-child{margin-top:0}:last-child{margin-bottom:0}html{overflow-y:scroll}.flat-list{margin:0;padding:0;list-style:none}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clear,.cleared{float:none;clear:both}.small,small{font-size:.8em}.pic-c,.pic-l,.pic-r{display:block;float:none;clear:both;margin:10px auto}.pic-c img,.pic-l img,.pic-r img{max-width:100%;height:auto}.pic-c .span.info,.pic-l .span.info,.pic-r .span.info{display:block;font-size:small;padding:5px 0 0}.pic-c span.caption,.pic-l span.caption,.pic-r span.caption,.pic-c span.copyright,.pic-l span.copyright,.pic-r span.copyright{display:block}@media screen and (min-width:320px){.pic-l{float:left;clear:left;width:50%;margin:0 10px 10px 0}.pic-r{float:right;clear:right;width:50%;margin:0 0 10px 10px}}@media screen and (min-width:320px){.pic-l,.pic-r{width:40%}}@media screen and (min-width:1024px){.pic-l,.pic-r{width:30%}.pic-c{margin:10px auto 30px}}img[data-src]{opacity:0;transition:opacity .2s}.loaded img[data-src]{opacity:1}html{scroll-behavior:smooth;font-size:12px}@media screen and (min-width:768px){html{font-size:14px}}pre{white-space:pre-wrap;word-break:break-word}textarea{width:100%;height:10rem}pre,textarea{color:#666;font-family:Fira Code,monospace;font-size:14px}figure{margin:0}.large{font-size:1.2em}.small,small{font-size:.9em}@media screen and (min-width:1024px){.small,small{font-size:.8em}}h1{line-height:1.1;font-size:1.5em}h2{line-height:1.2;font-size:1.5em}h3{line-height:1.3;font-size:1em}h4{font-size:1em}a{color:#00f}.richtext h4{margin-bottom:0}.richtext h4+ul{margin-top:0}.richtext ul{list-style:none;padding:0 0 0 1.25rem}.richtext ul li:before{content:"—";display:inline-block;width:1.25rem;position:absolute;margin-left:-1.25rem}body{padding:1rem;font-family:sans-serif;font-size:1rem;color:#000;background-color:#fff;line-height:1.2}@media screen and (min-width:768px){body{font-size:1rem;padding:1rem 3rem 3rem}}@media screen and (min-width:1024px){body{padding:1rem 4rem 4rem}}nav.main-header{display:inline-flex;position:fixed;left:1rem;z-index:2}@media screen and (min-width:768px){nav.main-header{position:static}}nav.main-header>*{margin-right:1rem}@media screen and (min-width:768px){nav.main-header>*{margin-right:2rem}}nav.main-header a.home{color:#000}nav.shortcuts{display:inline-flex;position:fixed;right:1rem;z-index:2}@media screen and (min-width:768px){nav.shortcuts{position:static}}@media screen and (min-width:1024px){nav.shortcuts{display:none}}nav.shortcuts>*{padding:0 .25em;border-right:1px solid #ccc}nav.shortcuts>*:last-child{border-right:0}nav.project{display:inline-flex;position:fixed;right:1rem;z-index:2}@media screen and (min-width:768px){nav.project{position:static}}nav.project>*{padding:0 .25em;border-right:1px solid #ccc}nav.project>*:last-child{border-right:0}nav a{color:#00f;text-decoration:none}main{margin-top:4rem}main.projects{max-width:1400px}@media screen and (min-width:768px){main.projects{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem}main.projects>.projects{grid-column-end:span 2}}@media screen and (min-width:768px){main.projects{grid-template-columns:2fr 1fr;grid-template-rows:auto 1fr}main.projects>.projects{grid-column-end:span 1;grid-row-end:span 2}main.projects>.profile{grid-column:2;font-size:.8rem}main.projects>.news{grid-column:2;font-size:.8rem}}@media screen and (min-width:1024px){main.projects{grid-template-columns:3fr 1fr 1fr}main.projects>.projects{grid-column:1;grid-row-end:1}main.projects>.profile{grid-column:2;font-size:1rem}main.projects>.news{grid-column:3;font-size:1rem}}@media screen and (min-width:1200px){main.projects{grid-template-columns:2fr 1fr 1fr}}main.projects .project{width:100%;display:grid;grid-template-columns:100px 1fr auto;grid-gap:1rem;padding-bottom:1rem;margin-bottom:1rem;margin-right:4rem}main.projects .project+.project{border-top:1px solid #ccc;padding-top:1rem}main.projects .project img{width:100%;height:auto;vertical-align:middle;box-shadow:1px 2px 3px #00000040}main.projects .project .info{max-width:30em}main.projects .project .format,main.projects .project .meta,main.projects .project .year{font-size:.8em;font-size:.9em}@media screen and (min-width:1024px){main.projects .project .format,main.projects .project .meta,main.projects .project .year{font-size:.8em}}main.projects .project .year{text-align:right}main.projects .project a{color:#000}main.projects .profile,main.projects .news{padding-top:4rem}main.projects .profile h2,main.projects .news h2{text-transform:uppercase}main.projects .profile .large,main.projects .news .large{font-family:Georgia,serif}@media screen and (min-width:768px){main.projects .profile{padding-top:0}}@media screen and (min-width:1024px){main.projects .news{padding-top:0}}main.project{display:grid;grid-template-columns:1fr;grid-gap:4rem}@media screen and (min-width:768px){main.project{grid-template-columns:1fr 2fr}}main.project>.images{order:2}main.project>.info{order:1}main.project img{max-width:100%;max-height:75vh;width:auto;height:auto;vertical-align:middle}main.project figure.large{text-align:center;display:none}@media screen and (min-width:768px){main.project figure.large{display:initial}}main.project .thumbnails{display:flex;flex-wrap:wrap;margin-bottom:2rem;margin:2rem 0;flex-direction:column}@media screen and (min-width:768px){main.project .thumbnails{flex-direction:row}main.project .thumbnails.single{display:none}}main.project .thumbnails figure{margin:0 2px 2px 0}main.project .thumbnails img{cursor:pointer}main.project figure.thumbnail img{width:100%;height:auto}@media screen and (min-width:768px){main.project figure.thumbnail img{height:50px;min-height:50px;width:auto}}main.project .info{max-width:36em}main.project .format,main.project .meta,main.project .year{font-size:.8em;font-size:.9em}@media screen and (min-width:1024px){main.project .format,main.project .meta,main.project .year{font-size:.8em}}main.project .description{margin-top:2rem}main.debug .work{display:grid;grid-template-columns:160px 5fr 2fr 8fr 8fr 8fr 8fr;grid-gap:2rem;margin-bottom:4rem}main.debug .work a{color:#000}main.debug .thumbnail img{width:80%;height:auto;box-shadow:1px 2px 3px #00000040}main.debug .format{margin-bottom:.5rem}main.debug .title,main.debug .format,main.debug .year{font-size:12px}main.debug .description>div{outline:5px solid rgba(255,0,0,.25)}main.debug .description>p{outline:5px solid rgba(0,255,0,.25)}main.debug .description br{outline:5px solid rgba(0,0,255,.25)}main.debug .description em,main.debug .description strong,main.debug .description span{background-color:#00ffff80}
