.post-meta{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.case-study-label{color:var(--ink,rgb(var(--cv-rgb-text-primary)));font:400 .6875rem/1.3 var(--ui,"Spline Sans", system-ui, sans-serif);border:1px solid;padding:.05rem .3rem;display:inline-block}.sketch-btn{justify-content:center;align-items:center;gap:.375rem;min-height:2.75rem;padding:0 .75rem;text-decoration:none;transition:color .15s;display:inline-flex;position:relative}.sketch-btn--blue{color:var(--discord,#5865f2)}.sketch-btn--blue:hover{color:var(--discord-hover,#4752c4)}.sketch-btn--ink{color:var(--ink)}.sketch-btn--ink:hover{color:var(--rust)}.sketch-frame{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.sketch-label{font-family:var(--ui);white-space:nowrap;font-size:.82rem;font-weight:600;line-height:1}.social{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:.375rem;margin-left:auto;display:flex}.social a{text-decoration:none}.social .icon{fill:currentColor;flex-shrink:0;width:1.15rem;height:1.15rem;display:block}.nav-item{display:inline-flex;position:relative}.social .docs-link,.social .blog-link,.social [data-nav=github]>a{white-space:nowrap;min-width:2.75rem;min-height:2.75rem;font-family:var(--ui);color:var(--ink-2);align-items:center;gap:.5rem;padding-inline:.35rem;font-size:.85rem;line-height:1;transition:color .15s;display:inline-flex}.social .docs-link:hover,.social .blog-link:hover,.social [data-nav=github]>a:hover{color:var(--rust)}.social .discord .sketch-label{font-size:.85rem;font-weight:400}.social .community-members{font-family:var(--ui);white-space:nowrap;font-size:.85rem;line-height:1}.nav-text{flex-direction:column;align-items:flex-start;display:flex}.social .docs-sub,.blog-latest,.social .stars{white-space:nowrap;pointer-events:none;font-family:var(--ui);color:var(--muted);margin:.3rem 0 -.96rem;font-size:.66rem;line-height:1;display:block}@media (width>=40.0625rem){.social .icon{width:1.6rem;height:1.6rem;transform:translateY(.48rem)}.social .discord{gap:.5rem;padding-inline:.35rem}.social .community-members{pointer-events:none;margin:.3rem 0 -.96rem;font-size:.66rem;display:block}}@media (width>=64rem){.social{gap:.625rem}}@media (width<=40rem){.social [data-nav=blog],.social [data-nav=github],.social .discord .community-label{display:none}}@media (width<=48rem){.social .docs-link .icon,.social .docs-sub{display:none}.social .icon{width:1.25rem;height:1.25rem}.social .blog-link,.social .discord,.social [data-nav=github]>a{gap:.375rem}}.site-footer{width:min(64rem, 100% - 2 * var(--x));border-top:1px solid var(--hairline);font-family:var(--ui);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 2rem;margin-inline:auto;padding-block:2rem clamp(2.5rem,5vw,4rem);display:flex}.site-footer-sign{align-items:center;gap:1rem;display:flex}.site-footer-crow{flex-shrink:0;width:auto;height:3.5rem;transform:rotate(-2deg)}.site-footer-name{font-family:var(--serif);color:var(--ink);margin:0;font-size:.9rem;font-weight:500;line-height:1.5}.site-footer-meta{color:var(--muted);margin:.25rem 0 0;font-size:.8rem;line-height:1.5}.site-footer-note{margin-top:.1rem;font-size:.75rem}.site-footer-sign a{color:inherit;text-decoration:none;transition:color .15s}.site-footer-sign a:hover{color:var(--rust)}.site-footer-links{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;display:flex}.site-footer-pair{align-items:center;gap:1.5rem;display:flex}.site-footer-quiet{min-height:2.75rem;color:var(--muted);align-items:center;font-size:.82rem;text-decoration:none;transition:color .15s;display:inline-flex}.site-footer-links>a{color:var(--muted);justify-content:center;align-items:center;padding-block:.25rem;text-decoration:none;transition:color .15s;display:inline-flex}.site-footer-quiet:hover,.site-footer-links>a:hover{color:var(--rust)}.site-footer-links>a svg{fill:currentColor;width:1.2rem;height:1.2rem;display:block}@media (width<=40rem){.site-footer-links{column-gap:1rem}.site-footer-pair{gap:1rem;width:100%}.site-footer-links>a{min-width:2.75rem;min-height:2.75rem}.site-footer-meta a{align-items:center;min-height:2.75rem;margin-block:-1rem;display:inline-flex}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#faf7f1;--paper-lit:#fffcf6;--ink:#171411;--ink-2:#4a433a;--muted:#6f675a;--rust:#c2240c;--hairline:#e4ded3;--marker-ink:#26221c;--discord:#5865f2;--serif:"Fraunces", "Georgia", "Times New Roman", serif;--marker:"Reenie Beanie", "Bradley Hand", "Marker Felt", cursive;--hand:"Kalam", "Bradley Hand", "Marker Felt", cursive;--pen:var(--hand);--ui:"Spline Sans", "Geist", system-ui, sans-serif;--mono:ui-monospace, "SFMono-Regular", "Cascadia Mono", menlo, monospace;--x:clamp(1.25rem, 6vw, 4.5rem);--tap:2.75rem;--print-shadow:0 26px 50px -30px #17141180, 0 2px 6px #1714110f}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--paper);scroll-padding-top:5.5rem}body{color:var(--ink-2);font-family:var(--ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.7;overflow-x:hidden}body,.masthead{background:url(/assets/paper-page-CZ-xJZ4s.webp) 0 0 / 256px 256px, url(data:image/webp;base64,UklGRigEAABXRUJQVlA4TBsEAAAvf8AfAC/Q//73f/4jgINIkoQGHORxwOMg4ICPA+LfS7ib3SMGIvoPUbKtoM0B5vYFMETh8aR/0O+07+P6yvQZv7THFAcX0tZVqnJQzj/B4r2f42sDSWhrrc4wgcJ/7AVcbSlhjY2pS6bVWlpssrS13lP1yI1kfhemnfyipJwKBFuUrIKCoW0swszdzJrCZ9MEuQSqLtNLcGqGYhO18zSRpHVzeatGsTSAxeNzg1XqWyempQqJymm+KSOLxcCUENMlFGkqVSKnu567bylDsnlo82JlM9BKKZoDi5Kb+LiK5kVFm4F7spTMlMf4F6e81zgIAm6UZcqpdgauD5E1+S9FFF5uoYTHcGTUdiHNHT/Ncj+I2BF9PWRBkmNXBPmxCFefKnnp3CNVjj7xjaCCIxMIJ/MOXJlfBXkpGt3ikfZi4hMaLtlL8vjQeWoHv5MviCtHjC87IwMKBpCBPwfvr0A4WMWHeKcJcaQxEnQz2ZlCxQ4FvVmWMKT8LIQzJXMTZYzbFOS5AEuJgOnMqysN02bNpKlPBSWxBvJUcjmoXN9MDuESmwJ30/HLuUf2jYfJQus7IH1pnorE0lYb3oyoMNsDSKGtBeit1xDy9eg1cKQqMvDpGSectWn/ZvkfQ3aT4U0Kpx6g1ajIh2gKuZnXEK8w+a1CbuZllkZmD+jN/Bk4GZv5AzRmcaKJGs5makUD/2KlcKRM4xovnLjKGBpDnA7Z4ohIkwJrauPJEDSlU47sV8guFM4opZw/uqo0pTmnNqfBR9NCSco5f5XhNrxwXjPl6f8sEydyINp+ihe8Vggt4og087Zvo4WBXbuElmQKzXHXX4CXQZvZNuVnm0+rAu+yBWZtRi5QPAIypVYBn5WYTYbsg9eap5fKuiL6DpxyVZomOi+acnVm3VG91hmbRGbND0OjA2a7JQxnNuB42Qdvh2ZH9Vl5PHUWZ9mL3WsWzpegFbP+slQWySmAhyyUpMAu6VrpIiUWHCiqMsXmI+GBJq0QOwqMxwzh9wbMHocTbononeHND8nXsk7Q4YxPkBrCvPWg4BeYfOLArIL+uDDxSuza5oZy4i4w2A3+BqTvsy7V1WDp4IF62xyCXR/N87IXKx/ZSoDj/DezAzakGo/lv2zkdmXDP1C51PZfDoFX4aFWHnR7joY8UzF77ISVzxRSpEtpoGL3Vl6+KbekdWtxAk7mbXlREcgrs+egbXNy4Zh9mtK2EEe3G/RkC8duHE7LM0Mtpz4Qc3j79AAEVhAVPs7lnAgtNsLh51cr80iJd/Uqlzrly/lB+J2aB0dRgVUTfpB+sYmTW+yBq0DEB4nrW8v9xtHF5SOy4WS6gfGPK8gWXZKOyNy8GQt883BezPNZrUFXrDenAYm0uwBaVv7xKrd4M9oaDtRFqaADAA==) 0 0 / 1390px 1390px, var(--paper-lit);background-blend-mode:multiply}img,svg{max-width:100%;height:auto;display:block}a{color:inherit}::selection{background:var(--rust);color:var(--paper)}:focus-visible{outline:2px solid var(--rust);outline-offset:3px}.marker{font-family:var(--marker);color:var(--marker-ink);font-weight:400}.u{white-space:nowrap;display:inline-block;position:relative}.u-svg{pointer-events:none;width:104%;height:.26em;position:absolute;bottom:-.08em;left:-2%;overflow:visible}.u-ink{fill:none;stroke:var(--marker-ink);stroke-width:1.8px;stroke-linecap:round;vector-effect:non-scaling-stroke}.u-ink--2{stroke-width:1.4px;opacity:.9}.u-rust{fill:none;stroke:var(--rust);stroke-width:2px;stroke-linecap:round;opacity:.82;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:0}@media (prefers-reduced-motion:no-preference){h1 .u-rust{stroke-dashoffset:100px;animation:.55s ease-out .35s forwards oeDraw}}@keyframes oeDraw{to{stroke-dashoffset:0}}.masthead{z-index:50;white-space:nowrap;padding:1.05rem var(--x);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.lockup{min-height:var(--tap);color:var(--ink);align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.crow{flex-shrink:0;width:2.25rem;height:auto;transform:rotate(-2deg)}.lockup-name{font-family:var(--marker);white-space:nowrap;font-size:2rem;font-weight:400;line-height:1;transform:rotate(-1.5deg)}.lockup-product{margin-left:-.15rem;font-size:2rem;line-height:1;transform:rotate(-1.5deg)}.lockup-product:before{content:"/";color:#a39a8c;font-family:var(--serif);margin-right:.25em;font-size:1.35rem;font-weight:400;display:inline-block;transform:rotate(1.5deg)translateY(-.08em)}@media (width<=35rem){.social .discord .community-word{display:none}.social .discord{min-width:var(--tap)}}@media (width<=22rem){.social .discord{padding-inline:.25rem}}@media (width<=35rem){.masthead{gap:.5rem}.lockup{gap:.45rem}.crow{width:clamp(1.8rem,8vw,2.25rem)}}@media (width<=48rem){.lockup-name,.lockup-product{font-size:clamp(.9rem,4.2vw,2rem)}.lockup-product:before{margin-right:.15em;font-size:clamp(.9rem,2.3vw,1.35rem)}}.page{max-width:calc(43rem + 2 * var(--x));padding:clamp(2.5rem, 7vh, 4.5rem) var(--x) 0;margin-inline:auto}.tag{color:var(--muted);margin:0;font-size:.85rem}header.title{border-bottom:1px solid var(--hairline);padding-bottom:2.25rem}h1{font-family:var(--marker);color:var(--marker-ink);text-wrap:balance;margin:.75rem 0 0;font-size:clamp(2.7rem,7vw,4.4rem);font-weight:400;line-height:.98}.summary{color:var(--ink-2);margin:1.5rem 0 0;font-size:clamp(1.08rem,1.3vw,1.18rem);line-height:1.6}section{margin-top:3.5rem}h2{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;text-wrap:balance;margin:0 0 1rem;font-size:clamp(1.45rem,3vw,1.85rem);font-weight:500;line-height:1.2}h2 .n{color:var(--rust);margin-right:.3em}p{margin:0 0 1.15rem}p:last-child{margin-bottom:0}strong,.lead-in{color:var(--ink);font-weight:600}.page a{color:var(--rust);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.page a:hover{color:var(--ink)}code{font-family:var(--mono);font-size:.88em}blockquote.prompt{box-shadow:var(--print-shadow);background:#fff;margin:1.6rem 0;padding:1.1rem 1.35rem 1.25rem;transform:rotate(-.4deg)}blockquote.prompt:nth-of-type(2n){transform:rotate(.35deg)}blockquote.prompt .role{font-family:var(--marker);color:var(--rust);margin-bottom:.35rem;font-size:1.65rem;line-height:1;display:block}blockquote.prompt p{margin:0;font-size:.98rem;line-height:1.65}figure{margin:2.25rem 0}figure.print img{width:100%;box-shadow:var(--print-shadow);background:#fff;padding:.55rem}figcaption{color:var(--muted);margin-top:.9rem;font-size:.88rem;line-height:1.55}.diagram{padding:.5rem 0;overflow-x:auto}.diagram svg{width:100%;min-width:38rem}ul.limits{margin:0;padding-left:1.2rem}ul.limits li{margin-bottom:.9rem}ul.limits li:last-child{margin-bottom:0}dl{margin:0}dl>div{margin-bottom:1rem}dl>div:last-child{margin-bottom:0}dt{color:var(--ink);font-weight:600}dd{margin:.2rem 0 0}sup.fn{vertical-align:super;font-size:.72em;line-height:0}.page sup.fn a{padding:0 .1em;text-decoration:none}.notes ol{margin:0;padding-left:1.3rem;font-size:.92rem;line-height:1.6}.notes li{margin-bottom:.75rem;padding-left:.2rem}.notes li:target{background:#c2240c12}.page .notes a.back{color:var(--muted);margin-left:.3rem;text-decoration:none}.actions{border-top:1px solid var(--hairline);flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;margin-top:3.5rem;padding-top:2.5rem;display:flex}.page a.stamp{background:var(--ink);color:var(--paper);font-family:var(--ui);padding:1rem 1.6rem;font-size:.9rem;text-decoration:none;display:inline-block}.page a.stamp:hover{background:var(--rust);color:var(--paper)}.page a.stamp:active{filter:url(#oe-ink-bleed);transform:translate(1px,1px)}.page a.btn-link{min-height:var(--tap);color:var(--ink-2);align-items:center;display:inline-flex}.page a.btn-link:hover{color:var(--rust)}.blog-index{max-width:calc(52rem + 2 * var(--x));--fs-meta:.8125rem;--fs-body:1rem;--fs-title:1.125rem;--fs-display:3.5rem}.blog-index header.title{border-bottom:0;padding-bottom:0}.blog-index h1 .keep{white-space:nowrap}@media (width>=40rem){.blog-index h1{white-space:nowrap;font-size:min(var(--fs-display), calc(min(52rem, 100vw - 2 * var(--x)) / 12.6))}}.blog-index section{margin-top:clamp(2rem,4.5vw,3rem)}.posts{--row-x:1rem;--arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E");border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.posts li{border-bottom:1px solid var(--hairline);padding-block:3px}.posts li:last-child{border-bottom:0}.page .posts a{margin-inline:calc(-1 * var(--row-x));padding:1.9rem var(--row-x) 2.05rem;color:inherit;grid-template-columns:8rem minmax(0,1fr) 2.5rem;align-items:baseline;column-gap:2rem;text-decoration:none;transition:background-color .15s;display:grid}.page .posts a:after{content:"";background:var(--muted);width:1.4rem;height:1.4rem;-webkit-mask:var(--arrow) center / contain no-repeat;-webkit-mask:var(--arrow) center / contain no-repeat;mask:var(--arrow) center / contain no-repeat;grid-area:1/3;place-self:center end;transition:transform .15s,background-color .15s}.page .posts a:focus-visible{outline:2px solid var(--rust);outline-offset:-2px}.posts .post-meta{font-size:var(--fs-meta);letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--muted);margin:0;line-height:1.4}.posts h2{font:600 var(--fs-title)/1.3 var(--ui);letter-spacing:-.01em;color:var(--ink);text-underline-offset:.2em;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;margin:0;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:.07em;transition:text-decoration-color .15s}.posts .post-text p{max-width:34rem;font-size:var(--fs-body);color:var(--ink-2);margin:.5rem 0 0;line-height:1.6}.page .posts a:focus-visible h2{-webkit-text-decoration-color:var(--rust);text-decoration-color:var(--rust)}.page .posts a:focus-visible:after{background:var(--rust)}@media (hover:hover){.page .posts a:hover{background:#fffcf6bf}.page .posts a:hover h2{-webkit-text-decoration-color:var(--rust);text-decoration-color:var(--rust)}.page .posts a:hover:after{background:var(--rust);transform:translate(4px)}}@media (width<=46rem){.blog-index{--fs-title:1.0625rem}.posts{--row-x:.75rem}.page .posts a{padding:1.4rem var(--row-x) 1.55rem;grid-template-columns:minmax(0,1fr) 1.75rem;column-gap:1rem}.posts .post-meta{grid-column:1;margin-bottom:.4rem}.posts .post-text{grid-column:1}.page .posts a:after{grid-area:2/2}.posts .post-text p{margin-top:.45rem}}.blog-index header.title{position:relative}.blog-notes{flex-wrap:wrap;gap:1.25rem 1.5rem;margin-top:1.5rem;display:flex}.blog-note{width:min(11rem,50% - .75rem);margin:0;padding:0;list-style:none}.blog-note .note{--note-top:#ece3ff;--note-mid:#dccdfb;--note-bottom:#c7b3f0;position:relative}.blog-note--topics .note{--r:2deg}.blog-note--cadence .note{--r:-2.5deg}.blog-note .note-heading{font:inherit;margin:0}.blog-note .note-q{text-transform:uppercase;display:block}.blog-note .note-a{color:#3a3120}@media (width<=46rem){.blog-notes{padding-inline:.4rem}}@media (width>=80rem){.blog-index header.title{display:inline-block}.blog-notes{display:contents}.blog-note{width:10.5rem;position:absolute}.blog-note--topics{width:9.5rem;top:-2.3rem;left:calc(100% + 1rem)}.blog-note--cadence{top:30rem;right:calc(100% + .75rem)}}@media (width>=100rem){.blog-index header.title{display:block}.blog-note--topics,.blog-note--cadence{width:12.5rem}.blog-note--topics{top:-3.6rem;left:calc(25vw + 75% - 6.25rem)}.blog-note--cadence{right:calc(25vw + 75% - 6.25rem)}}.site-footer{margin-top:clamp(4rem,10vh,6rem)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.lockup-wrap{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.lockup-product{text-decoration:none}.lockup-product:hover{color:var(--rust)}.agent-tldr{flex-wrap:wrap;align-items:center;gap:0 1rem;margin:1.25rem 0 0;display:flex}.agent-tldr h2{color:var(--muted);font:400 .9rem/1.5 var(--ui);letter-spacing:normal;margin:0}.agent-copy{min-height:var(--tap);color:var(--ink-2);font:400 .9rem/1.5 var(--ui);text-decoration:underline;-webkit-text-decoration-color:var(--hairline);text-decoration-color:var(--hairline);text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;padding:0}.agent-copy:hover{color:var(--ink);text-decoration-color:currentColor}.agent-copy:disabled{cursor:wait}.agent-tldr .agent-description{color:var(--muted);font:400 .85rem/1.5 var(--ui);flex-basis:100%;margin:0}.agent-status{color:var(--muted);font-size:.85rem}.agent-manual{flex-basis:100%;margin-top:.75rem;font-size:.9rem}.agent-manual summary{cursor:pointer}.agent-manual textarea{resize:vertical;border:1px solid var(--hairline);background:var(--paper-lit);width:100%;color:var(--ink);font:.9rem/1.5 var(--ui);margin-top:.75rem;padding:.75rem;display:block}.agent-tldr~section:first-of-type{margin-top:2rem}@media print{.agent-tldr{display:none}}.subscribe{max-width:calc(30rem + 2 * var(--x));padding:0 var(--x);text-align:center;margin:clamp(3.5rem,9vh,5rem) auto 0}.subscribe[hidden]{display:none}.subscribe h2{margin:0;font-size:2rem;line-height:1;transform:rotate(-1.2deg)}.subscribe-form{border:1px solid var(--hairline);background:var(--paper-lit);align-items:stretch;margin-top:1rem;transition:border-color .15s;display:flex}.subscribe-form:focus-within{border-color:var(--rust)}.subscribe-form input{min-width:0;color:var(--ink);font:400 1rem/1.2 var(--ui);background:0 0;border:0;outline:none;flex:1;padding:1rem}.subscribe-form input::placeholder{color:var(--muted)}.subscribe-form button{min-height:var(--tap);background:var(--ink);color:var(--paper);font:400 .85rem/1 var(--ui);cursor:pointer;border:0;flex-shrink:0;padding:0 1.6rem;transition:background .15s}.subscribe-form button:hover{background:var(--rust)}.subscribe-form button:disabled{opacity:.6;cursor:wait}.subscribe-status{min-height:1.3em;color:var(--muted);outline:none;margin:.75rem 0 0;font-size:.9rem}@media print{.subscribe{display:none}}
