@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/53e45098eac42afb-s.1uklb5el4zgvl.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/85ea1b3aadcead52-s.05i4gb4p0piv4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3c285486269019b7-s.p.2g-0we2o5_ngd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/625a092f804baad3-s.1zvg0ggiaivzo.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6afabefbb32d7517-s.0jaqhc1tb-5xm.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a4f4f75ad654963f-s.p.1hvvd1t-trplq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a3bcb02a0e9e5d11-s.25pbmqxk8u2s7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b35fd19aef91b293-s.0n_ln9vqskgts.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/8f46d218c8f79e34-s.p.2wu4yy186g04j.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8ffc259da9d23054-s.10uaeld2xxvpt.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9e486ba39c38fb8a-s.2bbpeapf-lbjw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6f42e0a3b0519c4d-s.p.13y-iz2lazqtb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro Fallback;src:local(Arial);ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.0%;size-adjust:110.36%}.be_vietnam_pro_64a969c-module__Xlsq2G__className{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.be_vietnam_pro_64a969c-module__Xlsq2G__variable{--font-sans:"Be Vietnam Pro", "Be Vietnam Pro Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_964e2806-module__h6Ln4a__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_964e2806-module__h6Ln4a__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--bg:#f9f9f7;--surface:#fff;--sand:#f9f6f1;--muted:#eeeeec;--ink:#1a1c1b;--ink-2:#414845;--ink-3:#6b736f;--border:#c1c8c4;--border-soft:#e0e4e1;--sage:#42655b;--sage-ink:#2a4d43;--mint:#e8f3f0;--cream:#f0e0cc;--cream-ink:#6e6353;--lavender:#ecdcfd;--plum:#655975;--amber:#b45309;--on-sage:#fff;--radius:.75rem;--radius-sm:.5rem;--pill:999px;--font-display:var(--font-sans), -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-body:var(--font-sans), -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-num:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;--gut:clamp(1.15rem, 4vw, 2.5rem);--maxw:66rem;--tap:44px;--shadow-sm:0 1px 2px #1a1c1b0d;--shadow:0 4px 16px #1a1c1b12;--shadow-lg:0 18px 48px #1a1c1b1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141917;--surface:#1b221f;--sand:#221f1a;--muted:#1f2624;--ink:#edefec;--ink-2:#b4bdb7;--ink-3:#8a938e;--border:#333d38;--border-soft:#262e2a;--sage:#7fb0a2;--sage-ink:#a8cfc3;--mint:#1c2b27;--cream:#332c21;--cream-ink:#cbb89a;--lavender:#2a2338;--plum:#b9a8cd;--amber:#e0913a;--on-sage:#10201b;--shadow-sm:0 1px 2px #0000004d;--shadow:0 4px 16px #00000059;--shadow-lg:0 18px 48px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#141917;--surface:#1b221f;--sand:#221f1a;--muted:#1f2624;--ink:#edefec;--ink-2:#b4bdb7;--ink-3:#8a938e;--border:#333d38;--border-soft:#262e2a;--sage:#7fb0a2;--sage-ink:#a8cfc3;--mint:#1c2b27;--cream:#332c21;--cream-ink:#cbb89a;--lavender:#2a2338;--plum:#b9a8cd;--amber:#e0913a;--on-sage:#10201b;--shadow-sm:0 1px 2px #0000004d;--shadow:0 4px 16px #00000059;--shadow-lg:0 18px 48px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;margin:0;font-size:clamp(1rem,.97rem + .16vw,1.06rem);line-height:1.65}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.018em;text-wrap:balance;margin:0;font-weight:600;line-height:1.15}p{margin:0}ul{margin:0;padding:0}a{color:inherit;text-underline-offset:.2em;-webkit-text-decoration-color:color-mix(in srgb, var(--sage) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--sage) 45%, transparent)}a:hover{-webkit-text-decoration-color:var(--sage);text-decoration-color:var(--sage)}:focus-visible{outline:2px solid var(--sage);outline-offset:3px;border-radius:var(--radius-sm)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{width:100%;max-width:var(--maxw);padding-inline:max(var(--gut), env(safe-area-inset-left), env(safe-area-inset-right));margin-inline:auto}.skip{z-index:60;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem 1rem;font-size:.9rem;position:absolute;top:0;left:-9999px}.skip:focus{top:.75rem;left:.75rem}.site{z-index:40;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft);position:sticky;top:0}.bar{align-items:center;gap:1rem;height:4rem;display:flex}.mark{letter-spacing:-.01em;color:var(--ink);min-height:var(--tap);align-items:center;gap:.6rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.mark-dot{border-radius:var(--pill);background:var(--sage);width:1.6rem;height:1.6rem;color:var(--on-sage);letter-spacing:0;flex:none;place-items:center;font-size:.72rem;font-weight:700;display:grid}.site-nav{gap:.35rem;margin-left:auto;display:flex}.site-nav a{color:var(--ink-2);border-radius:var(--pill);align-items:center;padding:.45rem .75rem;font-size:.92rem;text-decoration:none;display:inline-flex}.site-nav a:hover{color:var(--ink);background:var(--muted)}.bar-actions{align-items:center;gap:.4rem;margin-left:auto;display:flex}.icon-btn{font-size:.85rem;font-family:var(--font-body);color:var(--ink-2);border:1px solid var(--border);border-radius:var(--pill);cursor:pointer;background:0 0;min-height:36px;padding:.4rem .85rem}.icon-btn:hover{color:var(--ink);border-color:var(--sage)}.menu-btn,.theme .to-light{display:none}.theme .to-dark{display:inline}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme .to-light{display:inline}:root:not([data-theme=light]) .theme .to-dark{display:none}}:root[data-theme=dark] .theme .to-light{display:inline}:root[data-theme=dark] .theme .to-dark{display:none}.sec{padding-block:clamp(3rem,8vw,6rem)}.sec-sand{background:var(--sand)}.sec-mint{background:var(--mint)}.sec-title{margin-bottom:.75rem;font-size:clamp(1.6rem,1.3rem + 1.5vw,2.35rem)}.sec-intro{color:var(--ink-2);max-width:58ch;margin-bottom:clamp(2rem,4vw,3rem);font-size:1.05rem}.profile{padding-block:clamp(2.5rem,6vw,4.25rem) clamp(2rem,5vw,3.25rem)}.profile-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:clamp(1.75rem,5vw,4rem);display:grid}.profile h1{letter-spacing:-.028em;margin-bottom:.4rem;font-size:clamp(1.9rem,1.5rem + 1.9vw,2.9rem);font-weight:600;line-height:1.1}.profile-role{color:var(--sage);margin-bottom:1.35rem;font-size:clamp(1rem,.97rem + .2vw,1.1rem);font-weight:500}.profile-bio{color:var(--ink-2);max-width:62ch}.profile-bio+.profile-bio{margin-top:.85rem}.profile-bio b{color:var(--ink);font-weight:600}.profile-links{flex-wrap:wrap;gap:.4rem 1.25rem;margin-top:1.6rem;font-size:.97rem;display:flex}.profile-links a{color:var(--ink);border-bottom:1px solid var(--border);align-items:center;gap:.4rem;min-height:32px;padding-block:.3rem;text-decoration:none;display:inline-flex}.profile-links a:hover{border-color:var(--sage);color:var(--sage)}.profile-links a .ext{color:var(--ink-3);font-size:.85em}.profile-facts{background:var(--sand);border:1px solid var(--border-soft);border-radius:var(--radius);padding:1.15rem 1.25rem}.profile-facts>div+div{border-top:1px solid var(--border-soft);margin-top:.9rem;padding-top:.9rem}.profile-facts dt{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin-bottom:.2rem;font-size:.78rem;font-weight:600}.profile-facts dd{color:var(--ink);margin:0;font-size:.95rem}.links{flex-wrap:wrap;gap:.6rem;display:flex}.btn{font-family:var(--font-body);min-height:var(--tap);border-radius:var(--pill);border:1px solid var(--border);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.15rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:border-color .16s,box-shadow .16s,background .16s;display:inline-flex}.btn:hover{border-color:var(--sage);box-shadow:var(--shadow)}.btn.primary{background:var(--sage);color:var(--on-sage);border-color:var(--sage)}.btn.primary:hover{background:var(--sage-ink);border-color:var(--sage-ink)}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:clamp(1.25rem,3vw,1.75rem)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.demo{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.demo-head{border-bottom:1px solid var(--border-soft);background:var(--muted);flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.85rem 1.1rem;display:flex}.demo-title{font-size:.98rem;font-weight:600}.demo-stats{flex-wrap:wrap;gap:.4rem;margin-left:auto;display:flex}.stat{font-family:var(--font-num);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--pill);color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;padding:.2rem .6rem;font-size:.78rem}.stat b{color:var(--sage);font-weight:500}.demo-controls{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1.1rem;display:flex}.demo-note{color:var(--ink-3);border-top:1px solid var(--border-soft);background:var(--muted);padding:.8rem 1.1rem;font-size:.88rem}.seg{background:var(--muted);border-radius:var(--pill);border:1px solid var(--border-soft);gap:.15rem;padding:.2rem;display:inline-flex}.seg button{font-family:var(--font-body);color:var(--ink-2);border-radius:var(--pill);cursor:pointer;background:0 0;border:none;min-height:32px;padding:.35rem .75rem;font-size:.82rem}.seg button[aria-pressed=true]{background:var(--sage);color:var(--on-sage)}.vt-viewport{contain:strict;height:380px;position:relative;overflow:hidden auto}.vt-sizer{width:100%;position:relative}.vt-row{border-bottom:1px solid var(--border-soft);grid-template-columns:4.5rem 1fr 6.5rem 5.5rem;align-items:center;gap:.75rem;height:44px;padding:0 1.1rem;font-size:.88rem;display:grid;position:absolute;left:0;right:0}.vt-row.flash{background:var(--mint)}.vt-id{font-family:var(--font-num);color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:.78rem}.vt-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vt-when{font-family:var(--font-num);color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:right;font-size:.76rem}.vt-head{color:var(--ink-3);border-bottom:1px solid var(--border);background:var(--surface);text-transform:uppercase;letter-spacing:.06em;grid-template-columns:4.5rem 1fr 6.5rem 5.5rem;gap:.75rem;padding:.55rem 1.1rem;font-size:.76rem;display:grid}.vt-head .vt-when{text-align:right}.sev{border-radius:var(--pill);padding:.15rem .55rem;font-size:.76rem;font-weight:500;display:inline-block}.sev-critical{background:color-mix(in srgb, var(--amber) 18%, transparent);color:var(--amber)}.sev-high{background:var(--cream);color:var(--cream-ink)}.sev-medium{background:var(--lavender);color:var(--plum)}.sev-low{background:var(--mint);color:var(--sage-ink)}.tp-body{grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:0;display:grid}.tp-controls{border-right:1px solid var(--border-soft);flex-direction:column;gap:1.1rem;padding:1.1rem;display:flex}.tp-field{flex-direction:column;gap:.4rem;display:flex}.tp-field label{color:var(--ink-2);font-size:.82rem;font-weight:500}.tp-field input[type=range]{width:100%;accent-color:var(--sage)}.tp-swatches{flex-wrap:wrap;gap:.4rem;display:flex}.tp-swatch{border-radius:var(--pill);cursor:pointer;border:2px solid #0000;width:32px;height:32px;padding:0}.tp-swatch[aria-pressed=true]{border-color:var(--ink)}.tp-val{font-family:var(--font-num);color:var(--ink-3);font-size:.76rem}.tp-preview{background:var(--muted);flex-direction:column;gap:1rem;padding:1.35rem;display:flex}.tp-scope{--p:#42655b;--r:12px;flex-direction:column;gap:.9rem;display:flex}.tp-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:1rem}.tp-card h4{margin-bottom:.3rem;font-size:.98rem}.tp-card p{color:var(--ink-3);font-size:.87rem}.tp-btn-row{flex-wrap:wrap;gap:.5rem;display:flex}.tp-btn{border:1px solid var(--p);background:var(--p);color:#fff;border-radius:var(--r);font-size:.88rem;font-family:var(--font-body);cursor:default;padding:.5rem 1rem}.tp-btn.ghost{color:var(--p);background:0 0}.tp-chip{border-radius:var(--r);background:color-mix(in srgb, var(--p) 14%, transparent);color:var(--p);padding:.25rem .7rem;font-size:.8rem;display:inline-block}.work-item{border-top:1px solid var(--border-soft);padding-block:clamp(1.75rem,4vw,2.5rem)}.work-item:first-child{border-top:none;padding-top:0}.work-head{flex-wrap:wrap;align-items:baseline;gap:.5rem .9rem;margin-bottom:.35rem;display:flex}.work-head h3{font-size:clamp(1.25rem,1.1rem + .7vw,1.55rem)}.work-meta{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:.9rem}.work-role{color:var(--sage);margin-bottom:.9rem;font-size:.98rem;font-weight:500}.work-note{color:var(--ink-3);margin-top:-.6rem;margin-bottom:.9rem;font-size:.88rem}.work-body{grid-template-columns:minmax(0,1fr) minmax(0,17rem);align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.work-list{flex-direction:column;gap:.65rem;list-style:none;display:flex}.work-list li{color:var(--ink-2);padding-left:1.1rem;position:relative}.work-list li:before{content:"";border-radius:var(--pill);background:var(--sage);width:.4rem;height:.4rem;position:absolute;top:.62em;left:0}.work-list li b{color:var(--ink);font-weight:600}.work-aside{flex-direction:column;gap:.75rem;display:flex}.product-link{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);min-height:var(--tap);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.9rem;text-decoration:none;transition:border-color .16s,box-shadow .16s;display:flex}.product-link:hover{border-color:var(--sage);box-shadow:var(--shadow)}.product-link span:last-child{color:var(--sage);flex:none}.product-link small{color:var(--ink-3);font-size:.8rem;display:block}.chips{flex-wrap:wrap;gap:.35rem;margin-top:1rem;display:flex}.chip{color:var(--ink-2);background:var(--muted);border:1px solid var(--border-soft);border-radius:var(--pill);padding:.22rem .65rem;font-size:.8rem}.shift{background:var(--mint);color:var(--sage-ink);border-radius:var(--pill);flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:1rem;padding:.3rem .85rem;font-size:.85rem;display:inline-flex}.sub-block{margin-top:1.1rem}.sub-block>h4{color:var(--ink-2);margin-bottom:.5rem;font-size:.92rem;font-weight:600}.proj{grid-template-columns:minmax(0,1fr) minmax(0,22rem);align-items:center;gap:clamp(1.5rem,4vw,3rem);display:grid}.proj+.proj{border-top:1px solid var(--border-soft);margin-top:clamp(2.5rem,6vw,4rem);padding-top:clamp(2.5rem,6vw,4rem)}.proj h3{margin-bottom:.3rem;font-size:clamp(1.35rem,1.2rem + .8vw,1.75rem)}.proj .kind{color:var(--sage);margin-bottom:.8rem;font-size:.88rem;font-weight:500}.proj p{color:var(--ink-2);margin-bottom:.9rem}.proj p:last-of-type{margin-bottom:0}.proj code{font-family:var(--font-num);background:var(--muted);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:.05em .35em;font-size:.86em}.phone{border:10px solid var(--ink);background:var(--ink);width:100%;max-width:320px;box-shadow:var(--shadow-lg);border-radius:2.25rem;margin-inline:auto;position:relative;overflow:hidden}.phone iframe{background:#fff;border:0;width:100%;height:560px;display:block}.phone-cap{text-align:center;color:var(--ink-3);margin-top:.75rem;font-size:.82rem}.embed-fallback{text-align:center;height:560px;color:var(--ink-3);background:var(--muted);place-items:center;padding:1.5rem;font-size:.9rem;display:grid}dl{margin:0}.row{border-top:1px solid var(--border-soft);grid-template-columns:minmax(0,11rem) minmax(0,1fr);align-items:baseline;gap:.5rem 2rem;padding-block:.9rem;display:grid}.row:first-of-type{border-top:none}.row dt{color:var(--ink);font-size:.93rem;font-weight:600}.row dd{color:var(--ink-2);margin:0;font-size:.97rem}.row dd b{color:var(--ink);font-weight:600}.foot{border-top:1px solid var(--border-soft);padding-block:clamp(2.5rem,6vw,3.75rem) 2rem}.foot h2{margin-bottom:.6rem;font-size:clamp(1.4rem,1.2rem + 1vw,1.8rem)}.foot p{max-width:52ch;color:var(--ink-2);margin-bottom:1.4rem}.colophon{border-top:1px solid var(--border-soft);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin-top:2.5rem;padding-top:1.25rem;font-size:.85rem;display:flex}@media (prefers-reduced-motion:no-preference){.js .rv{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.22,.75,.3,1);transform:translateY(12px)}.js .rv.in{opacity:1;transform:none}}@media (max-width:900px){.profile-grid,.work-body,.proj{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:719px){.menu-btn{align-items:center;display:inline-flex}.theme,.menu-btn{position:relative}.theme:after,.menu-btn:after{content:"";position:absolute;inset:-4px -2px}.site-nav{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);padding-inline:max(var(--gut), env(safe-area-inset-left));flex-direction:column;gap:0;margin-left:0;padding-block:.5rem 1rem;display:none;position:absolute;top:100%;left:0;right:0}.site-nav[data-open=true]{display:flex}.site-nav a{min-height:var(--tap);border-radius:var(--radius-sm);font-size:.95rem}.tp-body{grid-template-columns:1fr}.tp-controls{border-right:none;border-bottom:1px solid var(--border-soft)}.grid-2,.grid-3{grid-template-columns:1fr}.row{grid-template-columns:1fr;gap:.2rem}.vt-row,.vt-head{grid-template-columns:3.5rem 1fr 5.5rem}.vt-when{display:none}.demo-stats{width:100%;margin-left:0}}@media (max-width:480px){.btn{flex:auto}.vt-viewport{height:320px}.phone iframe,.embed-fallback{height:480px}}