html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}body *{box-sizing:border-box}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{font-size:112.5%;width:100%;height:100%;overflow-x:hidden;font-family:system-ui,-apple-system,sans-serif}#mode{--type: #222;--bg: #fff;--cbg: bisque;--line: rgb(201, 179, 152);--shadow: rgba(0,0,0,.15);--accent: rgb(180, 255, 68);--fluo: rgba(180, 255, 68,.3);--gutter: 5%;--wide: 90%;position:relative;width:100%;scroll-behavior:smooth;line-height:1.65em;font-weight:400;color:var(--type);background:var(--bg);min-height:100vh;accent-color:var(--accent)}#mode.dark{--type: #fff;--bg: #333;--cbg: #444;--line: #777;--shadow: rgba(0,0,0,.25)}@media (prefers-color-scheme: dark){#mode{--type: #fff;--bg: #333;--cbg: #444;--line: #777;--shadow: rgba(0,0,0,.25)}#mode.light{--type: #333;--bg: #fff;--cbg: #eee;--line: #999;--shadow: rgba(0,0,0,.15)}}.offgrid{position:absolute;left:-9999vw}main{position:relative;margin:0 auto;padding:8vh 0 16vh}.installed main{padding:140px 0 16vh}header,section,article{width:var(--wide);margin-left:var(--gutter);padding:8vh 0}header header,header section,section header,section section,article header,article section{margin-left:0;width:100%}article header{padding-top:4vh}h1,h2,h3,h4,h5,h6{font-family:Rubik,system-ui,-apple-system,sans-serif;margin-bottom:.5em;margin-top:.7em;line-height:1.1em;font-weight:700;position:relative;letter-spacing:-.02em;font-optical-sizing:auto}h1{margin-top:0;font-size:3.815rem}h1 span{font-weight:380}h1 em{font-weight:380;display:inline-block;position:relative;z-index:2}h1 em:after{content:"";position:absolute;left:-5%;display:block;z-index:-1;top:20%;width:110%;height:50%;background:var(--accent);opacity:.4;transform:rotate(-1.6deg)}h2{font-size:3.052rem}h3{font-size:2.441rem}h4{font-size:1.953rem}h5{font-size:1.563rem}h6{font-size:1.25rem}.small,figcaption{font-size:.8rem;font-weight:400}.tiny{font-size:.64rem}p{font-size:1rem;margin:0 0 1em;max-width:38em}p:last-of-type{margin-bottom:1.5em}header p{font-size:1.1rem}p a{color:#00f;text-decoration:underline}p a:hover{color:purple}strong{font-weight:700}em{font-style:italic}.acc{color:var(--accent)}img{max-width:100%}svg{max-width:100%;font-optical-sizing:auto}a{color:inherit;text-decoration:none;transition:ease all .3s}a:hover{background:purple}a:focus{outline:none;box-shadow:0 0 1px 3px var(--fluo),0 0 1px 1px var(--accent)}sub{position:relative;font-size:.7em;top:.2em}button{padding:.8em 1.6em;border:2px solid var(--accent);background:var(--accent);border-radius:5%/60%;transition:ease all .3s;cursor:pointer;font-family:system-ui,-apple-system,sans-serif;font-size:inherit;font-weight:inherit;letter-spacing:.02em;text-transform:uppercase;margin-right:.8rem;margin-bottom:.64rem;box-shadow:none}button:hover{background:#adff2f;box-shadow:0 0 1px 3px var(--fluo),0 0 1px 1px var(--accent)}button:focus{outline:none;box-shadow:0 0 1px 3px var(--fluo),0 0 1px 1px var(--accent)}button.secondary{display:inline-block;background:transparent;color:var(--type);border-color:var(--accent)}button.secondary:hover{border-color:var(--type)}@media (max-width: 800px){html{font-size:100%}h1{font-size:3.052rem}h2{font-size:2.441rem}h3{font-size:1.953rem}h4{font-size:1.563rem}h5{font-size:1.25rem}}.logo{max-width:100px;padding:1rem}.letter{fill:var(--type)}nav{position:fixed;top:0;left:0;bottom:0;width:200px;padding:1rem;display:flex;flex-direction:column;font-size:.8rem;font-weight:500;justify-content:space-between}nav li{list-style:none;margin:1rem 0}nav li a{padding:.64rem}main{margin-left:200px;margin-right:50px}@media screen and (max-width: 800px){nav{position:fixed;width:100%;height:50px;flex-direction:row;justify-content:space-between;padding:0 1rem}nav ul{display:none}main{margin-left:0}}