.kn{--ink:#0a0a0a;--soft:#525252;--faint:#737373;--line:#0000001a;--body:#525252;--quiet:#737373;--hair:#0000001a;--ac:#737373;--ac-text:#525252;--ac-ink:#fff;--kn-r:24px;--kn-rc:16px;--kn-g:clamp(16px, 4vw, 32px);--kn-shadow:none;--e-out:cubic-bezier(0, 0, .2, 1);--e-move:cubic-bezier(.4, 0, .2, 1);--e-in:cubic-bezier(.16, 1, .3, 1);background:var(--x-raised);color:var(--ink);overflow-x:clip}.kn [data-room=dark],.kn .kn-obj.ink{--soft:#a3a3a3;--faint:#ffffff8c;--line:#ffffff1a;--body:#a3a3a3;--quiet:#ffffff8c;--hair:#ffffff1a}.kn-wrap{width:min(100% - 2 * var(--kn-g), 1152px);margin-inline:auto}.kn-grid{column-gap:var(--kn-g);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.kn-sec{padding:clamp(72px,11vw,188px) 0;position:relative}.kn-display{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:52px;font-weight:497;line-height:1.02}.kn-display.md{font-size:44px}.kn-display.sm{font-size:32px}.kn-headline{letter-spacing:-.02em;text-wrap:balance;max-width:22ch;margin:0;font-size:26px;font-weight:497;line-height:1.15}.kn-title{letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:21px;font-weight:497;line-height:1.2}.kn-lede{letter-spacing:-.01em;color:var(--body);text-wrap:pretty;max-width:44ch;margin:0;font-size:21px;line-height:1.4}.kn-body{color:var(--body);text-wrap:pretty;max-width:66ch;margin:0;font-size:16px;line-height:1.6}.kn-body b,.kn-lede b{color:var(--ink);font-weight:606}.kn-kick{font:606 12px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--quiet);margin:0}.kn-kick.ac{color:var(--ac-text)}.kn-fig{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kn-figure{letter-spacing:-.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:64px;font-weight:220;line-height:1}.kn-ac{color:var(--ac-text)}.kn-acts{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.kn-btn{border:1px solid var(--hair);background:var(--x-raised);min-height:48px;color:var(--ink);font:497 16px/1 var(--sans);white-space:nowrap;cursor:pointer;transition:border-color .15s var(--e-out), background-color .15s var(--e-out), transform .15s var(--e-out);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;text-decoration:none;display:inline-flex}.kn-btn.solid{background:var(--ink);border-color:var(--ink);color:var(--x-on-ink)}@media (hover:hover){.kn-btn:hover{background-color:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,var(--muted));border-color:#0000004d}.kn-btn.solid:hover{background-color:#262626}}.kn-btn:active{transition-duration:90ms;transform:scale(.97)}.kn-btn:focus-visible{outline:2px solid var(--focus,var(--ink));outline-offset:3px}.kn-hair{background:var(--hair);border:0;height:1px;margin:0}.kn-obj{border-radius:var(--kn-r);background:var(--x-raised);border:1px solid var(--hair);overflow:hidden}.kn-obj.ink{color:#fafafa;background:#0a0a0a;border-color:#0000}@media (max-width:899px){.kn-sec{padding:72px 0}.kn-display{font-size:40px}.kn-display.md{font-size:32px}.kn-display.sm{font-size:26px}.kn-lede{font-size:20px}.kn-figure{font-size:52px}.kn-kick{font-size:12px}}.knl-in{display:block}.knl-row{margin:-.02em 0 -.12em;padding:.02em 0 .12em;display:block;overflow:hidden}.knl-t{display:inline-block}.js .knl:not(.in):not(.load) .knl-t{transform:translateY(105%)}.js .knl.in .knl-t{transition:transform .7s var(--e-in) calc(var(--knl-d,0s) + var(--i,0) * 60ms)}.js .knl.load .knl-t{animation:knl-up .7s var(--e-in) both;animation-delay:calc(var(--knl-d,0s) + var(--i,0) * 60ms)}@keyframes knl-up{0%{transform:translateY(105%)}to{transform:none}}.kn-pause{border:1px solid var(--hair);background:var(--x-raised);width:44px;height:44px;color:var(--ink);cursor:pointer;transition:background-color .15s var(--e-out), transform .15s var(--e-out);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}@media (hover:hover){.kn-pause:hover{background-color:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,var(--muted))}}.kn-pause:active{transition-duration:90ms;transform:scale(.97)}.kn-pause[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--x-on-ink)}.kn-pause:focus-visible{outline:2px solid var(--focus,var(--ink));outline-offset:3px}
.knc,.knc-run{position:relative}.knc-head{padding:clamp(72px,8vw,116px) 0 0}.knc .knc-g{display:block;position:relative}.knc-a{border-top:1px solid var(--line);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:24px 56px;padding:72px 0;display:grid}.knc-a:first-child{border-top:0}.knc.right .knc-a{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.knc.right .knc-t{order:2}.knc-t{flex-direction:column;gap:17px;display:flex}.knc-h{max-width:14ch}.knc-body{flex-direction:column;gap:16px;display:flex}.knc-body p{color:var(--body);text-wrap:pretty;max-width:44ch;margin:0;font-size:16px;line-height:1.6}.knc-foot{flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:0;display:flex}.knc-count{font:606 13px/1.3 var(--mono);color:var(--quiet);letter-spacing:.1em;margin:0}@media (max-width:899px){.knc-count{font-size:14px}}.knc-v{height:min(70svh,700px);position:relative}.knc-v>*{width:100%;height:100%}.js .knc-v:not([data-on]){visibility:hidden;transition:visibility 0s linear .9s}.js .knc-v[data-on]{visibility:visible;z-index:2}.js .knc-v.wipe{clip-path:inset(100% 0 0 0 round var(--kn-r));transition:clip-path .9s var(--ease), visibility 0s linear .9s}.js .knc-v.wipe[data-pos=past]{clip-path:inset(0 0 100% 0 round var(--kn-r))}.js .knc-v.wipe[data-on]{clip-path:inset(0 0 0 0 round var(--kn-r));transition:clip-path .9s var(--ease), visibility 0s}.js .knc-v.rise{opacity:0;transition:opacity .45s var(--ease), transform .9s var(--ease), visibility 0s linear .9s;transform:translateY(10%)}.js .knc-v.rise[data-pos=past]{transform:translateY(-6%)}.js .knc-v.rise[data-on]{opacity:1;transition:opacity .7s var(--ease) 80ms, transform 1s var(--ease), visibility 0s;transform:none}.js .knc-v.scale{opacity:0;transition:opacity .45s var(--ease), transform .9s var(--ease), visibility 0s linear .9s;transform:scale(1.08)}.js .knc-v.scale[data-pos=past]{transform:scale(.94)}.js .knc-v.scale[data-on]{opacity:1;transition:opacity .7s var(--ease), transform 1.1s var(--ease), visibility 0s;transform:none}.js .knc-v.fade{opacity:0;transition:opacity .6s var(--ease), visibility 0s linear .6s}.js .knc-v.fade[data-on]{opacity:1;transition:opacity .8s var(--ease), visibility 0s}.knc-rail{display:none}@media (min-width:900px){.js .knc-run{height:calc(var(--n) * var(--tall,100svh))}.js .knc-pin{flex-direction:column;justify-content:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.js .knc .knc-g{column-gap:var(--kn-g);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;min-height:min(72svh,720px);display:grid}.js .knc-a{display:contents}.js .knc-t{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s var(--ease), transform .45s var(--ease), visibility 0s linear .45s;order:0;grid-area:1/1/auto/span 5;align-self:center;padding-bottom:64px;transform:translateY(44px)}.js .knc-t[data-pos=past]{transform:translateY(-44px)}.js .knc-t[data-on]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .7s var(--ease) .14s, transform .95s var(--ease) .1s, visibility 0s;transform:none}.js .knc.right .knc-t{grid-column:8/span 5}.js .knc-v{grid-area:1/6/auto/span 7}.js .knc.right .knc-v{grid-column:1/span 7}.js .knc-rail{z-index:3;grid-column:1/span 5;align-items:center;gap:4px;padding-bottom:10px;display:flex;position:absolute;bottom:-8px;left:0}.js .knc.right .knc-rail{grid-column:8/span 5}.knc-track{background:var(--line);height:1px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.knc-track i{background:var(--ink);transform-origin:0;position:absolute;inset:0}.knc-rail button{min-width:44px;height:44px;font:500 13px/1 var(--mono);color:var(--soft);cursor:pointer;transition:color .25s, transform .1s var(--ease);background:0 0;border:0;padding:0 6px;position:relative}.knc-rail button:after{content:"";background:var(--ink);transform-origin:0;height:2px;transition:transform .35s var(--ease);border-radius:1px;position:absolute;bottom:6px;left:10px;right:10px;transform:scaleX(0)}.knc-rail button[aria-current]{color:var(--ink)}.knc-rail button[aria-current]:after{transform:scaleX(1)}.knc-rail button:active{transform:scale(.96)}.knc-rail button:focus-visible{outline:2px solid var(--focus,var(--ink));outline-offset:2px;border-radius:8px}}@media (min-width:900px) and (hover:hover){.knc-rail button:hover{color:var(--ink)}.knc-rail button:hover:after{transform:scaleX(.5)}}@media (max-width:899px){.knc-head{padding:72px 0 17px}.knc-a,.knc.right .knc-a{padding:56px 0;display:block}.knc-a:first-child{padding-top:16px}.knc-v{aspect-ratio:4/3.4;height:auto;margin-top:32px}}@media (prefers-reduced-motion:reduce){.knc-t,.knc-t[data-on],.knc-v,.knc-v[data-on]{transition:none!important}}
.knx{--knx-ink:#fafafa;--knx-soft:#ffffffc7;--knx-quiet:#a3a3a3;--knx-line:#ffffff24;color:var(--knx-ink)}.knx.light{--knx-ink:var(--ink);--knx-soft:var(--body);--knx-quiet:var(--quiet);--knx-line:var(--hair)}.knx-in{flex-direction:column;gap:17px;display:flex}.knx-lead{color:var(--knx-quiet)}.knx-h{color:var(--knx-ink)}.knx-g{align-items:start;row-gap:44px;margin-top:27px}.knx-l{flex-direction:column;grid-column:1/span 5;gap:27px;display:flex}.knx-tag{color:var(--knx-soft)}.knx-meta{flex-wrap:wrap;gap:10px;display:flex}.knx-chip{border:1px solid var(--knx-line);min-height:44px;font:500 14px/1 var(--mono);color:var(--knx-ink);transition:border-color .15s var(--e-out), transform .15s var(--e-out);border-radius:999px;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.knx-chip span{color:var(--knx-quiet)}.knx-chip em{color:var(--knx-quiet);font-style:normal}@media (hover:hover){a.knx-chip:hover{border-color:var(--knx-quiet)}}a.knx-chip:active{transition-duration:90ms;transform:scale(.97)}.knx-acts .x-arrow{min-height:44px}.knx:not(.light) .knx-acts .x-arrow{color:#fafafa}.knx-paste{flex-direction:column;grid-column:7/-1;gap:10px;display:flex}.knx-pt{color:var(--knx-ink)}.knx-pd{color:var(--knx-soft);max-width:52ch;margin:0 0 6px;font-size:16px;line-height:1.6}.knx-api{font:500 13px/1.3 var(--mono);color:var(--knx-soft);overflow-wrap:anywhere;align-items:center;gap:8px;margin:0;display:inline-flex}.knx-api i{color:#fafafa;background:#262626;border-radius:6px;padding:3px 6px;font-style:normal}.knx-code.x-codeblock{background:#000;border-color:#ffffff1a}.knx-code .x-codeblock-h{color:#a3a3a3}.knx-code pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#fafafa;font-size:13.5px}@media (max-width:899px){.knx-l,.knx-paste{grid-column:1/-1}.knx-g{row-gap:44px}.knx-pd,.knx-api,.knx-code pre,.knx-code .x-codeblock-h,.knx-code .x-copy{font-size:14px}.knx-acts>*{flex:auto}.knx-acts .x-btn{width:100%}}