/*! main.css v2022 | (c) Mark Battistella | markbattistella.com */@font-face{font-family:roboto;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/roboto.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--size-font:18px;--size-radius:0.5em;--font-normal:ui-sans-serif,-apple-system,BlinkMacSystemFont,sans-serif;--font-monospace:ui-monospace,SFMono-Regular,monospace;--colour-red:349,82%;--colour-yellow:41,93%;--colour-green:121,54%;--colour-blue:203,70%;--colour-purple:265,57%;--colour-orange:24,95%;--colour-brown:24,49%;--colour-pink:337,79%;--colour-pale:211,19%;--colour-mono:0,0%}*,:after,:before{box-sizing:border-box}::selection{--mono:100%;background:hsl(var(--colour-orange),50%);color:hsl(var(--colour-mono),var(--mono));text-shadow:none;border-width:0;text-decoration:none;border-color:transparent;border-radius:0}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{--mono:0%;color:hsla(var(--colour-mono),var(--mono),.8);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:0}body,html{padding:0;margin:0}body{--mono:95%;background:hsl(var(--colour-mono),var(--mono));padding:0;font-family:var(--font-normal);font-size:var(--size-font);line-height:calc( var(--size-font) * 1.8);font-weight:300;color:hsl(var(--colour-mono),calc(100 - var(--mono)))}article,aside,cite,details,figcaption,figure,footer,header,hgroup,iframe,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio,canvas,img,svg,video{vertical-align:middle}audio:not([controls]){display:none;height:0}[hidden],template{display:none}[disabled=disabled],[disabled]{cursor:not-allowed}.button,a{text-decoration:none;background:0 0}a,a:hover,a:visited{--mono:5%;color:hsl(var(--colour-mono),var(--mono))}div.content a{text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:inherit;text-decoration-thickness:1px}div.content a:hover{text-decoration-thickness:3px}div.content a:visited{text-decoration-style:dashed;text-decoration-color:hsl(var(--colour-pale),var(--mono));text-decoration-thickness:3px}.button{--colour-lightness:50%;-webkit-appearance:none;-webkit-user-select:none;appearance:none;user-select:none;line-height:2em;display:inline-block;vertical-align:bottom;overflow:visible;padding:0 1.25em;border:0;background:hsl(var(--colour-pale),var(--colour-lightness));color:hsl(var(--colour-mono),100%);border-radius:var(--size-radius);text-decoration:none!important}.button:not(.full-width)+.button:not(.full-width){margin-left:1em}.button.full-width{width:100%;text-align:center}.button.full-width+.button.full-width{margin-top:1em}.button.red{background:hsl(var(--colour-red),var(--colour-lightness))}.button.yellow{background:hsl(var(--colour-yellow),var(--colour-lightness))}.button.green{background:hsl(var(--colour-green),var(--colour-lightness))}.button.blue{background:hsl(var(--colour-blue),var(--colour-lightness))}.button.purple{background:hsl(var(--colour-purple),var(--colour-lightness))}.button.orange{background:hsl(var(--colour-orange),var(--colour-lightness))}.button.brown{background:hsl(var(--colour-brown),var(--colour-lightness))}.button.pink{background:hsl(var(--colour-pink),var(--colour-lightness))}.button.white{background:hsl(var(--colour-mono),95%);color:hsl(var(--colour-mono),0%)}.button.black{background:hsl(var(--colour-mono),5%);color:hsl(var(--colour-mono),100%)}.button:hover{--colour-lightness:45%}.button.white:hover{background:hsl(var(--colour-mono),100%)}.button.black:hover{background:hsl(var(--colour-mono),0%)}.button[disabled],.button[disabled]:hover{background:hsl(var(--colour-mono),70%);color:hsla(var(--colour-mono),0%,.5);cursor:not-allowed}.button,a,button,label{cursor:pointer}b,strong{font-weight:700}dfn,em,i{font-style:italic}mark{background:hsl(var(--colour-yellow),50%);padding:.25em .5em;white-space:pre-line;font-size:85%}figure a,hr,img{border:0}small{font-size:85%}sub,sup{font-size:80%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}s{text-decoration-thickness:3px;text-decoration-color:hsl(var(--colour-red),50%)}iframe,img{width:auto;height:auto;max-width:100%;max-height:80vh;object-fit:contain}figure{text-align:center;margin:2em 0;padding:0}figcaption{color:hsl(var(--colour-mono),40%);padding-top:.5em;font-size:.9em;line-height:1;text-align:center}figure iframe,figure img{border-radius:var(--size-radius)}figure.feature-image{margin:3em -2em 2em}svg{--mono:5%;fill:hsl(var(--colour-mono),var(--mono))}h1,h2,h3,h4,h5,h6{position:relative;padding:0;margin:2rem 0 .3em 0;font-weight:700;line-height:1.2}h1,h2,h3{font-family:roboto}h1{font-size:calc( var(--size-font) * 2.5)}h2{font-size:calc( var(--size-font) * 2.2)}h3{font-size:calc( var(--size-font) * 1.8)}h4,h5,h6{font-size:calc( var(--size-font) * 1.2)}:is(article) :is(h1,h2,h3,h4,h5,h6){display:flex;align-items:flex-start;word-break:break-word;hypenate:auto}:is(article) :is(h1,h2,h3,h4,h5,h6) :is(a){width:1em;height:1em;border:0!important;font-size:.7em;line-height:1.7}:is(article) :is(h1,h2,h3,h4,h5,h6) :is(span){padding-left:10px}div.header{font-family:roboto;text-align:center;margin:1rem 0;text-transform:uppercase}div.header h1{font-size:clamp(
		calc( var(--size-font) * 3 ),
		10vw - 2rem,
		calc( var(--size-font) * 4 )
	);justify-content:center}div.header h2{color:hsl(var(--colour-red),50%)}div.header h2+h1{margin-top:0}p{margin:0 0 1em}blockquote,q{font-size:1.3em;font-family:Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;padding:10px 2em;margin:1em auto;max-width:80vw;color:hsl(var(--colour-mono),70%)}blockquote p,q p{margin:0}cite{font-weight:400;font-size:calc( var(--size-font) * .88);font-family:var(--font-normal);line-height:1em;margin:1em 2em 0 0;text-align:right}cite:before{content:"\2014 "}ol,ul{margin-block:0 0;margin-inline:0 0;padding-block:0 0;padding-inline:2em 0}ul{list-style:disc outside}ol{list-style:decimal outside}ol ol,ul ol{list-style-type:lower-alpha}ol ol ol,ul ol ol{list-style-type:lower-roman}ol.normal,ul.normal{margin:0;padding:0;list-style:none;text-indent:0}hr,pre{position:relative;margin:1em 0;display:block}hr{--mono:15%;height:1px;border-top:1px solid hsl(var(--colour-mono),var(--mono))}code,kbd,pre,samp{font-family:var(--font-monospace);font-size:.95em;line-height:1}code{--mono:92%;font-size:.8em;margin:0 .5em;padding:.2em .5em;background:hsl(var(--colour-mono),var(--mono));border-radius:var(--size-radius);white-space:nowrap;line-height:1}pre{overflow:hidden}pre>code{display:block;padding:1em;white-space:pre;overflow:scroll;tab-size:2;margin:0;font-weight:600;line-height:1.4;scrollbar-width:none}pre>code::-webkit-scrollbar{display:none}pre code.language-script{background:#f0f0f0;max-width:15cm;margin:0 auto;padding:2em;color:#333;white-space:pre-line;overflow:hidden;tab-size:4;font-weight:400}kbd{--mono:70%;--shadow:40%;--text:10%}kbd{background-color:hsl(var(--colour-mono),var(--mono));color:hsl(var(--colour-mono),var(--text));border-radius:.25rem;border:1px solid var(--kbd-color-border);box-shadow:-1px 2px 0 1px hsl(var(--colour-mono),var(--shadow));cursor:default;font-size:.75em;font-weight:500;line-height:1;min-width:1em;display:inline-block;padding:2px 5px;position:relative;top:-1px;margin:0 5px}pre code .s-keyword{color:#cd276e}pre code .s-type{color:#229984}pre code .s-call{color:#8046cf}pre code .s-property{color:#2a5cb4}pre code .s-number{color:#b66c0f}pre code .s-string{color:#e6593b}pre code .s-comment{color:#397300}pre code .s-dotAccess{color:#892a93}pre code .s-preprocessing{color:#e21a1a}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button,input,select,textarea{font-size:1em;margin:0;vertical-align:baseline;border:1px solid hsl(var(--colour-mono),65%);min-height:3em;width:100%;padding:.7em;line-height:1em}button,input,textarea{color:#333}button{overflow:visible;border:0}select{height:3em;max-width:50%}input:focus,input:hover,textarea:focus,textarea:hover{border-color:hsl(var(--colour-red),50%)}form{margin:0 0 1em}form div.line{margin-bottom:1em}form span.required{color:hsl(var(--colour-red),50%);font-weight:700}label{font-weight:700;display:block}label.no-input input{display:none}textarea{overflow:auto;vertical-align:top;resize:vertical;min-height:10em}optgroup{font-weight:700}table{width:100%;text-align:left;border:1px solid hsl(var(--colour-mono),70%);border-radius:var(--size-radius);margin:1em 0}table td,table th{padding:1em 1.25em;border-width:0 1px 1px 0;border-style:solid;border-color:hsl(var(--colour-mono),70%);margin:-1px -1px 0 0}table tr td:first-child,table tr th:first-child{min-width:8em}table tbody>tr:last-child td{border-bottom-width:0}table tr td:last-child,table tr th:last-child{border-right-width:0}.wrapper{margin:3em 0;min-height:calc(100vh - 4em - 3em - 5em - 5em)}.container{max-width:50em;margin:0 auto;width:calc(100% - 2.5em)}.home .wrapper{display:grid;align-items:center}hr.end-divider{margin:3em 0}header{width:100%}header nav{height:4em;display:grid;grid-template-columns:min-content min-content;align-items:center;justify-content:space-between;font-weight:700}header nav a{display:inline-block;padding:.8em 2em;margin:0;border-radius:var(--size-radius);transition:background 250ms}header nav li a.selected,header nav li a:hover{background:hsla(var(--colour-mono),50%,.1)}header nav a.logo{padding-left:0;padding-right:0;color:hsl(var(--colour-orange),50%)}header nav ul{display:grid;grid-template-columns:1fr 1fr;grid-column:2;column-gap:2px;font-size:.8em}footer,footer a{--mono:5%;color:hsl(var(--colour-mono),var(--mono))}footer{max-height:5em;padding:1em 0;margin-top:5em;text-align:center;background:hsla(var(--colour-mono),var(--mono),.15)}footer nav{font-size:.8em}footer nav ul{display:grid;grid-template-columns:min-content min-content min-content min-content;align-items:center;justify-content:center;column-gap:1em}footer nav ul li a{padding-right:1em}section.hero,section.hero>*{--mono:5%}section.hero{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:hsl(var(--colour-mono),var(--mono))}section.hero>div{max-width:22em}section.hero a{border:0}section.hero img{width:10em;border-radius:50%;background:0 0;border:.7em solid hsla(var(--colour-mono),var(--mono),.3)}section.hero svg{width:1.5em;height:1.5em}section.hero h1 span{color:hsl(var(--colour-orange),50%)}section.hero h2 span{--tint:30%;position:relative;color:hsl(var(--colour-blue),var(--tint))}section.hero h2 span:before{content:", ";color:hsl(var(--colour-mono),var(--mono))}section.hero h2 span:last-child:before{content:", and "}section.hero h2 span:first-child:before{content:""}section.hero ul{margin-top:1em;display:flex;justify-content:center;gap:2em}section.post-list{display:grid;grid-template-columns:minmax(6.5em,max-content) auto;gap:0 2em;align-content:start;justify-items:start;align-items:start;margin-bottom:3em;padding-bottom:1em;border-bottom:1px solid hsl(var(--colour-mono),80%)}section.post-list:last-child{border-bottom:0}section.post-list a{display:block}section.post-list h2.divider{position:sticky;top:.25em;padding:0;margin:0;color:hsl(var(--colour-mono),50%);text-transform:uppercase}section.post-list>div{width:100%}section.post-list article{position:relative;margin-bottom:2em;padding-bottom:2em;border-bottom:1px solid hsl(var(--colour-mono),30%)}section.post-list article:last-child{border:0;padding:0}section.post-list article h3{margin:0;text-transform:uppercase}section.post-list article a:hover h3{color:hsl(var(--colour-orange),50%)}section.post-list article figure{margin:1em 0}ul.postmeta{display:flex;font-size:.6em;margin-top:1em}ul.postmeta li{--colour:var(--colour-mono);display:flex;align-items:center;justify-items:start;line-height:2;background:hsla(var(--colour),50%,.2);padding:0 1em;margin-left:1em;border-radius:var(--size-radius);text-transform:uppercase;font-weight:700}ul.postmeta li:first-child{margin-left:0}ul.postmeta li svg{width:1em;margin-right:.5rem}ul.postmeta li.date{--colour:var(--colour-orange)}aside.postmeta{--mono:35%;border-top:1px solid hsl(var(--colour-mono),var(--mono));padding-top:2em;margin-top:3em}aside.postmeta ul{font-size:.8em;line-height:1.8}.component-container{--mono:0%;--colour:var(--colour-mono);display:flex;margin:1em 0;padding:0 1em;line-height:2;border-radius:5pt;background:linear-gradient(90deg,hsl(var(--colour),45%) 0,hsl(var(--colour),45%) 1em,hsla(var(--colour-mono),var(--mono),.05) 1em,hsla(var(--colour-mono),var(--mono),.01) 100%);overflow:hidden}.component-container.component-colour-red{--colour:var(--colour-red)}.component-container.component-colour-orange{--colour:var(--colour-yellow)}.component-container.component-colour-green{--colour:var(--colour-green)}.component-container.component-colour-blue{--colour:var(--colour-blue)}.component-container .component-body{display:flex;width:100%}.component-container .component-icon{display:flex;align-items:start;padding:1em;height:16pt;margin-top:6pt}.component-container a .component-icon{align-items:center;height:100%;margin-top:0}.component-container .component-icon svg{width:16pt;height:16pt}.component-container .component-text{width:100%;padding:1em 0}.component-container .component-text p:last-child{margin-bottom:0}.component-container a.component-body{text-decoration:none;font-weight:700;border:0}.component-container a.component-body:after{content:attr(data-name);font-size:.8em;font-weight:200;margin-left:auto;padding-right:1em;opacity:.4;display:flex;align-items:center;height:100%;word-break:keep-all}.video-wrapper{position:relative;aspect-ratio:var(--aspect-ratio,16 / 9)}.video-wrapper iframe,.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%}.medium-zoom-image--opened{border-radius:var(--size-radius)}.component-container.component-support{position:relative;overflow:visible;background:hsla(var(--colour-green),40%,.05);border:3px solid hsla(var(--colour-green),40%,.8)}.component-container.component-support .component-icon{display:none}.component-container.component-support .component-text{padding:2em 1em;text-align:center;margin:0 auto;max-width:60%}.component-container.component-support .component-text>strong{text-transform:uppercase;letter-spacing:1px}.component-container.component-support .component-text a{margin:.5em!important}#progress{position:fixed;bottom:0;left:0;width:0%;height:.2em;background:linear-gradient(90deg,hsl(var(--colour-blue),30%) 0,hsl(var(--colour-green),20%) 100%);transition-property:width,bottom;transition-duration:.3s,.6s;transition-timing-function:ease-out}@media all and (max-width:479px){::-webkit-scrollbar{display:none}.container{width:calc(100% - 1.5em)}header nav{height:min-content;display:block}header nav a{width:100%;text-align:center;padding:.6em 1em}footer{max-height:min-content}footer nav ul{display:block}section.post-list{display:block}section.post-list h2.divider{position:relative;margin-bottom:1em}}@media all and (max-width:767px){figure.feature-image{margin:2em 0}.component-container.component-support .component-text{max-width:100%}}@media all and (max-width:438px){.component-container.component-support .component-text a{width:100%}}@media all and (prefers-color-scheme:dark){::selection{--mono:0%}button,html,input,select,textarea{--mono:100%}body{--mono:15%}a,a:hover,a:visited{--mono:95%}svg{--mono:95%}hr{--mono:85%}code{--mono:10%}footer,footer a{--mono:95%}section.hero,section.hero>*{--mono:95%}section.hero h2 span{--tint:60%}.component-container{--mono:100%}}