html{scroll-behavior:smooth}body{background:var(--kf-page);margin:0}#app{min-height:100vh}.brand{text-decoration:none}.theme{color:inherit;cursor:pointer;opacity:.8;background:0 0;border:1px solid;border-radius:999px;width:32px;height:32px;font:15px/1 system-ui}.btn{color:inherit;border:1.5px solid;border-radius:999px;align-items:center;padding:11px 20px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.kf .btn-primary{background:var(--kf-accent);border-color:var(--kf-accent);color:var(--kf-on-accent)}.kf[data-arrangement=world] .kf-hero .btn{border-color:#ffffffb3}.kf[data-arrangement=world] .kf-hero .btn-primary{color:#161629;background:#fff;border-color:#fff}.btn-big{padding:14px 28px;font-size:clamp(16px,2.2vw,20px)}.scene .drift{animation:80s linear infinite alternate drift}@keyframes drift{to{transform:translate(90px)}}.cover{color:#fff;background:var(--tone);border-radius:12px;flex-direction:column;justify-content:flex-end;gap:4px;height:100%;min-height:180px;padding:20px;display:flex;position:relative;overflow:hidden}.cover-art{object-fit:contain;object-position:right bottom;pointer-events:none;width:50%;height:92%;transition:transform .3s cubic-bezier(.2,.7,.3,1);position:absolute;bottom:0;right:4%}.card:hover .cover-art,.item:hover .cover-art{transform:translateY(-4px)}.cover-metric,.cover-label{text-shadow:0 1px 12px #00000059;position:relative}.cover-metric{font:400 clamp(44px, 6vw, 72px)/.9 var(--kf-display);letter-spacing:.01em}.cover-label{font:12px/1.3 var(--kf-mono);text-transform:uppercase;letter-spacing:.06em;max-width:18ch}.tone-dusk{--tone:#4f4278}.tone-ember{--tone:#a8482c}.tone-sea{--tone:#22667a}.tone-moss{--tone:#3f6a3a}.tone-plum{--tone:#74426c}.tone-night{--tone:#2f3a66}@media (prefers-reduced-motion:reduce){.cover-art{transition:none}}.item{height:100%;text-decoration:none;display:block}.item .cover{border-radius:inherit;min-height:0;padding:14px}.kf[data-arrangement=object] .item .cover-label{display:none}.kf[data-arrangement=object] .item:not([data-feature]) .cover-art{object-position:center top;width:100%;height:62%;top:10%;bottom:auto;right:0}.kf[data-arrangement=object] .item .cover-metric{font-size:clamp(16px,2.2vw,26px)}.kf[data-arrangement=object] .item[data-feature] .cover-metric{font-size:clamp(40px,6vw,72px)}.kf[data-arrangement=object] .item[data-feature] .cover-label{display:block}.kf[data-arrangement=object] .item[data-feature] .cover-art{width:48%}@container kf (width<=599px){.kf[data-arrangement=object] .item:not([data-feature]) .cover-metric,.kf[data-arrangement=object] .item[data-feature] .cover-label{display:none}.kf[data-arrangement=object] .item:not([data-feature]) .cover-art{object-position:center bottom;height:80%;top:auto;bottom:8px}.kf[data-arrangement=object] .item[data-feature] .cover-art{width:55%;height:60%}}.card{flex-direction:column;gap:16px;display:flex}.card .cover{aspect-ratio:16/10;height:auto;min-height:0}.card-text{flex-direction:column;gap:6px;display:flex}.card-meta{font:12px var(--kf-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--kf-muted)}.card h3{letter-spacing:-.01em;font-size:20px}.card p:not(.card-meta){color:var(--kf-muted);font-size:15px}.tags,.chips{flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.tags li,.chips li{border:1px solid var(--kf-line);color:var(--kf-muted);border-radius:999px;padding:3px 10px;font-size:12px}.statement{letter-spacing:-.01em;text-wrap:pretty;font-size:clamp(20px,2.4vw,28px);line-height:1.4}.facts{gap:16px;margin:0;display:grid}.facts div{border-top:1px solid var(--kf-line);padding-top:10px}.facts dt{font:12px var(--kf-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--kf-muted)}.facts dd{margin:4px 0 0}.tile{background:var(--kf-card);border:1px solid var(--kf-line);border-radius:var(--kf-radius);flex-direction:column;gap:10px;min-width:0;padding:20px;display:flex}.tile-label{font:12px var(--kf-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--kf-muted)}.tile-heat{overflow-x:auto}.heat{min-width:640px}.now{font-size:17px;line-height:1.45}.tile-stat{justify-content:flex-end}.tile-stat b{font:400 clamp(40px, 5vw, 60px)/1 var(--kf-display)}.tile-stat span{color:var(--kf-muted);font-size:14px}.timeline{margin:0;padding:0;list-style:none;display:grid}.timeline>li{border-top:1px solid var(--kf-line);grid-template-columns:minmax(140px,1fr) 3fr;gap:8px 32px;padding:24px 0;display:grid}.timeline .when{font:13px/1.6 var(--kf-mono);color:var(--kf-muted)}.timeline h3{margin-bottom:8px;font-size:19px}.timeline ul{color:var(--kf-muted);gap:4px;margin:0;padding-left:18px;display:grid}@container kf (width<=767px){.timeline>li{grid-template-columns:1fr}}.dock{z-index:50;align-items:center;gap:6px;max-width:calc(100vw - 24px);display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.wire{background:var(--kf-text);color:var(--kf-page);cursor:pointer;border:0;border-radius:12px;padding:10px 12px;font:12px ui-monospace,SF Mono,Menlo,monospace;box-shadow:0 8px 30px #0000002e}.wire[aria-pressed=true]{background:var(--kf-focus);color:#fff}.kf-footer{padding-bottom:88px}.product{gap:var(--kf-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.product+.product{margin-top:var(--kf-space)}.product-cover{aspect-ratio:3/2;border-radius:var(--kf-radius);object-fit:cover;grid-column:1/7;width:100%;height:auto}.product-text{flex-direction:column;grid-column:8/13;gap:14px;display:flex}.product-text h3{letter-spacing:-.02em;font-size:clamp(26px,3cqi,36px)}.product-pitch{font-size:18px;line-height:1.5}.product-features{color:var(--kf-muted);gap:4px;margin:0;padding-left:18px;display:grid}.btns{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.tone-sunny{--tone:#f3b76a;color:#1b1b1b}@container kf (width<=767px){.product-cover,.product-text{grid-column:1/-1}}.post-item{border-top:1px solid var(--kf-line);flex-direction:column;gap:6px;padding-top:16px;display:flex}.post-item h3{letter-spacing:-.01em;font-size:20px}.post-item h3 a{text-decoration:none}.post-item h3 a:hover{text-underline-offset:4px;text-decoration:underline}.post-item p:not(.card-meta){color:var(--kf-muted)}.post-list{gap:28px;max-width:72ch;margin:0;padding:0;list-style:none;display:grid}.empty{color:var(--kf-muted)}.post{max-width:calc(72ch + 2 * var(--kf-gutter));flex-direction:column;gap:16px;padding-block:clamp(48px,8vw,96px);display:flex}.post h1{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(32px,5vw,52px);line-height:1.08}.post-lede{color:var(--kf-muted);font-size:20px}.prose{font-size:18px;line-height:1.7}.prose>*+*{margin-top:1em}.prose h2{letter-spacing:-.015em;margin-top:1.6em;font-size:26px;line-height:1.25}.prose h3{margin-top:1.4em;font-size:21px}.prose a{text-underline-offset:3px}.prose blockquote{border-left:3px solid var(--kf-line);color:var(--kf-muted);margin:0;padding:12px 18px}.prose code{font:.9em var(--kf-mono);background:var(--kf-card);border:1px solid var(--kf-line);border-radius:6px;padding:1px 5px}.prose pre{background:var(--kf-card);border:1px solid var(--kf-line);border-radius:12px;padding:16px;overflow-x:auto}.prose pre code{background:0 0;border:0;padding:0}.elsewhere,.foot-links{flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:20px 0 0;padding:0;list-style:none;display:flex}.elsewhere a,.foot-links a{text-underline-offset:4px;color:var(--kf-muted)}.foot-links{justify-content:flex-end;margin:0}.kf-nav a[aria-current=page]{text-underline-offset:6px;text-decoration:underline}@container kf (width<=479px){.nav-wide{display:none}}