.blog-page{--blog-muted:#575b51}.blog-shell{width:min(1040px,92%);margin-inline:auto}.blog-page :focus-visible{outline:2px solid var(--ink);outline-offset:6px}.blog-intro{flex-direction:column;align-items:flex-start;gap:20px;padding:64px 0 44px;display:flex}.blog-label,.post-meta,.sample-label,.back-link,.byline,figcaption{font-family:var(--mono);font-size:11px;font-weight:400}.blog-label{text-transform:uppercase;letter-spacing:.1em}.blog-intro h1{letter-spacing:-.065em;text-wrap:balance;margin:23px 0 0;font-size:clamp(48px,6.5vw,92px);font-weight:500;line-height:1.05}.blog-intro h1 span{color:#67724d}.blog-intro>p{color:var(--blog-muted);text-wrap:pretty;max-width:60ch;margin:0;font-size:17px;line-height:1.6}.featured-post{border-block:1px solid var(--line);grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:64px;padding:38px 0;display:grid}.featured-post>.post-image{aspect-ratio:3/2}.post-image{display:block;overflow:hidden}.post-image img{object-fit:cover;height:100%;transition:transform .45s}.post-image:hover img{transform:scale(1.025)}.featured-copy{align-self:center;padding:0}.featured-copy>.blog-label{flex-wrap:wrap;align-items:center;gap:20px;margin:0 0 35px;display:flex}.sample-label{color:var(--blog-muted);text-transform:none;letter-spacing:0;font-size:10px}.post-meta{color:var(--blog-muted);flex-wrap:wrap;gap:8px;line-height:1.7;display:flex}.featured-copy h2{letter-spacing:-.045em;margin:22px 0;font-size:clamp(32px,3.5vw,51px);font-weight:500;line-height:1.15}.featured-copy h2 a,.post-row h3 a,.next-post h2 a{text-decoration:none}.featured-copy h2 a:hover,.post-row h3 a:hover,.next-post h2 a:hover{text-underline-offset:6px;text-decoration:underline 1px}.featured-copy>p:not(.blog-label):not(.post-meta),.post-row>div>p:not(.post-meta){color:var(--blog-muted);font-size:15px;line-height:1.8}.text-link{text-underline-offset:6px;align-items:center;gap:30px;padding-block:12px;font-size:13px;display:inline-flex}.featured-copy .text-link{margin-top:15px}.section-top{justify-content:space-between;align-items:center;gap:20px;padding:55px 0 22px;display:flex}.section-top h2{letter-spacing:-.04em;font-size:21px;font-weight:500}.post-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 120px 36px;align-items:center;gap:40px;padding:28px 0;display:grid}.post-row .post-image{aspect-ratio:3/2;grid-area:1/2}.post-row>div{grid-area:1/1}.post-row h3{letter-spacing:-.035em;margin:13px 0 8px;font-size:28px;font-weight:500;line-height:1.2}.row-arrow{padding:8px;font-size:30px;text-decoration:none;transition:transform .2s}.row-arrow:hover{transform:translate(3px,-3px)}.blog-end{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:40px;padding:38px 0;display:flex}.blog-end p{letter-spacing:-.03em;font-size:22px}.back-link{margin:36px 0 28px;padding:8px 0;text-decoration:none;display:inline-block}.article-shell{max-width:680px}.article-header{margin:15px 0 28px}.article-header .blog-label{gap:25px;display:flex}.article-header h1{letter-spacing:-.055em;margin:26px 0;font-size:clamp(38px,4.5vw,56px);font-weight:500;line-height:1.08}.article-deck{max-width:760px;color:var(--blog-muted);font-size:21px;line-height:1.65}.article-header .post-meta{margin-top:28px}.byline{margin-top:18px}.article-image{margin:0}.article-image img{aspect-ratio:3;object-fit:cover;height:auto;max-height:230px}.article-image figcaption{color:var(--blog-muted);text-align:left;margin-top:12px;line-height:1.6}.reading-layout{margin:26px 0 65px}.article-contents{border-block:1px solid var(--line);margin-bottom:28px}.article-contents summary{cursor:pointer;min-height:52px;font-family:var(--mono);justify-content:space-between;align-items:center;font-size:12px;list-style:none;display:flex}.article-contents summary::-webkit-details-marker{display:none}.contents-icon{font-size:21px;transition:transform .2s}.article-contents[open] .contents-icon{transform:rotate(45deg)}.article-contents ol{margin:0;padding:0 0 16px 22px}.article-contents li{padding:6px 0;font-size:14px;line-height:1.6}.article-contents a{color:var(--blog-muted);text-underline-offset:4px}.article-prose{font-size:18px;line-height:1.85}.article-prose>p{margin:0 0 24px}.article-prose h2{letter-spacing:-.035em;margin:45px 0 20px;scroll-margin-top:30px;font-size:29px;font-weight:500;line-height:1.3}.article-prose blockquote{letter-spacing:-.025em;border-left:3px solid #7a845e;margin:35px 0;padding:3px 0 3px 25px;font-size:25px;line-height:1.5}.article-prose li{margin:10px 0;padding-left:6px}.article-prose .sample-note{border-bottom:1px solid var(--line);color:var(--blog-muted);padding-bottom:22px;font-size:12px;line-height:1.7}.article-signoff{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:40px;padding-top:28px;font-size:13px;display:flex}.next-post{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:40px;padding:40px 0 60px;display:grid}.next-post h2{letter-spacing:-.04em;font-size:28px;font-weight:500}.next-post img{aspect-ratio:3/2;object-fit:cover}@media (prefers-reduced-motion:no-preference){.blog-intro,.article-header{animation:.55s both blog-enter}@keyframes blog-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.blog-page *{transition:none!important}}@media (width<=900px){.blog-intro{flex-direction:column;align-items:start;gap:22px;padding-top:40px}.featured-post{grid-template-columns:minmax(0,1fr) 140px;gap:32px}.featured-copy>.blog-label{margin-bottom:20px}.post-row{gap:24px}}@media (width<=600px){.blog-shell{width:calc(100% - 2 * var(--gutter-m,20px))}.blog-intro{padding:32px 0}.blog-intro h1{font-size:clamp(40px,10vw,58px)}.blog-intro>p{font-size:17px}.featured-post{grid-template-columns:minmax(0,1fr) 72px;align-items:start;gap:18px;padding:28px 0}.featured-post>.post-image{aspect-ratio:1;margin-top:4px}.featured-copy h2{font-size:29px}.featured-copy>.blog-label{gap:10px}.section-top{padding-top:30px}.section-top h2{font-size:19px}.section-top>span{white-space:nowrap;font-size:12px}.post-row{grid-template-columns:minmax(0,1fr) 64px;align-items:start;gap:18px}.post-row>.post-image{aspect-ratio:1;margin-top:10px}.post-row h3{font-size:24px}.row-arrow{grid-area:1/2;place-self:end;font-size:24px}.blog-end{flex-direction:column;align-items:start;gap:0;margin-top:15px}.blog-end p{font-size:20px}.back-link{margin:24px 0}.article-header{margin-top:0}.article-header h1{font-size:38px}.article-deck{font-size:18px}.article-image img{aspect-ratio:2.5}.article-image figcaption{font-size:12px}.article-prose{font-size:17px}.article-prose h2{font-size:27px}.next-post{grid-template-columns:minmax(0,1fr) 64px;gap:18px}.next-post h2{font-size:25px}.blog-label,.post-meta,.sample-label,.back-link,.byline,figcaption{font-size:12px}.text-link{min-height:44px}.blog-end{align-items:stretch}.blog-end .text-link{background:var(--ink);min-height:54px;color:var(--paper);border-radius:999px;justify-content:center;gap:12px;margin-top:18px;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none}.blog-end .text-link:focus-visible{outline-offset:3px}}.reading-sidebar{display:none}@media (width>=1200px){.article-contents{display:none}.reading-sidebar{opacity:.38;width:200px;max-height:calc(100vh - 220px);transition:opacity .25s;display:block;position:fixed;top:180px;left:max(24px,50% - 620px);overflow-y:auto}.reading-sidebar:hover,.reading-sidebar:focus-within{opacity:1}.reading-sidebar .blog-label{margin-top:0}.reading-sidebar ol{margin:22px 0 0;padding:0;list-style:none}.reading-sidebar li{margin:0 0 10px}.reading-sidebar a{padding:7px 0;font-size:13px;line-height:1.65;text-decoration:none;display:block}.reading-sidebar a:hover,.reading-sidebar a:focus-visible{text-underline-offset:4px;text-decoration:underline}}.byline{align-items:center;gap:10px;display:flex}.byline img{border-radius:50%;width:32px;height:32px}@media (width>=761px){.blog-page .project-footer{padding-bottom:100px}}@media (width<=600px){.blog-page .lab-media+.lab-findings{margin-top:16px}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lab-shell{width:min(1180px,92%)}.lab-intro>div{flex:none}.lab-intro>p a{text-underline-offset:4px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;margin-left:2px;font-size:12px}.lab-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 40px;padding:30px 0 20px;display:grid}.lab-card[hidden]{display:none}.lab-card-media{aspect-ratio:1200/630;border:1px solid var(--line);background:#1719150f;display:block;position:relative;overflow:hidden}.lab-card-media img{object-fit:cover;object-position:top;height:100%;transition:transform .45s}.lab-card-media:hover img{transform:scale(1.02)}.lab-card-play{background:var(--ink);color:var(--paper);font:400 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;padding:5px 9px;position:absolute;bottom:10px;right:10px}.lab-meta{font-family:var(--mono);color:var(--blog-muted);flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0 0;font-size:11px;display:flex}.lab-type{border:1px solid var(--ink);color:var(--ink);text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;font-size:10px}.lab-type-build{background:var(--acid)}.lab-type-build-log{background:var(--ink);color:var(--paper)}.lab-draft{color:#b5462f;text-transform:uppercase;letter-spacing:.08em;border:1px dashed #b5462f;padding:4px 8px;font-size:10px}.lab-card-title{letter-spacing:-.035em;margin:14px 0 10px;font-size:clamp(23px,2.2vw,29px);font-weight:500;line-height:1.2}.lab-card-title a{text-decoration:none}.lab-card-title a:hover{text-underline-offset:5px;text-decoration:underline 1px}.lab-card-summary{color:var(--blog-muted);margin:0;font-size:15px;line-height:1.7}.lab-tags{font-family:var(--mono);flex-wrap:wrap;gap:6px 14px;margin:14px 0 0;padding:0;font-size:11px;list-style:none;display:flex}.lab-tags li:before{content:"#";color:var(--blog-muted)}.lab-empty{color:var(--blog-muted);padding:40px 0}.lab-entry-shell{max-width:880px}.lab-entry-header{margin:4px 0 32px}.lab-entry-header .lab-meta{margin:0}.lab-entry-header h1{letter-spacing:-.055em;margin:24px 0 18px;font-size:clamp(38px,5vw,62px);font-weight:500;line-height:1.06}.lab-actions{flex-wrap:wrap;align-items:center;gap:8px 28px;margin:26px 0 0;display:flex}.lab-button{background:var(--ink);min-height:46px;color:var(--paper);align-items:center;gap:14px;padding:0 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}@media (hover:hover){.lab-button:hover{background:var(--acid);color:var(--ink)}}.lab-media{border:1px solid var(--line);background:#1719150f;margin:0}.lab-media img,.lab-media video{aspect-ratio:1200/630;object-fit:cover;object-position:top;width:100%;height:auto;display:block}.lab-findings{border-block:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:40px 0;display:grid}.lab-findings>div{padding:24px 28px 26px 0}.lab-findings>div+div{border-left:1px solid var(--line);padding-left:28px}.lab-findings dt{margin-bottom:12px}.lab-findings dd{margin:0;font-size:17px;line-height:1.65}.lab-prose{max-width:680px}.lab-prose ul{padding-left:20px}.lab-entry-tags{border-top:1px solid var(--line);max-width:680px;margin:0 0 40px;padding-top:24px}.lab-entry-tags a{text-underline-offset:4px}.lab-related .lab-grid{border-top:0;padding-top:0}.lab-related .section-top a{text-decoration:none}@media (width<=760px){.lab-grid{grid-template-columns:minmax(0,1fr);gap:44px}.lab-findings{grid-template-columns:minmax(0,1fr)}.lab-findings>div{padding:22px 0}.lab-findings>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}}@media (width<=600px){.lab-shell{width:calc(100% - 2 * var(--gutter-m,20px))}.lab-entry-header h1{font-size:38px}.lab-actions .lab-button{justify-content:space-between;width:100%}}.lab-prose .story-wide{width:min(880px,100%);max-width:none}.lab-entry-shell .lab-prose{max-width:880px}.lab-prose>p,.lab-prose>ul,.lab-prose>ol,.lab-prose>blockquote,.lab-prose>h2,.lab-prose>h3,.story-chapter>p:not(.blog-label),.story-chapter>ul,.story-chapter>ol{max-width:680px}.story-chapter{border-top:1px solid var(--line);margin:72px 0 0;padding-top:28px}.story-chapter>h2{letter-spacing:-.045em;margin:14px 0 22px;font-size:clamp(30px,3.6vw,44px);font-weight:500;line-height:1.08}.story-chapter>p:not(.blog-label){margin:0 0 22px}.story-figure,.story-compare,.story-demo,.story-video,.story-timeline,.story-lessons,.story-inspiration,.story-stats{margin:34px 0}.story-figure figcaption,.story-compare figcaption,.story-demo figcaption,.story-video figcaption{font-family:var(--mono);color:var(--blog-muted);margin-top:10px;font-size:11px;line-height:1.6}.story-zoom{border:1px solid var(--line);cursor:zoom-in;background:#1719150a;width:100%;padding:0;display:block}.story-zoom img{width:100%;height:auto;display:block}.story-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(880px,100%);display:grid}.story-pair .story-figure{margin:34px 0 0}.story-lightbox{background:0 0;border:0;max-width:min(1400px,94vw);max-height:92vh;padding:0}.story-lightbox::backdrop{background:#0a0a08db}.story-lightbox img{width:auto;max-width:100%;height:auto;max-height:90vh;margin:auto;display:block}.story-lightbox-close{background:var(--paper);width:44px;height:44px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;font-size:26px;line-height:1;position:fixed;top:16px;right:20px}.story-stats{border-block:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;display:grid}.story-stats>div{flex-direction:column-reverse;gap:6px;padding:22px 20px 22px 0;display:flex}.story-stats>div+div{border-left:1px solid var(--line);padding-left:20px}.story-stats dd{letter-spacing:-.045em;margin:0;font-size:clamp(30px,3.4vw,42px);font-weight:500;line-height:1}.story-stats dt{font-family:var(--mono);color:var(--blog-muted);font-size:11px;line-height:1.5}.story-compare-frame{border:1px solid var(--line);touch-action:pan-y;background:#1719150a;position:relative;overflow:hidden}.story-compare-frame img{width:100%;height:auto;display:block}.story-compare-before{clip-path:inset(0 calc(100% - var(--split)) 0 0);position:absolute;inset:0}.story-compare-before img{object-fit:cover;height:100%}.story-compare-handle{top:0;bottom:0;left:var(--split);background:var(--paper);pointer-events:none;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 0 1px #17191540}.story-compare-handle:after{content:"↔︎";background:var(--paper);width:40px;height:40px;color:var(--ink);border-radius:50%;place-items:center;font-size:16px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0003}.story-compare-frame input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.story-compare-frame input:focus-visible~.story-compare-handle:after{outline:2px solid var(--ink);outline-offset:2px}.story-compare-tag{background:var(--ink);color:var(--paper);font:400 10px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;pointer-events:none;padding:4px 8px;position:absolute;top:12px}.story-compare-tag-before{left:12px}.story-compare-tag-after{right:12px}.story-narrow{width:min(420px,100%)}.story-timeline{border-top:1px solid var(--line);grid-template-columns:240px minmax(0,1fr);gap:28px;padding-top:20px;display:grid}.story-timeline-steps{flex-direction:column;gap:4px;display:flex}.story-timeline-steps button{border:1px solid #0000;border-left:2px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;font:inherit;background:0 0;gap:3px;padding:12px 14px;display:grid}.story-timeline-steps button span{font:400 10px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--blog-muted)}.story-timeline-steps button strong{font-size:15px;font-weight:500;line-height:1.35}.story-timeline-steps button:hover{border-left-color:var(--ink)}.story-timeline-steps button[aria-selected=true]{border-left-color:var(--ink);background:#1719150f}.story-timeline-panel img{object-fit:contain;border:1px solid var(--line);background:#1719150a;width:100%;height:auto;max-height:460px;display:block}.story-timeline-panel p{margin:16px 0 0;font-size:16px;line-height:1.7}.story-demo-frame{aspect-ratio:16/10;border:1px solid var(--line);background:var(--ink);position:relative;overflow:hidden}.story-demo-frame>img{object-fit:cover;object-position:top;opacity:.55;width:100%;height:100%}.story-demo-frame iframe{background:#fff;border:0;width:100%;height:100%;display:block}.story-demo-overlay{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.story-demo-overlay .lab-button{cursor:pointer;border:0;min-height:52px;padding:0 26px;font-family:inherit;font-size:16px}.story-demo-open{color:var(--paper);font:400 12px/1 var(--mono);text-underline-offset:4px}.story-video video{background:var(--ink);width:100%;height:auto;display:block}.story-lessons{border-block:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.story-lessons>section{padding:22px 26px 24px 0}.story-lessons>section+section{border-left:1px solid var(--line);padding-left:26px}.story-lessons ul{margin:14px 0 0;padding:0;list-style:none}.story-lessons li{margin:0 0 14px;padding-left:22px;font-size:15px;line-height:1.6;position:relative}.story-lessons>section:first-child li:before{content:"+";color:#3f7d4f;font-weight:700;position:absolute;left:0}.story-lessons>section+section li:before{content:"–";color:#b5462f;font-weight:700;position:absolute;left:0}.story-inspiration{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:34px 0;padding:0;list-style:none;display:grid}.story-inspiration li{border-top:1px solid var(--line);padding-top:14px}.story-inspiration img{border:1px solid var(--line);width:100%;height:auto;margin-bottom:12px}.story-inspiration-title{margin:0 0 6px;font-weight:500}.story-inspiration li p:last-child{color:var(--blog-muted);margin:0;font-size:14px;line-height:1.6}.lab-prose table{border-collapse:collapse;width:min(880px,100%);margin:30px 0;font-size:15px}.lab-prose th,.lab-prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 14px 12px 0}.lab-prose th{font:400 11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--blog-muted)}.story-hire{background:var(--ink);color:var(--paper);margin:72px 0 0;padding:30px}.story-hire h2{letter-spacing:-.045em;margin:12px 0 18px;font-size:clamp(28px,3.2vw,40px);font-weight:500;line-height:1.1}.story-hire .blog-label{color:var(--acid)}.story-hire p,.story-hire li{max-width:680px;font-size:16px;line-height:1.7}.story-hire a{color:var(--acid)}@media (width<=760px){.story-timeline{grid-template-columns:minmax(0,1fr)}.story-timeline-steps{scrollbar-width:none;flex-direction:row;overflow-x:auto}.story-timeline-steps button{border-left:0;border-bottom:2px solid var(--line);flex:none;width:180px}.story-timeline-steps button[aria-selected=true],.story-timeline-steps button:hover{border-bottom-color:var(--ink)}.story-lessons,.story-pair{grid-template-columns:minmax(0,1fr)}.story-lessons>section+section{border-left:0;border-top:1px solid var(--line);padding-left:0}.story-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.story-stats>div:nth-child(3){border-left:0;padding-left:0}.story-stats>div:nth-child(n+3){border-top:1px solid var(--line)}.story-hire{padding:24px 20px}}.lab-prose .story-figure:not(.story-wide){max-width:680px}.lab-prose .story-pair .story-figure{max-width:none}.lab-entry-shell:has(.story-hire)>.blog-end{display:none}.lab-todo{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.lab-todo li{color:#4d3b00;font:400 10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;background:#fbe7a1;border:1px solid #e0c158;padding:3px 8px}.lab-todo-box{background:#fff7d6;border:1px dashed #c49a2c;margin:0 0 24px;padding:16px 18px}.lab-todo-box .lab-todo{margin-top:8px}.lab-todo-box p:last-child:not(.blog-label){margin:10px 0 0;font-size:14px;line-height:1.6}.lab-todo-summary{background:#fff7d6;border:1px dashed #c49a2c;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:14px 16px;display:flex}.lab-todo-summary .blog-label{margin:0 8px 0 0}.lab-todo-summary button{color:#4d3b00;min-height:32px;font:400 11px/1 var(--mono);cursor:pointer;background:#fbe7a1;border:1px solid #e0c158;border-radius:999px;padding:0 12px}.lab-todo-summary button[aria-pressed=true]{color:#fff7d6;background:#4d3b00;border-color:#4d3b00}.lab-todo-summary button span{opacity:.7;margin-left:3px}.idx-meta{font:400 11px/1.5 var(--mono);color:var(--blog-muted);flex-wrap:wrap;gap:3px 12px;margin:0;display:flex}.idx-meta b{color:var(--ink);font-weight:500}.idx-meta span:empty{display:none}.idx-summary{color:var(--blog-muted);margin:0;font-size:14px;line-height:1.6;display:block}.idx-finding{margin:14px 0;font-size:14px;line-height:1.6}.idx-finding .blog-label{margin-bottom:4px;display:block}.idx-catbar{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:6px 0 28px;display:grid}.idx-catbar[hidden]{display:none}.idx-catbar button{border:1px solid var(--line);min-height:72px;color:var(--ink);text-align:left;cursor:pointer;font:inherit;background:0 0;align-items:center;gap:12px;padding:12px 14px;transition:background .2s,border-color .2s;display:flex}.idx-catbar button:hover{border-color:var(--ink)}.idx-catbar button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.idx-catbar svg,.idx-group-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.idx-catbar svg{width:26px;height:26px}.idx-catbar b{letter-spacing:-.01em;font-size:14px;font-weight:500;line-height:1.25;display:block}.idx-catbar i{font:normal 400 11px/1.4 var(--mono);opacity:.65;margin-top:2px;display:block}.idx-body.has-panel{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:40px;display:grid}.idx-group{margin-top:48px}.idx-group[hidden]{display:none}.idx-group-head{border-bottom:1px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;padding-bottom:10px;display:flex}.idx-group-head h2{letter-spacing:-.04em;margin:0;font-size:26px;font-weight:500}.idx-group-head h2 span{font:400 12px/1 var(--mono);color:var(--blog-muted);vertical-align:middle;margin-left:6px}.idx-group-head p{color:var(--blog-muted);margin:0;font-size:14px}.idx-group-icon{vertical-align:-3px;width:24px;height:24px;margin-right:10px}.idx-lead{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:28px;padding:24px 0;display:grid}.idx-lead[hidden]{display:none}.idx-lead-what{letter-spacing:-.045em;margin:8px 0;font-size:clamp(24px,2.6vw,32px);font-weight:500;line-height:1.1}.idx-lead-what a{text-decoration:none}.idx-lead-what a:hover{text-underline-offset:5px;text-decoration:underline 1px}.idx-lead .lab-actions{margin-top:18px}.lab-button[hidden]{display:none}.idx-list{margin:0;padding:0;list-style:none}.idx-list li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 76px;align-items:center;display:grid}.idx-list li[hidden]{display:none}.idx-row{color:var(--ink);grid-template-columns:minmax(0,1fr) minmax(0,.5fr) 76px;align-items:center;gap:16px;padding:13px 8px 13px 10px;text-decoration:none;transition:background .15s;display:grid}.idx-try{font:400 12px/1.5 var(--mono);text-align:right;text-underline-offset:4px;padding-right:8px}.idx-start{border:1px solid var(--line);background:#faf8f2;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-top:14px;padding:16px 18px;display:flex}.idx-start p{color:var(--blog-muted);margin:0;font-size:15px;line-height:1.6}.idx-start b{color:var(--ink);font-weight:600}.idx-start .text-link{white-space:nowrap;font-size:14px;font-weight:600}.idx-row:hover,.idx-row:focus-visible{background:#1719150d}.idx-list li:has(.idx-row.is-active){box-shadow:inset 3px 0 0 var(--ink);background:#17191512}.idx-name,.idx-when{font:400 12px/1.5 var(--mono);color:var(--blog-muted)}.idx-what{letter-spacing:-.025em;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:18px;font-weight:500;line-height:1.3;display:flex}.idx-when{text-align:right}.idx-thumb{display:none}.idx-panel{border:1px solid var(--line);background:#faf8f2;margin-top:48px;padding:18px;position:sticky;top:24px}.idx-panel .idx-meta{margin-top:14px}.idx-panel-what{letter-spacing:-.04em;margin:6px 0 8px;font-size:24px;font-weight:500;line-height:1.15}.idx-panel .lab-todo{margin:0 0 12px}.is-focused .idx-group{margin-top:0}.is-focused .idx-group-head{padding-bottom:16px}.is-focused .idx-group-head h2{letter-spacing:-.05em;font-size:clamp(34px,4vw,52px)}.is-focused .idx-group-head p{max-width:520px;font-size:16px}.is-focused+.idx-panel,.is-focused .idx-panel{margin-top:0}@media (width<=960px){.idx-catbar{grid-template-columns:repeat(3,minmax(0,1fr))}.idx-body.has-panel{grid-template-columns:minmax(0,1fr)}.idx-panel{display:none}.idx-row{grid-template-columns:112px minmax(0,1.6fr) minmax(0,.7fr) 76px;padding:10px 8px 10px 0}.idx-list li:has(.idx-row.is-active){box-shadow:none;background:0 0}.idx-thumb{display:block}}@media (width<=640px){.idx-catbar{margin-inline:calc(-1 * var(--gutter-m,20px));padding:0 var(--gutter-m,20px) 4px;scrollbar-width:none;display:flex;overflow-x:auto}.idx-catbar button{flex:none;width:150px;min-height:64px}.idx-lead{grid-template-columns:minmax(0,1fr);gap:16px}.idx-list li{grid-template-columns:minmax(0,1fr)}.idx-row{grid-template-columns:96px minmax(0,1fr);gap:2px 12px}.idx-thumb{grid-row:1/span 3}.idx-when{display:none}.idx-try{text-align:left;grid-column:1;margin-top:-6px;padding:0 0 12px 108px}.idx-try:empty{display:none}.idx-what{font-size:17px}.idx-name{grid-column:2}.idx-name:empty{display:none}}@media (prefers-reduced-motion:reduce){.idx-row,.idx-catbar button{transition:none}}.log-shell{width:min(1040px,92%)}.log-month{margin-top:40px}.log-month-title{border-bottom:1px solid var(--ink);font:400 12px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.1em;margin:0;padding-bottom:10px}.log-item{border-bottom:1px solid var(--line);grid-template-columns:110px minmax(0,1fr) 220px;gap:28px;padding:26px 0;display:grid}.log-date{font:400 12px/1.6 var(--mono);color:var(--blog-muted)}.log-body .lab-meta{margin:0}.log-title{letter-spacing:-.035em;margin:10px 0 6px;font-size:24px;font-weight:500;line-height:1.2}.log-title a{text-decoration:none}.log-title a:hover{text-underline-offset:4px;text-decoration:underline 1px}.log-summary{color:var(--blog-muted);margin:0;font-size:15px;line-height:1.65}.log-finding{border-left:2px solid var(--line);margin:12px 0 0;padding-left:12px;font-size:14px;line-height:1.6}.log-finding .blog-label{margin-right:4px}.log-project{text-underline-offset:4px;margin-top:12px;font-size:14px;display:inline-block}.log-body .lab-todo{margin-top:12px}.log-thumb{align-self:start;display:block}.log-status{--dot:var(--blog-muted);font:400 11px/1.4 var(--mono);color:inherit;align-items:center;gap:7px;display:inline-flex}.log-status:before{content:"";background:var(--dot);border-radius:50%;flex:none;width:7px;height:7px}.stream-main .log-status{color:var(--ink)}.log-status-live,.log-status-in-progress{--dot:#285c48}.log-status-building,.log-status-mvp{--dot:#dd5c34}.log-status-exploring{--dot:#1657c8}.log-status-done,.log-status-became-a-product{--dot:var(--ink)}.log-status-paused:before{box-shadow:inset 0 0 0 1.5px var(--dot);background:0 0}.lab-type-mvp{background:#d9e8ff}.lab-type-experiment{background:0 0}@media (width<=760px){.log-item{grid-template-columns:minmax(0,1fr) 96px;gap:8px 16px}.log-date{grid-column:1/-1}.log-thumb{grid-area:2/2}.log-title{font-size:20px}}.lab-status-filters{flex-wrap:wrap;gap:8px;margin:6px 0 22px;display:flex}.lab-status-filters[hidden]{display:none}.lab-status-filters button{border:1px solid var(--line);min-height:36px;color:var(--ink);font:400 12px/1 var(--mono);cursor:pointer;background:0 0;border-radius:999px;padding:0 14px}.lab-status-filters button span{color:var(--blog-muted);margin-left:4px}.lab-status-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.lab-status-filters button[aria-pressed=true] span{color:inherit;opacity:.7}.stream-list,.post-list,.hub-log-list{margin:0;padding:0;list-style:none}.stream-list li[hidden]{display:none}.stream-row{border-bottom:1px solid var(--line);color:var(--ink);grid-template-columns:150px minmax(0,1fr) 150px;align-items:center;gap:24px;padding:18px 0;text-decoration:none;display:grid}.stream-row:hover .stream-title{text-underline-offset:4px;text-decoration:underline 1px}.stream-main{gap:6px;display:grid}.stream-main .lab-meta{margin:0}.stream-title{letter-spacing:-.035em;font-size:22px;font-weight:500;line-height:1.2}.stream-summary{color:var(--blog-muted);font-size:14px;line-height:1.6}.stream-count{font:400 11px/1.6 var(--mono);color:var(--blog-muted);text-align:right}.lab-type-product{background:#e9dfcb}.lab-type-work{background:var(--acid)}.post-stream{margin-top:52px}.post-list a{border-bottom:1px solid var(--line);color:var(--ink);grid-template-columns:110px 170px minmax(0,1fr);align-items:baseline;gap:4px 20px;padding:14px 0;text-decoration:none;display:grid}.post-list time,.post-list-subject,.post-list-todo{font:400 12px/1.5 var(--mono);color:var(--blog-muted)}.post-list-title{letter-spacing:-.025em;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:18px;font-weight:500;line-height:1.3;display:flex}.post-list a:hover .post-list-title{text-underline-offset:4px;text-decoration:underline 1px}.post-list-todo{grid-column:3}.hub-body{margin-top:40px}.hub-log{margin-top:48px}.hub-log-list li{border-bottom:1px solid var(--line);grid-template-columns:120px minmax(0,1fr);gap:20px;padding:20px 0;display:grid}.hub-log-list time,.hub-log-meta{font:400 12px/1.6 var(--mono);color:var(--blog-muted)}.hub-log-list h3{letter-spacing:-.035em;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 6px;font-size:22px;font-weight:500;line-height:1.25;display:flex}.hub-log-list h3 a{text-decoration:none}.hub-log-list h3 a:hover{text-underline-offset:4px;text-decoration:underline 1px}.hub-log-list p{color:var(--blog-muted);margin:0;font-size:15px;line-height:1.6}.hub-log-list .hub-log-meta{margin-top:6px}.post-shell .article-header>*,.post-shell .reading-layout>.article-contents{max-width:680px}.post-shell .article-image{max-width:none}.post-crumbs a{text-decoration:none}.post-crumbs a:hover{text-decoration:underline}.article-header .lab-draft{margin-left:12px}.post-image-full img{aspect-ratio:1200/630;max-height:none}.post-pager{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:28px 0;display:grid}.post-pager a{letter-spacing:-.02em;gap:6px;font-size:17px;font-weight:500;line-height:1.35;text-decoration:none;display:grid}.post-pager a:last-child{text-align:right}.post-pager a:hover{text-underline-offset:4px;text-decoration:underline}.post-about{border:1px solid var(--line);background:#faf8f2;margin:10px 0 40px;padding:22px}.post-about p{margin:0 0 10px;font-size:15px;line-height:1.6}.post-about .lab-actions{margin:6px 0 0}.from-lab{border-top:1px solid var(--line);margin:40px 0;padding-top:18px}@media (width<=760px){.stream-row{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:10px 18px}.stream-count{text-align:left;grid-column:2}.stream-title{font-size:19px}.post-list a{grid-template-columns:minmax(0,1fr)}.post-list-todo{grid-column:1}.hub-log-list li{grid-template-columns:minmax(0,1fr);gap:4px}.post-pager{grid-template-columns:minmax(0,1fr)}.post-pager a:last-child{text-align:left}}.prod-item{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:24px;display:grid}.prod-item .stream-row{border-bottom:0;grid-template-columns:150px minmax(0,1fr)}.prod-item:last-child{border-bottom:0}.prod-caps{font:400 11px/1.5 var(--mono);color:var(--blog-muted)}.prod-side{text-align:right;justify-items:end;gap:6px;display:grid}.prod-open{text-underline-offset:4px;font-size:14px;font-weight:600}@media (width<=760px){.prod-item{grid-template-columns:minmax(0,1fr);gap:0}.prod-item .stream-row{grid-template-columns:200px minmax(0,1fr);padding-bottom:8px}.prod-side{text-align:left;justify-items:start;padding:0 0 18px 218px}}.lab-substatus-filters{margin-top:-12px}.lab-substatus-filters button{min-height:30px;padding:0 12px;font-size:11px}@media (width<=600px){.stream-summary,.idx-summary,.lab-card-summary{font-size:16px;line-height:1.5}.lab-meta,.log-status,.stream-count,.prod-caps,.lab-tags,.idx-meta,.idx-name,.idx-when,.lab-type,.lab-draft,.lab-card-play{font-size:12px}.story-compare-tag,.story-timeline-steps button span{font-size:11px}.story-figure figcaption,.story-compare figcaption,.story-demo figcaption,.story-video figcaption,.story-stats dt,.lab-prose th{font-size:12px}.lab-intro>p a{font:inherit;letter-spacing:normal;text-transform:none;padding-block:11px}.story-demo-open,.lab-related .section-top a{align-items:center;min-height:44px;display:inline-flex}.story-demo-open{font-size:13px}.story-hire p a{padding-block:11px}.stream-index+.blog-end{border-top:0}.stream-row,.prod-item .stream-row{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:0;padding:24px 0 28px}.stream-thumb{margin-bottom:18px}.stream-thumb:empty{display:none}.stream-thumb .spec-frame{aspect-ratio:16/9;flex-direction:column;padding:6% 7% 0;display:flex}.stream-thumb .spec-frame .spec-bar{border-radius:4px 4px 0 0;flex:none;gap:4px;height:10px;padding:0 6px}.stream-thumb .spec-frame .spec-bar i{width:4px;height:4px}.stream-thumb .spec-frame img{aspect-ratio:auto;flex:1 1 0;height:auto;min-height:0}.stream-main{gap:8px}.stream-main .lab-meta{gap:8px 12px}.stream-title{font-size:22px;line-height:1.2}.stream-summary{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.stream-count{text-align:left;grid-column:1;margin-top:12px}.prod-item .stream-row{padding-bottom:16px}.prod-side{text-align:left;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:0 0 28px;display:flex}.prod-open{border:1px solid var(--ink);min-height:44px;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:15px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.prod-open:focus-visible{outline-offset:3px}.prod-open:active{background:var(--ink);color:var(--paper)}.prod-side .stream-count{margin:0}.lab-shell .lab-status-filters{overscroll-behavior-x:contain;margin-inline:calc(-1 * var(--gutter-m,20px));padding:4px var(--gutter-m,20px);scroll-padding-inline:var(--gutter-m,20px);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.lab-shell .lab-status-filters::-webkit-scrollbar{display:none}.lab-status-filters button,.lab-substatus-filters button{white-space:nowrap;flex:none;min-height:44px;padding:0 16px;font-size:13px}.lab-status-filters button:focus-visible{outline-offset:1px}.lab-intro~.lab-status-filters{margin-bottom:14px}.lab-intro~.lab-substatus-filters{margin-top:-10px}.lab-related .lab-grid{gap:0}.lab-related .lab-card{border-bottom:1px solid var(--line);grid-template-columns:112px minmax(0,1fr);align-items:start;gap:6px 14px;padding:16px 0;display:grid;position:relative}.lab-related .lab-card:first-child{padding-top:4px}.lab-related .lab-card:last-child{border-bottom:0}.lab-related .lab-card-media{aspect-ratio:4/3;grid-row:1/span 3}.lab-related .lab-card-media img{object-position:left top}.lab-related .lab-card-play{padding:3px 5px;bottom:4px;right:4px}.lab-related .lab-meta{gap:6px 10px;margin:0}.lab-related .lab-card-title{margin:0;font-size:19px;line-height:1.25}.lab-related .lab-card-title a:after{content:"";position:absolute;inset:0}.lab-related .lab-card-summary{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lab-related .lab-tags{display:none}}@media (width>=601px) and (width<=760px){.stream-summary{font-size:16px;line-height:1.5}.stream-title{font-size:21px}.prod-open{align-items:center;min-height:44px;display:inline-flex}}@media (width<=600px) and (prefers-reduced-motion:reduce){.prod-open{transition:none}}