*{box-sizing:border-box}@font-face{font-family:host grotesk;font-style:normal;font-weight:100 900;src:url(/fonts/HostGrotesk[wght].woff2)format("woff2")}@font-face{font-family:host grotesk;font-style:italic;font-weight:100 900;src:url(/fonts/HostGrotesk-Italic[wght].woff2)format("woff2")}@font-face{font-family:geist mono;font-style:normal;font-weight:100 900;src:url(/fonts/GeistMono[wght].woff2)format("woff2")}@font-face{font-family:geist mono;font-style:italic;font-weight:100 900;src:url(/fonts/GeistMono-Italic[wght].woff2)format("woff2")}:root{--space-lg:3rem;--space-md:1.25rem;--space-sm:1rem;--container-padding:1.25rem;--container-max-width:860px;--grid-size:250px;--font-sans:"Host Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", monospace;--font-heading:900;--font-bold:700;--font-normal:400;--leading-text:1.75;--leading-heading:1.325;--text-code:16px;--text-base:19px;--text-h-base:20px;--text-h1:36px;--text-h2:27px;--text-h3:21px;--text-h4:18px;--text-h5:16px;--text-h6:14px;--color-bg:oklch(96.7% 0.001 286.375);--color-text:oklch(14.1% 0.005 285.823);--color-header:oklch(0% 0 0);--color-border:oklch(87.1% 0.006 286.286);--color-grid:oklch(92% 0.004 286.32);--color-link:#0369a1;--color-link-hover:color-mix(in srgb, var(--color-link) 75%, #000 25%);--color-link-underline:color-mix(
    in srgb,
    var(--color-link) 50%,
    var(--color-bg)
  );--color-card-bg:oklch(100% 0 0);--color-code-bg:#f8f8f8;--color-pre-border:#204a87;--color-code-title-bg:var(--color-pre-border);--color-code-title-text:oklch(100% 0 0)}@media(max-width:768px){:root{--space-lg:1.75rem;--space-md:1.25rem;--text-code:15px;--text-base:17px;--text-h-base:18px;--text-h1:35px;--text-h2:26px;--text-h3:20px;--text-h4:17px;--text-h5:15px;--text-h6:13px}}@media(prefers-color-scheme:dark){:root{--color-bg:#0d1117;--color-text:#c9d1d9;--color-header:#e6edf3;--color-border:#30363d;--color-grid:#1a222c;--color-link:#58a6ff;--color-link-hover:color-mix(in srgb, var(--color-link) 75%, #fff 25%);--color-link-underline:color-mix(
      in srgb,
      var(--color-link) 50%,
      var(--color-bg)
    );--color-card-bg:#161b22;--color-code-bg:#161b22;--color-pre-border:var(--color-link);--color-code-title-text:var(--color-bg)}}body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-weight:var(--font-normal);font-size:var(--text-base);line-height:var(--leading-text);-webkit-text-size-adjust:100%;background-image:linear-gradient(var(--color-grid) .5px,transparent .5px),linear-gradient(to right,var(--color-grid) .5px,transparent .5px);background-size:var(--grid-size)var(--grid-size)}strong{font-weight:var(--font-bold)}p{color:var(--color-text);font-size:var(--text-base)}h1,h2,h3,h4,h5,h6{margin:0;color:var(--color-header);font-family:var(--font-sans);font-weight:var(--font-heading);line-height:var(--leading-heading)}h1>a,h2>a,h3>a,h4>a,h5>a,h6>a{font-family:inherit;font-weight:inherit}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}h4{font-size:var(--text-h4)}h5{font-size:var(--text-h5)}h6{font-size:var(--text-h6)}a{color:var(--color-link);font-weight:var(--font-bold);text-decoration:underline;text-decoration-color:var(--color-link-underline);transition:color 150ms,text-decoration-color 150ms}a:hover{color:var(--color-link-hover);text-decoration-color:var(--color-link-hover)}pre,code{font-family:var(--font-mono);font-size:var(--text-code)}pre{padding-block:var(--space-sm);border:2px solid var(--color-pre-border);overflow-x:auto;tab-size:2}pre>code>span>span{padding-inline:var(--space-sm)}p code,ul code{padding:.25rem;background-color:var(--color-code-bg);font-weight:var(--font-bold)}:not(.highlight)>pre{padding-inline:var(--space-sm);background-color:var(--color-code-bg)}ol,ul{padding-inline-start:32px}ul{list-style-type:square}li{padding-inline-start:8px}blockquote{margin:0;padding:0 var(--space-lg);display:flex;flex-direction:column;background-color:var(--color-code-bg);border-inline-start:4px solid var(--color-link)}hr{height:3px;border:none;margin-block:var(--space-lg);background-color:var(--color-border)}img{display:block;width:100%;height:auto}.container{width:100%;max-width:var(--container-max-width);margin-inline:auto;padding-inline:var(--container-padding)}main>:first-child{margin-block-start:0}main>:last-child{margin-block-end:0}.site-header{padding-block:var(--space-lg);font-size:var(--text-h3);display:flex;align-items:center;justify-content:space-between}.site-footer{padding-block:var(--space-lg);text-align:center}.card{margin-block:var(--space-lg);padding:var(--space-lg);background-color:var(--color-card-bg);border:3px solid var(--color-border);box-shadow:9px 9px var(--color-border)}.card>:first-child{margin-block-start:0}.card>:last-child{margin-block-end:0}@media(max-width:768px){.card{padding-inline:var(--space-md);margin-inline:calc(-1 * var(--container-padding));border-inline:none}}.hero{margin-block:var(--space-lg);display:flex;align-items:center;column-gap:var(--space-lg)}.hero>img{flex-shrink:0;width:220px;height:auto;border:1px solid var(--color-text);box-shadow:9px 9px var(--color-border)}@media(max-width:768px){.hero{flex-direction:column;align-items:flex-start}.hero>img{width:128px}}.portfolio-list{display:flex;flex-direction:column;row-gap:var(--space-lg)}.portfolio-item{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;column-gap:var(--space-lg);row-gap:var(--space-lg)}.portfolio-item>a{overflow:hidden;width:100%;border:1px solid var(--color-text);box-shadow:9px 9px var(--color-border)}.portfolio-item img{object-fit:contain;max-width:100%;max-height:100%;width:auto;height:auto}.portfolio-item h2{font-size:var(--text-h3)}@media(min-width:768px){.portfolio-item>div>:first-child{margin-block-start:0}.portfolio-item>div>:last-child{margin-block-end:0}.portfolio-item:nth-child(odd)>a{order:1}}article{counter-reset:h2 figure;overflow-wrap:break-word}article.card h1:has(a){font-size:var(--text-h2)}article h2,article h3,article h4,article h5,article h6{margin-block-start:1.875em;margin-block-end:.873em;font-size:var(--text-h-base)}article h2{counter-increment:h2;counter-reset:h3}article h3{counter-increment:h3;counter-reset:h4}article h4{counter-increment:h4;counter-reset:h5}article h5{counter-increment:h5;counter-reset:h6}article h6{counter-increment:h6}article h2::before,article h3::before,article h4::before,article h5::before,article h6::before{display:inline-block;width:100%;max-width:40px}article h2::before{content:counter(h2)"."}article h3::before{content:counter(h2)"." counter(h3)"."}article h4::before{content:counter(h2)"." counter(h3)"." counter(h4)"."}article h5::before{content:counter(h2)"." counter(h3)"." counter(h4)"." counter(h5)"."}article h6::before{content:counter(h2)"." counter(h3)"." counter(h4)"." counter(h5)"." counter(h6)"."}article img{border:3px solid var(--color-border)}article figure{margin:0;counter-increment:figure}article figure>figcaption{margin-block-end:var(--space-sm);text-align:center}article figure>figcaption::before{content:"Figure " counter(figure)". ";font-weight:700}.table{overflow-x:auto;line-height:var(--leading-heading)}.table table{width:100%;border-collapse:collapse;font-size:var(--text-code);table-layout:fixed}.table th{text-align:start;border-bottom:3px solid var(--color-text)}.table td{border-bottom:2px solid var(--color-border)}.table td,.table th{padding:.5rem .25rem}.code-title{display:inline-block;padding:.25rem 1rem;font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--color-code-title-text);background-color:var(--color-code-title-bg)}.code-title+.highlight pre{margin-block-start:0;border-start-start-radius:0}.katex-display{overflow-y:clip;overflow-x:auto}