@font-face{font-family:Recursive Variable;font-style:oblique 0deg 15deg;font-display:swap;font-weight:300 1000;src:url(./recursive-cyrillic-ext-full-normal-DL48ug1z.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Recursive Variable;font-style:oblique 0deg 15deg;font-display:swap;font-weight:300 1000;src:url(./recursive-vietnamese-full-normal-C9d0lu7G.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Recursive Variable;font-style:oblique 0deg 15deg;font-display:swap;font-weight:300 1000;src:url(./recursive-latin-ext-full-normal-Ced8ljaz.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Recursive Variable;font-style:oblique 0deg 15deg;font-display:swap;font-weight:300 1000;src:url(./recursive-latin-full-normal-Bbk0y8ID.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--void:#000;--chalk:#e8e6e1;--graphite:#8a8780;--seam:#2a2926;--wgsl:#f2b134;--ts:#7fb6ff;--sans:"Recursive Variable", system-ui, sans-serif;--step--1:.8125rem;--step-0:1rem;--step-1:1.25rem;--step-2:1.5625rem;--step-5:clamp(3.5rem, 11vw, 9rem);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--void);color:var(--chalk);font-family:var(--sans);font-variation-settings:"MONO" 0, "CASL" 0;-webkit-font-smoothing:antialiased;font-size:100%;line-height:1.55}body{margin:0}a{color:inherit;-webkit-text-decoration-color:var(--graphite);text-decoration-color:var(--graphite);text-underline-offset:.2em}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--ts);outline-offset:3px}code,pre{font-family:var(--sans);font-variation-settings:"MONO" 1, "CASL" 0;font-size:.875em}.wgsl-mark{color:var(--wgsl)}.ts-mark{color:var(--ts)}.demo canvas#stage{touch-action:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}.demo-header{z-index:2;pointer-events:none;align-items:baseline;gap:1rem;display:flex;position:fixed;top:1.25rem;left:1.5rem;right:1.5rem}.demo-header>*{pointer-events:auto}.demo-header .home{font-variation-settings:"MONO" 1;font-size:var(--step--1);color:var(--graphite);text-decoration:none}.demo-header .home:hover{color:var(--chalk)}.demo-header h1{font-size:var(--step-1);letter-spacing:-.01em;margin:0;font-weight:600}.demo-header button.contract-toggle{margin-left:auto}button{font:inherit;font-size:var(--step--1);color:var(--chalk);border:1px solid var(--seam);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border-radius:999px;padding:.4rem .9rem}button:hover{border-color:var(--graphite)}button[aria-pressed=true]{border-color:var(--chalk)}.panel{border:1px solid var(--seam);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000009e;border-radius:14px;width:min(21rem,100vw - 3rem);padding:1rem 1.1rem 1.1rem;position:fixed;bottom:1.5rem;left:1.5rem}.panel p{font-size:var(--step--1);color:var(--graphite);max-width:42ch;margin:0 0 .85rem}.panel p:last-of-type{margin-bottom:.9rem}.control{font-size:var(--step--1);grid-template-columns:1fr auto;align-items:baseline;gap:.15rem .75rem;margin-top:.55rem;display:grid}.control output{font-variation-settings:"MONO" 1;color:var(--graphite);font-variant-numeric:tabular-nums}.control input[type=range]{width:100%;accent-color:var(--chalk);grid-column:1/-1}.control code{color:var(--wgsl);font-size:.95em}.actions{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.fallback{pointer-events:none;text-align:left;place-content:center;padding:2rem;display:grid;position:fixed;inset:0}.fallback a{pointer-events:auto}.fallback p{max-width:46ch;color:var(--graphite)}.contract{z-index:3;border-left:1px solid var(--seam);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000db;grid-template-rows:auto 1fr;width:min(46rem,100vw);transition:transform .26s cubic-bezier(.2,.8,.2,1);display:grid;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.contract[data-open=true]{transform:none}.contract header{border-bottom:1px solid var(--seam);padding:1.25rem 1.5rem .75rem}.contract header p{font-size:var(--step--1);color:var(--graphite);max-width:60ch;margin:0 0 .9rem}.contract header .row{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.contract header h2{font-size:var(--step-0);margin:0;font-weight:600}.tabs{flex-wrap:wrap;gap:.35rem;display:flex}.tabs button{font-variation-settings:"MONO" 1}.tabs button[data-language=wgsl][aria-selected=true]{border-color:var(--wgsl);color:var(--wgsl)}.tabs button[data-language=ts][aria-selected=true]{border-color:var(--ts);color:var(--ts)}.contract pre{tab-size:2;margin:0;padding:1.25rem 1.5rem 3rem;font-size:.78rem;line-height:1.6;overflow:auto}.code .k{color:#c9a6ff}.code .t{color:#8fd6c7}.code .n{color:#f0a58f}.code .c{color:#6f6c66;font-variation-settings:"MONO" 1, "CASL" 1}.code .s{color:#b9d98b}.code .id[data-shared]{-webkit-text-decoration:underline dotted var(--graphite);text-decoration:underline dotted var(--graphite);text-underline-offset:.25em;cursor:help}.code .id.lit{background:#f2b13438;border-radius:3px;box-shadow:0 0 0 2px #f2b13438}@media (width<=40rem){.panel{width:auto;bottom:.75rem;left:.75rem;right:.75rem}.panel p:first-of-type{display:none}.demo-header{top:.75rem;left:.75rem;right:.75rem}}@media (prefers-reduced-motion:reduce){.contract{transition:none}}.home{--measure:68rem}.hero{border-bottom:1px solid var(--seam);align-items:end;min-height:88svh;display:grid;position:relative;overflow:hidden}.hero canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero canvas.still{background:radial-gradient(circle at 60% 45%, #ff5c2959, transparent 40%), radial-gradient(circle at 40% 60%, #299eff4d, transparent 45%), var(--void)}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 25%,#00000059 55%,#000000eb 92%);position:absolute;inset:0}.hero-text{z-index:1;width:min(var(--measure), 100% - 3rem);pointer-events:none;margin:0 auto;padding-bottom:clamp(2rem,6vh,4.5rem);position:relative}.hero-text a{pointer-events:auto}.wordmark{font-size:var(--step-5);letter-spacing:-.045em;font-variation-settings:"MONO" 0, "CASL" 0;margin:0 0 1.75rem;font-weight:760;line-height:1;animation:1.8s cubic-bezier(.65,0,.35,1) .2s both interpolate}@keyframes interpolate{0%{font-variation-settings:"MONO" 1, "CASL" 0;letter-spacing:0}}.lede{max-width:54ch;margin:0;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.5}.links{gap:1.5rem;margin:1.5rem 0 0;display:flex}main{width:min(var(--measure), 100% - 3rem);margin:0 auto}main section{padding:clamp(3.5rem,9vh,6rem) 0 0}main h2{font-size:var(--step-2);letter-spacing:-.015em;margin:0 0 1rem;font-weight:650}.section-note{color:var(--graphite);max-width:62ch;margin:0 0 2rem}.pair{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:2rem 3.5rem;display:grid}.pair-text p{max-width:46ch;margin:0 0 1rem}.code-pair{gap:1rem;margin:0;display:grid}.code-pair figcaption{font-size:var(--step--1);color:var(--graphite);margin-bottom:.4rem}pre.code,pre.terminal{border:1px solid var(--seam);border-radius:10px;margin:0;padding:1rem 1.15rem;font-size:.8rem;line-height:1.6;overflow-x:auto}pre.code code{font-size:inherit}pre.terminal{color:#d8d5cf;white-space:pre-wrap}.demo-list{gap:2.75rem;margin:0;padding:0;list-style:none;display:grid}.demo-row{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:1.25rem 2.25rem;display:grid}.demo-row img{border:1px solid var(--seam);background:#050505;border-radius:12px;width:100%;height:auto;display:block}.demo-row a:hover img{border-color:var(--graphite)}.demo-row h3{font-size:var(--step-1);margin:0 0 .4rem;font-weight:650}.demo-row h3 a{text-decoration:none}.demo-row p{max-width:44ch;margin:0 0 .6rem}.demo-row .shows{color:var(--graphite);font-size:.9375rem}.diagnostics figure{max-width:54rem;margin:0 0 1.75rem}.diagnostics figcaption{max-width:62ch;margin-bottom:.6rem}.setup ol{gap:1.5rem;max-width:54rem;margin:0;padding:0 0 0 1.25rem;display:grid}.setup li::marker{color:var(--graphite);font-variation-settings:"MONO" 1}.setup li p{margin:0 0 .6rem}footer{width:min(var(--measure), 100% - 3rem);border-top:1px solid var(--seam);color:var(--graphite);font-size:var(--step--1);margin:clamp(4rem,10vh,7rem) auto 0;padding:1.5rem 0 3rem}@media (width<=52rem){.pair,.demo-row{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.wordmark{animation:none}}