:root:has(.tp){--tp-bg:#fff;--tp-fg:#3a3a3a;--tp-link-hover:#3a3a3a59;--tp-selection:#00000014;--tp-strong:#111;--tp-soft:#8a8a8a;--tp-caption:#6b6b6b;--tp-dim:color-mix(in srgb, var(--tp-soft) 55%, var(--tp-bg));--tp-rule:#0000001a;--tp-placeholder:#f2f2f2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:var(--tp-bg)}@media (prefers-color-scheme:dark){:root:has(.tp){--lightningcss-light: ;--lightningcss-dark:initial}}:root:has(.tp) body{background:var(--tp-bg)}@media (prefers-color-scheme:dark){:root:has(.tp){--tp-bg:#111;--tp-fg:#e5e5e5;--tp-link-hover:#e5e5e559;--tp-selection:#ffffff26;--tp-strong:#f2f2f2;--tp-soft:#8c8c8c;--tp-caption:#a3a3a3;--tp-rule:#ffffff1f;--tp-placeholder:#1c1c1c}}.tp{--tp-body:var(--font-heading), system-ui, sans-serif;--tp-title:var(--tp-body);--tp-display:var(--font-display,var(--tp-title));--tp-ease:cubic-bezier(.2, .75, .1, 1);--tp-col:192px;--tp-gutter:64px;background:var(--tp-bg);min-height:100vh;padding:0 24px 72px}@media (max-width:640px){.tp{padding-bottom:24px}}.tp{color:var(--tp-fg);font-family:var(--tp-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:28px}.tp ::selection{background:var(--tp-selection);text-shadow:none}.tp :where(h1,h2,h3){font-family:var(--tp-title);font-feature-settings:"kern","calt","case";font-size:16px;font-weight:500;line-height:28px}.tp h1{text-wrap:balance}.tp p,.tp figcaption{text-wrap:pretty}.tp a{text-underline-offset:2.5px;text-decoration:underline;text-decoration-thickness:1px;transition:text-decoration-color .24s}.tp a:hover{-webkit-text-decoration-color:var(--tp-link-hover);text-decoration-color:var(--tp-link-hover)}.tp a:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid}.tp-ext{align-items:center;gap:6px;display:inline-flex}.tp-ext svg{flex:none}.tp-main{flex-direction:column;gap:28px;max-width:640px;margin:64px auto 0;display:flex;container-type:inline-size}.tp-intro{flex-direction:column;display:flex}.tp-main--home{margin-top:96px}@media (max-width:640px){.tp-main--home{margin-top:64px}}.tp-hero{max-width:540px;font-family:var(--tp-display);letter-spacing:-.01em;color:var(--tp-soft);flex-direction:column;gap:16px;font-size:28px;font-weight:500;line-height:36px;display:flex}@container (max-width:639px){.tp-hero{font-size:22px;line-height:29px}}.tp-key,.tp-proof{color:var(--tp-strong)}.tp-sent,.tp-proof{transition:color .18s var(--tp-ease)}.tp-item,.tp-contact,.tp-cols,.tp-section{transition:opacity .24s var(--tp-ease)}@media (hover:hover){.tp-hero:has(.tp-sent:hover) :is(.tp-sent,.tp-proof){color:var(--tp-dim)}.tp-hero:has(.tp-sent:hover) .tp-sent:hover{color:var(--tp-strong)}.tp-hero:has(.tp-sent:hover) .tp-sent:hover .tp-proof{color:var(--tp-strong)}.tp-main:has(.tp-sent:hover) :is(.tp-contact,.tp-cols,.tp-section){opacity:.3}:root:has(.tp-sent[data-who]:hover) .nav-av:after{animation:nav-ping 1s var(--tp-ease)}}@media (prefers-reduced-motion:reduce){.tp-sent,.tp-proof,.tp-item,.tp-contact,.tp-showreel img,.tp-showreel img[data-on],.tp-cols,.tp-section,.tp-mark,.tp-mark-ink{transition:none}.nav-av:after{animation:none!important}}.tp-soft{color:var(--tp-soft)}.tp-contact{flex-wrap:wrap;gap:4px 24px;margin-top:48px;font-size:14px;line-height:20px;display:flex}.tp-section{flex-direction:column;gap:12px;display:flex}.tp-section>p+p{margin-top:16px}.tp-cols{gap:var(--tp-gutter);margin-top:36px;display:flex}@container (max-width:639px){.tp-cols{flex-direction:column;gap:28px}}.tp-col{flex:0 0 var(--tp-col);flex-direction:column;gap:12px;display:flex}@container (max-width:639px){.tp-col{flex:none}}.tp-label{font-family:var(--tp-body);font-feature-settings:normal;font-size:14px;font-weight:400;line-height:20px}.tp-items{flex-direction:column;gap:24px;display:flex}.tp-item{flex-direction:column;align-items:flex-start;display:flex}.tp-item p{color:var(--tp-caption);margin-top:2px;font-size:14px;line-height:20px}.tp-name{color:var(--tp-strong);font-weight:500}.tp-item--icon .tp-icon{margin-bottom:4px}.tp-icon{flex:none}.tp-mark{transition:color .2s var(--tp-ease)}.tp-mark-ink{fill:var(--tp-bg);transition:fill .2s var(--tp-ease)}.tp-item:focus-within .tp-mark{color:var(--brand,currentColor)}.tp-item:focus-within .tp-mark-ink{fill:var(--brand-ink,var(--tp-bg))}@media (hover:hover){.tp-item:hover .tp-mark{color:var(--brand,currentColor)}.tp-item:hover .tp-mark-ink{fill:var(--brand-ink,var(--tp-bg))}}.tp-reel{flex-direction:column;gap:12px;display:flex}.tp-reel-frame{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--tp-placeholder);position:relative;overflow:hidden}.tp-reel-frame video{object-fit:cover;width:100%;height:100%;display:block}.tp-reel-toggle{border-radius:var(--radius);color:#fff;background:#0000008c;border:0;place-items:center;width:36px;height:36px;display:grid;position:absolute;bottom:12px;left:12px}.tp-reel-toggle:focus-visible{outline-offset:2px;outline:2px solid #fff}.tp-showreel{margin-top:8px}.tp-showreel img{z-index:0;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 0s linear .35s;position:absolute;inset:0;transform:scale(1.05)}.tp-showreel img[data-on]{z-index:1;opacity:1;transition:opacity .35s}.tp-showreel .tp-reel-toggle{z-index:2}.tp-top{flex-direction:column;display:flex}.tp-article{flex-direction:column;gap:28px;display:flex}.tp-article section{flex-direction:column;gap:28px;scroll-margin-top:28px;display:flex}.tp-article ul{padding-left:18px;list-style:outside}.tp-article .tp-qa{flex-direction:column;gap:4px;display:flex}.tp-article .tp-qa h3{color:var(--tp-strong)}.tp-article .tp-qa p{color:var(--tp-caption)}.tp-posts{flex-direction:column;gap:40px;margin-top:12px;display:flex}.tp-posts li{flex-direction:column;gap:4px;display:flex}.tp-posts h2 a{color:var(--tp-strong)}.tp-posts p:last-child{color:var(--tp-caption)}.tp-post-meta{color:var(--tp-caption);font-variant-numeric:tabular-nums;font-size:14px;line-height:20px}.tp-article h2,.tp-article h3{color:var(--tp-strong);scroll-margin-top:88px}.tp-article ol{padding-left:22px;list-style:decimal}.tp-article li+li{margin-top:6px}.tp-article blockquote{color:var(--tp-caption);padding-left:20px}.tp-article code{background:var(--tp-placeholder);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.875em}.tp-article figure{flex-direction:column;gap:10px;margin:8px 0;display:flex}.tp-article figure img{border-radius:var(--radius-lg);width:100%;height:auto;box-shadow:0 0 0 1px var(--tp-rule);display:block}.tp-article figcaption{color:var(--tp-caption);font-size:14px;line-height:20px}.tp-post-end{margin-top:28px}.tp-toc{font-variant-numeric:tabular-nums;padding-left:22px;list-style:decimal}.tp-defs{flex-direction:column;display:flex}.tp-defs>div{border-top:1px solid var(--tp-rule);grid-template-columns:160px minmax(0,1fr);gap:4px 24px;padding:10px 0;display:grid}.tp-defs>div:last-child{border-bottom:1px solid var(--tp-rule)}@container (max-width:479px){.tp-defs>div{grid-template-columns:minmax(0,1fr)}}.tp-defs dt{color:var(--tp-strong);font-weight:500}.tp-foot{border-top:1px solid var(--tp-rule);max-width:640px;margin:120px auto 0;padding-top:32px;font-size:14px;line-height:20px}.tp:has(.cs) .tp-foot{max-width:1320px}@media (min-width:1024px){.tp:has(.cs) .tp-foot .tp-foot-main{grid-template-columns:minmax(0,1fr) auto}}.tp-foot-main{gap:40px;display:grid}.tp-foot-id{color:var(--tp-caption);align-content:start;display:grid}.tp-foot-name{color:var(--tp-strong);margin-bottom:2px;font-size:16px;font-weight:500;line-height:24px}.tp-foot-cols{flex-wrap:wrap;gap:28px 32px;display:flex}.tp-foot-cols section{flex-direction:column;flex:0 0 192px;gap:12px;display:flex}.tp-foot-cols ul{gap:6px;display:grid}.tp-foot-bar{color:var(--tp-caption);justify-content:space-between;gap:16px;margin-top:48px;display:flex}.tp-foot-bar a{color:inherit}@media (max-width:640px){.tp-foot-cols section{flex-basis:140px}}