.kb{--ow-note:#e9d67e;--ow-note-fold:#d2be63;--ow-note-shade:#00000047;--ow-marker:#1d2126;--ow-board:#1f3b8a;--ow-pen:#20294a;--ow-arrow-under:#0000006b;--ow-bubble-them:#e9e9eb;--ow-bubble-them-ink:#111;--ow-bubble-me:#0a66d6;--ow-phone-quiet:#6e6e73;--ow-bubble-me-ink:#fff;--ow-wall:#d9d5cc;--ow-wb-frame:#b9bcbf;--ow-wb-face:#fbfbf9;--ow-wb-tray:#a4a7aa;--ow-wb-magnet-1:#8f8a80;--ow-wb-magnet-2:#2c3a56;--ow-wb-magnet-3:#8f8a80;--ow-phone-face:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.kb-label.old-way{z-index:2;max-inline-size:calc(100% - 2 * var(--space-3));background:color-mix(in oklch, var(--ground) 86%, transparent);backdrop-filter:blur(6px);border-color:color-mix(in oklch, var(--ink) 18%, transparent);color:var(--ink);margin:0;position:absolute;inset-block-start:var(--space-3);inset-inline-start:var(--space-3)}@media (width<=699px){.kb-label.old-way{letter-spacing:.01em;padding:3px 9px;font-size:11px;inset-block-start:var(--space-2);inset-inline-start:var(--space-2)}}.kb-tiles{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.kb-tile{align-content:start;gap:var(--space-2);min-inline-size:0;display:grid}.kb-grid .kb-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=699px){.kb-grid .kb-tiles{gap:clamp(4px,2vw - 3px,8px)}}.kb-row .kb-tiles{grid-template-columns:minmax(0,1fr)}@media (width>=700px){.kb-row .kb-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.kb-four .kb-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=1100px){.kb-four .kb-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=699px){.kb-four .kb-tiles{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);grid-template-columns:none;grid-auto-columns:min(80%,20rem);grid-auto-flow:column;overflow-x:auto}.kb-four .kb-tile{scroll-snap-align:start}.kb-four .kb-tiles:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}}.kb-frame{aspect-ratio:var(--kb-r,4 / 3);border-radius:var(--radius-frame);background:var(--ground-2);isolation:isolate;position:relative;overflow:hidden}.kb-frame>.kb-loop{aspect-ratio:auto;position:absolute;inset:0}.kb-ink{z-index:1;pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.kb-caption{font-size:var(--type-small);color:var(--ink-2);text-wrap:balance;margin:0;line-height:1.4}.kb-ink path{fill:none;stroke-linecap:round;stroke-linejoin:round}.kb-ink .kb-note{fill:var(--ow-note)}.kb-ink .kb-note-fold{fill:var(--ow-note-fold);stroke:none;opacity:.55}.kb-ink .kb-note-shade{fill:var(--ow-note-shade);filter:blur(4px)}.kb-ink .kb-marker{stroke:var(--ow-marker)}.kb-ink .kb-board-ink{stroke:var(--ow-board)}.kb-ink .kb-pen{stroke:var(--ow-pen)}.kb-ink .kb-arrow{stroke:var(--ow-note)}.kb-ink .kb-arrow-under{stroke:var(--ow-arrow-under)}.kb-frame.kb-whiteboard{background:var(--ow-wall);padding:4%}.kb-whiteboard .kb-ink{position:relative;inset:auto}.kb-whiteboard .kb-ink-phone{display:none}.kb-whiteboard .kb-board-file{background:var(--kb-bd) center / contain no-repeat;block-size:100%;inline-size:100%;display:block}@media (width<=699px){.kb-whiteboard .kb-board-file{background-image:var(--kb-bp)}.kb-frame.kb-whiteboard{aspect-ratio:var(--kb-rp,var(--kb-r))}.kb-whiteboard .kb-ink-desk{display:none}.kb-whiteboard .kb-ink-phone{display:block}}.kb-ink .kb-wb-frame{fill:var(--ow-wb-frame)}.kb-ink .kb-wb-face{fill:var(--ow-wb-face)}.kb-ink .kb-wb-tray{fill:var(--ow-wb-tray)}.kb-ink .kb-wb-magnet{fill:var(--ow-wb-magnet-1)}.kb-ink .kb-wb-m2{fill:var(--ow-wb-magnet-2)}.kb-ink .kb-wb-m3{fill:var(--ow-wb-magnet-3)}.kb-ink .kb-wb-pen{fill:var(--ow-board)}.kb-ink .kb-wb-p2{fill:var(--ow-marker)}.kb-frame.kb-phone{background:var(--ground-2);container-type:inline-size}.kb-device{border:clamp(4px, 2.2cqi, 9px) solid var(--device-body);background:var(--ow-bubble-me-ink);color:var(--ow-bubble-them-ink);font-family:var(--ow-phone-face);border-radius:clamp(18px,10cqi,44px);flex-direction:column;gap:clamp(5px,2.2cqi,10px);padding:clamp(6px,3cqi,14px) clamp(10px,5.5cqi,22px) 0;display:flex;position:absolute;inset:6cqi 9cqi -40cqi;overflow:hidden}.kb-status{font-variant-numeric:tabular-nums;justify-content:space-between;margin:0;font-size:clamp(9px,3.6cqi,14px);font-weight:600;display:flex;position:relative}.kb-cam{aspect-ratio:1;background:var(--device-body);border-radius:50%;inline-size:clamp(6px,2.6cqi,10px);position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.kb-contact{border-block-end:1px solid var(--ow-bubble-them);color:var(--ow-bubble-them-ink);justify-items:center;gap:2px;margin:0;padding-block-end:clamp(4px,2cqi,10px);font-size:clamp(10px,3.6cqi,14px);display:grid}.kb-avatar{aspect-ratio:1;background:var(--ow-phone-quiet);inline-size:clamp(22px,10cqi,40px);color:var(--ow-bubble-me-ink);border-radius:50%;place-items:center;font-size:clamp(9px,4cqi,15px);font-weight:600;display:grid}@container (width<=260px){.kb-avatar,.kb-stamp{display:none}.kb-device{padding-inline:7px;inset-block-start:4cqi}.kb-bubble{max-inline-size:100%;padding:5px 8px;font-size:11px}.kb-shot{aspect-ratio:2}}.kb-stamp{color:var(--ow-phone-quiet);align-self:center;margin:0;font-size:clamp(9px,3.2cqi,12px)}.kb-bubble{border-radius:clamp(12px,5.5cqi,20px);max-inline-size:82%;margin:0;padding:clamp(5px,2.4cqi,10px) clamp(8px,3.8cqi,15px);font-size:clamp(12px,4.6cqi,17px);line-height:1.28}.kb-them{background:var(--ow-bubble-them);color:var(--ow-bubble-them-ink);align-self:flex-start}.kb-me{background:var(--ow-bubble-me);color:var(--ow-bubble-me-ink);align-self:flex-end}.kb-has-photo{gap:clamp(4px,1.8cqi,8px);padding-block-start:clamp(4px,1.8cqi,6px);display:grid}.kb-shot{aspect-ratio:4/3;border-radius:clamp(8px,3.6cqi,14px);inline-size:100%;display:block;position:relative;overflow:hidden}.kb-shot :is(img,picture){filter:blur(1.6px)brightness(.82)saturate(.85);scale:1.06}@media (prefers-reduced-motion:no-preference){html[data-js]:not([data-motion=off]) .kb:not([data-revealed]) .kb-beat{opacity:0}html[data-js]:not([data-motion=off]) .kb[data-revealed] .kb-beat{animation:kb-land var(--dur-media) var(--ease-out) calc(.3s + var(--i,0) * .45s) backwards;transform-box:fill-box;transform-origin:50%}}@keyframes kb-land{0%{opacity:0;scale:1.04}}.kpc.section{padding-block:var(--section-y-tight) var(--space-7);background:var(--ground)}.kpc-stack{gap:var(--space-6);display:grid}.kpc-h{font-family:var(--font-display);font-weight:var(--type-display-weight);letter-spacing:var(--type-display-tracking);text-wrap:balance;margin:0;font-size:clamp(28px,3vw,40px);line-height:1.05}.kpc-row{gap:var(--space-4);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}@media (width<=899px){.kpc-row{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:-6px calc(-1 * var(--gutter));padding:6px var(--gutter);scroll-padding-inline:var(--gutter);grid-auto-columns:min(78%,22rem);overflow-x:auto}.kpc-row>*{scroll-snap-align:start}}.kpc-card{border-radius:var(--radius-frame);background:var(--tint-stone);block-size:100%;color:var(--ink);grid-template-rows:auto 1fr;text-decoration:none;display:grid;position:relative;overflow:hidden}.kpc-card[data-t=sand]{background:var(--tint-sand)}.kpc-card[data-t=sage]{background:var(--tint-sage)}.kpc-card[data-t=teal]{background:var(--tint-teal)}.kpc-file{background:60%/cover no-repeat;position:absolute;inset:0}.kpc-card[data-t=carbon]{background:var(--tint-carbon)}.kpc-card[data-t=navy]{background:var(--ground)}.kpc.ground-night .kpc-card[data-t=navy]{background:var(--ground-2)}.kpc-art{aspect-ratio:4/3;padding:var(--space-4);place-items:center;display:grid;position:relative;overflow:hidden}.kpc-art .sv{block-size:100%;inline-size:100%;overflow:visible}.kpc-art .sv-tall{display:none}.kpc-art.kpc-art-crop{padding:0}.kpc-words{justify-items:start;gap:var(--space-4);padding:0 var(--space-5) var(--space-5);grid-template-rows:auto 1fr;display:grid}.kpc-line{font:600 clamp(18px, 1.4vw, 20px) / 1.3 var(--font-body);color:var(--ink);text-wrap:balance}.kpc-see{font:500 var(--type-small) / 1.35 var(--font-body);color:var(--ink-2);text-wrap:balance;align-self:end}.kpc-see svg,.kpc-more svg{vertical-align:-2px;margin-inline-start:2px;display:inline-block}.kpc-more{font-size:var(--type-small);color:var(--ink-2);margin:0}.kpc-more a{color:var(--ink);font-weight:500}@media (pointer:fine){.kpc-card .kpc-see svg,.kpc-more a svg{transition:translate var(--dur-state) var(--ease-out)}.kpc-card:hover .kpc-see{color:var(--ink)}.kpc-card:hover .kpc-see svg,.kpc-more a:hover svg{translate:2px}}.kpc-card:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.kpc-card:focus-visible .kpc-see{color:var(--ink)}.kpc-card:focus-visible .kpc-see svg{translate:2px}