@font-face{font-family:Roboto Slab Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/vendor/fonts/roboto-slab-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-paper:var(--lightningcss-light,#fff)var(--lightningcss-dark,#191a24);--color-elevated:var(--lightningcss-light,#fff)var(--lightningcss-dark,#232531);--color-subtle:var(--lightningcss-light,#f4f4f7)var(--lightningcss-dark,#14151d);--color-ink:var(--lightningcss-light,#30334f)var(--lightningcss-dark,#f0f1f7);--color-copy:var(--lightningcss-light,#464854)var(--lightningcss-dark,#c9cbd7);--color-muted:var(--lightningcss-light,#70727f)var(--lightningcss-dark,#a5a7b5);--color-line:var(--lightningcss-light,#777982)var(--lightningcss-dark,#666979);--color-line-soft:var(--lightningcss-light,#30334f1a)var(--lightningcss-dark,#f0f1f71f);--color-accent:var(--lightningcss-light,#ca7810)var(--lightningcss-dark,#f2b760);--color-code-inline:var(--lightningcss-light,#f0f1f5)var(--lightningcss-dark,#292c3b);--color-code-inline-ink:var(--lightningcss-light,#555978)var(--lightningcss-dark,#d3d6ee);--font-serif:"Roboto Slab Variable", "Roboto Slab", Georgia;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI";--font-mono:"SFMono-Regular", Consolas, "Liberation Mono";--site-width:107.5rem;--wide-width:75rem;--reading-width:65ch;--page-gutter:5.3125rem;--header-height:4rem;--shadow-raised:0 .75rem 2rem var(--lightningcss-light,#23253529)var(--lightningcss-dark,#00000061);--embedded-demo-height:39.375rem;--article-title-transition:none;--article-metadata-transition:none}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-block-start:calc(var(--header-offset,var(--header-height)) + 1rem)}@view-transition{navigation:auto}.post-card__title,.article__title{view-transition-name:var(--article-title-transition);view-transition-class:article-title}.metadata{view-transition-name:var(--article-metadata-transition);view-transition-class:article-metadata}@media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation:.14s both page-fade-out}::view-transition-new(root){animation:.22s cubic-bezier(.2,0,0,1) both page-fade-in}::view-transition-group(.article-title){animation-duration:.36s;animation-timing-function:cubic-bezier(.2,0,0,1)}::view-transition-group(.article-metadata){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,0,0,1)}::view-transition-old(.article-title){mix-blend-mode:normal}::view-transition-new(.article-title){mix-blend-mode:normal}::view-transition-old(.article-metadata){mix-blend-mode:normal}::view-transition-new(.article-metadata){mix-blend-mode:normal}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-old(.article-title){animation:none}::view-transition-new(.article-title){animation:none}::view-transition-old(.article-metadata){animation:none}::view-transition-new(.article-metadata){animation:none}}@keyframes page-fade-out{to{opacity:0;transform:translateY(-.25rem)}}@keyframes page-fade-in{0%{opacity:0;transform:translateY(.35rem)}}body{background:var(--color-paper);min-block-size:100dvh;color:var(--color-copy);font-family:var(--font-serif), serif;text-rendering:optimizelegibility;flex-direction:column;margin:0;display:flex}body>main{flex:1 0 auto}img{block-size:auto;max-inline-size:100%;display:block}a{color:inherit}.skip-link{z-index:100;background:var(--color-ink);color:var(--color-paper);font-family:var(--font-sans), sans-serif;border-radius:.35rem;padding:.65rem .9rem;font-size:.875rem;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.wide-container{inline-size:min(var(--wide-width), calc(100% - (2 * var(--page-gutter))));margin-inline:auto}.page-title{color:var(--color-ink);overflow-wrap:anywhere;letter-spacing:-.035em;margin:0;font-size:clamp(2.5rem,2.125rem + .6vw,3.25rem);font-weight:500;line-height:1.16}.page-intro{padding-block:4rem 2.5rem}.underlined{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.16em;text-decoration-line:underline;text-decoration-thickness:.075em}.post-list{padding-block-end:5rem}.section-title{color:var(--color-ink);letter-spacing:-.02em;font-size:2.25rem;font-weight:600;line-height:1.3}.page-title code,.section-title code{background:var(--color-code-inline);color:var(--color-code-inline-ink);font-family:inherit;font-size:.88em;font-weight:inherit;border-radius:.1em;padding:.05em .18em}@media (max-width:68.75rem){:root{--page-gutter:2.5rem}}@media (max-width:47.5rem){.page-intro{padding-block:2.5rem 2rem}:root{--page-gutter:1.25rem;--shadow-raised:0 .35rem .875rem var(--lightningcss-light,#23253524)var(--lightningcss-dark,#0000004d)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.site-header{z-index:20;border-block-end:1px solid var(--color-line-soft);background:var(--color-paper);position:sticky;inset-block-start:0}.site-header__inner{inline-size:min(var(--site-width), calc(100% - (2 * var(--page-gutter))));min-block-size:var(--header-height);align-items:center;gap:2rem;margin-inline:auto;display:flex}.wordmark{color:var(--color-ink);font-size:1.25rem;font-weight:500;line-height:1;text-decoration:none}.wordmark__brace{color:var(--color-accent);font-size:1.5rem}.wordmark__by{color:var(--color-muted);font-size:.875rem;font-weight:400}.theme-switch{border:1px solid var(--color-line-soft);background:var(--color-subtle);border-radius:.625rem;flex:none;gap:.1875rem;margin-inline-start:auto;padding:.1875rem;display:inline-flex}.theme-switch__button{color:var(--color-muted);cursor:pointer;font-family:var(--font-sans), sans-serif;background:0 0;border:0;border-radius:.4375rem;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:600;line-height:1;transition:background-color .16s,color .16s,box-shadow .16s;display:inline-flex}.theme-switch__button:hover{color:var(--color-ink)}.theme-switch__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.theme-switch__button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;block-size:.875rem;inline-size:.875rem}.theme-switch__system-fill{fill:currentColor;stroke:none}:root[data-theme=light] .theme-switch__button--light,:root:not([data-theme]) .theme-switch__button--system,:root[data-theme=dark] .theme-switch__button--dark{background:var(--color-elevated);color:var(--color-ink);box-shadow:0 1px 4px var(--lightningcss-light,#0000001f)var(--lightningcss-dark,#00000059)}.reading-progress{background:0 0;block-size:2px;position:absolute;inset-block-end:-1px;inset-inline:0}.reading-progress__bar{background:var(--color-accent);transform-origin:0;will-change:transform;block-size:100%;inline-size:100%;display:block;transform:scaleX(0)}@media (max-width:47.5rem){.theme-switch__label{display:none}.theme-switch__button{padding:.4375rem .5rem}}@media (prefers-reduced-motion:reduce){.theme-switch__button{transition:none}}.site-nav{font-family:var(--font-sans), sans-serif;gap:1.5rem;font-size:.875rem;display:flex}.site-nav a{color:var(--color-muted);text-decoration:none}.site-nav a[aria-current],.site-nav a:hover{color:var(--color-ink);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.4em}@media (max-width:34rem){.site-header__inner{flex-wrap:wrap;gap:.75rem;padding-block:.75rem}.wordmark{font-size:1.125rem}.site-nav{order:3;inline-size:100%;margin:0}}.site-footer{border-block-start:1px solid var(--color-line-soft);font-family:var(--font-sans), sans-serif;font-size:.875rem}.site-footer__inner{inline-size:min(var(--site-width), calc(100% - (2 * var(--page-gutter))));min-block-size:var(--header-height);color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-inline:auto;padding-block:1.25rem;display:flex}.site-footer__inner a{text-decoration:none;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.2em;text-decoration-thickness:.08em}.site-footer__inner a:hover,.site-footer__inner a:focus-visible{color:var(--color-ink);text-decoration-line:underline}.site-footer__inner a:focus-visible{outline:2px solid var(--color-accent);outline-offset:.25rem}.site-footer__feed{white-space:nowrap;align-items:center;gap:.5rem;margin-inline-start:auto;display:inline-flex}.site-footer__feed svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;block-size:.9375rem;inline-size:.9375rem}.site-footer__feed-dot{fill:currentColor;stroke:none}.site-footer__feed:hover svg,.site-footer__feed:focus-visible svg{color:var(--color-accent)}@media (max-width:47.5rem){.site-footer__feed{margin-inline-start:0}}.metadata{color:var(--color-muted);font-family:var(--font-sans), sans-serif;flex-wrap:wrap;gap:1.5rem;margin-block-end:1.5rem;font-size:1rem;line-height:1.4;display:flex}.post-card{border-block-end:2px solid var(--color-line)}.post-card__link{color:inherit;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4.625rem;padding-block:2rem;text-decoration:none;display:grid}.post-card:last-child{border-block-end:0}.post-card__image{box-shadow:var(--shadow-raised);border-radius:.75rem;display:block;overflow:hidden}.post-card__image img{aspect-ratio:2;object-fit:cover;inline-size:100%;transition:transform .22s}.post-card__image picture{display:block}.post-card__title{margin:0;display:block}.post-card__link:hover .post-card__image img,.post-card__link:focus-visible .post-card__image img{transform:scale(1.1)}.post-card__link:hover .post-card__title,.post-card__link:focus-visible .post-card__title{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.15em;text-decoration-line:underline;text-decoration-thickness:.08em}.post-card__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:.5rem}@media (max-width:68.75rem){.post-card__link{gap:2.5rem}}@media (max-width:47.5rem){.post-card__link{grid-template-columns:1fr;gap:1.5rem}}@media (prefers-reduced-motion:reduce){.post-card__image img{transition:none}.post-card__link:hover .post-card__image img,.post-card__link:focus-visible .post-card__image img{transform:none}}.project-media{background:var(--project-media-bg,#f4efe4)}.project-media img{object-fit:contain}.project-media--podcast{--project-media-bg:#f3c16b}.project-media--community{--project-media-bg:#fff}.project-card__description{text-wrap:pretty;margin:1rem 0;font-size:1.0625rem;line-height:1.65}.project-card__domain{color:var(--color-muted);font-family:var(--font-sans), sans-serif;font-size:.875rem;line-height:1.5}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.project-tile__link{color:inherit;text-decoration:none;display:block}.project-tile__image{box-shadow:var(--shadow-raised);border-radius:.75rem;margin-block-end:1.125rem;display:block;overflow:hidden}.project-tile__image img{aspect-ratio:2;inline-size:100%;transition:transform .22s}.project-tile__title{color:var(--color-ink);letter-spacing:-.02em;text-wrap:balance;margin:0 0 .375rem;font-size:1.375rem;font-weight:600;line-height:1.25}.project-tile__domain{color:var(--color-muted);font-family:var(--font-sans), sans-serif;font-size:.875rem;line-height:1.5}.project-tile__link:hover .project-tile__image img,.project-tile__link:focus-visible .project-tile__image img{transform:scale(1.06)}.project-tile__link:hover .project-tile__title,.project-tile__link:focus-visible .project-tile__title{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.15em;text-decoration-line:underline;text-decoration-thickness:.08em}.project-tile__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:.5rem}@media (max-width:68.75rem){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem}}@media (max-width:47.5rem){.project-grid{grid-template-columns:1fr;gap:2rem;margin-block-start:1.5rem}}@media (prefers-reduced-motion:reduce){.project-tile__image img{transition:none}.project-tile__link:hover .project-tile__image img,.project-tile__link:focus-visible .project-tile__image img{transform:none}}.article{gap:2.5rem;padding-block:3rem 6rem;display:grid}.article__header{inline-size:min(62.5rem, calc(100% - (2 * var(--page-gutter))));margin-inline:auto}.article__title{margin-block-start:1.5rem}.article__body{grid-template-columns:minmax(0, 1fr) minmax(0, var(--reading-width)) minmax(0, 1fr);overflow-wrap:anywhere;gap:2rem 0;min-inline-size:0;font-size:1.5rem;line-height:2;display:grid}.article__body>*{grid-column:2;min-inline-size:0;max-inline-size:100%;margin-block:0}.article__body>.wide{grid-column:1/-1}.article__body .section-title{margin-block-start:2rem}.heading-anchor{color:var(--color-accent);opacity:0;margin-inline-start:.35em;font-weight:400;text-decoration:none;transition:opacity .16s}.section-title:hover .heading-anchor,.heading-anchor:focus-visible{opacity:1}.heading-anchor:focus-visible{outline:2px solid var(--color-accent);outline-offset:.25rem}@media (hover:none){.heading-anchor{opacity:1}}@media (prefers-reduced-motion:reduce){.heading-anchor{transition:none}}.article__body a{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.15em;text-decoration-thickness:.08em}.article__body a:hover,.article__body a:focus-visible{color:var(--color-ink)}.article__body strong{color:var(--color-ink);font-weight:600}.article__body ul,.article__body ol{padding-inline-start:1.5em}.article__body li+li{margin-block-start:.5rem}.article__body blockquote{border-inline-start:.25rem solid var(--color-accent);background:var(--color-code-inline);color:var(--color-ink);padding:1.5rem 2rem}.article__body blockquote>:first-child{margin-block-start:0}.article__body blockquote>:last-child{margin-block-end:0}.article__body>table{border-collapse:collapse;inline-size:100%;font-family:var(--font-sans), sans-serif;grid-column:1/-1;font-size:1.0625rem;line-height:1.5;display:block;overflow-x:auto}.article__body th,.article__body td{border:1px solid var(--color-line);text-align:start;vertical-align:top;padding:.75rem 1rem}.article__body th{background:var(--color-code-inline);color:var(--color-ink);font-weight:600}.article__body :not(pre)>code{background:var(--color-code-inline);color:var(--color-code-inline-ink);font-family:var(--font-mono), monospace;overflow-wrap:anywhere;border-radius:.16em;padding:.08em .22em;font-size:.82em;line-height:1}.article-figure{box-shadow:var(--shadow-raised);border-radius:.75rem;margin:0;overflow:hidden}.article-figure img,.article-video{block-size:auto;inline-size:100%}.article-video{background:#000;display:block}.image-caption{background:var(--color-paper);color:var(--color-muted);font-family:var(--font-sans), sans-serif;padding:.75rem 1rem;font-size:.875rem;line-height:1.4}@media (max-width:47.5rem){.article__body{font-size:1.25rem;display:block}.article__body>*+*{margin-block-start:1.5rem}}.code-block{inline-size:100%;min-inline-size:0;max-inline-size:100%;box-shadow:var(--shadow-raised);color:#f8f8f2;font-family:var(--font-mono), monospace;background:#282a36;border-radius:.75rem;margin:0;font-size:1rem;line-height:1.7;overflow:hidden}.code-toolbar{color:#b9bbc8;min-block-size:2.75rem;font-family:var(--font-sans), sans-serif;letter-spacing:.06em;text-transform:uppercase;border-block-end:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-inline:1.25rem;font-size:.75rem;line-height:1;display:flex}.copy-button{color:inherit;cursor:pointer;font:inherit;text-transform:inherit;background:0 0;border:1px solid #ffffff38;border-radius:.3rem;padding:.4rem .6rem}.copy-button:hover,.copy-button:focus-visible{border-color:var(--color-accent);color:#f8f8f2}.code-block pre{overscroll-behavior-inline:contain;inline-size:100%;min-inline-size:0;max-inline-size:100%;color:inherit;font:inherit;tab-size:2;background:0 0;margin:0;padding:1.5rem;overflow-x:auto}.code-block code{inline-size:max-content;min-inline-size:100%;max-inline-size:none;font:inherit;display:block}.embedded-demo{block-size:var(--embedded-demo-height);box-shadow:var(--shadow-raised);background:#212121;border-radius:.75rem;margin:0;overflow:hidden}.embedded-demo__frame{border:0;block-size:100%;inline-size:100%;display:block}.profile__intro{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:3rem;padding-block:4rem 2.5rem;display:grid}.profile__avatar{border-radius:1rem;inline-size:16rem;margin-block-start:.4rem}.profile__bio{max-inline-size:56ch;margin-block-start:1.25rem}.profile__bio p{text-wrap:pretty;margin:0 0 1rem;font-size:1.125rem;line-height:1.7}.profile__bio p:first-child{color:var(--color-ink)}.profile__bio p:last-child{margin-block-end:0}.profile__section{padding-block-end:3.5rem}.profile__section:last-child{padding-block-end:5rem}.profile__section-heading{border-block-end:2px solid var(--color-line);color:var(--color-muted);font-family:var(--font-sans), sans-serif;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;padding-block-end:1rem;font-size:.875rem;line-height:1.5;display:flex}.profile__section-heading h2{color:var(--color-ink);margin:0;font-size:1rem;font-weight:600}.profile__text-link{text-decoration:none;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.2em;text-decoration-thickness:.08em}.profile__text-link:hover,.profile__text-link:focus-visible{color:var(--color-ink);text-decoration-line:underline}.profile__text-link:focus-visible,.site-nav a:focus-visible,.wordmark:focus-visible{outline:2px solid var(--color-accent);outline-offset:5px}@media (max-width:68.75rem){.profile__intro{gap:1.25rem 2.5rem}.profile__avatar{inline-size:12rem}}@media (max-width:47.5rem){.profile__intro{grid-template-columns:1fr;gap:1.25rem;padding-block:2.5rem 2rem}.profile__avatar{order:-1;inline-size:6rem;margin-block-start:0}.profile__section:last-child{padding-block-end:3rem}}