:root{--paper:#dce2df;--paper-deep:#c8d0cc;--paper-bright:#f1f2ed;--ink:#151918;--ink-soft:#48524e;--line:#7f8985;--line-soft:#aeb8b3;--accent:#f4512c;--accent-ink:#b83216;--accent-pressed:#da3e1c;--panel:#171b1a;--panel-raised:#252b29;--panel-text:#f0f0e9;--panel-muted:#aeb7b3;--font-display:"Archivo Variable", "Arial Narrow", sans-serif;--font-mono:"Fragment Mono", "SFMono-Regular", Consolas, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-micro:.12s;--dur-short:.22s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none}*{box-sizing:border-box}html,body{background:var(--paper);overflow-x:clip}html{scroll-behavior:smooth;scrollbar-color:var(--accent) var(--paper-deep)}body{color:var(--ink);font-family:var(--font-display);min-width:0;margin:0}::selection{background:var(--accent);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent;white-space:nowrap}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}button{color:inherit;font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,p,figure,pre,dl,dd{margin-block:0}code,pre{font-family:var(--font-mono)}.skip-link{background:var(--accent);color:var(--ink);font:400 .75rem/1 var(--font-mono);z-index:3;padding:.8rem 1rem;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-head,main,footer{border-inline:1px solid var(--line);min-width:0;max-width:96rem;margin-inline:auto}.site-head{border-block-end:1px solid var(--line);justify-content:space-between;align-items:stretch;min-height:4.25rem;display:flex}.brand{align-items:center;gap:.8rem;min-width:0;padding-inline:1rem;text-decoration:none;display:flex}.brand-name{letter-spacing:-.04em;font-size:1.55rem;font-weight:850;line-height:1}.brand-index{color:var(--ink-soft);font:400 .62rem/1 var(--font-mono);letter-spacing:.08em;display:none}.site-head nav{display:flex}.site-head nav a{border-inline-start:1px solid var(--line);font:400 .68rem/1 var(--font-mono);text-transform:uppercase;white-space:nowrap;align-items:center;min-height:2.75rem;padding-inline:clamp(.65rem,2.5vw,1.5rem);text-decoration:none;display:flex}.site-head nav a:hover{background:var(--ink);color:var(--paper-bright)}.hero{border-block-end:1px solid var(--line);gap:clamp(2.5rem,6vw,6rem);padding:clamp(3.5rem,7vw,7rem) clamp(1rem,5vw,5rem);display:grid}.hero-copy{align-self:center;min-width:0}.hero-label{color:var(--ink-soft);font:400 .66rem/1.4 var(--font-mono);letter-spacing:.08em;margin-block-end:1.25rem}h1{letter-spacing:-.04em;overflow-wrap:anywhere;min-width:0;max-width:8ch;font-size:clamp(3.6rem,10vw,8.6rem);font-weight:850;line-height:.84}h1 span{color:var(--accent-ink);display:block}.hero-lede{color:var(--ink-soft);max-width:34rem;margin-block-start:1.8rem;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:520;line-height:1.45}.hero-actions{flex-wrap:wrap;gap:.6rem;margin-block-start:2rem;display:flex}.button{border:1px solid var(--ink);font:400 .7rem/1 var(--font-mono);text-transform:uppercase;min-height:2.9rem;transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);white-space:nowrap;justify-content:center;align-items:center;padding-inline:1.1rem;text-decoration:none;display:inline-flex}.button-primary{background:var(--ink);color:var(--paper-bright)}.button-quiet{background:0 0}.button:active{transform:scale(.97)}.bar-story,.pattern-proof,.studio,.constraints,.install{border-block-end:1px solid var(--line);min-width:0;padding:clamp(4.5rem,9vw,9rem) clamp(1rem,5vw,5rem)}.section-title{gap:1.5rem;display:grid}.section-title h2,.pattern-copy h2,.studio-copy h2,.constraints>h2,.install h2{letter-spacing:-.04em;overflow-wrap:anywhere;min-width:0;font-size:clamp(2.9rem,7vw,7rem);font-weight:780;line-height:.9}.section-title p,.pattern-copy>p,.studio-copy>p,.install>div:first-child>p{color:var(--ink-soft);max-width:38rem;font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:500;line-height:1.5}.boundary-flow{border-block-start:1px solid var(--line);margin:clamp(3rem,7vw,6rem) 0 0;padding:0;list-style:none}.boundary-flow li{border-block-end:1px solid var(--line);grid-template-columns:3.5rem minmax(0,1fr);gap:1rem;padding-block:1.5rem;display:grid}.flow-number{color:var(--accent-ink);font:700 2.5rem/.9 var(--font-display);font-variant-numeric:tabular-nums}.boundary-flow h3{letter-spacing:-.03em;font-size:clamp(1.45rem,3vw,2.2rem);font-weight:700;line-height:1}.boundary-flow p,.boundary-flow code{color:var(--ink-soft);font-size:.95rem;line-height:1.55}.boundary-flow h3+p,.boundary-flow h3+code{margin-block-start:.65rem;display:block}.pattern-proof{background:var(--accent);gap:clamp(3rem,7vw,7rem);display:grid}.pattern-copy>p{color:var(--ink);margin-block-start:1.4rem}.text-link{font:400 .72rem/1.3 var(--font-mono);text-transform:uppercase;margin-block-start:1.5rem;display:inline-block}.code-sheet{background:var(--panel);color:var(--panel-text);min-width:0}.code-sheet figcaption{border-block-end:1px solid var(--line);color:var(--panel-muted);font:400 .6rem/1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;padding:.8rem 1rem;display:flex}.code-sheet pre{scrollbar-color:var(--accent) var(--panel-raised);padding:clamp(1rem,4vw,2rem);font-size:clamp(.68rem,1.5vw,.9rem);line-height:1.65;overflow-x:auto}.code-dim,.code-comment{color:var(--panel-muted)}.code-string{color:var(--accent)}.constraints>h2{max-width:10ch}.constraint-list{border-block-start:1px solid var(--line);margin-block-start:clamp(3rem,7vw,6rem);display:grid}.constraint-list article{border-block-end:1px solid var(--line);padding-block:1.5rem}.constraint-list article>span{color:var(--accent-ink);font:400 .62rem/1 var(--font-mono);letter-spacing:.08em}.constraint-list h3{letter-spacing:-.03em;margin-block-start:1.5rem;font-size:clamp(1.45rem,2.8vw,2.2rem);font-weight:700;line-height:1.05}.constraint-list p{color:var(--ink-soft);margin-block-start:.65rem;font-size:.95rem;line-height:1.5}.install{background:var(--panel);color:var(--panel-text);gap:clamp(3rem,7vw,7rem);display:grid}.install>div:first-child>p{color:var(--panel-muted);margin-block-start:1.4rem}.install-terminal{border-block-start:1px solid var(--line)}.install-row{border-block-end:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.install-row code{overflow-wrap:anywhere;align-items:center;min-width:0;padding:1rem;font-size:clamp(.62rem,1.35vw,.82rem);line-height:1.55;display:flex}.install-row button{background:var(--accent);border:0;border-inline-start:1px solid var(--line);color:var(--ink);cursor:pointer;font:400 .65rem/1 var(--font-mono);text-transform:uppercase;min-width:4.5rem;transition:background-color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);white-space:nowrap;padding-inline:.8rem}.install-row button:hover{background:var(--accent-pressed)}.install-row button:active{transform:scale(.97)}.install-row-muted{color:var(--panel-muted);grid-template-columns:minmax(0,1fr)}.install-terminal>p{color:var(--panel-muted);font:400 .65rem/1.5 var(--font-mono);padding:1rem}footer{font:400 .68rem/1.5 var(--font-mono);align-items:start;gap:1rem;padding:1.5rem 1rem;display:grid}footer p{font-family:var(--font-display);font-size:1rem;font-weight:650}footer div{flex-wrap:wrap;gap:1rem;display:flex}footer a,footer>span{color:var(--ink-soft);white-space:nowrap}@media (hover:hover) and (pointer:fine){.button-primary:hover{background:var(--accent);color:var(--ink);transform:translateY(-1px)}.button-quiet:hover{background:var(--paper-bright);transform:translateY(-1px)}}@media (width>=40rem){.brand-index{display:inline}.hero,.bar-story,.pattern-proof,.studio,.constraints,.install{padding-inline:clamp(2rem,5vw,5rem)}.section-title{grid-template-columns:minmax(0,1.25fr) minmax(16rem,.75fr);align-items:end}.boundary-flow li{grid-template-columns:5rem minmax(0,1fr);gap:clamp(1rem,4vw,4rem)}.flow-number{font-size:4rem}.constraint-list{grid-template-columns:repeat(2,minmax(0,1fr))}.constraint-list article:nth-child(odd){border-inline-end:1px solid var(--line);padding-inline-end:1.5rem}.constraint-list article:nth-child(2n){padding-inline-start:1.5rem}footer{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;padding:2rem}}@media (width>=64rem){.site-head{min-height:4.75rem}.brand{padding-inline:2rem}.pattern-proof{grid-template-columns:minmax(18rem,.72fr) minmax(32rem,1.28fr);align-items:center}.constraint-list{grid-template-columns:repeat(4,minmax(0,1fr))}.constraint-list article,.constraint-list article:nth-child(odd),.constraint-list article:nth-child(2n){border-block-end:0;border-inline-end:1px solid var(--line);padding:1.5rem}.constraint-list article:first-child{padding-inline-start:0}.constraint-list article:last-child{border-inline-end:0;padding-inline-end:0}.install{grid-template-columns:minmax(20rem,.85fr) minmax(32rem,1.15fr);align-items:end}}@media (width>=90rem){.hero{grid-template-columns:minmax(0,.95fr) minmax(40rem,1.05fr)}}@media (width<=23rem){.site-head nav a{padding-inline:.5rem;font-size:.6rem}.brand{padding-inline:.75rem}.brand-name{font-size:1.35rem}.hero,.bar-story,.pattern-proof,.studio,.constraints,.install{padding-inline:.75rem}h1{font-size:3.25rem}.hero-actions{display:grid}.button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.step[aria-pressed=true],.transport-button,.install-row button{border:2px solid buttontext}}