:root{--neutral-1:#fff;--neutral-2:#eee;--neutral-3:#666;--neutral-4:#000;--bg:var(--neutral-1);--code-bg:var(--neutral-2);--text-secondary:var(--neutral-3);--text-primary:var(--neutral-4);--link:#06f;--link-hover:#39f;--line:1px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--font-serif:Georgia,Times,"Times New Roman",serif;--font-mono:Menlo,Consolas,"Liberation Mono","Courier New",monospace}@media (prefers-color-scheme:dark){:root{--bg:var(--neutral-4);--code-bg:var(--neutral-3);--text-secondary:var(--neutral-2);--text-primary:var(--neutral-1)}}:root[data-theme=light]{--bg:var(--neutral-1)!important;--code-bg:var(--neutral-2)!important;--text-secondary:var(--neutral-3)!important;--text-primary:var(--neutral-4)!important}:root[data-theme=dark]{--bg:var(--neutral-4)!important;--code-bg:var(--neutral-3)!important;--text-secondary:var(--neutral-2)!important;--text-primary:var(--neutral-1)!important}html{background-color:var(--bg);color:var(--text-primary);font-size:16px;line-height:1.5rem;scroll-behavior:smooth}body{background:var(--bg);box-sizing:border-box;font-family:var(--font-sans);height:max-content;margin:0 auto;max-width:1200px;min-width:350px;width:100%}.layout{display:flex;flex-direction:column;min-height:100vh}a{color:var(--link)}a:hover{color:var(--link-hover)}.header-anchor{display:none}.button,button{background:none;border:var(--line) solid var(--text-primary);box-shadow:calc(var(--line)*2) calc(var(--line)*2) 0 0 var(--bg),calc(var(--line)*3) calc(var(--line)*3) 0 0 var(--text-primary);color:var(--text-primary);cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;padding:.5rem 1rem;position:relative;text-decoration:none;text-transform:uppercase}.button:hover,button:hover{background-color:var(--text-primary);color:var(--bg);text-decoration:none}.button:active,button:active{box-shadow:calc(var(--line)*-2) calc(var(--line)*-2) 0 0 var(--bg),calc(var(--line)*-3) calc(var(--line)*-3) 0 0 var(--text-primary);transform:translate(2px,2px)}ul{list-style:square;padding-left:1rem}blockquote,hr{color:var(--text-secondary)}.title{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.title li{border-bottom:var(--line) solid var(--text-primary);border-left:var(--line) solid var(--text-primary)}.title li:first-child{border-left:none;width:100%}.title a{align-content:center;color:var(--text-primary);display:block;line-height:1.2rem;padding:.5rem 1rem;text-decoration:none;text-transform:capitalize;white-space:nowrap}.title li:hover,.title li:hover a{background-color:var(--text-primary);color:var(--bg)}.title li:first-child:hover,.title li:first-child:hover a{background-color:var(--bg);color:var(--text-primary)}.tab-nav{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.tab-nav li{border-bottom:var(--line) solid var(--text-primary);border-left:var(--line) solid var(--text-primary);width:100%}.tab-nav li:first-child{border-left:none}.tab-nav a{align-content:center;color:var(--text-primary);display:block;font-weight:700;padding:1rem 0;text-align:center;text-decoration:none;text-transform:capitalize}.tab-nav li.active{border-bottom:none}.tab-nav li:hover,.tab-nav li:hover a{background-color:var(--text-primary);color:var(--bg)}main{flex-grow:1;padding:2rem 2rem 25vh}main img{display:block;height:auto;margin:0 auto;max-width:100%}main code{background-color:var(--code-bg);padding:.25rem .5rem}.main-content ol,.main-content p,.main-content ul{line-height:1.75}h1,h2,h3,h4,h5,h6{line-height:1;margin:2rem 0 1rem;scroll-margin-top:2rem}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1rem}h5{font-size:.75rem}h6{font-size:.5rem}hr{border:0;border-top:var(--line) solid var(--text-primary);margin:4rem calc(50% - 4rem)}.optimised-image{margin:0}.image-caption{color:var(--text-secondary);display:block;font-size:.75rem;font-style:italic;margin-top:.5rem;text-align:center}.project-title{margin:0;text-align:center}.post-title .header,.project-title .header{margin-bottom:4rem}.prototype-button{margin-bottom:2rem;margin-top:2rem}.project-overview{border:var(--line) solid var(--text-primary)}.project-overview-title{margin:0;padding:2rem}.project-overview .content{border-top:var(--line) solid var(--text-primary);display:flex;flex-direction:column;flex-wrap:wrap;line-height:1.75}.project-overview .content .main{flex:2;margin:0;padding:1rem 2rem}.project-overview .content .details{border-top:var(--line) solid var(--text-primary);flex:1;margin:0;padding:1rem 2rem}.toc{margin-top:2rem}.toc:before{content:"Contents"}.toc ul{list-style:none;margin:0;padding-left:0}.toc ul ul,.toc ul ul ul{padding-left:1rem}.toc li a{color:var(--text-secondary);display:block;font-size:.75rem;line-height:1.5;max-width:100%;padding:.25rem 0}.content-nav{display:flex;margin:4rem 0 0;padding:0}.content-nav a{border:var(--line) solid var(--text-primary);border-left:none;color:var(--text-primary);display:flex;flex-direction:column;gap:.5rem;overflow:hidden;padding:.5rem 1rem;text-decoration:none;width:100%}.content-nav a:first-child{border-left:var(--line) solid var(--text-primary)}.content-nav .label{color:var(--text-secondary);display:block;font-size:.75rem;margin:auto 0;white-space:nowrap}.content-nav .title{display:block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.content-grid,.content-grid-2col{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;margin:0}.content-project{flex:1 1 calc(50% - 1rem);max-width:calc(50% - 1rem)}.content-post,.content-project{background-color:var(--bg);border:var(--line) solid var(--text-primary);box-sizing:border-box;color:var(--text-primary);overflow:hidden;text-decoration:none}.content-post{display:flex;flex-direction:row;width:100%}.content-header{display:flex;flex:1;flex-direction:column;overflow:hidden}.border-top{border-top:var(--line) solid var(--text-primary)}.content-title{padding:1rem 1rem .5rem}.content-subtitle,.content-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-subtitle{padding:0 1rem .5rem}.content-date{color:var(--text-secondary);font-size:.75rem;margin:0 1rem 1rem;text-align:right}.center{text-align:center}.left{margin:0;text-align:left}.content-image-container{align-items:center;aspect-ratio:16/9;display:flex;justify-content:center;overflow:hidden;width:100%}.content-post .content-image-container{display:none;height:7.5rem;width:13.33333rem}.content-image{display:block;height:100%;object-fit:cover;width:100%}.content-post:hover,.content-project:hover{background-color:var(--text-primary);color:var(--bg);text-decoration:none}.interactive{cursor:pointer}.align-right{padding:2rem 0;text-align:right}.error-404{text-align:center}.error-404 p{margin-bottom:2rem}footer{border-top:var(--line) solid var(--text-primary);display:flex;flex-direction:column;justify-content:space-between}footer p{margin:0;padding:.5rem 0;text-align:center;width:100%}.co2{color:var(--text-primary);display:inline-block;padding:.5rem 2rem;position:relative}.co2 .content{font-size:1rem;margin:0;padding:0}.co2 .tooltip{background:var(--bg);border:var(--line) solid var(--text-primary);bottom:calc(100% + .5rem);color:var(--text-primary);font-size:.75rem;left:50%;padding:.25rem .5rem;position:absolute;text-align:left;transform:translateX(-50%);visibility:hidden;width:max-content;z-index:1}.co2:hover .tooltip{visibility:visible}@media (min-width:800px){body{border-left:var(--line) solid var(--text-primary);border-right:var(--line) solid var(--text-primary);margin:0 auto;width:calc(100vw - 4rem)}.project-overview .content{flex-direction:row}.project-overview .content .details{border-left:var(--line) solid var(--text-primary);border-top:none}.border-right{border-right:var(--line) solid var(--text-primary)}.content-post .content-image-container{display:block}footer{flex-direction:row}footer p{padding:.5rem 2rem;text-align:left;width:auto}}@media (min-width:1600px){.toc{align-content:center;height:100%;left:calc(50vw + 600px);padding:0 2rem;position:fixed;right:0;top:0}}none{background-color:rgba(255,0,0,.2);outline:1px solid rgba(255,0,0,.5)}