@font-face{font-family:archivo;src:url(/fonts/archivo-var.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:jetbrains mono;src:url(/fonts/jetbrains-mono-var.woff2)format("woff2");font-weight:100 800;font-display:swap}:root{color-scheme:dark;--night:#0c0c0c;--night-2:#161616;--paper:#ebebe7;--paper-2:#dcdcd7;--bone:#ededea;--dim:#8f8f8a;--ink:#0c0c0c;--ink-2:#44443f;--signal:#ff4a1c;--rule-c:#2f2f2c;--f-sans:"Archivo", "Helvetica Neue", Arial, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--m:max(16px, min(3.2vw, 40px));--max:1520px;--gap:clamp(96px, 12vw, 200px);--t-display:clamp(2.6rem, 7.4vw, 7.6rem);--t-h2:clamp(2.2rem, 5.6vw, 5.6rem);--t-h3:clamp(1.5rem, 2.6vw, 2.5rem);--t-lead:clamp(1.125rem, 1.5vw, 1.4rem);--t-body:1.0625rem;--t-mono:0.8125rem;--ease:cubic-bezier(.16, 1, .3, 1);--rule:2px}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}@media(max-width:760px){html{scroll-padding-top:120px}}body{margin:0;background:var(--night);color:var(--bone);font:var(--t-body)/1.55 var(--f-sans);font-stretch:100%;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit}pre{margin:0}ul,ol{margin:0;padding:0;list-style:none}p{margin:0;text-wrap:pretty}h1,h2,h3{margin:0;font-family:var(--f-sans);font-weight:900;font-stretch:125%;line-height:.92;letter-spacing:-.035em;text-wrap:balance}::selection{background:var(--signal);color:var(--ink)}:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.mono{font-family:var(--f-mono);font-size:var(--t-mono);letter-spacing:0}.mono,code,pre{font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:var(--m);top:-100px;z-index:100;background:var(--signal);color:var(--ink);padding:12px 16px;font-weight:700;text-decoration:none}.skip:focus{top:12px}.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--m)}.band-dark{--ink:var(--bone);--ink-2:#b4b4ae;background:var(--night);color:var(--bone)}.band-light{--paper:#141414;--paper-2:#1d1d1b;--ink:#ededea;--ink-2:#b4b4ae;background:var(--paper);color:var(--ink);border-block:1px solid var(--rule-c)}.btn{display:inline-flex;align-items:center;gap:14px;min-height:52px;padding:0 24px;font:700 .9375rem/1 var(--f-sans);font-stretch:112%;letter-spacing:.01em;text-decoration:none;border:var(--rule)solid;transition:background-color .2s var(--ease),color .2s var(--ease)}.btn .arrow{transition:transform .25s var(--ease)}.btn:hover .arrow{transform:translate(3px,-3px)}.btn-light{background:var(--signal);color:var(--night);border-color:var(--signal)}.btn-light:hover{background:0 0;color:var(--signal)}.btn-line{background:0 0;color:var(--bone)}.btn-line:hover{color:var(--signal);border-color:var(--signal)}.lost .btn{background:var(--signal);color:var(--night);border-color:var(--signal)}.lost .btn:hover{background:0 0;color:var(--signal)}.nav{position:sticky;top:0;z-index:50;background:var(--night);border-bottom:1px solid #262624}.nav-in{display:flex;align-items:center;gap:32px;min-height:64px}.brand{display:inline-block;font:900 1.375rem/1 var(--f-sans);font-stretch:125%;letter-spacing:-.03em;text-decoration:none;padding:11px 0;min-height:44px}.nav nav{margin-left:auto}.nav-links{display:flex;gap:4px}.nav-links a,.nav-cta{font-family:var(--f-mono);font-size:var(--t-mono);text-decoration:none}.nav-links a{display:inline-block;padding:12px;color:var(--dim);transition:color .15s}.nav-links a:hover{color:var(--bone)}.nav-cta{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1px solid var(--bone);transition:background-color .2s,color .2s}.nav-cta:hover{border-color:var(--signal);color:var(--signal)}.hero{padding-top:clamp(40px,6vw,88px)}.mark{position:relative;isolation:isolate}.mark-svg{display:block;width:100%;height:auto;overflow:visible}.mark-svg path{fill:url(#chrome)}.mark-canvas{position:absolute;left:calc(-1 * var(--m));top:-14%;width:calc(100% + 2 * var(--m));height:128%;display:none;pointer-events:none}.mark.live .mark-canvas{display:block}.mark.live .mark-svg{visibility:hidden}.hero-copy{display:grid;gap:clamp(32px,4vw,56px);margin-top:clamp(48px,7vw,112px);padding-bottom:clamp(48px,6vw,96px)}.hero h1{font-size:var(--t-display)}.hero h1 .line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}.hero h1 .line>span{display:block}.hero-side{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:28px 64px;align-items:end}.lead{font-size:var(--t-lead);line-height:1.45;max-width:40ch}.hero .lead{color:var(--bone)}.actions{display:flex;flex-wrap:wrap;gap:12px}.index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #262624}.index li+li{border-left:1px solid #262624}.index a{display:flex;align-items:center;min-height:64px;padding:0 16px;text-decoration:none;color:var(--dim);transition:color .2s,background-color .2s}.index li:first-child a{padding-left:0}.index a:hover{color:var(--signal)}.ticker{overflow:hidden;background:var(--signal);color:var(--ink)}.ticker-track{display:flex;width:max-content;animation:roll 42s linear infinite}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes roll{to{transform:translate3d(-50%,0,0)}}.ticker-run{display:flex;align-items:center}.ticker-run span,.ticker-run i{font:900 clamp(1.5rem,3.4vw,3.2rem)/1 var(--f-sans);font-stretch:125%;letter-spacing:-.03em;padding:20px 0;white-space:nowrap}.ticker-run i{display:inline-flex;padding-inline:.45em}.ticker-run b{display:block;width:.5em;height:.5em;background:var(--night)}.services,.build,.work,.method{padding-block:var(--gap)}h2{font-size:var(--t-h2);max-width:20ch}.svc-list{margin-top:clamp(56px,7vw,112px);border-bottom:var(--rule)solid var(--rule-c)}.svc{position:relative;display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr)minmax(0,1.15fr);gap:clamp(24px,3vw,56px);padding-block:clamp(36px,4vw,64px);border-top:var(--rule)solid var(--rule-c)}.svc h3{font-size:var(--t-h3);line-height:.98}.svc-text{display:grid;gap:16px;align-content:start}.svc-line{font-size:var(--t-lead);font-weight:700;line-height:1.25}.svc-text>p:not(.svc-line){color:var(--ink-2);max-width:48ch}.svc-points{display:grid;gap:6px;margin-top:8px}.svc-points li::before{content:"+ ";color:var(--ink-2)}.flow{--line:rgba(237, 237, 234, .14);--t:.45s;margin:0;align-self:start;display:grid;gap:18px;min-width:0}.flow-grid{display:grid}.flow-node{position:relative;display:grid;gap:6px;align-content:start;padding:14px 16px 16px;border:var(--rule)solid #46463f;background:var(--paper);transition:background-color var(--t)var(--ease),color var(--t)var(--ease)}.flow-name{font:900 clamp(1.05rem,1.35vw,1.3rem)/1 var(--f-sans);font-stretch:125%;letter-spacing:-.02em;text-transform:uppercase}.flow-note{color:var(--ink-2);font-size:var(--t-mono);line-height:1.35;transition:color var(--t)}.flow-node.done{background:var(--paper-2)}.flow-node.done{border-color:#5c5c55}.flow-node.on{background:var(--signal);border-color:var(--signal);color:var(--night)}.flow-node.on .flow-note{color:var(--night)}.flow-foot{color:var(--ink-2);display:flex;align-items:center;gap:10px}.flow-foot::before{content:"";width:24px;height:var(--rule);background:currentColor}.flow-wire{position:relative}.flow-wire::before,.flow-wire i{content:"";position:absolute}.flow-wire::before{background:var(--line)}.flow-wire i{background:var(--ink);transition:transform var(--t)var(--ease)}.flow-wire::after{content:"";position:absolute;width:0;height:0;border:6px solid transparent;opacity:.25;transition:opacity var(--t)}.flow-wire.on::after{opacity:1}.flow-wire.down::before,.flow-wire.down i,.flow-wire.up::before,.flow-wire.up i{left:calc(50% - 1px);width:var(--rule);top:0;bottom:0}.flow-wire.down i{transform-origin:top;transform:scaleY(0)}.flow-wire.up i{transform-origin:bottom;transform:scaleY(0)}.flow-wire.down::before,.flow-wire.down i{bottom:8px}.flow-wire.up::before,.flow-wire.up i{top:8px}.flow-wire.down::after{left:calc(50% - 6px);bottom:-4px;border-top-color:var(--ink)}.flow-wire.up::after{left:calc(50% - 6px);top:-4px;border-bottom-color:var(--ink)}.flow-wire.right::before,.flow-wire.right i,.flow-wire.left::before,.flow-wire.left i{top:calc(50% - 1px);height:var(--rule);left:0;right:0}.flow-wire.right i{transform-origin:left;transform:scaleX(0)}.flow-wire.left i{transform-origin:right;transform:scaleX(0)}.flow-wire.right::before,.flow-wire.right i{right:8px}.flow-wire.left::before,.flow-wire.left i{left:8px}.flow-wire.right::after{top:calc(50% - 6px);right:-4px;border-left-color:var(--ink)}.flow-wire.left::after{top:calc(50% - 6px);left:-4px;border-right-color:var(--ink)}.flow-wire.on i{transform:none}.no-js .flow-wire i,.flow.still .flow-wire i{transform:none}.no-js .flow-wire::after,.flow.still .flow-wire::after{opacity:1}.flow-loop .flow-grid{grid-template-columns:minmax(0,1fr)44px minmax(0,1fr);grid-template-rows:auto 44px auto;grid-template-areas:"n1 w1 n2" "w4 . w2" "n4 w3 n3"}.flow-loop .n1{grid-area:n1}.flow-loop .n2{grid-area:n2}.flow-loop .n3{grid-area:n3}.flow-loop .n4{grid-area:n4}.flow-loop .w1{grid-area:w1}.flow-loop .w2{grid-area:w2}.flow-loop .w3{grid-area:w3}.flow-loop .w4{grid-area:w4}.flow-stack .flow-node{padding-block:16px}.flow-stack .flow-wire{display:none}.flow-stack .flow-node:not(.n1){margin-top:calc(-1 * var(--rule))}.flow-stack .n1{margin-inline:12%}.flow-stack .n2{margin-inline:8%}.flow-stack .n3{margin-inline:4%}.flow-stack .flow-node.done{background:#262624;color:var(--bone)}.flow-stack .flow-node.done .flow-note{color:var(--dim)}.flow-stack .flow-node.on{background:var(--signal);color:var(--night)}.flow-stack .flow-node.on .flow-note{color:var(--night)}.flow-stack .flow-grid{border-bottom:var(--rule)solid #46463f;padding-bottom:10px}.flow-chain .flow-wire{height:30px}.flow-chain .n1,.flow-chain .w1{margin-right:18%}.flow-chain .n2,.flow-chain .w2{margin-left:6%;margin-right:12%}.flow-chain .n3,.flow-chain .w3{margin-left:12%;margin-right:6%}.flow-chain .n4{margin-left:18%}.flow-chain .flow-wire::before,.flow-chain .flow-wire i{left:27px}.flow-chain .flow-wire::after{left:22px}.build-head{display:grid;grid-template-columns:minmax(0,1.4fr)minmax(0,1fr);gap:clamp(32px,5vw,96px);align-items:end}.pat-defs{position:absolute;width:0;height:0}.pat-defs path{fill:#8a8a83}.pats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(56px,7vw,112px);border-top:var(--rule)solid var(--rule-c);border-left:1px solid var(--rule-c)}.pat-card{display:grid;grid-template-rows:auto auto auto 1fr;gap:10px;padding:20px 20px 28px;border-right:1px solid var(--rule-c);border-bottom:1px solid var(--rule-c);transition:background-color .3s}.pat-card:hover{background:#121212}.pat{display:block;width:100%;height:auto;margin-bottom:14px;background:#101010;border:1px solid #1f1f1d}.pat .pw{fill:none;stroke:#4a4a45;stroke-width:4;stroke-linejoin:miter}.pat .pw.ghost{stroke:none}.pat .pn rect{fill:#161616;stroke:#6a6a63;stroke-width:3}.pat .pn.key rect{stroke:var(--bone)}.pat .pn.gate rect{stroke:var(--signal);stroke-dasharray:8 5;animation:march 1s linear infinite}@keyframes march{to{stroke-dashoffset:-26}}.pat .pn text{fill:var(--bone);font:700 11px var(--f-mono);text-anchor:middle}.pat .pd{fill:var(--signal);stroke:var(--night);stroke-width:2}.pat-tag{color:var(--signal)}.pat-card h3{font-size:clamp(1.25rem,1.6vw,1.5rem);line-height:1}.pat-text{color:#b4b4ae;max-width:34ch}.work-head{display:grid;grid-template-columns:minmax(0,1.2fr)minmax(0,1fr);gap:clamp(32px,5vw,96px);align-items:end}.work-side{display:grid;gap:28px;justify-items:start}.work-side p{font-size:var(--t-lead);line-height:1.45;max-width:40ch}.proj-table{width:100%;margin-top:clamp(56px,7vw,112px);border-collapse:collapse}.proj-table th,.proj-table td{text-align:left;font-weight:400;padding:14px 16px 14px 0;border-bottom:1px solid #2c2c2a}.proj-table thead th{color:var(--dim);border-bottom:var(--rule)solid var(--bone)}.proj-table a{color:var(--bone)}.proj-table a:hover{color:var(--signal)}.projects{display:grid;margin-top:clamp(56px,7vw,112px)}.proj-table+.projects{margin-top:clamp(40px,5vw,72px)}.proj+.proj{margin-top:clamp(40px,5vw,72px)}.proj-link{display:grid;text-decoration:none;border-top:var(--rule)solid var(--bone)}.proj-meta{display:flex;flex-wrap:wrap;gap:8px 28px;align-items:center;padding-block:16px;color:var(--dim)}.proj-url{margin-left:auto;display:inline-flex;align-items:center;gap:10px;color:var(--bone);transition:color .2s}.proj-body{display:grid;grid-template-columns:minmax(0,168px)minmax(0,1fr);gap:24px clamp(32px,5vw,80px);align-items:center;padding-block:clamp(32px,5vw,64px);border-top:1px solid #2c2c2a}.proj-art{display:block;position:relative;width:100%;max-width:168px}.proj-art img,.proj-art canvas{display:block;width:100%;height:auto}.proj-art canvas{position:absolute;inset:0;height:100%;image-rendering:pixelated}.proj-art.pixelating img{visibility:hidden}.proj-proof{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:12px;border-top:1px solid #2c2c2a}.proof{display:grid;gap:8px;align-content:start;padding:18px 24px 4px 0}.proof+.proof{padding-left:24px;border-left:1px solid #2c2c2a}.proof-value{font:900 clamp(2rem,3.4vw,3.2rem)/.9 var(--f-sans);font-stretch:125%;letter-spacing:-.03em;color:var(--signal);font-variant-numeric:tabular-nums}.proof-label{color:#b4b4ae;max-width:30ch;line-height:1.5}.proj-text{display:grid;gap:16px;align-content:center}.proj-name{font:900 clamp(2.2rem,4.6vw,4.6rem)/.9 var(--f-sans);font-stretch:125%;letter-spacing:-.04em;transition:color .25s}.proj-blurb{font-size:var(--t-lead);line-height:1.45;color:#b4b4ae;max-width:40ch}.proj-link:hover .proj-url,.proj-link:hover .proj-name{color:var(--signal)}.method-head{display:grid;grid-template-columns:minmax(0,1.5fr)minmax(0,1fr);gap:clamp(32px,5vw,96px);align-items:end}.method .lead{color:var(--ink)}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(56px,7vw,112px);border-top:var(--rule)solid var(--rule-c)}.step{display:grid;gap:14px;align-content:start;padding:28px clamp(16px,2vw,28px)8px}.step:first-child{padding-left:0}.step+.step{border-left:1px solid var(--rule-c)}.step code{color:var(--ink-2)}.step h3{font-size:clamp(1.6rem,2.6vw,2.6rem);text-transform:uppercase}.step p{color:var(--ink-2);max-width:32ch}.foot{background:var(--night);color:var(--bone);padding-top:clamp(56px,7vw,96px);overflow:hidden}.foot-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px 32px;color:var(--dim)}.foot-links{display:flex;flex-wrap:wrap;gap:4px 24px}.foot-links a{display:inline-block;padding-block:12px;min-height:44px;color:var(--bone);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.foot-links a:hover{color:var(--signal)}.foot .wrap{container-type:inline-size}.foot-mark{margin-top:clamp(40px,6vw,80px)}.foot-mark svg{display:block;width:100%;height:auto}.foot-mark path{fill:url(#chrome-foot)}.foot-small{color:var(--dim);padding-block:28px 32px}.blog{padding-block:var(--gap)}.blog-index{padding-block:clamp(56px,7vw,112px)var(--gap);min-height:70vh}.post{padding-block:clamp(32px,4vw,56px)clamp(64px,8vw,120px)}.post .page-title{font-size:clamp(2rem,6.4vw,6.4rem);max-width:18ch}.page-title{font-size:var(--t-h2);max-width:18ch}.blog-index .page-title{font-size:var(--t-display)}.blog-head{display:grid;gap:28px;padding-bottom:clamp(8px,2vw,24px)}.blog-side{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 40px}.blog-side p:first-child{font-size:var(--t-lead);line-height:1.45;max-width:40ch}.blog-count{color:var(--dim)}.blog-index .posts{margin-top:clamp(32px,4vw,56px)}.feed{color:var(--bone);display:inline-block;padding-block:12px;min-height:44px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.feed:hover{color:var(--signal)}.posts{display:grid;margin-top:clamp(56px,7vw,112px);border-bottom:1px solid #2c2c2a}.post-link{display:grid;grid-template-columns:9.5rem minmax(0,1fr)auto;gap:12px clamp(24px,4vw,64px);align-items:baseline;padding-block:clamp(24px,3vw,40px);border-top:var(--rule)solid var(--bone);text-decoration:none}.post-row+.post-row .post-link{border-top-width:1px;border-top-color:#2c2c2a}.post-date{color:var(--dim)}.post-text{display:grid;gap:12px}.post-title{font:900 var(--t-h3)/.95 var(--f-sans);font-stretch:125%;letter-spacing:-.035em;transition:color .2s}.post-sum{color:#b4b4ae;max-width:60ch;line-height:1.5}.post-go{color:var(--dim);transition:color .2s,transform .25s var(--ease)}.post-link:hover .post-title,.post-link:hover .post-go{color:var(--signal)}.post-link:hover .post-go{transform:translate(3px,-3px)}.post-feature{display:grid;grid-template-columns:9.5rem minmax(0,1fr);gap:20px clamp(24px,4vw,64px);margin-top:clamp(32px,4vw,56px);padding-block:clamp(32px,4vw,56px)clamp(40px,5vw,72px);border-top:var(--rule)solid var(--bone);border-bottom:1px solid #2c2c2a;text-decoration:none}.post-feature-meta{display:grid;gap:8px;align-content:start;color:var(--dim)}.post-feature-meta span:first-child{color:var(--signal)}.post-feature-text{display:grid;gap:24px;justify-items:start}.post-feature-title{font:900 var(--t-h2)/.92 var(--f-sans);font-stretch:125%;letter-spacing:-.035em;max-width:16ch;text-wrap:balance;transition:color .2s}.post-feature-sum{font-size:var(--t-lead);line-height:1.45;color:#b4b4ae;max-width:52ch}.post-feature-go{display:inline-flex;gap:10px;align-items:center;color:var(--bone);transition:color .2s}.post-feature:hover .post-feature-title,.post-feature:hover .post-feature-go{color:var(--signal)}.post-feature+.posts{margin-top:0;border-top:0}.posts-empty{margin-top:48px;color:var(--dim)}.post-back{display:inline-flex;gap:10px;align-items:center;min-height:44px;color:var(--dim);text-decoration:none}.post-back:hover{color:var(--signal)}.post-head{display:grid;gap:24px;margin-top:clamp(24px,3vw,40px);padding-bottom:clamp(32px,5vw,56px);border-bottom:var(--rule)solid var(--bone)}.post-meta{display:flex;flex-wrap:wrap;gap:8px 28px;color:var(--dim)}.post-lead{font-size:var(--t-lead);line-height:1.45;color:#b4b4ae;max-width:52ch}.post-body{display:grid;grid-template-columns:minmax(0,1fr);gap:40px clamp(48px,6vw,120px);margin-top:clamp(40px,5vw,72px);align-items:start}.post-toc{display:grid;gap:12px;padding-top:4px}.post-toc-title{color:var(--dim)}.post-toc ul{display:grid;border-top:1px solid #2c2c2a}.post-toc li{border-bottom:1px solid #2c2c2a}.post-toc a{display:block;padding-block:12px;min-height:44px;color:var(--bone);text-decoration:none}.post-toc a:hover{color:var(--signal)}@media(min-width:1081px){.post-body:has(.post-toc){grid-template-columns:minmax(200px,300px)minmax(0,64ch)}.post-toc{position:sticky;top:96px}.prose{font-size:1.25rem}}.prose{max-width:64ch;font-size:1.125rem;line-height:1.7;color:#d6d6d2}.prose>*+*{margin-top:1.25em}.prose h2,.prose h3{color:var(--bone);margin-top:2.2em;line-height:1}.prose h2{font-size:clamp(1.7rem,3vw,2.4rem);max-width:none}.prose h3{font-size:clamp(1.3rem,2vw,1.6rem)}.prose h2+*,.prose h3+*{margin-top:.9em}.prose a{padding:13px 2px;margin-inline:-2px;color:var(--bone);text-decoration:underline;text-decoration-color:var(--signal);text-decoration-thickness:2px;text-underline-offset:4px}.prose a:hover{color:var(--signal)}.prose strong{color:var(--bone);font-weight:700}.prose ul,.prose ol{display:grid;gap:.5em;padding-left:1.6em}.prose ul{list-style:square}.prose ol{list-style:decimal}.prose li::marker{color:var(--signal)}.prose blockquote{margin-inline:0;padding-left:24px;border-left:4px solid var(--signal);color:var(--bone);font-size:var(--t-lead)}.prose hr{border:0;border-top:var(--rule)solid var(--bone);margin-block:2.5em}.prose img{display:block;max-width:100%;height:auto;border:var(--rule)solid #2c2c2a}.prose code{font-family:var(--f-mono);font-size:.875em;background:var(--night-2);border:1px solid #2c2c2a;padding:.1em .35em}.prose pre{overflow-x:auto;padding:20px 24px;background:var(--night-2);border:var(--rule)solid #2c2c2a;font-size:.9rem;line-height:1.6}.prose pre code{background:0 0;border:0;padding:0;font-size:inherit}.table-wrap{overflow-x:auto}.prose table{width:100%;border-collapse:collapse;font-size:1rem}.prose th,.prose td{text-align:left;padding:10px 16px 10px 0;border-bottom:1px solid #2c2c2a}.prose thead th{border-bottom:var(--rule)solid var(--bone);color:var(--bone)}.prose .al-center{text-align:center}.prose .al-right{text-align:right}.chroma{color:#d6d6d2}.chroma .k,.chroma .kd,.chroma .kn,.chroma .kr,.chroma .kt,.chroma .nt{color:var(--signal)}.chroma .s,.chroma .s1,.chroma .s2,.chroma .sb,.chroma .sr{color:#c9c9a8}.chroma .c,.chroma .c1,.chroma .cm,.chroma .ch,.chroma .cs{color:var(--dim);font-style:italic}.chroma .m,.chroma .mi,.chroma .mf,.chroma .mh{color:#e8b7a6}.chroma .nf,.chroma .nx,.chroma .na{color:var(--bone)}.post-pat{margin-inline:0;max-width:440px}.post-pat .pat{margin-bottom:10px}.post-pat figcaption{color:var(--dim)}.prose>.pat-defs{position:absolute;margin:0}.post-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;margin-top:clamp(56px,7vw,104px);border-top:var(--rule)solid var(--bone)}.post-nav a{display:grid;gap:8px;padding:24px 24px 24px 0;color:var(--dim);text-decoration:none}.post-nav a+a{padding-left:24px;border-left:1px solid #2c2c2a}.post-nav b{font:900 var(--t-h3)/.95 var(--f-sans);font-stretch:125%;letter-spacing:-.03em;color:var(--bone);transition:color .2s}.post-nav a:hover b{color:var(--signal)}.nav-links a[aria-current=page]{color:var(--signal)}.lost{background:var(--night);color:var(--bone);min-height:70vh;display:grid;align-content:center;padding-block:96px}.lost .wrap{display:grid;gap:28px;justify-items:start}.lost-art{color:var(--signal)}.lost h1{font-size:var(--t-h2)}.js .rv{opacity:0}.js .rv.in{opacity:1;animation:rv-in .9s var(--ease)var(--d,0ms)both}.js .hero h1 .line>span{transform:translateY(105%)}.js .hero h1.in .line>span{transform:none;animation:line-in 1s var(--ease)var(--d,0ms)both}@keyframes rv-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes line-in{from{transform:translateY(105%)}to{transform:none}}@media(max-width:1080px){.svc{grid-template-columns:minmax(0,1fr)minmax(0,1.2fr)}.svc .flow{grid-column:1/-1;max-width:560px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.pats{grid-template-columns:repeat(2,minmax(0,1fr))}.proj-body{grid-template-columns:minmax(0,1fr)}.step:nth-child(3){padding-left:0;border-left:0}.step:nth-child(n+3){border-top:1px solid var(--rule-c)}}@media(max-width:760px){.hero h1{font-size:clamp(1.9rem,9vw,2.6rem);font-stretch:100%}.nav-in{flex-wrap:wrap;justify-content:space-between;gap:0 16px}.nav nav{order:3;flex:1 0 100%;margin-left:0;border-top:1px solid #262624}.nav-links{justify-content:space-between}.nav-links a{padding:12px 0;min-height:44px;min-width:44px}.hero-side,.work-head,.method-head,.build-head{grid-template-columns:1fr}.pats{grid-template-columns:1fr}.index{grid-template-columns:1fr 1fr}.index li+li{border-left:0}.index li:nth-child(even){border-left:1px solid #262624}.index li:nth-child(n+3){border-top:1px solid #262624}.index li:nth-child(odd) a{padding-left:0}.svc{grid-template-columns:1fr}.svc .flow{max-width:none}.flow-loop .flow-grid{grid-template-columns:minmax(0,1fr)28px minmax(0,1fr);grid-template-rows:auto 32px auto}.flow-node{padding:12px}.proj-url{margin-left:0}.proof+.proof{padding-left:0;border-left:0;border-top:1px solid #2c2c2a}.steps{grid-template-columns:1fr}.step,.step:first-child,.step:nth-child(3){padding-left:0;border-left:0}.step+.step{border-left:0;border-top:1px solid var(--rule-c)}.actions .btn{flex:auto;justify-content:center}.post-link{grid-template-columns:minmax(0,1fr)auto}.post-feature{grid-template-columns:minmax(0,1fr)}.post-feature-meta{display:flex;flex-wrap:wrap;gap:8px 20px}.post-date{grid-column:1/-1}.post-nav a+a{padding-left:0;border-left:0;border-top:1px solid #2c2c2a}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.pat .pn.gate rect{animation:none}.js .rv,.js .hero h1 .line>span{opacity:1;transform:none;animation:none}}