a,abbr,acronym,address,applet,article,aside,audio,b,big,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}blockquote,body,p,pre,sup,table{border:0;font:inherit;vertical-align:baseline}p,sup,table{padding:0}sup{margin:0;vertical-align:super;font-size:smaller}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body,table{margin:0 auto}body{padding:0 10px;max-width:1000px;min-height:100%;display:flex;flex-direction:column;row-gap:8px;background-color:#dbdbdb;background-attachment:fixed;background-image:linear-gradient(45deg,#6a6a6a 0,#e6e6e6 67%,#dadada 100%);font-family:"Helvetica Neue",helvetica,Arial,sans-serif;color:#606060;font-size:.8125em;line-height:1.5em;overflow-y:scroll}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-spacing:0;border-collapse:collapse}.encrypted{display:none!important}iframe{border-width:0;overflow:hidden}html{height:100%;box-sizing:border-box}strong{font-weight:700}em{font-style:italic}blockquote{padding:0 18px;margin:0 14px;border-color:#f1f1f1;border-width:0 0 0 8px;border-style:solid}*,:after,:before{box-sizing:inherit}:focus,body>aside nav input[type=text]:focus{outline:0}.article-body form{padding:0 1em;margin:1em 0 0;box-sizing:border-box}.article-body form input,.article-body form textarea{display:block;padding:1em;margin:0;color:#606060;font-size:100%;line-height:1.5em;border:2px #f1f1f1 solid;resize:none;width:100%;min-height:150px}.article-body form#haiku-laureate input{min-height:auto}.article-body form input::placeholder,.article-body form textarea::placeholder{color:#b2b2b2}.article-body form input:focus,.article-body form textarea:focus{border-color:#b2b2b2}.article-body form button{display:block;background-color:#f1f1f1;padding:0 12.5px 0 0;margin:1em auto;color:#606060;font-size:100%;font-weight:700;border:0;cursor:pointer;width:150px;height:50px;clip-path:polygon(0 0,calc(100% - 25px)0,100% 50%,calc(100% - 25px) 100%,0 100%)}.article-body form output{display:block;padding:1em;white-space:pre-line;font-style:italic;margin:0;border:2px #f1f1f1 dashed;min-height:150px}.article-body form#haiku-laureate output{min-height:100px}.article-body form output.placeholder{color:#b2b2b2}.article-body form output.error{color:#e34096}.article-body form output.processing{color:#690}.article-body form#real-time-sky{border:2px #f1f1f1 dashed;display:flex;flex-wrap:wrap;padding:13px;gap:13px}.article-body form#real-time-sky fieldset{display:flex;border:2px #f1f1f1 solid;align-items:center;flex-grow:1;flex-basis:40%;min-width:220px;padding:13px;min-height:100%}.article-body form#real-time-sky fieldset#controls{flex-basis:100%}.article-body form#real-time-sky label{flex-shrink:0;padding-right:10px}.article-body form#real-time-sky div#current-time{overflow:visible;background-color:none;line-height:normal;color:#000}.article-body form#real-time-sky div#time-compression-multiplier{padding:0 0 0 10px;min-width:60px;text-align:right}.article-body form#real-time-sky div#sky-color{height:100%;width:100%;background-color:#87ceeb}.article-body form#real-time-sky input{min-height:auto;font-family:"Helvetica Neue",helvetica,Arial,sans-serif;color:#000;padding:0;border:0;background:0 0;vertical-align:middle}.article-body form#real-time-sky input[type=range]{filter:grayscale(100%)}hr{border:0;background:#f1f1f1;height:4px}a,a:visited{text-decoration:none;color:#606060;cursor:pointer}a:hover,article section.article-body a.bookmarklet:hover,body>aside>nav>ul>li.expanded>a{color:#fff!important;background-color:#000!important;border:0}article section.article-body a.bookmarklet{padding:20px;background-color:#f4f4f9;width:max-content;font-weight:700;text-transform:uppercase;letter-spacing:.15em}hr,p{margin:1em 0}body>aside nav a,body>header>h1>a{display:block;background:#fff;font-weight:700}body>header>h1>a{max-width:770px;padding:30px 8px 3px;text-transform:uppercase;letter-spacing:.15em}body>aside{max-width:770px}body>aside nav ul{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}article header address,body>aside nav form button,body>aside nav li>ul{display:none}article.links section.article-body h3,body>aside nav ul ul a{font-weight:400}body>aside nav ul ul ul a{font-weight:400;padding-left:16px}body>aside nav li{flex:1}.article-body form button:hover,body>aside nav li.active>a{background:#000;color:#fff}body>aside nav a{padding:3px 8px}body>aside nav li.dropped a{color:#b2b2b2}body>aside nav input[type=text]{border:0;padding:3px 8px;font:inherit;font-weight:700;color:#606060;width:100%;margin:0;display:block;border-radius:0;-webkit-appearance:none}body>aside nav input[type=text]::placeholder{color:#606060}body>aside nav input[type=text]:focus::placeholder{visibility:hidden}table td+td,table th+th{border-left:3px solid #fff}table tr td{border-top:3px solid #fff}table td,table th+th{background-color:#f1f1f1}table th,table tr td:first-child{font-weight:700}article .center,table th picture{display:block;text-align:center}table td,table th{padding:5px;text-align:left}main{flex-direction:column;row-gap:24px;width:100%;margin:0 auto auto}article header,main,ul.tags>li{display:flex}article h3,article h4{font-weight:700;margin:1em 0 0}article header h2 a{font-weight:700}article section.article-body{background:#fff;padding:3px 8px;line-height:1.8em;min-height:150px}article section.article-body ul{list-style:disc;margin:0 0 1em 2em}article section.article-body ol{list-style-type:decimal;margin:0 0 1em 2em}article img,article img.square,article video{max-width:100%;height:auto;vertical-align:bottom}article img.square{object-fit:cover;aspect-ratio:1;object-position:0 0}article p.fourth-width,article p.half-width{display:grid;grid-template-areas:"1 2";gap:8px;justify-content:center}article p.fourth-width{grid-template-areas:"1 2 3 4"}article .center{margin-left:auto;margin-right:auto}article section.article-body a,article section.article-body a:visited,article.links section.article-body li{color:#000}article section.article-body a:hover{border:solid #000;border-width:0 0 1px;color:#000!important;background-color:transparent!important}article section.article-body #temporal-collisions a,article section.article-body a.lightbox{display:inline-block;position:relative;border:0}article section.article-body a.lightbox:hover{border:0}article section.article-body a.lightbox svg.zoom{position:absolute;background-color:#fff;fill:#606060;right:0;bottom:0}article section.article-body a.lightbox:hover svg.zoom{background:#000;fill:#fff}article>aside{background:#fff;padding:8px}article aside label{display:block;border-spacing:20px;border-style:solid;border-width:6px 0 0;border-color:#f1f1f1;font-weight:700;padding:5px 0}article aside label+ul+label{margin-top:16px}article>aside ul{display:flex;gap:8px;flex-wrap:wrap}article>aside a{display:block;padding:3px 8px;background:#f1f1f1}article footer,body>footer>address,main>nav ul,main>section>ul>li>a>time{display:flex;justify-content:flex-end}article footer time,article header h2 a{display:block;background:#fff;padding:3px 8px}article footer a{display:block;width:25px;line-height:0;background:#fff}article footer svg{fill:#606060}article footer a:hover svg,main>nav.single li.up a:hover svg{fill:#fff}article.links section.article-body ul{list-style:none;margin:0}article.links section.article-body h3+p,main>section>header>p{margin:0}article.links section.article-body img{vertical-align:text-bottom}article.links section.article-body em{color:#606060}article.draft a,article.draft footer time,article.draft section.article-body,li.draft a{background-image:url(/images/stripes.svg);background-size:36px}main,main>nav,main>section{max-width:580px}main>nav ul{justify-content:center;column-gap:4px}main>nav ul li.active a{background-color:#000;color:#fff}main>nav ul+ul{margin-top:10px}main>nav li.older{margin-right:auto;min-width:94px;clip-path:polygon(12.5px 0,100%0,100% 100%,12.5px 100%,0 50%)}main>nav li.older a{padding-left:20px}main>nav li:not(.older,.newer){display:none}main>nav.single li.older a{text-align:left}main>nav.single li.up{position:absolute}main>nav.single li.up a{vertical-align:top}main>nav.single li.up a svg{margin-top:4px;margin-bottom:-1px;fill:#606060}main>nav.single li.up a strong{vertical-align:top;margin-left:3px}main>nav li.newer{margin-left:auto;min-width:94px;clip-path:polygon(0 0,calc(100% - 12.5px)0,100% 50%,calc(100% - 12.5px) 100%,0 100%)}main>nav li.newer a{padding-right:20px}main>nav.single li.newer a{text-align:right}main>nav a{display:block;padding:3px 8px;background:#fff;text-align:center;min-width:25px}body>footer,main>section>ul>li>a{display:flex;justify-content:space-between;background-color:#fff}body>footer{max-width:770px;margin-top:0}body>footer a,pre{display:block;padding:3px 8px 20px}main>section>header{padding:3px 8px;background-color:#fff;margin-bottom:18px}main>section>header>h2{font-weight:700;text-transform:uppercase}main>section>ul>li>a{padding:3px 8px}main>section>ul>li{margin-bottom:6px}main>section>ul>li>a>h3{font-weight:700;display:flex;justify-content:flex-start}main>section>ul+ul{margin-top:25px}ul.projects,ul.tags{display:grid;max-width:580px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 20px;overflow:hidden}ul.projects>li+li>a,ul.tags>li+li>a{margin-top:auto}ul.tags>li>a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}ul.projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 16px}ul.projects>li>a{aspect-ratio:1;display:block;position:relative;overflow:hidden;padding:0}ul.projects>li>a>h3,ul.projects>li>a>p{position:absolute;padding:3px 8px;font-weight:700;width:100%}ul.projects>li>a>h3{bottom:0;background-color:#fff;z-index:2}ul.projects>li>a>p{visibility:hidden;margin:0;color:#fff;height:100%;z-index:1;background-color:rgba(0,0,0,.5)}ul.projects>li>a>picture>img{position:absolute;width:100%;height:100%;object-fit:cover}ul.projects>li>a:hover>h3{color:#fff;background-color:#000}ul.projects>li>a:hover>p{visibility:visible}pre{background-color:#f4f4f9;line-height:1.5em;margin:0 0 1em;padding:8px;-moz-tab-size:2;-o-tab-size:2;tab-size:2;text-align:left;white-space:pre-wrap;word-spacing:normal;word-wrap:break-word}code{font-family:"Monaco",Consolas,monospace;font-size:.9em;color:#606060}:not(pre)>code{white-space:normal;padding:3px;background-color:#f4f4f9}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#a8a8b2}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#2ac47f}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#1ea2db}.token.atrule,.token.attr-value,.token.class-name,.token.function,.token.keyword{color:#e34096}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}@media (min-width:500px){body{padding:0 20px}main>nav li:not(.older,.newer){display:inherit}}@media (min-width:825px){body{padding:0 20px;row-gap:40px;display:grid;grid-template-columns:190px auto;grid-template-rows:52px auto 52px;grid-template-areas:"header header""sidebar main""footer footer"}body>header{grid-area:header}body>aside{grid-area:sidebar}body>aside nav li.active>a{background:#fff;color:#606060;clip-path:polygon(0 0,calc(100% - 12.5px)0,100% 50%,calc(100% - 12.5px) 100%,0 100%)}body>aside nav ul{flex-direction:column;gap:6px}body>aside nav li>ul{display:block;overflow:hidden;width:168.5px;height:0;transition:height .25s ease-in-out}body>aside nav li.expanded>ul{height:auto}body>aside nav input[type=text],body>aside nav li{width:156px}body>aside nav li.active{width:168.5px}main{grid-area:main;margin:0}body>footer{grid-area:footer}}@media (min-width:976px){main{max-width:770px}article{display:grid;grid-template-columns:580px auto;grid-template-areas:"header ...""content tags""footer ..."}article>header{grid-area:header}article>section.article-body{grid-area:content}article>footer{grid-area:footer}article>aside{grid-area:tags;padding:0;background:0 0}article>aside label{display:none}article>aside ul{flex-direction:column;align-items:flex-start;gap:0}article>aside a{background:#fff}}