@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/newsreader-normal-400.woff2)format("woff2")}@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/newsreader-italic-400.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0c0b;--bg-panel:#141210;--ink:#ece9e2;--ink-muted:#9b968b;--ink-faint:#857f74;--line:#262320;--line-strong:#3a352f;--accent:#ff4438;--serif:"Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--radius:16px;--radius-well:12px;--radius-pill:999px;--page:58rem;--pad:clamp(1.25rem, 4vw, 3rem);--ease:cubic-bezier(.16, 1, .3, 1);--z-head:20;--z-grain:50}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(120% 70% at 78% -12%, #ff44380d, transparent 58%), var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;margin:0;font-size:1rem;line-height:1.6;display:flex}body:after{content:"";z-index:var(--z-grain);pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px;position:fixed;inset:0}::selection{background:var(--accent);color:var(--bg)}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-head{z-index:var(--z-head);padding:1.15rem var(--pad);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(10px);justify-content:space-between;align-items:baseline;gap:1rem;display:flex;position:sticky;top:0}.brand{font-family:var(--serif);letter-spacing:-.01em;align-items:center;gap:.55rem;font-size:1.45rem;line-height:1;text-decoration:none;display:inline-flex}.brand-dot{background:var(--accent);border-radius:50%;width:.5rem;height:.5rem}.site-nav{gap:1.6rem;display:flex}.site-nav a{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);transition:color .16s var(--ease), border-color .16s var(--ease);border-bottom:1px solid #0000;padding-block:.25rem;font-size:.7rem;text-decoration:none}.site-nav a:hover{color:var(--ink)}.site-nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--accent)}#view{width:100%;max-width:calc(var(--page) + 2 * var(--pad));padding:clamp(2.6rem, 7vh, 5rem) var(--pad) clamp(3rem, 10vh, 6.5rem);flex:1;margin-inline:auto}.page{max-width:var(--page)}.eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 1.3rem;font-size:.7rem}h1{font-family:var(--serif);letter-spacing:-.022em;text-wrap:balance;margin:0 0 1.25rem;font-size:clamp(2.4rem,4.6vw,3.9rem);font-weight:400;line-height:1.14}h1 em{font-style:italic}.lede{max-width:38rem;color:var(--ink-muted);text-wrap:pretty;margin:0 0 2.4rem;font-size:1.06rem}.hero{align-items:start;gap:clamp(2.2rem,5vw,3.5rem);display:grid}@media (width>=60rem){.hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}}.hero-copy{max-width:34rem}.speak{border:1px solid var(--line);border-radius:var(--radius-well);background:var(--bg-panel);transition:border-color .16s var(--ease), box-shadow .16s var(--ease);padding:1.1rem 1.3rem}.speak:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent)}#speak{width:100%;min-height:3.1em;color:var(--ink);font-family:var(--serif);resize:none;background:0 0;border:0;outline:none;padding:0;font-size:clamp(1.3rem,2.4vw,1.55rem);line-height:1.45;display:block}#speak::placeholder{color:var(--ink-faint)}.say-row{flex-wrap:wrap;align-items:center;gap:.55rem .7rem;margin-top:1.1rem;display:flex}.say-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-size:.68rem}.say-chips{flex-wrap:wrap;gap:.5rem;display:flex}.say{appearance:none;font-family:var(--mono);color:var(--ink-muted);background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-pill);white-space:nowrap;cursor:pointer;transition:color .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease);padding:.34rem .72rem;font-size:.74rem}.say:hover{color:var(--ink);border-color:var(--line-strong);transform:translateY(-1px)}.say:active{transform:translateY(0)scale(.98)}.hero-demo{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel);padding:1.2rem 1.3rem 1rem}.demo-screen{border:1px solid var(--line);border-radius:var(--radius-well);background:var(--bg);min-height:15rem;padding:1rem 1.1rem .5rem}.demo-line{font-family:var(--mono);color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;min-height:1.3em;margin:0;font-size:.78rem;overflow:hidden}.demo-caret{vertical-align:-.18em;background:color-mix(in srgb, var(--accent) 72%, transparent);width:.55em;height:1.05em;margin-left:2px;animation:1.1s steps(2,jump-none) infinite caret-blink;display:inline-block}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:.15}}.demo-canvas{width:100%;height:auto;margin-top:.9rem;display:block}.demo-canvas text{font-family:var(--mono);letter-spacing:.02em;fill:var(--ink-muted);font-size:12px}.demo-node rect{fill:var(--bg-panel);stroke:var(--line-strong);stroke-width:1px}.demo-edge{fill:none;stroke:var(--ink-faint);stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:1px}.demo-arrow-head{fill:var(--ink-faint)}.demo-foot{justify-content:space-between;align-items:center;gap:1rem;margin-top:.9rem;display:flex}.demo-cap{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-faint);font-size:.68rem}.demo-replay{appearance:none;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer;transition:color .16s var(--ease), border-color .16s var(--ease);background:0 0;padding:.28rem .7rem;font-size:.68rem}.demo-replay:hover{color:var(--ink);border-color:var(--line-strong)}.demo-replay:active{transform:scale(.97)}.record-stage{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel);padding:1.5rem}.record-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;display:grid}.rail-tick{border:1px dashed color-mix(in srgb, var(--ink-faint) 78%, transparent);border-radius:var(--radius-well);background:color-mix(in srgb, var(--ink-muted) 4%, transparent);height:4.4rem}.record-empty{color:var(--ink-muted);align-items:center;gap:1rem;margin-top:1.4rem;display:flex}.record-empty p{margin:0}.record-keys{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-faint);margin:1.1rem 0 0;font-size:.7rem}.pulse-dot{background:var(--accent);width:.6rem;height:.6rem;animation:pulse 2.6s var(--ease) infinite;border-radius:50%;flex:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.prose{max-width:42rem}.prose p{color:var(--ink-muted);text-wrap:pretty;margin:0 0 1.15rem}.prose strong{color:var(--ink);font-weight:600}.facts{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1px;margin:2.8rem 0 0;display:grid;overflow:hidden}.facts>div{background:var(--bg-panel);padding:1.1rem 1.25rem 1.25rem}.facts dt{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.45rem;font-size:.66rem}.facts dd{color:var(--ink-muted);margin:0;font-size:.92rem}.note{border-top:1px solid var(--line);font-family:var(--mono);letter-spacing:.02em;color:var(--ink-faint);margin:3rem 0 0;padding-top:1.1rem;font-size:.75rem}.site-foot{padding:1.4rem var(--pad);border-top:1px solid var(--line);font-family:var(--mono);color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;gap:.6rem 1.5rem;font-size:.72rem;display:flex}.site-foot a{color:var(--ink-muted);transition:color .16s var(--ease);text-decoration:none}.site-foot a:hover{color:var(--accent)}@media (width<=560px){.site-head{flex-wrap:wrap}.site-nav{gap:1.1rem}.record-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.rail-tick:nth-child(n+4){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.world{isolation:isolate;background:radial-gradient(64% 52% at 27% 84%,#e8eede16 0%,#e8eede00 72%),#4a4d44;width:100%;height:100dvh;min-height:36rem;position:relative;overflow:hidden}.world-frame{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.world--fallback{padding:2rem var(--pad);place-items:end start;display:grid}.world--fallback:after{content:"The living world needs WebGL2. The studio below works without it.";font-family:var(--mono);color:#fff9;font-size:.75rem}body[data-page=studio]:has(.world:not(.world--fallback)) .site-head{display:none}body[data-page=studio] #view{max-width:none;padding:0}.page--studio{max-width:calc(var(--page) + 2 * var(--pad));padding:clamp(3rem, 8vh, 5.5rem) var(--pad) clamp(3.5rem, 10vh, 7rem);margin-inline:auto}