.blog,.post-page{--bl-line:color-mix(in srgb, currentColor 16%, transparent);--bl-mono:var(--font-geist-mono), ui-monospace, SFMono-Regular, monospace;padding-bottom:var(--section-padding);position:relative}.blog ::selection,.post-page ::selection{background:var(--color-brand);color:var(--color-on-brand)}.bl-indent{padding-left:var(--container-padding)}.bl-label{color:var(--color-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.7em}.bl-w{vertical-align:top;margin-bottom:-.1em;padding-bottom:.1em;display:inline-block;overflow:clip}.bl-w>span{display:inline-block}.bl-head{padding:calc(var(--section-padding) * .8) var(--container-padding) 0}.bl-title{letter-spacing:-.02em;max-width:11ch;margin-top:.35em;font-size:calc(clamp(3.25em,7vw,8em)/1.05263);font-weight:450;line-height:1.02}.bl-rule{margin:calc(var(--section-padding) * .45) var(--container-padding) 0;height:1px;position:relative}.bl-rule:before{content:"";background:var(--bl-line);transform-origin:0;position:absolute;inset:0}.bl-disc{top:0;right:calc(var(--container-padding) * .5);aspect-ratio:1;width:clamp(7em,11vw,11.5em);position:absolute;translate:0 -50%}.bl-disc__pop{background:var(--color-brand);width:100%;height:100%;color:var(--color-on-brand);border-radius:50%;place-items:center;display:grid}.bl-disc svg{width:30%;height:30%}.bl-intro{padding:calc(var(--section-padding) * .4) var(--container-padding) 0 calc(var(--container-padding) * 2)}.bl-lede{letter-spacing:-.005em;max-width:30ch;font-size:clamp(1.25em,1.6vw,1.6em);line-height:1.4}.bl-index{margin-top:calc(var(--section-padding) * .7);padding:0 var(--container-padding)}.bl-cols,.bl-row{grid-template-columns:var(--container-padding) minmax(0, 1fr) minmax(9em, 14em) clamp(3.2em, 4.4vw, 4.6em);column-gap:var(--gap-padding);display:grid}.bl-cols{padding:0 var(--gap-padding) .8em 0;color:var(--color-muted)}.bl-cols span{letter-spacing:.12em;text-transform:uppercase;font-size:.7em}.bl-cols span:first-child{grid-column:2}.bl-list{border-bottom:1px solid var(--bl-line)}.bl-row{padding:2.6em var(--gap-padding) 2.6em 0;isolation:isolate;view-timeline:--bl-row block;transition:color .45s var(--ease-primary), opacity .3s var(--ease-primary);align-items:start;position:relative;overflow:hidden}.bl-row:before{content:"";z-index:-1;background:var(--color-dark);transform-origin:bottom;transition:transform .6s var(--ease-primary);position:absolute;inset:0;transform:scaleY(0)}.bl-row:after{content:"";background:var(--bl-line);transform-origin:0;width:100%;height:1px;position:absolute;top:0;left:0}.bl-row__index{color:var(--color-muted);font-family:var(--bl-mono);letter-spacing:.08em;transition:color .45s var(--ease-primary);place-self:start center;padding-top:.9em;font-size:.75em}.bl-row__title{letter-spacing:-.02em;text-wrap:balance;max-width:30ch;transition:translate .6s var(--ease-primary);font-size:clamp(1.5em,2.5vw,2.9em);font-weight:450;line-height:1.1}.bl-row__title a:after{content:"";z-index:1;position:absolute;inset:0}.bl-row__title a:focus-visible{outline:none}.bl-row:has(a:focus-visible){outline-offset:-2px;outline:2px solid}.bl-row__summary{max-width:56ch;color:var(--color-muted);transition:color .45s var(--ease-primary);margin-top:.9em}.bl-row__meta{flex-direction:column;align-items:flex-start;gap:.8em;padding-top:.5em;display:flex}.bl-tag{border:1px solid var(--bl-line);letter-spacing:.1em;text-transform:uppercase;transition:border-color .45s var(--ease-primary);border-radius:999px;padding:.4em 1em;font-size:.72em;line-height:1.2;display:inline-block}.bl-tag--draft{background:var(--color-brand);color:var(--color-on-brand);border-color:#0000}.bl-row__when{color:var(--color-muted);transition:color .45s var(--ease-primary);flex-wrap:wrap;gap:.2em 1.1em;font-size:.8em;display:flex}.bl-go{aspect-ratio:1;border:1px solid var(--bl-line);width:100%;transition:background-color .45s var(--ease-primary), border-color .45s var(--ease-primary), color .45s var(--ease-primary);border-radius:50%;align-self:center;place-items:center;display:grid}.bl-go svg{width:38%;height:38%;transition:rotate .6s var(--ease-primary)}@media (hover:hover) and (pointer:fine){.bl-list:has(.bl-row:hover) .bl-row:not(:hover){opacity:.4}.bl-row:hover{color:var(--color-cream)}.bl-row:hover:before{transform:scaleY(1)}.bl-row:hover .bl-row__title{translate:.3em}.bl-row:hover :is(.bl-row__index,.bl-row__summary,.bl-row__when){color:var(--color-muted-dark)}.bl-row:hover .bl-tag{border-color:var(--color-line-dark)}.bl-row:hover .bl-go{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-on-brand)}.bl-row:hover .bl-go svg{rotate:45deg}}.bl-empty{padding:calc(var(--section-padding) * .6) var(--container-padding) 0}.bl-empty__text{padding-left:var(--container-padding)}.bl-empty__title{letter-spacing:-.01em;max-width:18ch;font-size:clamp(2em,3.4vw,3.25em);font-weight:450;line-height:1.08}.bl-empty__lede{max-width:46ch;margin-top:1.4em}.bl-empty__copy{max-width:52ch;color:var(--color-muted);margin-top:1em}.bl-list--small{margin-top:calc(var(--section-padding) * .4)}.bl-list--small .bl-row{padding-block:1.6em}.bl-list--small .bl-row__title{font-size:clamp(1.3em,1.8vw,2em)}.bl-list--small .bl-row__index{padding-top:.5em}.bl-empty__mail{margin-top:2.5em}.bl-pill{border:1px solid var(--bl-line);min-height:3.4em;transition:background-color .4s var(--ease-primary), border-color .4s var(--ease-primary), color .4s var(--ease-primary);border-radius:999px;align-items:center;gap:.6em;padding:0 1.6em;display:inline-flex}.bl-pill--fill{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-on-brand)}@media (hover:hover){.bl-pill:hover{border-color:var(--color-dark);background:var(--color-dark);color:var(--color-cream)}}.bl-pill:focus-visible{outline-offset:3px;outline:2px solid}.post-head{padding:calc(var(--section-padding) * .55) var(--container-padding) 0}.post-head__bar{padding-left:var(--container-padding);justify-content:space-between;align-items:center;gap:1em;display:flex}.post-back{min-height:2.75em;color:var(--color-muted);letter-spacing:.12em;text-transform:uppercase;transition:color .3s var(--ease-primary);align-items:center;gap:.2em;font-size:.72em;display:inline-flex}.post-back__arrow{transition:transform .4s var(--ease-primary);display:inline-block}@media (hover:hover){.post-back:hover{color:var(--color-dark)}.post-back:hover .post-back__arrow{transform:translate(-.35em)}}.post-head__n{color:var(--color-muted);font-family:var(--bl-mono);letter-spacing:.08em;font-size:.75em}.post-draft{margin:1.5em 0 0 var(--container-padding);border:1px solid var(--bl-line);max-width:60ch;color:var(--color-muted);border-radius:.8em;padding:.9em 1.2em}.post-head__title{padding-left:var(--container-padding);margin-top:1.6em}.post-title{letter-spacing:-.025em;text-wrap:balance;max-width:17em;font-size:clamp(2.25em,4.6vw,5.5em);font-weight:450;line-height:1.04}.post-rule{margin:calc(var(--section-padding) * .4) var(--container-padding) 0;height:1px;position:relative}.post-rule:before{content:"";background:var(--color-dark);transform-origin:0;position:absolute;inset:0}.post-meta{gap:1.2em var(--gap-padding);padding:1.5em var(--container-padding) 0 calc(var(--container-padding) * 2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.post-meta__item{min-width:0}.post-meta dt{color:var(--color-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.7em}.post-meta dd{margin-top:.35em}.post-body{padding:calc(var(--section-padding) * .55) var(--container-padding) 0 calc(var(--container-padding) * 2)}.post-lede{letter-spacing:-.01em;max-width:34ch;font-size:clamp(1.3em,1.75vw,1.75em);line-height:1.38}.post-prose{counter-reset:bl-h2;max-width:66ch;color:color-mix(in srgb, var(--color-dark) 90%, var(--color-cream));margin-top:3.2em;font-size:1.0625em;line-height:1.75}.post-prose>*+*{margin-top:1.3em}.post-prose h2{counter-increment:bl-h2;color:var(--color-dark);letter-spacing:-.02em;text-wrap:balance;margin-top:2.6em;font-size:1.9em;font-weight:450;line-height:1.12;position:relative}.post-prose h2:before{content:counter(bl-h2, decimal-leading-zero);color:var(--color-muted);font-family:var(--bl-mono);letter-spacing:.08em;font-size:.36em;font-weight:400;line-height:1;position:absolute;top:.95em;right:calc(100% + 2.6em)}.post-prose h2+*{margin-top:.9em}.post-prose h3{color:var(--color-dark);letter-spacing:-.01em;margin-top:2.2em;font-size:1.3em;font-weight:500;line-height:1.25}.post-prose h4{color:var(--color-dark);margin-top:2em;font-weight:600}.post-prose h3+*,.post-prose h4+*{margin-top:.6em}.post-prose .heading-anchor{color:var(--color-muted);margin-left:.35em;font-weight:400}.post-prose strong{color:var(--color-dark);font-weight:600}.post-prose a:not(.heading-anchor){color:var(--color-dark);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:.22em;transition:background-color .3s var(--ease-primary), text-decoration-color .3s var(--ease-primary);border-radius:.2em;text-decoration-thickness:1px}@media (hover:hover){.post-prose a:not(.heading-anchor):hover{background-color:var(--color-brand);text-decoration-color:currentColor}}.post-prose ul,.post-prose ol{padding-left:1.7em}.post-prose li{position:relative}.post-prose li+li{margin-top:.55em}.post-prose ul>li:before{content:"";background:currentColor;width:.65em;height:1px;position:absolute;top:.87em;left:-1.4em}.post-prose ol{counter-reset:bl-ol}.post-prose ol>li{counter-increment:bl-ol}.post-prose ol>li:before{content:counter(bl-ol, decimal-leading-zero);color:var(--color-muted);font-family:var(--bl-mono);letter-spacing:.04em;font-size:.75em;position:absolute;top:.45em;left:-2.3em}.post-prose li>ul,.post-prose li>ol{margin-top:.55em}.post-prose blockquote{color:var(--color-dark);letter-spacing:-.012em;margin-block:2.2em;padding-left:1.3em;font-size:1.35em;font-weight:450;line-height:1.38;position:relative}.post-prose blockquote:before{content:"";background:var(--color-brand);width:3px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-dark) 25%, transparent);border-radius:3px;position:absolute;top:.25em;bottom:.25em;left:0}.post-prose blockquote>*+*{margin-top:.8em}.post-prose hr{text-align:center;border:0;margin-block:3em}.post-prose hr:after{content:"• • •";color:var(--color-muted)}.post-prose :not(pre)>code{border:1px solid color-mix(in srgb, var(--color-dark) 9%, transparent);background:color-mix(in srgb, var(--color-dark) 6%, transparent);color:var(--color-dark);font-family:var(--bl-mono);overflow-wrap:anywhere;border-radius:.4em;padding:.12em .42em;font-size:.84em}.post-prose figure[data-rehype-pretty-code-figure]{margin-block:2em;margin-inline:-1.6em}.post-prose pre{background:var(--color-dark);color:#adbac7;font-family:var(--bl-mono);scrollbar-width:thin;scrollbar-color:#fff3 transparent;border-radius:1.1em;padding:1.35em 0 1.6em;font-size:.8em;line-height:1.75;overflow-x:auto;box-shadow:0 .1em .2em #1c1d2014,0 1.4em 3em -1.2em #1c1d2059}.post-prose pre[data-language]:before{content:attr(data-language);background:radial-gradient(circle, var(--color-brand) 0 .25em, transparent .3em) 2em .8em / .6em .6em no-repeat;color:var(--color-muted-dark);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #ffffff14;margin-bottom:1.1em;padding:0 2em 1.1em 3.35em;font-size:.85em;line-height:2.2;display:block;position:sticky;left:0}.post-prose pre [style*=\#768390 i]{color:#84919e!important}.post-prose pre code{counter-reset:bl-line;min-width:max-content;display:grid}.post-prose pre [data-line]{padding-right:2em}.post-prose pre [data-line]:before{counter-increment:bl-line;content:counter(bl-line);color:#fff3;text-align:right;width:3.35em;padding-right:1.35em;display:inline-block}.post-prose pre [data-highlighted-line]{box-shadow:inset 2px 0 0 var(--color-brand);background:#d4ff3f14}.post-prose figure:not([data-rehype-pretty-code-figure]){margin-block:2.4em}.post-prose figure svg,.post-prose img{border-radius:.9em;width:100%;height:auto;display:block}.post-prose figure:not([data-rehype-pretty-code-figure])>svg,.post-prose figure>img,.post-prose>p>img{box-shadow:0 1.4em 3em -1.4em #1c1d2066}.post-prose figure svg .dg-mono{font-family:var(--bl-mono)}.post-prose figure>svg[data-fit=phone]{display:none}@media (max-width:720px){.post-prose figure>svg[data-fit=wide]{display:none}.post-prose figure>svg[data-fit=phone]{max-width:28rem;display:block}}.post-prose figcaption{max-width:56ch;color:var(--color-muted);margin-top:1.1em;padding-left:2.2em;font-size:.85em;line-height:1.6;position:relative}.post-prose figcaption:before{content:"";background:currentColor;width:1.4em;height:1px;position:absolute;top:.8em;left:0}.post-prose table{border-collapse:collapse;text-align:left;width:100%;font-size:.92em;display:block;overflow-x:auto}.post-prose th{border-bottom:1px solid var(--color-dark);color:var(--color-muted);letter-spacing:.1em;text-transform:uppercase;padding:.6em 1.5em .6em 0;font-size:.75em;font-weight:400}.post-prose td{border-bottom:1px solid var(--bl-line);padding:.7em 1.5em .7em 0}.post-end{max-width:70.125ch;margin:calc(var(--section-padding) * .55) var(--container-padding) 0 calc(var(--container-padding) * 2);border-top:1px solid var(--bl-line);flex-wrap:wrap;gap:.8em;padding-top:2em;display:flex}.post-next{margin-top:calc(var(--section-padding) * .8);padding:0 var(--container-padding)}.post-next__link{align-items:center;column-gap:var(--gap-padding);padding:2.6em var(--gap-padding) 2.8em var(--container-padding);border-block:1px solid var(--bl-line);isolation:isolate;transition:color .45s var(--ease-primary);grid-template-columns:minmax(0,1fr) clamp(4em,6vw,6.5em);grid-template-areas:"label go""title go""meta go";display:grid;position:relative;overflow:hidden}.post-next__link:before{content:"";z-index:-1;background:var(--color-dark);transform-origin:bottom;transition:transform .6s var(--ease-primary);position:absolute;inset:0;transform:scaleY(0)}.post-next__label{color:var(--color-muted);letter-spacing:.12em;text-transform:uppercase;transition:color .45s var(--ease-primary);grid-area:label;font-size:.7em}.post-next__title{letter-spacing:-.022em;text-wrap:balance;max-width:28ch;transition:translate .6s var(--ease-primary);grid-area:title;margin-top:.45em;font-size:clamp(1.8em,3.1vw,3.6em);font-weight:450;line-height:1.06}.post-next__meta{color:var(--color-muted);transition:color .45s var(--ease-primary);grid-area:meta;gap:1.1em;margin-top:1.2em;font-size:.8em;display:flex}.post-next__go{grid-area:go}.post-next__link:focus-visible{outline-offset:-2px;outline:2px solid}@media (hover:hover) and (pointer:fine){.post-next__link:hover{color:var(--color-cream)}.post-next__link:hover:before{transform:scaleY(1)}.post-next__link:hover .post-next__title{translate:.2em}.post-next__link:hover :is(.post-next__label,.post-next__meta){color:var(--color-muted-dark)}.post-next__link:hover .bl-go{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-on-brand)}.post-next__link:hover .bl-go svg{rotate:45deg}}.bl-progress{display:none}@keyframes bl-word{0%{transform:translateY(105%)rotate(5deg)}to{transform:none}}@keyframes bl-draw{0%{transform:scaleX(0)}to{transform:none}}@keyframes bl-pop{0%{transform:scale(0)rotate(-90deg)}to{transform:none}}html[data-intro=page] .bl-w>span{animation:bl-word .95s var(--intro-rise) calc(.7s + min(var(--w) * 60ms, .28s)) both}html[data-intro=page] :is(.bl-rule,.post-rule):before{animation:bl-draw 1.1s var(--intro-in-out) .75s both}html[data-intro=page] .bl-disc__pop{animation:bl-pop .9s var(--intro-rise) .95s both}html[data-intro=enter] .bl-w>span{animation:bl-word .9s var(--intro-rise) calc(.15s + min(var(--w) * 50ms, .25s)) both}html[data-intro=enter] :is(.bl-rule,.post-rule):before{animation:bl-draw 1s var(--intro-in-out) .2s both}html[data-intro=enter] .bl-disc__pop{animation:bl-pop .9s var(--intro-rise) .35s both}@keyframes bl-rise{0%{opacity:0;transform:translateY(1.6em)}to{opacity:1;transform:none}}@keyframes bl-turn{to{transform:rotate(45deg)}}@keyframes bl-read{0%{transform:translate(-100%)}to{transform:none}}@keyframes bl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bl-fade-out{to{opacity:0}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.bl-disc svg{animation:linear both bl-turn;animation-timeline:scroll(root);animation-range:0 60vh}.bl-row:after{animation:linear both bl-draw;animation-timeline:--bl-row;animation-range:entry entry 70%}.bl-row__index,.bl-row__main,.bl-row__meta,.bl-go{animation:linear both bl-rise;animation-timeline:--bl-row;animation-range:entry 15% entry 95%}.bl-row__meta{animation-range:entry 25%}.bl-go{animation-range:entry 35%}.post-prose figure,.post-prose blockquote,.post-end,.post-next__link>*{animation:linear both bl-rise;animation-timeline:view();animation-range:entry entry 55%}.post-page{timeline-scope:--bl-read}.post-body{view-timeline:--bl-read block}.bl-progress{z-index:40;pointer-events:none;height:3px;animation:linear both bl-fade-in,linear forwards bl-fade-out;animation-timeline:--bl-read,--bl-read;animation-range:entry 70%,exit exit 30%;display:block;position:fixed;top:0;left:0;right:0;overflow:hidden}.bl-progress__bar{background:var(--color-dark);height:100%;animation:linear both bl-read;animation-timeline:--bl-read;animation-range:contain;position:relative;transform:translate(-100%)}.bl-progress__bar:after{content:"";background:var(--color-brand);width:2.5em;height:100%;position:absolute;top:0;right:0}}}@media (max-width:1100px){.post-prose h2:before{display:none}}@media (max-width:1024px){.bl-indent,.post-head__bar,.post-head__title{padding-left:0}.bl-intro,.post-meta,.post-body{padding-left:var(--container-padding)}.post-end{margin-left:var(--container-padding)}.post-draft{margin-left:0}.bl-cols{display:none}.bl-row{grid-template-columns:minmax(0,1fr) clamp(3.2em,7vw,4.4em);grid-template-areas:"meta meta""main go";row-gap:1.1em;padding:2em 0}.bl-row__index{display:none}.bl-row__title{font-size:clamp(1.5em,3.4vw,2.2em)}.post-title{font-size:clamp(2.25em,6.2vw,4em)}.bl-row__main{grid-area:main}.bl-row__meta{flex-flow:wrap;grid-area:meta;align-items:center;gap:.6em 1.1em}.bl-go{grid-area:go;align-self:start}.post-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.post-prose figure[data-rehype-pretty-code-figure]{margin-inline:-1em}}@media (max-width:540px){.bl-intro,.post-meta,.post-body{padding-left:0}.bl-intro,.post-body,.post-meta{margin-inline:var(--container-padding);padding-right:0}.post-end{margin-left:var(--container-padding)}.bl-disc{width:5.5em;right:0}.bl-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"meta""main";padding:1.7em 0 1.9em}.bl-row .bl-go{display:none}.bl-row__title{font-size:1.55em}.post-title{letter-spacing:-.02em;font-size:clamp(2em,9.4vw,2.6em)}.post-lede{font-size:1.25em}.post-prose{font-size:1em;line-height:1.7}.post-prose h2{font-size:1.6em}.post-prose figure[data-rehype-pretty-code-figure]{margin-inline:calc(-1 * var(--container-padding))}.post-prose pre{border-radius:0;font-size:.78em}.post-next__link{grid-template-columns:minmax(0,1fr);grid-template-areas:"label""title""meta";padding-inline:0}.post-next__go{display:none}}