:root{--color-paper:#fff7ec;--color-accent:#feb9b8;--color-ink:#321c00;--border-radius:.75em;--font-mono:Commit,system-ui,sans-serif}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(97.7109% 1.7955 7.44554);--color-accent:lab(81.7862% 25.4611 10.9522);--color-ink:lab(12.8004% 12.6729 25.4376)}}html{scrollbar-gutter:stable;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;background-color:var(--color-paper);color:var(--color-ink);scrollbar-color:var(--color-ink)var(--color-paper);overflow-x:hidden}@font-face{font-family:calendas;src:url("/fonts/calendas_plus-webfont.woff2");font-weight:400}@font-face{font-family:calendas;src:url("/fonts/calendas_plus_bold-webfont.woff2");font-weight:700}@font-face{font-family:calendas;src:url("/fonts/calendas_plus_italic-webfont.woff2");font-weight:400;font-style:italic}@font-face{font-family:Commit;src:url("/fonts/commitmono-400-regular-webfont.woff2");font-weight:400}@font-face{font-family:Commit;src:url("/fonts/commitmono-700-regular-webfont.woff2");font-weight:700}@font-face{font-family:Commit;src:url("/fonts/commitmono-400-italic-webfont.woff2");font-weight:400;font-style:italic}@font-face{font-family:Commit;src:url("/fonts/commitmono-700-italic-webfont.woff2");font-weight:700;font-style:italic}body{grid-template-columns:0 minmax(0,50ch) 0;justify-content:center;gap:calc(50px + 10vh) min(6vw,100px);margin:calc(50px + 10vh) auto;font-family:calendas,serif;font-size:1.4em;line-height:1.5;display:grid}body>*{grid-column:2}@media not (min-width:500px){body{font-size:1.25em}}body>div{grid-template-columns:subgrid;grid-column:1/-1;display:grid}body>div>*{grid-column:2}h1{text-transform:uppercase;text-align:center;text-wrap:balance;margin-top:0;letter-spacing:-.01em;max-width:10em;margin-inline:auto;font-size:3rem;font-weight:400;line-height:1}h2{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:-.005em;text-align:center;margin-block:3lh 1lh;font-size:1.25rem;font-weight:700}p:not(:has(img)){text-wrap:pretty;margin:0}p:not(:has(img))+p{text-indent:2em}div>p:first-child:first-letter{float:left;text-transform:uppercase;background:radial-gradient(closest-side,var(--color-accent)5px,var(--color-paper));text-shadow:0 0 10px var(--color-accent);margin-top:.1em;margin-right:.15em;font-size:5em;line-height:.66}div>p:first-child:has(img)+p:first-letter{float:left;text-transform:uppercase;background:radial-gradient(closest-side,var(--color-accent)5px,var(--color-paper));text-shadow:0 0 10px var(--color-accent);margin-top:.1em;margin-right:.15em;font-size:5em;line-height:.66}div>p:first-child>img:first-child{margin-top:0}hr{border:none;border-top:1px solid;width:5em;margin-block:2lh}ul{margin-block:1lh;margin-left:2em;padding:0}.separator{margin:0 auto;display:block}.separator path{fill:var(--color-ink)}.separator:first-child{margin-bottom:0;transform:scaleY(-1)}header p{font-family:var(--font-mono);text-align:center;text-transform:uppercase;text-wrap:balance;font-size:1rem}code{background-color:color-mix(in oklch,var(--color-ink)8%,transparent);border-radius:.25em;padding:.15em .25em}pre>code{border-radius:var(--border-radius);scrollbar-width:thin;scrollbar-color:var(--color-ink)var(--color-paper);margin-block:2lh;padding:2em;font-size:1rem;display:block;overflow-y:auto}blockquote{min-height:100px;font-family:var(--font-mono);background:radial-gradient(circle,var(--color-accent)5px,var(--color-paper)50px)no-repeat;text-wrap:pretty;background-position:0 0;background-size:100px 100px;align-content:center;margin:2lh 0;padding:0;font-size:.9em;display:grid}blockquote p{text-indent:0}blockquote p+p{margin-top:.5lh}@media not (max-width:450px){blockquote{padding-left:75px}}.fullwidth{width:100vw;max-width:none;margin-left:50%;transform:translate(-50%)}img{max-width:100%;margin:2lh auto;display:block}img:not(.fullwidth){border-radius:var(--border-radius)}img+img{margin-top:0}a img{margin:0 auto}a:has(img){margin:2lh auto;display:block;border-radius:var(--border-radius)!important}a:has(img)+a:has(img){margin-top:-1lh}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}a:hover{-webkit-text-decoration-color:var(--color-ink);text-decoration-color:var(--color-ink);background-color:color-mix(in oklch,var(--color-ink)8%,transparent);outline:solid 5px color-mix(in oklch,var(--color-ink)8%,transparent);border-radius:.2em}::selection{background-color:color-mix(in oklch,var(--color-ink)8%,transparent)}body>nav ul{grid-template-columns:1fr auto;column-gap:2rem;margin:0;padding:0;list-style-type:"";display:grid}body>nav li{grid-column:1/-1;grid-template-columns:subgrid;align-items:baseline;display:grid}body>nav li+li{border-top:solid 1px color-mix(in oklch,var(--color-ink)10%,transparent)}body>nav a{text-wrap:balance;padding-block:1em;text-decoration:none}body>nav a:hover{background:radial-gradient(circle,var(--color-accent)5px,var(--color-paper)var(--bg-size))no-repeat;background-position:0;background-size:80px 80px;outline:none;animation:.2s both circle-in}body>nav time{font-family:var(--font-mono);font-size:1rem}@media not (min-width:350px){body>nav time{display:none}}figure{width:100%;margin:2lh auto}figure:first-child{margin-top:0}figure img{margin:0}figure img+img{margin-top:1em}figure>p>*{margin:0}body>div iframe{margin:2lh 0}lite-youtube{border-radius:var(--border-radius);margin:2lh 0}lite-youtube:before{background:0 0!important}lite-youtube:after{mix-blend-mode:saturation;opacity:.75;background-color:gray}figcaption{font-family:var(--font-mono);margin:1rem 0;font-size:1rem}figcaption p{margin:0}header nav{margin-bottom:1em}header nav a{width:fit-content;margin:auto;display:block}header nav a svg{fill:currentColor;display:block}header nav a:hover{background:radial-gradient(circle,var(--color-accent)5px,var(--color-paper)var(--bg-size))no-repeat;background-position:50%;background-size:80px 80px;outline:none;animation:.2s both circle-in}@property --bg-size{syntax:"<length>";inherits:false;initial-value:5px}@keyframes circle-in{0%{--bg-size:5px}to{--bg-size:40px}}svg{max-width:100%}