@property --cur-viewport-width{syntax:"<length>";initial-value:0;inherits:false}@property --min-viewport-width{syntax:"<length>";initial-value:0;inherits:false}@property --max-viewport-width{syntax:"<length>";initial-value:0;inherits:false}:root{--cur-viewport-width:100vw;--min-viewport-width:25rem;--max-viewport-width:80rem;--cur-width:calc(100vw/1vw);--cur-width:tan(atan2(var(--cur-viewport-width), 1px));--min-width:tan(atan2(var(--min-viewport-width), 1px));--max-width:tan(atan2(var(--max-viewport-width), 1px));--x:clamp(0, (var(--cur-width) - var(--min-width)) / (var(--max-width) - var(--min-width)), 1);--ease-out-sine:sin((var(--x) * pi) / 2);--scale:calc((sqrt(5) + 1)/2);--px-to-rem:.0625;--xxx-small:round(pow(var(--scale), -4), var(--px-to-rem));--xx-small:round(pow(var(--scale), -3), var(--px-to-rem));--x-small:round(pow(var(--scale), -2), var(--px-to-rem));--small:round(pow(var(--scale), -1), var(--px-to-rem));--medium:round(pow(var(--scale), 0), var(--px-to-rem));--large:round(pow(var(--scale), 1), var(--px-to-rem));--x-large:round(pow(var(--scale), 2), var(--px-to-rem));--xx-large:round(pow(var(--scale), 3), var(--px-to-rem));--xxx-large:round(pow(var(--scale), 4), var(--px-to-rem));--xxxx-large:round(pow(var(--scale), 5), var(--px-to-rem));--page-margin:calc(clamp(min(var(--x-large), var(--xxx-large)), var(--x-large) + var(--ease-out-sine) * (var(--xxx-large) - var(--x-large)), max(var(--x-large), var(--xxx-large)))*1rem);--page-margin-inline:calc(clamp(min(var(--large), var(--xxx-large)), var(--large) + var(--ease-out-sine) * (var(--xxx-large) - var(--large)), max(var(--large), var(--xxx-large)))*1rem);--column-width:calc(40rem + (var(--page-margin) * 2));--column-gutter:var(--page-margin);--nav-size:calc(var(--medium) * 1rem);--fg-color:#333333;--bg-color:#eeeeee;--secondary-fg-color:#bbbbbb;--tertiary-fg-color:#999999;--secondary-bg-color:#e0e0e0;--random-fg-color:#333333;--random-bg-color:#ffffff}@media (prefers-color-scheme:dark){:root{--fg-color:#cccccc;--bg-color:#333333;--secondary-fg-color:#777777;--tertiary-fg-color:#999999;--secondary-bg-color:rgba(255, 255, 255, .08);--random-fg-color:#cccccc;--random-bg-color:#3a3a3a}}@font-face{font-family:GeneralSans-Variable;font-display:swap;font-weight:100 900;src:url(/fonts/GeneralSans-Variable-subset.woff2)format("woff2")}@font-face{font-family:GeneralSans-Variable fallback;font-display:swap;size-adjust:100.8572504708%;src:local("Arial")}@font-face{font-family:Roboto Mono;font-display:swap;font-weight:100 900;src:url(/fonts/RobotoMono-VariableFont_wght-subset.woff2)format("woff2")}@font-face{font-family:Roboto Mono fallback;font-display:swap;size-adjust:101.8832391714%;src:local("Arial")}@font-face{font-family:Permanent Marker;font-display:swap;font-weight:100 900;src:url(/fonts/PermanentMarker-Regular-subset.woff2)format("woff2")}@font-face{font-family:Permanent Marker fallback;font-display:swap;size-adjust:117.6346516008%;src:local("Arial")}html,body{max-width:100%;overflow-x:hidden;position:relative}html{display:grid;width:100%;background:var(--bg-color);text-size-adjust:none;-webkit-text-size-adjust:100%}body{display:grid;grid-template:min-content 1fr/1fr;-webkit-font-smoothing:antialiased;margin:0;--size:var(--small);--ascender:1.01;--cap-height:.718;--x-height:.523;--descender:-.24;font-family:GeneralSans-Variable,GeneralSans-Variable fallback;font-weight:400;--left-bearing:.081;--stem-width:.077;--x-height:.527;--char-height:var(--x-height);--font-size-adjust:var(--char-height);--font-size:calc(var(--size) / var(--font-size-adjust));--line-height:calc(var(--x-large) * var(--font-size-adjust));font-size:calc(var(--font-size)*1rem);line-height:var(--line-height);color:var(--fg-color);min-height:100vh;min-height:100dvh;position:relative;gap:var(--page-margin);overflow-y:hidden}body.dev:after,body:not([class]):after{--size:var(--small);content:"";display:block;position:absolute;z-index:-1;border-bottom:calc(var(--size)*1rem) solid;background:linear-gradient(-45deg,var(--secondary-fg-color) .5px,transparent .5px,transparent calc(50% - .5px),var(--secondary-fg-color) calc(50% - .5px),var(--secondary-fg-color) calc(50% + .5px),transparent calc(50% + .5px),transparent calc(100% - .5px),var(--secondary-fg-color) calc(100% - .5px)) .0625rem .0625rem/calc(var(--small)*1rem) calc(var(--small)*1rem);left:max(min(100vw - var(--page-margin-inline),(var(--column-width) + var(--column-gutter))*3),var(--column-width) + var(--column-gutter));right:0;top:calc(var(--page-margin) + var(--nav-size) + var(--page-margin));bottom:calc((var(--large)*2 - var(--x-small))*1rem)}@media (min-width:48.75rem){body.dev:after,body:not([class]):after{bottom:calc(var(--page-margin) - var(--small)*1rem)}}body.random{transform:translateZ(0);position:relative;overflow:visible}body.random:before,body.random:after{content:"";display:block;inset:0;position:absolute;min-height:100dvh}body.random:before{z-index:-1;background-color:var(--random-bg-color);box-shadow:0 .125rem .5rem #00000026,0 .03125rem .125rem #00000020}body.random:after{transform:translateZ(0);--noise-light:url(/img/noise.svg#fractal-light-mode);--noise-dark:url(/img/noise.svg#fractal-dark-mode);--noise:var(--noise-light);--wrinkle-light:url(/img/sprite.svg#wrinkle-light);--wrinkle-dark:url(/img/sprite.svg#wrinkle-dark);--wrinkle:var(--wrinkle-light);background:var(--noise) 100%0,var(--noise) 100%0/20000rem auto,url(/img/sprite.svg#paper)max(100%,5rem) 0%/30rem auto no-repeat,var(--wrinkle) left bottom/40rem auto no-repeat;pointer-events:none;z-index:1}@media (prefers-color-scheme:dark){body.random:after{--noise:var(--noise-dark);--wrinkle:var(--wrinkle-dark)}}input:focus-visible,:focus-visible{outline:.125rem solid var(--fg-color)}input:focus,:focus{outline-offset:.5rem}h1,h2,h3,h4,.heading--large,.heading--medium,.heading--small,.heading--x-small{scroll-margin-block-start:calc(var(--large)*1rem);letter-spacing:calc(var(--left-bearing)*-.75em);text-wrap:balance;clear:both;--font-size-adjust:var(--char-height);--font-size:calc(var(--size) / var(--font-size-adjust));--line-height:calc(var(--large) * var(--font-size-adjust));font-size:calc(var(--font-size)*1rem);line-height:var(--line-height);text-transform:uppercase;--char-height:var(--cap-height);text-box:trim-both cap alphabetic}@supports not (text-box:trim-both cap alphabetic){h1,h2,h3,h4,.heading--large,.heading--medium,.heading--small,.heading--x-small{--half-leading:calc(((var(--char-height) - var(--line-height)) / 2) * 1em);--offset:round(calc(((var(--descender) + (var(--ascender) - var(--char-height))) / 2) * 1em), 1px)}h1:before,h2:before,h3:before,h4:before,.heading--large:before,.heading--medium:before,.heading--small:before,.heading--x-small:before{content:"";display:table;margin-bottom:round(var(--half-leading) - var(--offset),1px)}h1:after,h2:after,h3:after,h4:after,.heading--large:after,.heading--medium:after,.heading--small:after,.heading--x-small:after{content:"";display:table;margin-top:calc(var(--half-leading) + var(--offset))}}.dev h1,.dev h2,.dev h3,.dev h4,.dev .heading--large,.dev .heading--medium,.dev .heading--small,.dev .heading--x-small{margin-inline-start:calc(var(--left-bearing)*-1em)}.dev h1.untrim--block,.dev h2.untrim--block,.dev h3.untrim--block,.dev h4.untrim--block,.dev .heading--large.untrim--block,.dev .heading--medium.untrim--block,.dev .heading--small.untrim--block,.dev .heading--x-small.untrim--block{margin-inline-start:0}.dev h1.untrim--first>:first-child,.dev h2.untrim--first>:first-child,.dev h3.untrim--first>:first-child,.dev h4.untrim--first>:first-child,.dev .heading--large.untrim--first>:first-child,.dev .heading--medium.untrim--first>:first-child,.dev .heading--small.untrim--first>:first-child,.dev .heading--x-small.untrim--first>:first-child{text-indent:calc(var(--left-bearing)*.5em);display:block}.random h1,.random h2,.random h3,.random h4,.random .heading--large,.random .heading--medium,.random .heading--small,.random .heading--x-small{--ascender:1.109;--cap-height:.74;--x-height:.61;--descender:-.317;--left-bearing:0;font-family:Permanent Marker,Permanent Marker fallback;font-weight:400;--left-bearing:calc(75 / 1024);margin-inline-end:0}h1,.heading--large{--size:clamp(min(var(--large), var(--xx-large)), var(--large) + var(--ease-out-sine) * (var(--xx-large) - var(--large)), max(var(--large), var(--xx-large)));font-weight:900;--left-bearing:.07;--stem-width:.189;--x-height:.538;--line-height:calc((var(--size) + var(--xx-small)) / var(--font-size));margin-block-start:0;margin-block-end:calc(clamp(min(var(--x-large),var(--xx-large)),var(--x-large) + var(--ease-out-sine)*(var(--xx-large) - var(--x-large)),max(var(--x-large),var(--xx-large)))*1rem);margin-block-end:calc(clamp(min(var(--small),var(--large)),var(--small) + var(--ease-out-sine)*(var(--large) - var(--small)),max(var(--small),var(--large)))*1rem)}@media (min-width:20rem){h1,.heading--large{white-space:pre-line}}h2,h3,h4,.heading--medium,.heading--small,.heading--x-small{--size:var(--large);font-weight:200;--left-bearing:.085;--stem-width:.055;--x-height:.523;--line-height:calc((var(--size) + var(--xxx-small)) / var(--font-size));margin-block-start:calc(var(--xx-large)*1rem);margin-block-end:calc(var(--size)*1rem)}h3,.heading--small{--size:var(--medium);font-weight:300;--left-bearing:.084;--stem-width:.069;--x-height:.524}h4,.heading--x-small{--size:var(--small);margin-block-start:calc(var(--large)*1rem);margin-block-end:calc(var(--large)*1rem);font-weight:600;--left-bearing:.074;--stem-width:.152;--x-height:.534}.blog-post{display:grid}.blog-post [itemtype$=BlogPosting]{display:flex;flex-direction:column;min-width:0}.blog-post [itemprop=articleBody] h1,.blog-post [itemprop=articleBody] h2,.blog-post [itemprop=articleBody] h3,.blog-post [itemprop=articleBody] .heading--large,.blog-post [itemprop=articleBody] .heading--medium,.blog-post [itemprop=articleBody] .heading--small,.blog-post [itemprop=articleBody] .heading--x-small{padding-inline-end:calc(var(--medium)*1rem);border-right:.0625rem solid var(--secondary-fg-color);position:relative;margin-block-end:calc(var(--x-large)*1rem);-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:3 3;hyphenate-limit-last:none;-webkit-hyphens:auto;hyphens:auto;transition:.2s padding-right cubic-bezier(.2,0,.2,1),.2s margin-right cubic-bezier(.2,0,.2,1)}@media (min-width:58.25rem){.dev .blog-post [itemprop=articleBody] h1,.dev .blog-post [itemprop=articleBody] h2,.dev .blog-post [itemprop=articleBody] h3,.dev .blog-post [itemprop=articleBody] .heading--large,.dev .blog-post [itemprop=articleBody] .heading--medium,.dev .blog-post [itemprop=articleBody] .heading--small,.dev .blog-post [itemprop=articleBody] .heading--x-small{padding-inline-end:var(--page-margin-inline);margin-inline-end:calc(var(--page-margin-inline)*-1)}}.random .blog-post [itemprop=articleBody] h1,.random .blog-post [itemprop=articleBody] h2,.random .blog-post [itemprop=articleBody] h3,.random .blog-post [itemprop=articleBody] .heading--large,.random .blog-post [itemprop=articleBody] .heading--medium,.random .blog-post [itemprop=articleBody] .heading--small,.random .blog-post [itemprop=articleBody] .heading--x-small{--sprite-url-light:url(/img/sprite.svg#line-light);--sprite-url-dark:url(/img/sprite.svg#line-dark)}.random .blog-post [itemprop=articleBody] h1,.random .blog-post [itemprop=articleBody] h2,.random .blog-post [itemprop=articleBody] h3,.random .blog-post [itemprop=articleBody] .heading--large,.random .blog-post [itemprop=articleBody] .heading--medium,.random .blog-post [itemprop=articleBody] .heading--small,.random .blog-post [itemprop=articleBody] .heading--x-small{--sprite-url:var(--sprite-url-light)}@media (prefers-color-scheme:dark){.random .blog-post [itemprop=articleBody] h1,.random .blog-post [itemprop=articleBody] h2,.random .blog-post [itemprop=articleBody] h3,.random .blog-post [itemprop=articleBody] .heading--large,.random .blog-post [itemprop=articleBody] .heading--medium,.random .blog-post [itemprop=articleBody] .heading--small,.random .blog-post [itemprop=articleBody] .heading--x-small{--sprite-url:var(--sprite-url-dark)}}.random .blog-post [itemprop=articleBody] h1,.random .blog-post [itemprop=articleBody] h2,.random .blog-post [itemprop=articleBody] h3,.random .blog-post [itemprop=articleBody] .heading--large,.random .blog-post [itemprop=articleBody] .heading--medium,.random .blog-post [itemprop=articleBody] .heading--small,.random .blog-post [itemprop=articleBody] .heading--x-small{border-image:var(--sprite-url);border-image-slice:1.9230769231% 1.9230769231%;border-image-width:.3125rem}.blog-post [itemprop=articleBody] h4{position:relative;clear:none}.blog-post h1,.blog-post .heading--large{margin-block-end:calc(clamp(min(var(--medium),var(--large)),var(--medium) + var(--ease-out-sine)*(var(--large) - var(--medium)),max(var(--medium),var(--large)))*1rem)}.blog-post em{font-weight:500;font-style:normal}.blog-post strong{font-weight:600;font-weight:700}a[href^="#"][aria-hidden]{position:static}.icon-link{--sprite-url-light:url(/img/sprite.svg#arrow-light);--sprite-url-dark:url(/img/sprite.svg#arrow-dark)}.icon-link{--sprite-url:var(--sprite-url-light)}@media (prefers-color-scheme:dark){.icon-link{--sprite-url:var(--sprite-url-dark)}}.icon-link{background:var(--sprite-url)0 0/32.5rem 16.25rem no-repeat}.icon-link{--icon-size:var(--small);position:absolute;width:calc(var(--icon-size)*1rem);height:calc(var(--icon-size)*1rem);left:calc((var(--large) - var(--icon-size)/4)*-1rem);top:calc((var(--size)/2 - var(--icon-size)/2)*1rem);transform:rotate(45deg)}.icon-link:before{content:"";display:block;position:inherit;inset:calc(var(--medium)*-1rem);transform:rotate(45deg)}.random .icon-link{--sprite-url-light:url(/img/sprite.svg#random-arrow-light);--sprite-url-dark:url(/img/sprite.svg#random-arrow-dark)}.random blockquote p,.random aside abbr{--ascender:1.109;--cap-height:.74;--x-height:.61;--descender:-.317;--left-bearing:0;font-family:Permanent Marker,Permanent Marker fallback;font-weight:400}p{--char-height:var(--x-height);text-box:trim-both ex alphabetic}@supports not (text-box:trim-both ex alphabetic){p{--half-leading:calc(((var(--char-height) - var(--line-height)) / 2) * 1em);--offset:round(calc(((var(--descender) + (var(--ascender) - var(--char-height))) / 2) * 1em), 1px)}p:before{content:"";display:table;margin-bottom:round(var(--half-leading) - var(--offset),1px)}p:after{content:"";display:table;margin-top:calc(var(--half-leading) + var(--offset))}}.clear{clear:both;visibility:hidden;display:none}@media (min-width:128rem){.clear{display:block}}article p{margin:0 0 calc(var(--x-large)*1rem)0}img{display:block;width:100%;height:auto}picture{position:relative;isolation:isolate;display:block;width:fit-content}picture img{position:relative;z-index:-1;display:block;filter:grayscale(100%) contrast(1000%);width:100%;height:auto}image-compare p{margin:0}image-compare p:before,image-compare p:after{display:none}image-compare:not(:defined){padding-block-end:calc((var(--x-large) + .0625)*1rem)}image-compare:not(:defined) [slot]{cursor:pointer;width:100%;clip-path:inset(0 50%0 0)}image-compare:not(:defined) [slot][slot=image-2]{top:0;position:absolute;clip-path:inset(0 0 0 50%)}image-compare:not(:defined) img[tabindex="0"]{cursor:pointer;width:100%;transition:.2s clip-path cubic-bezier(.2,0,.2,1)}image-compare:not(:defined) img[tabindex="0"]:first-child+[tabindex="0"]{top:0;position:absolute}image-compare:not(:defined) img[tabindex="0"]:first-child:not(:focus){clip-path:inset(0 calc(50% + .125rem)0 0)}image-compare:not(:defined) img[tabindex="0"]:first-child+[tabindex="0"]:not(:focus){clip-path:inset(0 0 0 calc(50% + .125rem))}:focus-within>image-compare:not(:defined) img[tabindex="0"]:first-child:focus{clip-path:inset(0 calc(15% + .125rem)0 0)}:focus-within>image-compare:not(:defined) img[tabindex="0"]:first-child:focus+[tabindex="0"]{clip-path:inset(0 0 0 calc(85% + .125rem))}:focus-within>image-compare:not(:defined) img[tabindex="0"]:first-child:not(:focus){clip-path:inset(0 calc(85% + .125rem)0 0)}:focus-within>image-compare:not(:defined) img[tabindex="0"]:first-child:not(:focus)+[tabindex="0"]:focus{clip-path:inset(0 0 0 calc(15% + .125rem))}figure{--padding:var(--page-margin-inline);margin:0 calc(var(--padding)*-1) calc(var(--x-large)*1rem);display:block;position:relative}figure>p{margin:0}figure>p:before,figure>p:after{display:none}@media (min-width:128rem){figure{float:right;clear:both;margin-inline-end:calc((100% + var(--padding)*4 + .0625rem)*-1);width:calc(100% + var(--padding)*2)}figure:after{content:"";display:block;position:absolute;top:0;bottom:0;left:calc((var(--padding) + .0625rem)*-1);border-left:.0625rem solid var(--secondary-fg-color)}figure+p{margin-block-start:0}.random figure{float:left;margin-inline-start:calc((100% + var(--padding)*2 + var(--x-large)*1rem)*-1);margin-inline-end:calc(var(--padding)*-1)}}figure img{background:var(--secondary-bg-color);filter:grayscale(100%) contrast(.6455) brightness(1.135)}@media (prefers-color-scheme:dark){figure img{filter:grayscale(100%) invert(100%) contrast(.6)}}figure img.photo{filter:grayscale(100%) contrast(150%);filter:grayscale(100%) contrast(.6455) brightness(1.135);background:var(--bg-color)}@media (prefers-color-scheme:dark){figure img.photo{filter:grayscale(100%) contrast(75%);filter:grayscale(100%) invert(100%) contrast(.6)}}figure.fig--small{margin-block-end:calc(var(--x-large)*1rem)}@media not (min-width:128rem){figure.fig--small{--padding:0;margin-inline:0}}figure.fig--small figcaption{--padding:0}@media (min-width:52rem){figure.fig--small{display:grid;grid-template-columns:1.618fr 1fr;grid-gap:calc(var(--large)*1rem)}}@media (min-width:52rem) and (min-width:128rem){figure.fig--small{grid-gap:calc(var(--x-large)*1rem)}}@media (min-width:52rem){figure.fig--small>:first-child{position:relative}figure.fig--small figcaption{display:flex;flex-flow:column;justify-content:flex-end}figure.fig--small figcaption h4:first-child,figure.fig--small figcaption p:first-child{margin-block-start:0}}figcaption{--padding:var(--page-margin-inline);--size:.5;--block:calc(var(--size) * 1rem);--char-height:var(--x-height);--font-size-adjust:var(--char-height);--font-size:calc(var(--size) / var(--font-size-adjust));--line-height:calc(var(--x-large) * var(--font-size-adjust));font-size:calc(var(--font-size)*1rem);line-height:var(--line-height);padding:0 var(--padding);margin:0;letter-spacing:calc(var(--left-bearing)*-.25em);word-spacing:calc(var(--left-bearing)*2em)}@media (min-width:128rem){figcaption{padding:0}}figcaption p{margin:calc(var(--x-large)*var(--size)*1rem)0 0;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:3 3;hyphenate-limit-last:none;-webkit-hyphens:auto;hyphens:auto}figcaption h4{margin-block:calc(var(--x-large)*1rem)0}figcaption h4+p{margin-block-start:calc(var(--small)*1rem)}figcaption cite{display:block;text-align:right;font-size:calc(var(--small)/var(--cap-height)*1rem)}figcaption dl{--ascender:1.0478515625;--cap-height:.7109375;--x-height:.5283203125;--descender:-.2709960938;--left-bearing:0;font-family:Roboto Mono,Roboto Mono fallback;font-weight:400;margin:0;display:flex;flex-flow:row wrap;text-align:left}figcaption dt{font-weight:600;font-weight:700;flex:0 0 auto}figcaption dt:first-child,figcaption dt:first-child+dd{margin-block-start:0}figcaption dd{flex:1 0 50%;text-align:right}figcaption dt,figcaption dd{--size:.5;margin:calc(var(--x-large)*var(--size)*1rem)0 0;--char-height:var(--x-height);--font-size-adjust:var(--char-height);--font-size:calc(var(--size) / var(--font-size-adjust));--line-height:calc(var(--x-large) * var(--font-size-adjust));font-size:calc(var(--font-size)*1rem);line-height:var(--line-height);--char-height:var(--cap-height);text-box:trim-both var(--cap-height) alphabetic}@supports not (text-box:trim-both var(--cap-height) alphabetic){figcaption dt,figcaption dd{--half-leading:calc(((var(--char-height) - var(--line-height)) / 2) * 1em);--offset:round(calc(((var(--descender) + (var(--ascender) - var(--char-height))) / 2) * 1em), 1px)}figcaption dt:before,figcaption dd:before{content:"";display:table;margin-bottom:round(var(--half-leading) - var(--offset),1px)}figcaption dt:after,figcaption dd:after{content:"";display:table;margin-top:calc(var(--half-leading) + var(--offset))}}ul{--size:var(--small);margin:calc(var(--x-large)*1rem)0;list-style:none;padding-inline-start:0}li{--font-size-adjust:var(--char-height);--font-size:calc(var(--size) / var(--font-size-adjust));--line-height:calc(var(--x-large) * var(--font-size-adjust));font-size:calc(var(--font-size)*1rem);line-height:var(--line-height);background:linear-gradient(currentColor,currentColor)0 0/calc(var(--size)*1rem) calc(var(--size)*1rem) no-repeat;padding-inline-start:calc(var(--large)*1rem);margin-inline-start:calc(var(--large)*-1rem);--char-height:var(--x-height);text-box:trim-both ex alphabetic}@supports not (text-box:trim-both ex alphabetic){li{--half-leading:calc(((var(--char-height) - var(--line-height)) / 2) * 1em);--offset:round(calc(((var(--descender) + (var(--ascender) - var(--char-height))) / 2) * 1em), 1px)}li:before{content:"";display:table;margin-bottom:round(var(--half-leading) - var(--offset),1px)}li:after{content:"";display:table;margin-top:calc(var(--half-leading) + var(--offset))}}.random li{--sprite-url-light:url(/img/sprite.svg#dot-1-light);--sprite-url-dark:url(/img/sprite.svg#dot-1-dark)}.random li{--sprite-url:var(--sprite-url-light)}@media (prefers-color-scheme:dark){.random li{--sprite-url:var(--sprite-url-dark)}}.random li{background:var(--sprite-url)0 0/32.5rem 16.25rem no-repeat}.random li:nth-last-child(2n){--sprite-url-light:url(/img/sprite.svg#dot-2-light);--sprite-url-dark:url(/img/sprite.svg#dot-2-dark)}.random li:nth-last-child(3n){--sprite-url-light:url(/img/sprite.svg#dot-3-light);--sprite-url-dark:url(/img/sprite.svg#dot-3-dark)}.random li:nth-last-child(5n){--sprite-url-light:url(/img/sprite.svg#dot-4-light);--sprite-url-dark:url(/img/sprite.svg#dot-4-dark)}.random li:nth-last-child(7n){--sprite-url-light:url(/img/sprite.svg#dot-5-light);--sprite-url-dark:url(/img/sprite.svg#dot-5-dark)}.random li:nth-last-child(11n){--sprite-url-light:url(/img/sprite.svg#dot-6-light);--sprite-url-dark:url(/img/sprite.svg#dot-6-dark)}.random li:nth-last-child(13n){--sprite-url-light:url(/img/sprite.svg#dot-7-light);--sprite-url-dark:url(/img/sprite.svg#dot-7-dark)}li+li{margin-block-start:calc(var(--large)*1rem)}a{color:inherit;text-decoration:underline;text-decoration-color:var(--secondary-fg-color);text-decoration-thickness:.0625rem;text-underline-offset:calc(var(--xx-small)*1rem);position:relative}a:hover{text-decoration-color:var(--fg-color)}a:focus{z-index:10}.dev a{--stroke-color:var(--bg-color);--stroke-width:calc(var(--char-height) * .075em);paint-order:stroke fill;-webkit-text-stroke:calc(var(--stroke-width)*2) var(--stroke-color)}.random a{--bg-color:var(--random-bg-color);--sprite-url-light:url(/img/sprite.svg#horizontal-line-light);--sprite-url-dark:url(/img/sprite.svg#horizontal-line-dark)}.random a{--sprite-url:var(--sprite-url-light)}@media (prefers-color-scheme:dark){.random a{--sprite-url:var(--sprite-url-dark)}}.random a{background:var(--sprite-url) left bottom -.5em/auto 250%repeat-x;text-decoration:none}.random a:hover{background-position:left bottom -1.25em;background-size:auto 500%}a[href^="#"]{scroll-margin-block-start:calc(var(--large)*1rem)}del{display:inline-block;position:relative;text-decoration:inherit;text-decoration-color:inherit;text-decoration-thickness:inherit;text-underline-offset:inherit;line-height:calc(var(--char-height))}hgroup del{background:linear-gradient(-45deg,var(--fg-color) .5px,transparent .5px,transparent calc(50% - .5px),var(--fg-color) calc(50% - .5px),var(--fg-color) calc(50% + .5px),transparent calc(50% + .5px),transparent calc(100% - .5px),var(--fg-color) calc(100% - .5px)) .0625rem .0625rem/calc(var(--x-small)*1rem) calc(var(--x-small)*1rem);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;padding:.5rem 0;margin:-.5rem 0}del:before{content:"";display:block;height:calc(var(--stem-width, .1)*1em);background-color:var(--fg-color);box-shadow:0 0 0 var(--stroke-width, 0) var(--stroke-color, transparent);position:absolute;inset:auto calc(var(--left-bearing)*.5em) calc(50% - var(--stem-width, .1)*.5em - var(--offset)*1em);--offset:calc((var(--descender) + (var(--ascender) - var(--char-height))) / 2)}ins{text-decoration:inherit;text-decoration-color:inherit;text-decoration-thickness:inherit;text-underline-offset:inherit}small{--small-size:calc(var(--size) / var(--scale));--char-height:var(--cap-height);--font-size-adjust:var(--char-height);--font-size:calc(var(--small-size) / var(--font-size-adjust));--line-height:calc(var(--small-size) * var(--font-size-adjust));font-size:calc(var(--font-size)*1rem);line-height:var(--line-height)}sup{--sup-height:.352;--t-stem-width:.171;font-size:calc(var(--t-stem-width)/var(--sup-height)*1em);display:inline-block;width:0;vertical-align:top;translate:.125em .0425em}.bullet{background-color:tomato;mask-image:var(--sprite-url);mask-size:calc(32.5rem/var(--char-height)*var(--size)) calc(16.25rem/var(--char-height)*var(--size));display:inline-block;width:calc(1em*var(--char-height));height:calc(1em*var(--char-height));vertical-align:middle;--sprite-url-light:url(/img/sprite.svg#dot-7-light);--sprite-url-dark:url(/img/sprite.svg#dot-7-dark)}.bullet{--sprite-url:var(--sprite-url-light)}@media (prefers-color-scheme:dark){.bullet{--sprite-url:var(--sprite-url-dark)}}.meta{--size:var(--small);--char-height:var(--cap-height);--font-size-adjust:var(--char-height);--font-size:calc(var(--size) / var(--font-size-adjust));--line-height:calc(var(--large) * var(--font-size-adjust));font-size:calc(var(--font-size)*1rem);line-height:var(--line-height);text-transform:uppercase;letter-spacing:calc(var(--left-bearing)*-.25em);--block:calc(var(--size) * 1rem);margin:0 0 calc(var(--x-large)*1rem)}.meta>time,.meta>span{display:inline-block;background:linear-gradient(-45deg,transparent 46.5%,var(--tertiary-fg-color) 46.5%,var(--tertiary-fg-color) 53.5%,transparent 53.5%)0 0/calc(var(--size)*1rem) calc(var(--size)*1rem) no-repeat;padding-inline-start:calc((var(--small) + var(--medium))*1rem);--char-height:var(--cap-height);text-box:trim-both cap alphabetic}@supports not (text-box:trim-both cap alphabetic){.meta>time,.meta>span{--half-leading:calc(((var(--char-height) - var(--line-height)) / 2) * 1em);--offset:round(calc(((var(--descender) + (var(--ascender) - var(--char-height))) / 2) * 1em), 1px)}.meta>time:before,.meta>span:before{content:"";display:table;margin-bottom:round(var(--half-leading) - var(--offset),1px)}.meta>time:after,.meta>span:after{content:"";display:table;margin-top:calc(var(--half-leading) + var(--offset))}}.meta>time{font-variant-numeric:tabular-nums;width:auto;display:inline-block;background:linear-gradient(currentColor,currentColor)0 0/calc(var(--size)*1rem) calc(var(--size)*1rem) no-repeat;margin-inline-start:calc(var(--large)*-1rem);padding-inline-start:calc((var(--small) + var(--medium))*1rem)}.random .meta>time{--sprite-url-light:url(/img/sprite.svg#dot-7-light);--sprite-url-dark:url(/img/sprite.svg#dot-7-dark)}.random .meta>time{--sprite-url:var(--sprite-url-light)}@media (prefers-color-scheme:dark){.random .meta>time{--sprite-url:var(--sprite-url-dark)}}.random .meta>time{background:var(--sprite-url)0 0/32.5rem 16.25rem no-repeat}.meta span{--sprite-url-light:url(/img/sprite.svg#slash-light);--sprite-url-dark:url(/img/sprite.svg#slash-dark)}.meta span{--sprite-url:var(--sprite-url-light)}@media (prefers-color-scheme:dark){.meta span{--sprite-url:var(--sprite-url-dark)}}.meta span{background:var(--sprite-url)0 0/32.5rem 16.25rem no-repeat}.meta span{margin-inline-start:calc(var(--large)*-1rem)}.random .meta span{--sprite-url-light:url(/img/sprite.svg#random-slash-light);--sprite-url-dark:url(/img/sprite.svg#random-slash-dark)}.meta span+span{margin-inline-start:calc(var(--small)*1rem);border-left:.0625rem solid var(--tertiary-fg-color);background:0 0;padding-inline-start:calc(var(--small)*1rem)}.random .card:nth-last-child(2n) .meta time{--sprite-url-light:url(/img/sprite.svg#dot-2-light);--sprite-url-dark:url(/img/sprite.svg#dot-2-dark)}.random .card:nth-last-child(3n) .meta time{--sprite-url-light:url(/img/sprite.svg#dot-3-light);--sprite-url-dark:url(/img/sprite.svg#dot-3-dark)}.random .card:nth-last-child(5n) .meta time{--sprite-url-light:url(/img/sprite.svg#dot-4-light);--sprite-url-dark:url(/img/sprite.svg#dot-4-dark)}.random .card:nth-last-child(7n) .meta time{--sprite-url-light:url(/img/sprite.svg#dot-5-light);--sprite-url-dark:url(/img/sprite.svg#dot-5-dark)}.random .card:nth-last-child(11n) .meta time{--sprite-url-light:url(/img/sprite.svg#dot-6-light);--sprite-url-dark:url(/img/sprite.svg#dot-6-dark)}.random .card:nth-last-child(13n) .meta time{--sprite-url-light:url(/img/sprite.svg#dot-7-light);--sprite-url-dark:url(/img/sprite.svg#dot-7-dark)}[itemprop=description]{font-weight:300;--left-bearing:.084;--stem-width:.069;--x-height:.524;--size:var(--small);--char-height:var(--x-height);--font-size:calc(var(--size) / var(--char-height));--line-height:calc((var(--medium) * 2) * var(--char-height));line-height:var(--line-height);font-size:calc(var(--font-size)*1rem);text-transform:none;text-wrap:balance}mark{text-decoration:underline;text-decoration-thickness:.0625rem;text-underline-offset:calc(var(--xx-small)*1rem);text-decoration-style:wavy;background-color:transparent}pre,code{--char-height:var(--x-height);--font-size-adjust:var(--char-height);--font-size:calc(var(--size) / var(--font-size-adjust));--line-height:calc(var(--x-large) * var(--font-size-adjust));font-size:calc(var(--font-size)*1rem);line-height:var(--line-height);--ascender:1.0478515625;--cap-height:.7109375;--x-height:.5283203125;--descender:-.2709960938;--left-bearing:0;font-family:Roboto Mono,Roboto Mono fallback;font-weight:400}code{font-weight:600;font-weight:700;margin:0}pre{--size:var(--small);clear:both;display:block;box-sizing:border-box;margin:0 calc(var(--page-margin-inline)*-1) calc(var(--x-large)*1rem);position:relative;background:var(--secondary-bg-color);overflow-x:auto;overflow-y:hidden;scroll-padding-right:var(--page-margin-inline)}@media (min-width:45.5rem){pre{width:calc(max(min(100vw - var(--page-margin-inline),(var(--column-width) + var(--column-gutter))*2),var(--column-width) + var(--column-gutter)) - var(--page-margin-inline))}}pre>code{display:block;min-width:max-content;padding:var(--page-margin);tab-size:2ch;color:inherit;text-decoration:none;--ascender:1.0478515625;--cap-height:.7109375;--x-height:.5283203125;--descender:-.2709960938;--left-bearing:0;font-family:Roboto Mono,Roboto Mono fallback;font-weight:400;--char-height:var(--x-height);text-box:trim-both ex alphabetic}@supports not (text-box:trim-both ex alphabetic){pre>code{--half-leading:calc(((var(--char-height) - var(--line-height)) / 2) * 1em);--offset:round(calc(((var(--descender) + (var(--ascender) - var(--char-height))) / 2) * 1em), 1px)}pre>code:before{content:"";display:table;margin-bottom:round(var(--half-leading) - var(--offset),1px)}pre>code:after{content:"";display:table;margin-top:calc(var(--half-leading) + var(--offset))}}pre>code .token:not(.atrule){font-weight:900}pre>code .token.comment{font-style:italic;font-weight:200}svg{display:block;max-width:100%;overflow-x:auto}.main-index{padding:0 var(--page-margin-inline);max-width:100%;display:grid;grid-template:"heading ."min-content"dev ."min-content"random ."1fr"footer ."min-content/min(40rem,100%) 1fr}@media (min-width:106rem){.main-index{grid-template:"heading . . ."min-content"dev . . random"1fr"footer footer footer footer"min-content/40rem 1fr 1fr 40rem}}.main-index .heading--large{grid-area:heading;height:calc(var(--size)*1rem);margin-inline-start:calc(var(--large)*-1rem);margin-block-end:0;background:linear-gradient(-45deg,var(--tertiary-fg-color) .5px,transparent .5px,transparent calc(50% - .5px),var(--tertiary-fg-color) calc(50% - .5px),var(--tertiary-fg-color) calc(50% + .5px),transparent calc(50% + .5px),transparent calc(100% - .5px),var(--tertiary-fg-color) calc(100% - .5px)) .0625rem .0625rem/calc(var(--small)*1rem) calc(var(--small)*1rem);background-repeat:repeat-y}.main-index section{grid-area:dev;overflow-x:visible;margin:calc(var(--xx-large)*1rem)0 0;margin-block-start:calc(clamp(min(var(--xx-large),var(--xxx-large)),var(--xx-large) + var(--ease-out-sine)*(var(--xxx-large) - var(--xx-large)),max(var(--xx-large),var(--xxx-large)))*1rem);padding-block-end:calc(var(--xx-large)*1rem);min-width:0}.main-index section>hgroup{position:relative;border-bottom:.0625rem solid var(--secondary-fg-color)}.main-index section>hgroup:before{content:"";display:block;position:absolute;top:0;bottom:0;left:calc(var(--large)*-1rem);width:calc(var(--small)*1rem);height:.0625rem;background:var(--fg-color)}.main-index section>hgroup p{margin-bottom:calc(var(--medium)*1rem)}.main-index section>hgroup h2{margin-top:0}.main-index section>hgroup p{margin-block-start:0;margin-block-end:calc(var(--medium)*1rem);--size:var(--small);--char-height:var(--cap-height);--font-size-adjust:var(--char-height);--font-size:calc(var(--size) / var(--font-size-adjust));--line-height:calc(var(--large) * var(--font-size-adjust));font-size:calc(var(--font-size)*1rem);line-height:var(--line-height);text-transform:uppercase;letter-spacing:calc(var(--left-bearing)*-.25em);display:flex}.main-index section>hgroup p b,.main-index section>hgroup p i{font-weight:inherit;font-style:inherit;--char-height:var(--cap-height);text-box:trim-both cap alphabetic}@supports not (text-box:trim-both cap alphabetic){.main-index section>hgroup p b,.main-index section>hgroup p i{--half-leading:calc(((var(--char-height) - var(--line-height)) / 2) * 1em);--offset:round(calc(((var(--descender) + (var(--ascender) - var(--char-height))) / 2) * 1em), 1px)}.main-index section>hgroup p b:before,.main-index section>hgroup p i:before{content:"";display:table;margin-bottom:round(var(--half-leading) - var(--offset),1px)}.main-index section>hgroup p b:after,.main-index section>hgroup p i:after{content:"";display:table;margin-top:calc(var(--half-leading) + var(--offset))}}.main-index section>hgroup p b{flex:1 1 auto}.main-index section>hgroup p i{flex:0 0 auto;text-transform:none}.main-index section+section{grid-area:random}.main-index section.random{transform:translateZ(0) rotate(-1.5deg);-webkit-filter:drop-shadow(0 .5rem 1rem rgba(0,0,0,.15)) drop-shadow(0 .0625rem .125rem rgba(0,0,0,.125));filter:drop-shadow(0 .5rem 1rem rgba(0,0,0,.15)) drop-shadow(0 .0625rem .125rem rgba(0,0,0,.125));position:relative;margin:0 calc(var(--page-margin-inline)*-1) calc(var(--x-large)*1rem);padding:calc(var(--xxx-large)*1rem) var(--page-margin-inline) calc(var(--xxx-large)*1rem)}.main-index section.random:before,.main-index section.random:after{content:"";display:block;position:absolute;inset:0;clip-path:polygon(0 5rem,3.75rem 4.25rem,6.75rem 3rem,8.75rem .8rem,calc(100% - 12rem) .8rem,calc(100% - .15rem) .5rem,100% 8rem,100% 100%,0 100%);clip-path:polygon(0 .8rem,calc(100% - 18rem) .8rem,calc(100% - .025rem) .5rem,100% 12rem,100% 100%,0 100%)}.main-index section.random:before{z-index:-1;background-color:var(--random-bg-color)}.main-index section.random:after{--noise-light:url(/img/noise.svg#fractal-light-mode);--noise-dark:url(/img/noise.svg#fractal-dark-mode);--noise:var(--noise-light);--wrinkle-light:url(/img/sprite.svg#wrinkle-light);--wrinkle-dark:url(/img/sprite.svg#wrinkle-dark);--wrinkle:var(--wrinkle-light);background:var(--noise) 100%0,var(--noise) 100%0/20000rem auto,url(/img/sprite.svg#paper)max(100%,5rem) 0%/30rem auto no-repeat,var(--wrinkle) left bottom/40rem auto no-repeat;pointer-events:none;z-index:1}@media (prefers-color-scheme:dark){.main-index section.random:after{--noise:var(--noise-dark);--wrinkle:var(--wrinkle-dark)}}.main-index section.random>hgroup{--sprite-url-light:url(/img/sprite.svg#horizontal-line-light);--sprite-url-dark:url(/img/sprite.svg#horizontal-line-dark)}.main-index section.random>hgroup{--sprite-url:var(--sprite-url-light)}@media (prefers-color-scheme:dark){.main-index section.random>hgroup{--sprite-url:var(--sprite-url-dark)}}.main-index section.random>hgroup{border-image:var(--sprite-url);border-image-width:0 .25rem .25rem;border-image-slice:2.6923076923% 3.8461538462%;border-image-outset:0 0 .15rem}.blog-posts{max-width:calc(100vw - var(--page-margin-inline)*2);width:40rem;padding:0 var(--page-margin-inline)}.random .blog-posts{justify-self:end}.blog-posts h1{border-right:0;padding-inline-end:0;margin-inline-end:0;--size:clamp(min(var(--large), var(--xx-large)), var(--large) + var(--ease-out-sine) * (var(--xx-large) - var(--large)), max(var(--large), var(--xx-large)));--char-height:var(--cap-height);--font-size-adjust:var(--char-height);--font-size:calc(var(--size) / var(--font-size-adjust));--line-height:calc(var(--large) * var(--font-size-adjust));font-size:calc(var(--font-size)*1rem);line-height:var(--line-height);font-weight:200;--left-bearing:.085;--stem-width:.055;--x-height:.523;--line-height:calc((var(--size) + var(--xx-small)) / var(--font-size));margin-inline-start:calc(var(--left-bearing)*-1em)}.random .blog-posts h1{--left-bearing:0}.blog-posts>hgroup{position:relative;border-bottom:.0625rem solid var(--secondary-fg-color)}.blog-posts>hgroup:before{content:"";display:block;position:absolute;top:0;bottom:0;left:calc(var(--large)*-1rem);width:calc(var(--small)*1rem);height:.0625rem;background:var(--fg-color)}.blog-posts>hgroup p{margin-bottom:calc(var(--medium)*1rem)}.random .blog-posts>hgroup{--sprite-url-light:url(/img/sprite.svg#horizontal-line-light);--sprite-url-dark:url(/img/sprite.svg#horizontal-line-dark)}.random .blog-posts>hgroup{--sprite-url:var(--sprite-url-light)}@media (prefers-color-scheme:dark){.random .blog-posts>hgroup{--sprite-url:var(--sprite-url-dark)}}.random .blog-posts>hgroup{border-image:var(--sprite-url);border-image-width:0 .25rem .25rem;border-image-slice:2.6923076923% 3.8461538462%;border-image-outset:0 0 .15rem}.blog-posts>hgroup p{--size:var(--small);--char-height:var(--cap-height);--font-size-adjust:var(--char-height);--font-size:calc(var(--size) / var(--font-size-adjust));--line-height:calc(var(--large) * var(--font-size-adjust));font-size:calc(var(--font-size)*1rem);line-height:var(--line-height);text-transform:uppercase;letter-spacing:calc(var(--left-bearing)*-.25em);margin-block-start:calc(clamp(min(var(--medium),var(--large)),var(--medium) + var(--ease-out-sine)*(var(--large) - var(--medium)),max(var(--medium),var(--large)))*1rem);display:flex}.blog-posts>hgroup p b,.blog-posts>hgroup p i{font-weight:inherit;font-style:inherit;--char-height:var(--cap-height);text-box:trim-both cap alphabetic}@supports not (text-box:trim-both cap alphabetic){.blog-posts>hgroup p b,.blog-posts>hgroup p i{--half-leading:calc(((var(--char-height) - var(--line-height)) / 2) * 1em);--offset:round(calc(((var(--descender) + (var(--ascender) - var(--char-height))) / 2) * 1em), 1px)}.blog-posts>hgroup p b:before,.blog-posts>hgroup p i:before{content:"";display:table;margin-bottom:round(var(--half-leading) - var(--offset),1px)}.blog-posts>hgroup p b:after,.blog-posts>hgroup p i:after{content:"";display:table;margin-top:calc(var(--half-leading) + var(--offset))}}.blog-posts>hgroup p b{flex:1 1 auto}.blog-posts>hgroup p i{flex:0 0 auto;text-transform:none}.blog-post{--inline-padding:var(--page-margin-inline);padding:0 var(--inline-padding);max-width:40rem;overflow-x:visible;min-width:0}.blog-post hgroup{position:relative;margin-block-end:calc(clamp(min(var(--medium),var(--large)),var(--medium) + var(--ease-out-sine)*(var(--large) - var(--medium)),max(var(--medium),var(--large)))*1rem)}.blog-post hgroup:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;border-right:.0625rem solid var(--secondary-fg-color);transition:.2s transform cubic-bezier(.2,0,.2,1)}@media (min-width:58.25rem){.blog-post hgroup:after{transform:translate(calc(var(--page-margin-inline)*1))}}.blog-post hgroup h1{white-space:pre-line;margin-block-end:0}.blog-post hgroup h2{padding:0 0 0 calc(var(--large)*1rem - var(--left-bearing)*1em);margin:calc((var(--size) + var(--small))*-1rem)0 0 calc(var(--large)*-1rem);position:absolute;z-index:1;border:0!important;background:linear-gradient(var(--fg-color),var(--fg-color))0 0/calc(var(--small)*1rem) .0625rem no-repeat}.blog-post hgroup h2,.blog-post hgroup h2 a{font-weight:400;--left-bearing:.081;--stem-width:.077;--x-height:.527;font-weight:clamp(300,400 + var(--ease-out-sine)*-100,400);--size:clamp(min(var(--small), var(--medium)), var(--small) + var(--ease-out-sine) * (var(--medium) - var(--small)), max(var(--small), var(--medium)))}.blog-post hgroup small{width:100%;display:block;margin-block:calc(var(--xx-small)*1rem) calc((var(--size) + var(--xx-small))*-1rem);letter-spacing:calc(var(--left-bearing)*-.5em);margin-inline-start:calc(var(--left-bearing)*var(--size)/var(--char-height)*1rem);--char-height:var(--cap-height);text-box:trim-both cap alphabetic}@supports not (text-box:trim-both cap alphabetic){.blog-post hgroup small{--half-leading:calc(((var(--char-height) - var(--line-height)) / 2) * 1em);--offset:round(calc(((var(--descender) + (var(--ascender) - var(--char-height))) / 2) * 1em), 1px)}.blog-post hgroup small:before{content:"";display:table;margin-bottom:round(var(--half-leading) - var(--offset),1px)}.blog-post hgroup small:after{content:"";display:table;margin-top:calc(var(--half-leading) + var(--offset))}}.blog-post [itemprop=description]{--size:clamp(min(var(--small), var(--medium)), var(--small) + var(--ease-out-sine) * (var(--medium) - var(--small)), max(var(--small), var(--medium)));font-weight:300;--left-bearing:.084;--stem-width:.069;--x-height:.524;font-weight:clamp(200,300 + var(--ease-out-sine)*-100,300);padding-inline-end:var(--page-margin-inline)}@media (min-width:48.75rem){.blog-post [itemprop=description]{padding-inline-end:0}}.blog-post [itemprop=articleBody]>p,.blog-post [itemprop=articleBody] li{text-align:justify;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:4;hyphenate-limit-chars:4 4;hyphenate-limit-last:none;-webkit-hyphens:auto;hyphens:auto}.random .blog-post{margin-inline-start:auto;min-width:min(40rem,100%)}.hang,.hang+span{--quote-height:.303;--t-stem-width:.171;display:inline-block;width:0;font-size:calc(var(--t-stem-width)/var(--quote-height)*1em);vertical-align:top}.hang{translate:-.4em .0425em}.hang+span{translate:.125em .0425em}header{overflow:hidden;margin:0 0 calc(var(--page-margin)*-1);height:var(--nav-size);padding:var(--page-margin)0}header>nav,header>div{margin:0 auto 0 0;padding:0 var(--page-margin-inline);display:flex;align-items:center;position:relative}header>nav>span,header>div>span{display:inline-block;width:calc(var(--medium)*1rem);border-top:solid .0625rem var(--secondary-fg-color)}header>nav:after,header>div:after{content:"";display:block;position:absolute;left:max(min(100vw - var(--page-margin-inline),(var(--column-width) + var(--column-gutter))*3),var(--column-width) + var(--column-gutter));top:0;bottom:0;z-index:-1;width:0;border-left:solid .0625rem var(--secondary-fg-color)}header h1,header a[href="/"]{--sprite-url-light:url(/img/sprite.svg#phloe-light);--sprite-url-dark:url(/img/sprite.svg#phloe-dark)}header h1,header a[href="/"]{--sprite-url:var(--sprite-url-light)}@media (prefers-color-scheme:dark){header h1,header a[href="/"]{--sprite-url:var(--sprite-url-dark)}}header h1,header a[href="/"]{position:relative;display:inline-block;height:calc(var(--nav-size)/3*5);width:calc(var(--nav-size)*5.125);margin:calc(var(--nav-size)/3*-1)0;background:var(--sprite-url) no-repeat 0% 0%/auto 866.6666666667%!important}header h1:after,header a[href="/"]:after{content:"";display:block;position:absolute;inset:calc(var(--medium)*-1rem)}header h1 span,header a[href="/"] span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header h1+a,header a[href="/"]+a{margin-inline-start:calc(var(--medium)*1rem)}body.random{--random-offset-x:0;--random-offset-y:calc(var(--page-margin) + (var(--x-small) * 1rem));margin-block-start:var(--random-offset-y);margin-inline-start:var(--random-offset-x);width:calc(100% - var(--random-offset-x))}@media (min-width:48.75rem){body.random{--random-offset-x:calc(var(--page-margin-inline) + 2.5rem);--random-offset-y:0}}body.random>header{z-index:-2;margin-block-start:calc(var(--random-offset-y)*-1);margin-inline-start:calc(var(--random-offset-x)*-1)}a[href="/dev"],a[href="/random"]{--size:var(--medium);--char-height:var(--cap-height);--font-size-adjust:var(--char-height);--font-size:calc(var(--size) / var(--font-size-adjust));--line-height:calc(var(--large) * var(--font-size-adjust));font-size:calc(var(--font-size)*1rem);line-height:var(--line-height);font-weight:300;--left-bearing:.084;--stem-width:.069;--x-height:.524;text-transform:uppercase;--line-height:calc((var(--size) + var(--xx-small)) / var(--font-size));letter-spacing:calc(var(--left-bearing)*-.75em);display:inline-block;vertical-align:top;clear:both}a[href="/random"]{--ascender:1.109;--cap-height:.74;--x-height:.61;--descender:-.317;--left-bearing:0;font-family:Permanent Marker,Permanent Marker fallback;font-weight:400;padding-block-end:calc(var(--small)*1rem);margin-block-end:calc(var(--small)*-1rem);background-size:16.25rem auto}a[href="/random"]:hover{background-size:32.5rem auto}footer{max-width:40rem;height:max(var(--page-margin),var(--xx-large)*1rem);padding-block-start:calc(clamp(min(var(--xxx-large),var(--xxxx-large)),var(--xxx-large) + var(--ease-out-sine)*(var(--xxxx-large) - var(--xxx-large)),max(var(--xxx-large),var(--xxxx-large)))*1rem);margin-block-start:auto;clear:both}.random footer{justify-self:end;min-width:min(40rem,100%)}body>footer{margin-inline:var(--page-margin-inline)}main>footer{grid-area:footer}footer p,footer li{--size:var(--small);--char-height:var(--cap-height);--font-size-adjust:var(--char-height);--font-size:calc(var(--size) / var(--font-size-adjust));--line-height:calc(var(--large) * var(--font-size-adjust));font-size:calc(var(--font-size)*1rem);line-height:var(--line-height);text-transform:uppercase;letter-spacing:calc(var(--left-bearing)*-.25em);margin:0}footer h2,footer h3{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer h2:before,footer h2:after,footer h3:before,footer h3:after{display:none}footer p span,footer p a{display:inline-block;padding-inline-start:calc((var(--small) + var(--medium))*1rem);background:linear-gradient(-45deg,transparent 46.5%,var(--tertiary-fg-color) 46.5%,var(--tertiary-fg-color) 53.5%,transparent 53.5%)0 0/calc(var(--size)*1rem) calc(var(--size)*1rem) no-repeat;--char-height:var(--cap-height);text-box:trim-both cap alphabetic}@supports not (text-box:trim-both cap alphabetic){footer p span,footer p a{--half-leading:calc(((var(--char-height) - var(--line-height)) / 2) * 1em);--offset:round(calc(((var(--descender) + (var(--ascender) - var(--char-height))) / 2) * 1em), 1px)}footer p span:before,footer p a:before{content:"";display:table;margin-bottom:round(var(--half-leading) - var(--offset),1px)}footer p span:after,footer p a:after{content:"";display:table;margin-top:calc(var(--half-leading) + var(--offset))}}footer p span{width:auto;display:inline-block;background:linear-gradient(currentColor,currentColor)0 0/calc(var(--size)*1rem) calc(var(--size)*1rem) no-repeat;margin-inline-start:calc(var(--large)*-1rem);padding-inline-start:calc((var(--small) + var(--medium))*1rem)}.random footer p span{--sprite-url-light:url(/img/sprite.svg#dot-7-light);--sprite-url-dark:url(/img/sprite.svg#dot-7-dark)}.random footer p span{--sprite-url:var(--sprite-url-light)}@media (prefers-color-scheme:dark){.random footer p span{--sprite-url:var(--sprite-url-dark)}}.random footer p span{background:var(--sprite-url)0 0/32.5rem 16.25rem no-repeat}footer p a{margin-inline-start:calc(var(--large)*-1rem)}footer p a+a{margin-inline-start:calc(var(--small)*1rem);border-left:.0625rem solid var(--tertiary-fg-color);background:0 0;padding-inline-start:calc(var(--small)*1rem)}footer p abbr{display:inline-block}footer p abbr:before{display:inherit;content:attr(data-abbr)}@media (min-width:40rem){footer p abbr:before{content:attr(aria-label)}}footer ul{margin:0;margin-block-start:calc(var(--x-small)*1rem);margin-inline-start:calc(var(--large)*-1rem);padding-inline-start:calc((var(--small) + var(--medium))*1rem);--sprite-url-light:url(/img/sprite.svg#slash-light);--sprite-url-dark:url(/img/sprite.svg#slash-dark)}footer ul{--sprite-url:var(--sprite-url-light)}@media (prefers-color-scheme:dark){footer ul{--sprite-url:var(--sprite-url-dark)}}footer ul{background:var(--sprite-url)0 0/32.5rem 16.25rem no-repeat}footer ul:after{content:"";display:block;clear:both}footer li{padding:0;display:inline-block;float:left;list-style:none;background:0 0;--char-height:var(--cap-height);text-box:trim-both cap alphabetic}@supports not (text-box:trim-both cap alphabetic){footer li{--half-leading:calc(((var(--char-height) - var(--line-height)) / 2) * 1em);--offset:round(calc(((var(--descender) + (var(--ascender) - var(--char-height))) / 2) * 1em), 1px)}footer li:before{content:"";display:table;margin-bottom:round(var(--half-leading) - var(--offset),1px)}footer li:after{content:"";display:table;margin-top:calc(var(--half-leading) + var(--offset))}}footer li+li{margin-inline-start:calc(var(--medium)*1rem);border-left:.0625rem solid var(--tertiary-fg-color);background:0 0;padding-inline-start:calc(var(--medium)*1rem)}@media not (min-width:20rem){footer li:nth-child(4){clear:left;margin-inline-start:0;border-left:0;padding-inline-start:0}footer li:nth-child(n+4){margin-block-start:calc(var(--medium)*1rem)}}footer li a{padding:calc(var(--x-small)*1rem) calc(var(--small)*1rem);margin:calc(var(--x-small)*-1rem) calc(var(--small)*-1rem)}footer li a:after{display:none}@media not (min-width:32.5rem){footer li a{width:calc(var(--medium)*1rem);overflow:hidden;display:inline-block;text-indent:100px}footer li a[href*=mastodon]{--sprite-url-light:url(/img/sprite.svg#mastodon-light);--sprite-url-dark:url(/img/sprite.svg#mastodon-dark)}footer li a[href*=mastodon]{--sprite-url:var(--sprite-url-light)}}@media not (min-width:32.5rem){footer li a[href*=mastodon]{background:var(--sprite-url)0 0/32.5rem 16.25rem no-repeat}footer li a[href*=bsky]{--sprite-url-light:url(/img/sprite.svg#bluesky-light);--sprite-url-dark:url(/img/sprite.svg#bluesky-dark)}footer li a[href*=bsky]{--sprite-url:var(--sprite-url-light)}}@media not (min-width:32.5rem){footer li a[href*=bsky]{background:var(--sprite-url)0 0/32.5rem 16.25rem no-repeat}footer li a[href*=github]{--sprite-url-light:url(/img/sprite.svg#github-light);--sprite-url-dark:url(/img/sprite.svg#github-dark)}footer li a[href*=github]{--sprite-url:var(--sprite-url-light)}}@media not (min-width:32.5rem){footer li a[href*=github]{background:var(--sprite-url)0 0/32.5rem 16.25rem no-repeat}footer li a[href*=npm]{--sprite-url-light:url(/img/sprite.svg#npm-light);--sprite-url-dark:url(/img/sprite.svg#npm-dark)}footer li a[href*=npm]{--sprite-url:var(--sprite-url-light)}}@media not (min-width:32.5rem){footer li a[href*=npm]{background:var(--sprite-url)0 0/32.5rem 16.25rem no-repeat}footer li a[href*=rss]{--sprite-url-light:url(/img/sprite.svg#rss-light);--sprite-url-dark:url(/img/sprite.svg#rss-dark)}footer li a[href*=rss]{--sprite-url:var(--sprite-url-light)}}@media not (min-width:32.5rem){footer li a[href*=rss]{background:var(--sprite-url)0 0/32.5rem 16.25rem no-repeat}footer li a[href]{background-position:left calc(var(--small)*1rem) top calc((var(--x-small) + .125)*1rem)}}.card{position:relative;border-bottom:.0625rem solid var(--secondary-fg-color);padding-block:calc(var(--large)*1rem)}.card--large{padding-block:calc(var(--x-large)*1rem)}.card:before{content:"";display:block;position:absolute;inset:auto auto auto 0;width:calc(var(--small)*1rem);height:calc(var(--small)*1rem);margin-inline-start:calc((var(--medium) + var(--small))*-1rem);--sprite-url-light:url(/img/sprite.svg#arrow-light);--sprite-url-dark:url(/img/sprite.svg#arrow-dark)}.card:before{--sprite-url:var(--sprite-url-light)}@media (prefers-color-scheme:dark){.card:before{--sprite-url:var(--sprite-url-dark)}}.card:before{background:var(--sprite-url)0 0/32.5rem 16.25rem no-repeat}.random .card{--sprite-url-light:url(/img/sprite.svg#horizontal-line-light);--sprite-url-dark:url(/img/sprite.svg#horizontal-line-dark)}.random .card{--sprite-url:var(--sprite-url-light)}@media (prefers-color-scheme:dark){.random .card{--sprite-url:var(--sprite-url-dark)}}.random .card{border-image:var(--sprite-url);border-image-width:0 .25rem .25rem;border-image-slice:2.6923076923% 3.8461538462%;border-image-outset:0 0 .15rem;padding-block-end:calc(var(--large)*1rem);margin-inline-end:0}.random .card--large{padding-block-end:calc(var(--x-large)*1rem)}.random .card:before{--sprite-url-light:url(/img/sprite.svg#random-arrow-light);--sprite-url-dark:url(/img/sprite.svg#random-arrow-dark)}.card hgroup h3{--size:var(--medium);font-weight:900;--left-bearing:.07;--stem-width:.189;--x-height:.538;margin-block:0;padding-inline-end:0;border-right:0;border-image:none}.random .card hgroup h3{max-width:initial}.card hgroup small{width:auto;text-decoration:inherit}.card hgroup p{margin-block-start:calc(clamp(min(var(--small),var(--medium)),var(--small) + var(--ease-out-sine)*(var(--medium) - var(--small)),max(var(--small),var(--medium)))*1rem);margin-block-end:0}.card--large hgroup h3{--size:clamp(min(var(--medium), var(--large)), var(--medium) + var(--ease-out-sine) * (var(--large) - var(--medium)), max(var(--medium), var(--large)))}.card>p{margin-block-start:calc(clamp(min(var(--medium),var(--large)),var(--medium) + var(--ease-out-sine)*(var(--large) - var(--medium)),max(var(--medium),var(--large)))*1rem);margin-block-end:0}vercel-analytics{display:none}