body,h1,h2,h3{margin:0}a{color:inherit;scroll-margin-block:9px;text-decoration:none}p{margin-block:1.25em}abbr{text-underline-offset:2px;text-decoration-style:dashed}code{font-family:inherit}::selection{text-shadow:none;background:#0ff4}body{color:var(--off-white);--bg-line-color:#5552;background:var(--gray-darker);background-size:48px 27.5px;background-image:repeating-linear-gradient(90deg, var(--bg-line-color) 0 1px, #0000 0 23px, var(--bg-line-color) 0 24px, #0000 0), repeating-linear-gradient(30deg, var(--bg-line-color) 0 2px, #0000 0 24px), repeating-linear-gradient(-30deg, var(--bg-line-color) 0 2px, #0000 0 24px);font-family:Fira Code,monospace;font-size:1.0625rem;line-height:1.5}@media (width>=501px){body{font-size:1.125rem}}html{--white:#fff;--off-white:#eee;--gray:#ccc;--gray-dark:#333;--gray-darker:#222;--yellow:#fc1}h1,h2,h3{letter-spacing:.05em;font-family:Fira Sans,sans-serif;font-weight:600;line-height:1.2}h1{font-size:2.25rem}@media (width>=501px){h1{font-size:2.5rem}}h2{font-size:1.5rem}h3{font-size:1.25rem}h1+p{margin-block-start:2rem}p a{--highlight-color:var(--off-white);color:var(--yellow);text-shadow:0 1px 0 var(--gray-darker), 0 -1px 0 var(--gray-darker), 1px 0 var(--gray-darker), -1px 0 0 var(--gray-darker);background-image:linear-gradient(transparent calc(100% - 4px), var(--highlight-color) 0 calc(100% - 3px), transparent 0), linear-gradient(transparent calc(100% - 1px), var(--highlight-color) 0 100%);background-repeat:no-repeat;background-size:100% 100%,0 100%;transition:background-size .2s;position:relative}p a:before{content:"";outline:1px solid var(--highlight-color);opacity:0;transition:opacity .2s;position:absolute;inset-block:1px;inset-inline:0}p a:hover{background-size:100% 100%,100% 100%}p a:focus{outline:none}p a:focus:before{opacity:1}p a:active{--highlight-color:var(--white)}.screen{background:var(--off-white);border:2px solid var(--off-white);outline-offset:2px;outline:2px solid #0000;flex-grow:1;flex-basis:0;max-width:640px;transition:box-shadow .5s,outline-color .2s;position:relative}.screen:before{content:"";background-image:radial-gradient(circle at 10px, var(--gray) 5px, #0000 0), radial-gradient(circle at 25px, var(--gray) 5px, #0000 0), radial-gradient(circle at 40px, var(--gray) 5px, #0000 0);height:24px;display:block}.screen>div{aspect-ratio:16/9;isolation:isolate;place-items:center;max-height:100%;display:grid;overflow-y:auto}.screen .label{color:var(--gray-dark);z-index:-1;padding:1em;position:absolute}.screen img,.screen video{width:100%;display:block}.screen:focus,.screen:hover{box-shadow:0 4px 24px #000}.screen>:focus{outline:none}.screen:has(:focus){outline-color:var(--white)}.screen:has(img):after{text-align:center;content:"↕";opacity:0;width:100%;font-size:1.5rem;transition:opacity .2s;position:absolute}.screen:has(:focus img):after{opacity:1}time{background-color:var(--gray);color:var(--gray-darker);padding-inline:.5rem;font-size:14px;font-weight:700;transition:background-color .3s}main>header>time{background-color:var(--off-white);padding-top:2px}html{min-height:100vh}@view-transition{navigation:auto}body>header a[href=\/]{view-transition-name:site-brand}::view-transition-old(root),::view-transition-new(root),::view-transition-old(site-brand),::view-transition-new(site-brand){animation:none}html:has(body>header a[href=\/][aria-current])::view-transition-old(site-brand),html[data-previous-page-was-home=true]::view-transition-old(site-brand){animation:.15s ease-in both brand-fade-out}html:has(body>header a[href=\/][aria-current])::view-transition-new(site-brand),html[data-previous-page-was-home=true]::view-transition-new(site-brand){animation:.2s ease-out both brand-fade-in}@keyframes brand-fade-out{to{opacity:0}}@keyframes brand-fade-in{0%{opacity:0}}main>header,main>h1,main>p,.content>*,article.listing>div,article.work{transition:translate .5s,opacity .5s}html[data-slide-in=pending] main>header,html[data-slide-in=pending] main>h1,html[data-slide-in=pending] main>p,html[data-slide-in=pending] .content>*,html[data-slide-in=pending] article.listing>div,html[data-slide-in=pending] article.work{opacity:0;transition:none}main>p,header,article,main>h1,.content>*{margin-inline:max(9px,16vw - 80px)}main>p,main header,article.listing,main>h1,.content>*{max-width:46rem}main>h1~p:last-of-type{margin-block-end:0}main,.content{margin-block:4rem}section{overflow-x:hidden}figure{margin:0;margin-block-start:1.5rem;font-family:sans-serif;font-size:1rem}blockquote{color:var(--gray);margin:0;font-style:italic}blockquote:before{content:open-quote}blockquote:after{content:close-quote}figcaption div{letter-spacing:.05em;margin-block-start:.5rem;font-family:Fira Sans,sans-serif;font-weight:600}figcaption cite{font-style:normal}a[data-astro-cid-evkijfd6]{background:var(--gray-darker);border:2px solid var(--off-white);outline-offset:-2px;border-image-slice:1;border-image-source:conic-gradient(from var(--deg), var(--off-white), #999, var(--off-white));outline:2px solid #0000;justify-content:center;align-items:center;height:2rem;padding-inline:.25rem;font-size:1.25rem;transition:color .3s,outline-color .3s;display:flex;position:relative}@media (width>=501px){a[data-astro-cid-evkijfd6]{padding-block:.25rem;padding-inline:.75rem;font-size:1.5rem}a[data-astro-cid-evkijfd6]:before,a[data-astro-cid-evkijfd6]:after{content:"";transition:all .2s;display:block;position:absolute}}a[data-astro-cid-evkijfd6]:focus,a[data-astro-cid-evkijfd6]:hover{color:var(--white);outline-color:var(--off-white)}a[data-astro-cid-evkijfd6][aria-current]{color:var(--yellow)}a[data-astro-cid-evkijfd6][href=\/]{--deg:var(--brand-border-deg,0deg);&[aria-current]{display:none}@media (width>=501px){&:before,&:after{font-size:.6em;font-weight:600}&:before{content:"<";left:.2em}&:after{content:"-";right:.2em}&:not(:focus,:hover):before,&:not(:focus,:hover):after{opacity:0}}}@keyframes play-pong{0%{transform:translateY(-8px)}to{transform:translateY(8px)}}a[data-astro-cid-evkijfd6][href=\/play]{&:before,&:after{width:2px;height:14px}&:before{left:-2px}&:after{right:-2px}&:focus:before,&:hover:before,&:focus:after,&:hover:after{background-color:var(--off-white);animation:1s linear infinite play-pong}&:focus:before,&:hover:before{animation-direction:alternate;left:4px}&:focus:after,&:hover:after{animation-direction:alternate-reverse;right:4px}}a[data-astro-cid-evkijfd6][href=\/work]{isolation:isolate;@media (width>=501px){&:before{z-index:-1;background:linear-gradient(-45deg, transparent, transparent 6px, var(--off-white) 0);transition:all .1s;position:absolute;inset:3px 100% 100% 3px}&:after{background:linear-gradient(var(--gray-darker), var(--gray-darker) 5px, var(--off-white) 0);width:18px;box-shadow:inset 0 0 0 2px var(--gray-darker);border:2px solid #0000;border-bottom:none;transition:all .15s;top:-2px}&:focus,&:hover{color:var(--gray-darker);transition:all .15s}&:focus:before,&:hover:before{bottom:3px;right:3px}&:focus:after,&:hover:after{border-color:var(--off-white);padding-top:9px;transition:all .15s .1s;top:-4px}}}@keyframes blink{0%{opacity:.7}to{opacity:1}}a[data-astro-cid-evkijfd6][href=\/blog]{&:before,&:after{transition:all .25s steps(3,end)}&:before{z-index:-1;background:linear-gradient(to right, var(--gray-darker), var(--gray-darker) 6px, transparent 0, transparent calc(100% - 6px), var(--gray-darker) 0, var(--gray-darker)), linear-gradient(transparent, transparent 6px, white 0, white 8px, transparent 0, transparent 12px, white 0, white 14px, transparent 0, transparent);border:2px solid var(--off-white);border-top:none;height:18px;top:calc(100% - 18px);left:10px;right:10px}&:after{opacity:0;background:#fff;border-radius:50%;width:3px;height:3px;top:5px;right:5px}&:focus:before,&:hover:before{top:100%}&:focus:after,&:hover:after{animation:1s ease-in-out infinite alternate blink}}header[data-astro-cid-nen7h5rs]{margin-block:9px}nav[data-astro-cid-nen7h5rs],nav[data-astro-cid-nen7h5rs] div[data-astro-cid-nen7h5rs]{flex-wrap:wrap;gap:8px;display:flex}nav[data-astro-cid-nen7h5rs]>div[data-astro-cid-nen7h5rs]:first-child{margin-inline-end:auto}body{overflow-y:scroll}