@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}button,input,textarea,select{font:inherit}img,video,canvas,svg{max-width:100%;height:auto;display:block}}@layer base{html{background:var(--color-bg);scroll-behavior:smooth}body{background:var(--color-bg);min-block-size:100dvh;color:var(--color-fg);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--leading-snug);flex-direction:column;transition:background-color .2s,color .2s;display:flex}address{font-style:normal}code{font-family:var(--font-mono);background:var(--color-code-bg);border-radius:var(--radius-sm);padding:.08em .25em;font-size:.8em}strong{font-weight:var(--weight-bold);color:var(--color-fg)}em{font-style:italic}a{color:var(--color-link);text-underline-offset:.18em;text-decoration-thickness:.08em;transition:color .15s}a:hover{color:var(--color-link-hover)}a:active{opacity:.85;transition:opacity 80ms}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}::selection{background:var(--color-selection-bg);color:var(--color-fg)}@media (width<=700px){:focus-visible{outline-offset:1px}}}@layer layout{:where(.site-header,.site-footer,.home-intro,.home-section,.page-shell,.post,.about-page){width:min(100% - 2 * var(--gutter), var(--page));margin-inline:auto}.post{width:min(100% - 2 * var(--gutter), var(--measure-wide))}.skip-link{left:calc(var(--gutter) + env(safe-area-inset-left));top:calc(var(--space-3) + env(safe-area-inset-top));z-index:10;background:var(--color-fg);color:var(--color-bg);padding:var(--space-3) var(--space-4);min-block-size:var(--touch-target);align-items:center;text-decoration:none;transition:transform .15s;display:inline-flex;position:absolute;transform:translateY(-150%)}.skip-link:focus{outline:2px solid var(--color-accent);outline-offset:2px;transform:translateY(0)}.site-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-8) var(--space-6);border-bottom:1px solid var(--color-rule);flex-wrap:wrap;display:flex}main{flex:1 0 auto}.site-title{align-items:center;gap:var(--space-3);color:var(--color-fg);font-size:var(--fs-lg);font-weight:var(--weight-bold);letter-spacing:-.005em;text-decoration:none;display:inline-flex}.site-mark{block-size:1.5rem;inline-size:auto;color:var(--color-accent);flex-shrink:0;display:block}.site-title:hover .site-mark,.site-title:focus-visible .site-mark{color:var(--color-accent-hover)}.header-actions{align-items:center;gap:var(--space-2) var(--space-6);flex-wrap:wrap;min-width:0;display:flex}.site-nav{gap:var(--space-1) var(--space-5);flex-wrap:wrap;display:flex}.site-nav a,.site-footer a{min-height:var(--touch-target);color:var(--color-muted);align-items:center;text-decoration:none;display:inline-flex}.site-nav a:hover,.site-footer a:hover{color:var(--color-fg);text-underline-offset:.25em;text-decoration:underline}.site-nav a[aria-current]{color:var(--color-fg)}.site-footer{border-top:1px solid var(--color-rule);margin-top:var(--space-16);padding-block:var(--space-8)}.footer-meta{align-items:center;gap:var(--space-2) var(--space-5);color:var(--color-muted);font-size:var(--fs-caption);white-space:nowrap;flex-wrap:nowrap;display:flex}.footer-meta a,.footer-meta>span{min-height:var(--touch-target);align-items:center;display:inline-flex}.footer-meta a{padding-inline:var(--space-1);margin-inline:calc(-1 * var(--space-1))}.footer-copyright{gap:.25em}.footer-contact{align-items:center;gap:var(--space-2) var(--space-5);flex-wrap:nowrap;min-width:0;display:flex}.home-intro{align-items:start;gap:var(--space-8);padding-block:clamp(2rem, 5vw, 4rem) var(--space-6);display:flex}.home-intro__text{flex:1;min-width:0}.portrait{width:calc(2 * var(--fs-3xl) * var(--leading-tight));aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--color-rule);background:var(--color-code-bg);flex:none;display:block;overflow:hidden}.portrait img{object-fit:cover;width:100%;height:100%}.home-intro h1,.page-header h1,.post-header h1,.post-header h2{max-width:var(--measure-wide);color:var(--color-fg);font-size:var(--fs-3xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);text-wrap:balance}.home-intro-name{color:var(--color-accent)}.home-intro p,.page-header p,.dek{max-width:var(--measure);color:var(--color-muted);font-size:var(--fs-dek)}.home-intro h1+p,.page-header h1+p{margin-top:var(--space-4)}.post-header{max-width:var(--measure-wide);padding-block:var(--space-10) var(--space-6)}.page-header{max-width:var(--measure-wide);padding-block:var(--space-2) var(--space-6)}.page-header:has(>.page-header-action){grid-template-columns:minmax(0,1fr) auto;align-items:start;max-width:none;display:grid}.page-header-action{min-block-size:var(--touch-target);min-inline-size:var(--touch-target);color:var(--color-muted);grid-area:1/2;justify-content:center;align-items:center;line-height:0;transition:color .15s;display:inline-flex}.page-header-action:hover,.page-header-action:focus-visible{color:var(--color-link-hover)}.post-header .dek{margin-block:var(--space-4) 0}.post-meta{margin-block:var(--space-3) 0;color:var(--color-muted);font-size:var(--fs-caption);line-height:1.4}.home-section,.page-shell{margin-top:var(--space-8)}@media (width<=700px){.site-header{padding-block:var(--space-6) var(--space-4)}.home-intro{gap:var(--space-4);padding-block:var(--space-6) var(--space-5)}.home-intro h1{overflow-wrap:break-word}.portrait{width:4.5rem}.page-header,.post-header{padding-block:var(--space-6) var(--space-4)}.site-title-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-title{min-height:var(--touch-target);padding-inline:var(--space-2);margin-inline:calc(-1 * var(--space-2))}.header-actions{gap:var(--space-2) var(--space-3);flex-grow:1}.site-nav{justify-content:center;gap:var(--space-1) var(--space-3);flex-grow:1}.site-footer{margin-top:var(--space-10);padding-block:var(--space-6) calc(var(--space-6) + env(safe-area-inset-bottom))}.footer-meta,.footer-contact{gap:var(--space-2);flex-wrap:wrap}.footer-meta{font-size:var(--fs-xs)}.home-section,.page-shell{margin-top:0}}@media (width<=390px){.home-intro .cta-row{margin-left:calc(-4.5rem - var(--space-4))}}@media (width<=360px){.footer-name{display:none}}@media (width<=320px){.site-header{position:relative}.header-actions{width:100%}.site-title{min-height:0}}}@layer components{.cta-row{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.cta-button{min-height:var(--touch-target);border:1px solid var(--color-rule-strong);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-link);font-size:var(--fs-base);font-weight:var(--weight-semibold);align-items:center;gap:.4em;padding-inline:1.25em;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.cta-button:hover,.cta-button:focus-visible{border-color:var(--color-link);background:var(--color-callout-bg);color:var(--color-link-hover)}.cta-button--primary{border-color:var(--color-link);background:var(--color-link);color:var(--color-bg)}.cta-button--primary:hover,.cta-button--primary:focus-visible{border-color:var(--color-link-hover);background:var(--color-link-hover);color:var(--color-bg)}.section-heading{justify-content:space-between;align-items:baseline;gap:var(--space-4);width:100%;margin-bottom:var(--space-4);padding-top:var(--space-6);flex-wrap:wrap;display:flex}:where(.section-heading,.archive-year,.at-a-glance) h2{font-size:var(--fs-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.section-heading a{min-height:var(--touch-target);color:var(--color-muted);font-size:var(--fs-caption);align-items:center;text-decoration:none;display:inline-flex}.section-heading a:hover{color:var(--color-fg);text-underline-offset:.25em;text-decoration:underline}.tag-list{gap:var(--space-1) var(--space-2);margin:var(--space-2) 0 0;color:var(--color-muted);font-size:var(--fs-caption);flex-wrap:wrap;padding:0;list-style:none;display:flex}.tag-list a{min-height:2rem;padding-inline:var(--space-1);margin-inline:calc(-1 * var(--space-1));color:var(--color-muted);align-items:center;text-decoration:none;display:inline-flex}.tag-list a:before{content:"#";color:var(--color-rule-medium)}.tag-list .tag-count{border-radius:var(--radius-pill);background:var(--color-code-bg);color:var(--color-fg);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;margin-inline-start:.35em;padding:0 .4em}.tag-list a:hover,.tag-list a[aria-current=page]{color:var(--color-fg)}.tag-list.tag-list--described{gap:var(--space-4);margin-top:var(--space-6);display:grid}.tag-list--described>li{align-items:baseline;gap:var(--space-4);grid-template-columns:8rem minmax(0,1fr);display:grid}.tag-list--described a{justify-self:start}.tag-description{max-width:var(--measure);font-size:var(--fs-base);margin:0}.tag-filter{align-items:baseline;gap:var(--space-3) var(--space-4);margin:0 0 var(--space-8);padding-block:var(--space-4);border-block:1px solid var(--color-rule);flex-wrap:wrap;display:flex}.tag-filter__label{color:var(--color-muted);font-size:var(--fs-xs);font-weight:var(--weight-semibold);letter-spacing:.1em;text-transform:uppercase;flex:none}.tag-filter .tag-list{gap:var(--space-2);flex:18rem;margin:0}.tag-filter .tag-list a{padding-inline:var(--space-3);border:1px solid var(--color-rule);border-radius:var(--radius-pill);margin-inline:0;transition:background-color .15s,border-color .15s,color .15s}.tag-filter .tag-list a:hover,.tag-filter .tag-list a:focus-visible{border-color:var(--color-accent);background:var(--color-callout-bg);color:var(--color-fg)}.tag-filter .tag-list a:hover:before,.tag-filter .tag-list a:focus-visible:before{color:var(--color-accent)}.tag-filter .tag-list a[aria-current=page]{border-color:var(--color-accent);background:color-mix(in oklch, var(--color-accent) 16%, var(--color-bg));color:var(--color-fg)}.tag-filter .tag-list a[aria-current=page]:before{color:var(--color-accent)}@media (width<=700px){.section-heading{gap:var(--space-2) var(--space-4)}.tag-filter{margin-bottom:var(--space-5);padding-block:var(--space-3);display:block}.tag-filter .tag-list{gap:var(--space-2);margin-top:var(--space-3)}.tag-list{gap:0 var(--space-3)}.tag-list a{min-height:2.25rem}.tag-list--described>li{grid-template-columns:1fr;gap:0}}.article-list,.project-list{width:100%;margin:0;padding:0;list-style:none}.project-list{columns:18rem;column-gap:var(--space-4)}.project-list>li{break-inside:avoid;margin-block-end:var(--space-4)}.article-list>li{align-items:center;gap:var(--space-4);padding-block:var(--space-6);border-top:1px solid var(--color-rule);grid-template-columns:4.5rem minmax(0,1fr) minmax(8rem,11rem);grid-template-areas:"date content thumb";display:grid}.article-list>li:first-child{border-top:0}.article-list .entry-period{color:var(--color-muted);font-size:var(--fs-caption);text-align:end;grid-area:date}.article-list>li>article{min-width:0;padding-right:var(--space-3);grid-area:content}.article-list h3,.project-list .project-card__title{font-size:var(--fs-base);line-height:var(--leading-snug)}.project-list .project-card__title{color:var(--color-fg);font-weight:var(--weight-semibold)}.article-list .entry-title{min-height:28px;color:var(--color-fg);font-weight:var(--weight-semibold);align-items:center;text-decoration:none;display:inline-flex}.article-list .entry-title:hover{color:var(--color-link-hover)}.article-list p,.project-list p{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--fs-base);line-height:var(--leading-snug)}.article-list .entry-stack{color:color-mix(in oklch, var(--color-muted) 80%, var(--color-bg));font-size:var(--fs-sm);overflow-wrap:anywhere;margin-top:0}.entry-stack a{color:inherit;white-space:nowrap;text-decoration:none}.entry-stack a:hover,.entry-stack a:focus-visible{color:var(--color-fg);text-decoration:underline}.entry-thumbnail{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-code-bg);aspect-ratio:4/3;transition:border-color .15s;display:block;overflow:hidden}.entry-thumbnail img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}a.entry-thumbnail{text-decoration:none}a.entry-thumbnail:hover,a.entry-thumbnail:focus-visible,.article-list>li:focus-within .entry-thumbnail{border-color:var(--color-rule-strong)}.article-thumbnail{grid-area:thumb;align-self:center}.archive-year,.article-list--timeline{--timeline-date-column:6.25rem;--timeline-marker-column:1.125rem;--timeline-marker-offset:.5625rem;--timeline-gap:var(--space-4);--timeline-date-offset:1.125rem;--timeline-dot-top:50%;--timeline-marker-center:calc(var(--timeline-date-column) + var(--timeline-gap) + var(--timeline-marker-offset))}.article-list--timeline>li{grid-template-columns:var(--timeline-date-column) var(--timeline-marker-column) minmax(0, 1fr) minmax(8rem, 11rem);column-gap:var(--timeline-gap);border-top:0;grid-template-areas:"date marker content thumb";position:relative}.article-list--timeline>li:before,.article-list--timeline>li:after{content:"";left:var(--timeline-marker-center);z-index:0;pointer-events:none;position:absolute}.article-list--timeline>li:before{background:var(--color-rule-medium);width:1px;inset-block:0;transform:translate(-50%)}.article-list--timeline>li:first-child:before{inset-block-start:var(--timeline-dot-top)}.article-list--timeline>li:last-child:before{inset-block-end:calc(100% - var(--timeline-dot-top))}.archive-year+.archive-year .article-list--timeline>li:first-child:before{inset-block-start:0}.archive-year:has(+.archive-year) .article-list--timeline>li:last-child:before{inset-block-end:0}.archive-year+.archive-year>h2{isolation:isolate;position:relative}.archive-year+.archive-year>h2:before{content:"";left:var(--timeline-marker-center);z-index:-1;background:var(--color-rule-medium);pointer-events:none;width:1px;position:absolute;inset-block-start:calc(-1 * var(--archive-year-gap));inset-block-end:calc(-1 * var(--archive-heading-gap));transform:translate(-50%)}.article-list--timeline>li:after{top:var(--timeline-dot-top);border:2px solid var(--color-bg);border-radius:var(--radius-pill);background:var(--color-accent);width:.75rem;height:.75rem;box-shadow:0 0 0 1px var(--color-rule-strong);transform:translate(-50%,-50%)}.article-list--timeline>li>article,.article-list--timeline .entry-period,.article-list--timeline .entry-thumbnail{z-index:1;position:relative}.article-list--timeline .entry-period{width:max-content;min-block-size:0;color:var(--color-muted);font-size:var(--fs-sm);white-space:nowrap;transform-origin:100%;place-self:center end;margin-inline-end:calc(-1 * var(--timeline-date-offset));padding-inline-end:4px;line-height:1.2;display:inline-block;top:5px;transform:rotate(-45deg)}@media (width<=960px){.article-list>li{gap:var(--space-4);padding-block:var(--space-5);grid-template-columns:5rem minmax(0,1fr) 9rem}.archive-year,.article-list--timeline{--timeline-date-column:5.75rem}.article-list--timeline>li{grid-template-columns:var(--timeline-date-column) var(--timeline-marker-column) minmax(0, 1fr) 9rem;column-gap:var(--timeline-gap)}}@media (width<=700px){.article-list,.archive-year{--list-thumb-column:clamp(4.75rem, 22vw, 6rem)}.article-list>li{grid-template-columns:var(--list-thumb-column) minmax(0, 1fr);gap:var(--space-2) var(--space-3);padding-block:var(--space-4);grid-template-rows:auto 1fr;grid-template-areas:"thumb content""date content"}.archive-year,.article-list--timeline{--timeline-date-column:var(--list-thumb-column);--timeline-marker-column:1rem;--timeline-marker-offset:.5rem;--timeline-gap:var(--space-3);--timeline-date-offset:.875rem;--timeline-dot-top:1.45rem}.article-list--timeline>li{grid-template-columns:var(--timeline-date-column) var(--timeline-marker-column) minmax(0, 1fr);gap:var(--space-2) var(--timeline-gap);grid-template-areas:"date marker content""thumb marker content"}.article-list>li>article{padding-right:0}.article-list .entry-period{white-space:nowrap}.article-list--timeline .entry-period{width:auto;max-width:100%;font-size:var(--fs-xs);white-space:normal;place-self:start end;margin-inline-end:0;padding-inline-end:0;inset-block-start:0;transform:none}.article-list .entry-thumbnail{aspect-ratio:1;align-self:start}.project-list{columns:1;column-gap:var(--space-3)}.project-list>li{margin-block-end:var(--space-3)}}.photo-zoom{appearance:none;color:inherit;background:0 0;border:0;margin-inline:auto;padding:0;display:block}.photo-viewer{display:none}@supports selector(:modal){.photo-zoom{cursor:zoom-in}.photo-viewer:modal{width:100vw;max-width:none;height:100%;max-height:none;padding:max(var(--gutter), env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) max(var(--gutter), env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));backdrop-filter:blur(3px);opacity:1;background:light-dark(#181817d1,#0c0c0be0);border:0;justify-content:center;align-items:center;margin:0;transition:opacity .18s;display:flex;position:fixed;inset:0;overflow:hidden}@starting-style{.photo-viewer:modal{opacity:0}}.photo-viewer__dismiss{appearance:none;cursor:zoom-out;background:0 0;border:0;padding:0;position:absolute;inset:0}.photo-viewer .photo-viewer__figure{display:contents}.photo-viewer__status{justify-items:center;gap:var(--space-4);max-width:calc(100% - 2 * var(--gutter));color:#f6f2ea;text-align:center;pointer-events:none;display:grid;position:absolute}.photo-viewer__status[hidden]{display:none}.photo-viewer[data-state=loading] .photo-viewer__status:before{content:"";border-radius:var(--radius-pill);border:2px solid #ffffff47;border-top-color:currentColor;width:2rem;height:2rem;animation:.8s linear infinite photo-viewer-spin}@keyframes photo-viewer-spin{to{transform:rotate(1turn)}}.photo-viewer[data-state=loading] .photo-viewer__img,.photo-viewer[data-state=error] .photo-viewer__img{opacity:0;pointer-events:none}.photo-viewer .photo-viewer__img{border-radius:var(--radius-lg);background:var(--color-code-bg);border:0;width:auto;max-width:100%;height:auto;max-height:100%;position:relative;box-shadow:0 1.5rem 3.5rem #0000008c}.photo-viewer__close{z-index:1;width:var(--touch-target);height:var(--touch-target);appearance:none;border-radius:var(--radius-pill);color:#f6f2ea;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;place-items:center;padding:0;transition:background-color .15s,border-color .15s;display:grid;position:absolute;inset-block-start:max(var(--gutter), env(safe-area-inset-top));inset-inline-end:max(var(--gutter), env(safe-area-inset-right))}.photo-viewer__close:hover,.photo-viewer__close:focus-visible{background:#ffffff38;border-color:#ffffff8c}.photo-viewer__close svg{width:1.25rem;height:1.25rem}html:has(.photo-viewer:modal){scrollbar-gutter:stable;overflow:hidden}}.portrait{appearance:none;color:inherit;padding:0}.portrait picture{width:100%;height:100%;display:block}@supports selector(:modal){.portrait{cursor:zoom-in}.portrait img{transition:transform .25s}.portrait:hover img,.portrait:focus-visible img{transform:scale(1.05)}}.project-card{border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-bg);min-width:0;transition:border-color .15s;display:grid;position:relative;overflow:hidden}.project-card:hover,.project-card:focus-within,.project-card:target{border-color:var(--color-rule-strong)}.project-card .project-thumbnail{border:0;border-bottom:1px solid var(--color-rule);aspect-ratio:auto;border-radius:0;width:100%;height:auto}.project-card .project-thumbnail img{height:auto}.project-card__summary{justify-content:space-between;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}.project-card p{margin:0}.project-card .project-description{color:var(--color-fg);font-size:var(--fs-base);line-height:var(--leading-snug)}.project-card__head{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.project-card__actions{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.project-card__open:after{content:"";z-index:1;border-radius:0;position:absolute;inset:0}.project-card__open{min-height:var(--touch-target);border:1px solid var(--color-rule-strong);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-link);font-size:var(--fs-caption);font-weight:var(--weight-semibold);align-items:center;gap:.3em;margin-left:auto;padding:.25em .85em;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.project-card:hover .project-card__open,.project-card:focus-within .project-card__open{border-color:var(--color-link);background:var(--color-callout-bg);color:var(--color-link-hover)}.project-article-link{z-index:2;min-height:var(--touch-target);color:var(--color-link);font-size:var(--fs-caption);font-weight:var(--weight-medium);align-items:center;gap:.3em;margin-inline-start:-.85em;padding-inline:.85em;text-decoration:none;display:inline-flex;position:relative}.project-article-link:hover,.project-article-link:focus-visible{color:var(--color-link-hover);text-decoration:underline}.project-links{gap:var(--space-1) var(--space-3);margin:var(--space-3) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.project-links a{min-height:var(--touch-target);min-width:var(--touch-target);color:var(--color-link);align-items:center;display:inline-flex}.project-links a:hover,.project-links a:focus-visible{color:var(--color-link-hover)}.project-links a .download-indicator{color:var(--color-muted);margin-left:.25em;font-size:.85em}@media (width<=700px){.project-card__summary{padding:var(--space-2) var(--space-3)}}.post>.prose{max-inline-size:var(--measure-wide);margin-inline:auto;margin-top:var(--space-8)}.post>.at-a-glance,.post>.post-thumbnail,.post-back{max-width:var(--measure-wide);margin-inline:auto}.archive-year{--archive-year-gap:var(--space-10);--archive-heading-gap:var(--space-3);width:100%}.archive-year+.archive-year{margin-top:var(--archive-year-gap)}.archive-year h2{margin-bottom:var(--archive-heading-gap)}@media (width<=700px){.post>.prose{margin-top:var(--space-6)}}@media (width>=430px) and (width<=700px){.post>.prose>p{text-align:justify;text-align-last:start;text-justify:auto;overflow-wrap:normal;word-break:normal}}.post-thumbnail{margin:0}.post-thumbnail img{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-code-bg);width:100%}.post-thumbnail:not(.reveal) picture{display:block}.post-thumbnail:not(.reveal) img{width:auto;max-width:100%;max-height:500px;margin-inline:auto;display:block}.reveal{aspect-ratio:var(--reveal-aspect);border-radius:var(--radius-md);background:var(--color-code-bg);display:block;position:relative;overflow:hidden}.reveal:after{content:"";z-index:4;border:1px solid var(--color-rule);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.reveal picture,.reveal img{width:100%;height:100%;display:block}.reveal img{object-fit:cover;border:0;border-radius:0}.reveal__embed{z-index:2;object-fit:contain;background:#000;border:0;width:100%;height:100%;display:none;position:absolute;inset:0}.reveal.is-revealed .reveal__embed{display:block}.reveal__guard{z-index:2;display:none;position:absolute;inset:0}.reveal.is-revealed .reveal__guard{display:block}.reveal.is-interactive .reveal__guard{pointer-events:none}.reveal.is-revealed picture,.reveal.is-revealed .reveal__play{display:none}.reveal__play{z-index:2;width:100%;color:var(--color-fg);cursor:pointer;background:oklch(0% none none/.22);border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.reveal__play:hover,.reveal__play:focus-visible{background:oklch(0% none none/.3)}.reveal__play-icon{aspect-ratio:1;border:1px solid var(--color-rule-strong);border-radius:var(--radius-pill);background:color-mix(in oklch, var(--color-bg) 88%, transparent);place-items:center;width:clamp(3.25rem,9vw,4.75rem);transition:background-color .15s,transform .15s;display:grid;box-shadow:0 .75rem 2rem oklch(0% none none/.28)}.reveal__play:hover .reveal__play-icon,.reveal__play:focus-visible .reveal__play-icon{background:var(--color-bg);transform:scale(1.04)}.reveal__play svg{fill:currentColor;width:42%;height:42%;transform:translate(8%)}.reveal__controls{z-index:3;gap:var(--space-2);display:none;position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2)}.reveal.is-revealed .reveal__controls{display:flex}.reveal__control{min-block-size:var(--touch-target);min-inline-size:var(--touch-target);border:1px solid var(--color-rule-strong);border-radius:var(--radius-pill);background:color-mix(in oklch, var(--color-bg) 88%, transparent);color:var(--color-fg);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:background-color .15s,transform .15s;display:inline-flex}.reveal__control:hover,.reveal__control:focus-visible{background:var(--color-bg);color:var(--color-fg);transform:scale(1.04)}.reveal__noscript{inset-inline:var(--space-3);z-index:3;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-bg);font-size:var(--fs-caption);margin:0;position:absolute;inset-block-end:var(--space-3)}.reveal--iframe{width:100%;transition:aspect-ratio .25s}.reveal--iframe.is-revealed{aspect-ratio:var(--reveal-aspect-iframe);width:100%}.prose{max-inline-size:var(--measure);line-height:var(--leading-prose);hyphens:auto;hyphenate-limit-chars:7 3 3}.prose>*+:not(.photo-viewer){margin-top:1.05em}.prose>h2:first-child{margin-top:0}.prose p{text-wrap:pretty}.prose h2,.prose h3{color:var(--color-fg);line-height:var(--leading-tight);scroll-margin-top:var(--space-8);position:relative}.prose h2{margin-top:var(--space-12);font-size:var(--fs-xl);font-weight:var(--weight-semibold)}.prose h3{margin-top:var(--space-8);font-size:var(--fs-lg);font-weight:var(--weight-semibold)}.prose h2:target,.prose h3:target{background:var(--color-callout-bg);border-inline-start:2px solid var(--color-accent);margin-inline-start:calc(-1 * var(--space-3) - 2px);padding-inline-start:var(--space-3);display:flow-root}.prose .heading-anchor{color:var(--color-muted);font-weight:var(--weight-regular);opacity:0;margin-inline-start:.4em;font-size:.85em;text-decoration:none;transition:opacity .15s}.prose .heading-anchor:focus-visible{opacity:1;text-decoration:underline}.prose .heading-anchor:before{content:"#"}.prose h2:hover .heading-anchor,.prose h3:hover .heading-anchor,.prose .heading-anchor:hover{opacity:1}@media (hover:none){.prose .heading-anchor{opacity:1}}.prose img,.prose video{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-code-bg);width:100%;height:auto;display:block}.prose ul,.prose ol{padding-inline-start:1.25rem}.prose li+li{margin-top:var(--space-1)}.prose blockquote{padding:var(--space-2) var(--space-4);border-inline-start:3px solid var(--color-rule-medium);background:var(--color-callout-bg);color:var(--color-muted);margin-inline:0;font-style:italic;display:flow-root}.prose .table-scroll{max-width:100%;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:.95em}.prose thead{background:var(--color-code-bg);text-align:start}.prose th,.prose td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-rule);vertical-align:top}.prose th{font-weight:var(--weight-semibold)}.prose pre{scrollbar-gutter:stable;max-width:100%;padding:var(--space-4);background:var(--color-code-bg);border:1px solid var(--color-rule);border-radius:var(--radius-md);scrollbar-width:thin;scrollbar-color:var(--color-rule-medium) var(--color-code-bg);line-height:1.55;overflow-x:auto}.prose pre::-webkit-scrollbar{height:8px}.prose pre::-webkit-scrollbar-track{background:var(--color-code-bg)}.prose pre::-webkit-scrollbar-thumb{background:var(--color-rule-medium);border-radius:var(--radius-sm)}.prose pre code{background:0 0;padding:0}.prose .footnote-ref{margin-inline-start:.1em;font-size:.65em;line-height:0}.prose .footnote-ref a,.prose .footnote-back{text-decoration:none}.prose .footnote-ref a:hover,.prose .footnote-back:hover{text-decoration:underline}.prose .footnotes{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-rule);color:var(--color-muted);hyphens:none;font-size:.85em}.prose .footnotes ol{margin:0;padding-inline-start:1.6rem}.prose .footnotes li{overflow-wrap:anywhere;scroll-margin-top:var(--space-8)}.prose .footnotes li+li,.prose .footnotes li>*+:not(a){margin-top:var(--space-2)}.prose .footnotes li:target{background:var(--color-callout-bg);box-shadow:0 0 0 var(--space-1) var(--color-callout-bg)}.prose .footnote-back{margin-inline-start:.4em}.prose pre.astro-code,.prose pre.astro-code code,.prose pre.astro-code span{color:light-dark(var(--shiki-light),var(--shiki-dark));background-color:light-dark(var(--shiki-light-bg,var(--color-code-bg)),var(--shiki-dark-bg,var(--color-code-bg)))}@media (width<=700px){.prose h2:target,.prose h3:target{margin-inline-start:0}.prose{line-height:1.55}.prose code{overflow-wrap:anywhere}.prose pre{scrollbar-gutter:auto;white-space:pre-wrap}.prose pre code,.prose pre .line{overflow-wrap:anywhere;white-space:pre-wrap}}@media screen{.optical-word{overflow-wrap:anywhere;max-inline-size:100%;margin-inline-start:calc(-1 * var(--side-bearing));display:inline-block}.optical-space{word-spacing:var(--side-bearing)}}.at-a-glance{margin-top:var(--space-8);padding-block:var(--space-5);border-block:1px solid var(--color-rule)}.at-a-glance dl{gap:var(--space-2);margin:var(--space-4) 0 0;flex-direction:column;display:flex}.at-a-glance__row{gap:var(--space-4);grid-template-columns:minmax(6rem,max-content) minmax(0,1fr);display:grid}.at-a-glance dt{color:var(--color-muted);font-size:var(--fs-caption)}.at-a-glance .tag-list{margin-block:calc(-1 * var(--space-1));row-gap:0}.at-a-glance .tag-list a{min-height:1.5rem}@media (width>=1100px){.post{display:flow-root}.post>.at-a-glance{float:right;width:min(18rem,42%);margin-top:var(--space-8);margin-right:0;margin-bottom:var(--space-4);margin-left:var(--space-8)}.post-back{clear:both}}.post-back{margin-top:var(--space-10)}.all-articles article.post+article.post{clear:both;border-top:1px solid var(--color-rule)}.post-toc{margin-top:var(--space-6);padding:var(--space-3) var(--space-4);border-inline-start:2px solid var(--color-rule);font-size:var(--fs-caption);color:var(--color-muted);max-height:60vh;overflow-y:auto}.post-header h1,.project-card__title{overflow-wrap:anywhere}.post-toc ol{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.post-toc a{min-block-size:24px;color:var(--color-muted);align-items:center;padding-block:2px;text-decoration:none;display:inline-flex}.post-toc a:hover,.post-toc a:focus-visible{color:var(--color-fg)}.external-link-icon{vertical-align:-.125em;opacity:.85;margin-inline-start:.25em;display:inline-block}.empty-state{max-width:var(--measure);padding-block:var(--space-6)}@media (width<=700px){.at-a-glance__row{gap:var(--space-1);grid-template-columns:1fr}}.theme-switcher{--switcher-w:2.75rem;--switcher-h:1.5rem;--switcher-icon:1.05rem;--switcher-gap:.22rem;width:var(--switcher-w);height:var(--switcher-h);margin:max(var(--space-2), calc((var(--touch-target) - var(--switcher-h)) / 2)) 0;border:1px solid var(--color-rule-medium);border-radius:var(--radius-pill);appearance:none;cursor:pointer;background:var(--theme-switcher-track);color:inherit;justify-content:center;align-items:center;transition:background-color .2s,border-color .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000002e}.theme-switcher:hover{border-color:var(--color-rule-strong)}.no-js .theme-switcher{display:none!important}.theme-switcher-icon{width:var(--switcher-icon);height:var(--switcher-icon);pointer-events:none;position:absolute;top:50%;left:0}.theme-switcher[data-interacted] .theme-switcher-icon{transition:transform .18s,opacity .18s,color .18s}.theme-switcher-icon-sun{color:var(--theme-switcher-icon-light)}.theme-switcher-icon-moon{color:var(--theme-switcher-icon-dark)}:root[data-theme=light] .theme-switcher-icon-sun{transform:translateY(-50%) translateX(calc(var(--switcher-w) - var(--switcher-icon) - var(--switcher-gap)));opacity:1}:root[data-theme=light] .theme-switcher-icon-moon{transform:translateY(-50%) translateX(calc(-1 * var(--switcher-icon)));opacity:0}:root[data-theme=dark] .theme-switcher-icon-sun{transform:translateY(-50%) translateX(var(--switcher-w));opacity:0}:root[data-theme=dark] .theme-switcher-icon-moon{transform:translateY(-50%) translateX(var(--switcher-gap));opacity:1}@media (forced-colors:active){.theme-switcher{width:auto;height:auto;min-block-size:var(--touch-target);min-inline-size:var(--touch-target);padding:var(--space-1) var(--space-2);color:buttontext;box-shadow:none;background:buttonface;border:1px solid buttonborder;overflow:visible}.theme-switcher-icon{display:none}.theme-switcher:before{content:"Light"}:root[data-theme=dark] .theme-switcher:before{content:"Dark"}}@media (width<=320px){.theme-switcher{margin:0;position:absolute;inset-block-start:var(--space-6);inset-inline-end:0}}.search-button{min-block-size:var(--touch-target);min-inline-size:var(--touch-target);appearance:none;color:var(--color-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:color .15s;display:inline-flex}.search-button:hover,.search-button:focus-visible{color:var(--color-fg)}.no-js .search-button{display:none!important}.search-dialog{width:min(100% - 2 * var(--gutter), 40rem, var(--breakpoint-sm));max-block-size:calc(100% - 10vh - var(--gutter));border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-fg);opacity:1;margin-block:10vh auto;padding:0;transition:opacity .15s,translate .15s;translate:0;box-shadow:0 1.5rem 3.5rem #00000059}.search-dialog::backdrop{background:light-dark(#18181766,#0c0c0b99)}@media (prefers-reduced-transparency:no-preference){.search-dialog::backdrop{backdrop-filter:blur(3px)}}@starting-style{.search-dialog:modal{opacity:0;translate:0 -.5rem}}html:has(.search-dialog:modal){scrollbar-gutter:stable;overflow:hidden}.search-form{align-items:center;gap:var(--space-3);padding-inline:var(--space-4);border-bottom:1px solid var(--color-rule);color:var(--color-muted);transition:border-color .15s;display:flex}.search-form:focus-within{border-color:var(--color-accent)}.search-form__icon{flex:none}.search-form:focus-within .search-form__icon{color:var(--color-accent)}.search-input{min-width:0;appearance:none;min-block-size:3.25rem;color:var(--color-fg);font-size:var(--fs-lg);background:0 0;border:0;border-radius:0;flex:1;padding:0}.search-input:focus-visible{outline:none}.search-input::placeholder{color:var(--color-muted);opacity:1}.search-input::-webkit-search-decoration,.search-input::-webkit-search-cancel-button{appearance:none}.search-close{width:var(--touch-target);height:var(--touch-target);appearance:none;border-radius:var(--radius-pill);color:var(--color-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin-inline-end:calc(-1 * var(--space-3));padding:0;transition:background-color .15s,color .15s;display:grid}.search-close:hover,.search-close:focus-visible{background:var(--color-callout-bg);color:var(--color-fg)}.search-close svg{width:1.25rem;height:1.25rem}.search-status{padding:var(--space-3) var(--space-4);color:var(--color-muted);font-size:var(--fs-caption)}.search-results{max-block-size:min(60vh,30rem);padding:0 var(--space-2) var(--space-2);overscroll-behavior:contain;margin:0;list-style:none;overflow-y:auto}.search-results:empty{display:none}.search-result__link{padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-fg);text-decoration:none;display:block}.search-result__link:hover,.search-result__link:focus-visible{background:var(--color-callout-bg);color:var(--color-fg);outline-offset:-2px}.search-result__title{font-weight:var(--weight-semibold);line-height:var(--leading-snug);display:block}.search-result__meta{gap:var(--space-1) var(--space-3);margin-top:var(--space-1);color:var(--color-muted);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.search-result__snippet{margin-top:var(--space-1);color:var(--color-muted);font-size:var(--fs-caption);line-height:1.45;display:block}.search-dialog mark{border-radius:var(--radius-sm);background:var(--color-selection-bg);color:var(--color-fg);padding:0 .1em}.search-hint{gap:var(--space-1) var(--space-4);padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-rule);color:var(--color-muted);font-size:var(--fs-xs);flex-wrap:wrap;display:flex}.search-hint kbd{border:1px solid var(--color-rule);border-radius:var(--radius-sm);min-inline-size:1.6em;font-family:var(--font-mono);font-size:inherit;text-align:center;border-bottom-width:2px;margin-inline-end:.3em;padding:0 .35em;line-height:1.5;display:inline-block}@media (pointer:coarse),(width<=700px){.search-hint{display:none}}@media (width<=700px){.search-dialog{max-block-size:calc(100% - 2 * var(--space-4) - env(safe-area-inset-top));margin-block-start:max(var(--space-4), env(safe-area-inset-top))}.search-results{max-block-size:50vh}}}@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.print-url{display:none}}@layer preferences{@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}}}@font-face{font-family:"Source Sans 3";src:url(/fonts/source-sans-3-latin-variable.woff2)format("woff2-variations");font-style:normal;font-weight:200 900;font-display:swap;size-adjust:100%}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-latin-400.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap;size-adjust:100%}:root{color-scheme:light dark;--font-sans:"Source Sans 3", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--color-bg:light-dark(#fbfaf7,#201f1d);--color-fg:light-dark(#181817,#d8d0c3);--color-muted:light-dark(#3d3b35,#aaa299);--brand-link-light:oklch(43% .11 32);--brand-link-dark:oklch(76% .09 32);--brand-accent-light:oklch(50% .14 32);--brand-accent-dark:oklch(70% .12 32);--color-link:light-dark(var(--brand-link-light),var(--brand-link-dark));--color-link-hover:light-dark(color-mix(in oklch, var(--brand-link-light) 70%, black 30%),color-mix(in oklch, var(--brand-link-dark) 80%, white 20%));--color-accent:light-dark(var(--brand-accent-light),var(--brand-accent-dark));--color-accent-hover:light-dark(color-mix(in oklch, var(--brand-accent-light) 70%, black 30%),color-mix(in oklch, var(--brand-accent-dark) 80%, white 20%));--color-rule:light-dark(#bcb5a3,#5a5247);--color-rule-medium:light-dark(#7a7466,#70695f);--color-rule-strong:light-dark(#4a4340,#aaa196);--color-code-bg:light-dark(#efede6,#2a2824);--color-callout-bg:light-dark(#f4f1e8,#292723);--color-selection-bg:light-dark(#ecddd0,#4a3a2e);--theme-switcher-track:var(--color-rule-medium);--theme-switcher-icon-light:#f0e2b6;--theme-switcher-icon-dark:#d8d0c3;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-caption:.875rem;--fs-base:1rem;--fs-body:1.1875rem;--fs-lg:1.25rem;--fs-xl:1.75rem;--fs-3xl:clamp(2rem, 1.5rem + 1.8vw, 3rem);--fs-dek:clamp(1.08rem, .95rem + .6vw, 1.25rem);--leading-tight:1.18;--leading-snug:1.35;--leading-prose:1.6;--weight-regular:400;--weight-medium:500;--weight-semibold:650;--weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-pill:999px;--breakpoint-sm:700px;--measure:36rem;--measure-wide:56rem;--page:72rem;--gutter:clamp(20px, 4vw, 32px);--touch-target:44px}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@media (width<=700px){:root{--fs-body:1.0625rem;--fs-dek:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-3xl:1.75rem}}@media print{@page{size:A4;margin:20mm 27mm}:root{--color-bg:#fff;--color-fg:#000;--color-muted:#000;--color-link:#000;--color-accent:#000;--color-rule:#000;--color-rule-medium:#000;--color-rule-strong:#000;--color-code-bg:transparent;--color-callout-bg:transparent;color-scheme:light!important}*,:before,:after{print-color-adjust:economy;border-radius:0;transition:none}body{font-family:Georgia,Times New Roman,Times,serif;font-size:10pt;line-height:1.45}a,a:visited{color:inherit;text-decoration:none}.print-url{text-align:center;font-size:8pt;display:block}.skip-link,.site-header,.site-footer,.theme-switcher,.search-dialog,.photo-viewer,.tag-filter,.post-meta,.post-toc,.post-back,.heading-anchor,.footnote-back,.external-link-icon{display:none}.post{width:auto}.all-articles article.post{break-before:page;border-top:0}.post-header{padding:var(--space-5) 0 0;text-align:center;break-after:avoid}.post-header h1,.post-header h2{font-size:17pt;font-weight:700;line-height:1.2}.post-header .dek{max-width:30em;margin-inline:auto;font-size:9.5pt}.post-thumbnail{margin-top:var(--space-6);break-inside:avoid}.photo-zoom{width:fit-content;margin-inline:auto}.reveal{aspect-ratio:auto}.reveal:after,.reveal__play,.reveal__embed,.reveal__guard,.reveal__controls,.reveal__noscript{display:none}.reveal picture{display:block}.post-thumbnail img{object-fit:contain;max-height:45mm}.post-thumbnail img,.prose img,.prose video{background:0 0;border:0;width:auto;max-width:100%;margin-inline:auto}.prose img,.prose video{max-height:90mm}.at-a-glance{margin-top:var(--space-5);padding-block:0 var(--space-3);border-block:0;break-inside:avoid;border-bottom:1px solid;font-size:8.5pt}.at-a-glance dl{margin-top:0}.at-a-glance__row{gap:var(--space-4);grid-template-columns:minmax(5rem,max-content) minmax(0,1fr)}.at-a-glance dt{font-size:inherit;font-style:italic}.tag-list{font-size:inherit;margin-top:0}.tag-list a{min-height:0}.project-links{margin-top:var(--space-2);display:block}.project-links a{min-width:0;min-height:0;display:inline}.project-links a[href^="https://"]:after,.cta-row a[href^="https://"]:after{content:" (" attr(href) ")"}.cta-button{min-height:0;font-size:inherit;font-weight:inherit;background:0 0;border:0;padding-inline:0}.prose{counter-reset:section;text-align:justify;max-inline-size:none}.prose>*+:not(.photo-viewer){margin-top:.85em}.prose h2,.prose h3{break-after:avoid;text-align:left}.prose h2{counter-reset:subsection;margin-top:1.7em;font-size:12pt;font-weight:700}.prose h3{margin-top:1.2em;font-size:10.5pt;font-weight:700}.prose h2:before{counter-increment:section;content:counter(section) ". "}.prose h3:before{counter-increment:subsection;content:counter(section) "." counter(subsection) ". "}.prose p,.prose li{orphans:3;widows:3}.prose blockquote{border:0;padding:0 2em;font-size:9.5pt;font-style:normal}code{padding:0;font-size:.85em}.prose pre{white-space:pre-wrap;break-inside:avoid;border:0;padding:.2em 0 .2em 1.5em;font-size:8.5pt;line-height:1.4}video::-webkit-media-controls{display:none}.prose .table-scroll{overflow:visible}.prose table{break-inside:avoid;border-block:1.5px solid;font-size:9pt}.prose th{text-align:left}.prose td{border:0}.prose th,.prose td{padding:.35em .8em .35em 0}.prose .footnotes{text-align:left;border-top:0;margin-top:2em;padding-top:0;font-size:8.5pt}.prose .footnotes li{break-inside:avoid}.prose .footnotes:before{content:"References";margin-bottom:.6em;font-size:12pt;font-weight:700;display:block}}