.project-page{padding:0}.project-title{letter-spacing:-.01em;margin:0;font-size:1.6rem;font-weight:700}.project-meta{color:var(--muted);margin:.4rem 0 0;font-size:.85rem}.project-intro{font-family:var(--font-serif);margin:2rem 0 0;font-size:1.0625rem;line-height:1.65}.project-heading{color:var(--fg);margin:2.5rem 0 0;font-size:1.15rem;font-weight:700}.project-para{font-family:var(--font-serif);margin:.75rem 0 0;font-size:1.0625rem;line-height:1.65}.project-figure{margin:2rem 0 0}.project-figure figcaption{color:var(--muted);margin-top:.5rem;font-size:.85rem}.kf{width:100%}.kf-frame{border:1px solid var(--border);background:var(--code-bg);border-radius:4px;width:100%;position:relative;overflow:hidden}.kf-svg{width:100%;height:auto;max-height:62vh;display:block}.kf-readout{font-family:var(--font-mono);color:var(--muted);pointer-events:none;white-space:nowrap;font-size:.75rem;position:absolute;top:.5rem;left:.6rem}.kf-controls{flex-wrap:wrap;align-items:center;gap:.6rem .75rem;margin-top:.6rem;display:flex}.kf-btn,.kf-seg-btn{font-family:var(--font-mono);color:var(--fg);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;padding:.3rem .6rem;font-size:.75rem}.kf-btn{min-width:5.5rem}.kf-btn:hover,.kf-seg-btn:hover{border-color:var(--muted)}.kf-btn:focus-visible,.kf-seg-btn:focus-visible,.kf-scrub:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kf-seg{display:inline-flex}.kf-seg-btn{border-left-width:0;border-radius:0}.kf-seg-btn:first-child{border-left-width:1px;border-top-left-radius:4px;border-bottom-left-radius:4px}.kf-seg-btn:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.kf-seg-btn[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.kf-seg-btn[aria-pressed=true]+.kf-seg-btn{border-left-width:1px;border-left-color:var(--accent)}.kf-scrub{min-width:6rem;accent-color:var(--accent);cursor:pointer;flex:8rem}