@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/geist-latin-400-normal.B40WzpMT.woff2)format("woff2")}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/geist-latin-500-normal.CTWBw9NS.woff2)format("woff2")}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/geist-latin-600-normal.CSETrqM2.woff2)format("woff2")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/anuphan-thai-400-normal.CYPG-7cc.woff2)format("woff2");unicode-range:U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/anuphan-thai-500-normal.CZoh8WWr.woff2)format("woff2");unicode-range:U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/anuphan-thai-600-normal.Co7SjXAc.woff2)format("woff2");unicode-range:U+E01-E5B,U+200C-200D,U+25CC}:root{--panel:#fafafa;--stage:#f5f5f5;--stage-text:#4d4d4d;--stage-art:radial-gradient(60% 70% at 50% 0%, #fff 0%, transparent 70%), #f5f5f5;--surface-2:#fafafa;--ink-2:#333;--line-strong:#d4d4d4;--accent:#0a0a0a;--accent-text:#0a0a0a;--accent-soft:#f2f2f2;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--gold-on-dark:#ededed;--line-on-dark:oklch(100% 0 0/.18);--tint-on-dark:oklch(100% 0 0/.06);--signal:oklch(60% .15 158);--signal-on-dark:oklch(83% .13 158);--pxb-outline:#1a1a1a;--signal-ink:oklch(47% .12 158);--shadow-lift:0 0 0 1px #0000001a, 0 12px 32px -12px #0000002e;--shadow-float:0 6px 14px -8px #0006;--shadow-deep:0 0 0 1px oklch(100% 0 0/.12), 0 40px 80px -30px oklch(0% 0 0/.7);--bg:#fff;--surface:#fff;--surface-strong:#f2f2f2;--ink:#0a0a0a;--ink-muted:#5c5c5c;--line:#eaeaea;--primary:#000;--primary-hover:#262626;--on-primary:#fff;--approval:oklch(50% .13 158);--approval-surface:oklch(97% .03 158);--gold:#8f8f8f;--gold-deep:#404040;--gold-soft:#ebebeb;--dark:#000;--on-dark:#ededed;--on-dark-muted:#a1a1a1;--radius-card:14px;--radius-pill:999px;--shadow-card:0 0 0 1px #00000014, 0 2px 4px #00000008;--font-display:"Geist", "Anuphan", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-body:"Geist", "Anuphan", ui-sans-serif, system-ui, -apple-system, sans-serif;--focus:#0a0a0a;--container:80rem;--gutter:clamp(1rem, 2.5vw, 1.5rem);--display-1:clamp(2.75rem, 6vw, 4.75rem);--display-2:clamp(2rem, 4vw, 3.25rem);--heading:clamp(1.6rem, 3vw, 2.4rem);--heading-sm:clamp(1.35rem, 2.2vw, 1.85rem);--title:1.25rem;--body-lg:1.125rem;--small:.875rem;--micro:.8125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--section-gap:clamp(3rem, 8vw, 8rem);--radius-subtle:6px;--radius-sm:6px;--radius-moderate:10px;--radius-md:10px;--radius-full:999px;--radius-panel:6px;--text-xs:.875rem;--text-sm:.944rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.4rem;--text-xl:1.6rem;--text-2xl:1.9rem;--text-3xl:2.35rem;--text-4xl:2.95rem;--text-5xl:clamp(2.5rem, 4vw, 3.5rem);--leading-body:1.55;--leading-heading:1.2;--leading-body-th:1.7;--leading-heading-th:1.4;--leading-body-zh:1.75;--leading-heading-zh:1.35;--font-zh:"Geist", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", "Source Han Sans SC", ui-sans-serif, system-ui, sans-serif;--measure:68ch;--ease:cubic-bezier(.25, 1, .5, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--motion-instant:.12s;--shadow-hover:0 1px 3px oklch(0% 0 0/.12), 0 1px 2px oklch(0% 0 0/.08);--shadow-modal:0 10px 25px oklch(0% 0 0/.15), 0 4px 10px oklch(0% 0 0/.08);--z-dropdown:10;--z-sticky:20;--z-mobile-cta:30;--z-modal-backdrop:40;--z-modal:50;--z-toast:60;--z-tooltip:70}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body.theme-dark,html[data-theme=dark] body{--bg:#000;--surface:#0a0a0a;--surface-2:#0a0a0a;--surface-strong:#1a1a1a;--panel:#0a0a0a;--stage:#0a0a0a;--ink:#ededed;--ink-2:#d4d4d4;--ink-muted:#a1a1a1;--line:#1f1f1f;--line-strong:#2e2e2e;--primary:#ededed;--primary-hover:#fff;--on-primary:#000;--accent:#ededed;--accent-text:#ededed;--accent-soft:#1a1a1a;--gold-soft:#1f1f1f;--gold-deep:#d4d4d4;--focus:#ededed;--shadow-card:0 0 0 1px #1f1f1f;--dark:#0a0a0a;--on-dark:#ededed;--on-dark-muted:#a1a1a1;--pxb-outline:transparent}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000}html.vt-theme::view-transition-old(root){animation:none}html.vt-theme::view-transition-new(root){animation:.56s cubic-bezier(.22,1,.36,1) both theme-reveal}html.vt-theme::view-transition-group(*){animation:none}@keyframes theme-reveal{0%{clip-path:circle(0 at var(--vt-x,100%) var(--vt-y,0))}to{clip-path:circle(150vmax at var(--vt-x,100%) var(--vt-y,0))}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-padding-top:6rem;font-size:106.25%}body{font-family:var(--font-body);font-weight:400;line-height:var(--leading-body);letter-spacing:0;color:var(--ink);background-color:var(--bg)}:lang(th){line-height:var(--leading-body-th);letter-spacing:0}:lang(zh){--font-body:var(--font-zh);--font-display:var(--font-zh);font-family:var(--font-zh);line-height:var(--leading-body-zh);letter-spacing:0;line-break:strict;text-spacing-trim:trim-start}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.035em;font-weight:600;line-height:var(--leading-heading);color:var(--ink)}:lang(th) h1,:lang(th) h2,:lang(th) h3{line-height:var(--leading-heading-th)}:lang(zh) h1,:lang(zh) h2,:lang(zh) h3,:lang(zh) h4{font-family:var(--font-zh);line-height:var(--leading-heading-zh);letter-spacing:0;text-wrap:balance}:lang(zh) h1 em,:lang(zh) h2 em{max-width:100%;display:inline-block}:lang(zh) p{text-wrap:pretty}h1{font-size:var(--text-5xl);font-weight:600}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{max-width:var(--measure)}a{color:var(--primary);text-underline-offset:.2em;transition:color var(--duration-fast) var(--ease);text-decoration:underline;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:var(--text-base);min-height:44px}:lang(th) em,:lang(th) i,:lang(zh) em,:lang(zh) i{font-style:normal;font-weight:500}.no-break{white-space:nowrap}.balance{text-wrap:balance}.pretty{text-wrap:pretty}.skip-link{top:var(--space-2);left:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--primary);color:var(--on-primary);border-radius:var(--radius-sm);z-index:100;text-decoration:none;position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-copy-slot]{color:inherit;font-family:inherit}@media print{body{color:#000;background:#fff}.no-print{display:none!important}a{text-decoration:underline}a[href]:after{content:" (" attr(href) ")";font-size:.875em}}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-2) var(--space-6);border:1.5px solid var(--primary);border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:500;font-size:var(--text-base);cursor:pointer;transition:background-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);line-height:1.2;text-decoration:none;display:inline-flex}.button--primary{background:var(--primary);color:var(--on-primary)}.button--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.button--secondary{color:var(--primary);border-color:var(--ink-muted);background:0 0}.button--secondary:hover{background:var(--surface-strong);border-color:var(--primary)}.button--large{min-height:52px;padding:0 var(--space-8);font-size:var(--text-md)}.more-link{color:var(--ink);align-items:center;gap:.3em;min-height:44px;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.more-link svg{width:.95em;height:.95em;transition:transform var(--duration-fast) var(--ease)}.more-link:hover{color:var(--ink);text-underline-offset:.2em;text-decoration:underline}.more-link:hover svg{transform:translate(2px)}@media (prefers-reduced-motion:reduce){.button{transition:none}}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}a.button--primary:hover,a.site-nav__cta:hover{color:var(--on-primary)}a.button--secondary:hover{color:var(--ink)}.demo{max-width:76rem;padding:var(--space-12) var(--space-6) var(--space-8);margin:0 auto}.demo>h1{font-size:var(--display-2);letter-spacing:-.02em;max-width:14ch;line-height:1.1}:lang(th) .demo>h1{letter-spacing:0;max-width:none;line-height:1.3}.demo form{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:clamp(1.25rem,3vw,2.25rem);gap:var(--space-5)!important}.demo label{font-size:var(--text-xs);color:var(--ink);font-weight:500}.demo input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.demo select,.demo textarea{background:var(--bg);min-height:48px;color:var(--ink);font:inherit;border:1px solid var(--line)!important;width:100%!important;padding:0 var(--space-4)!important;border-radius:14px!important}.demo textarea{min-height:7.5rem;padding-block:var(--space-3)!important}.demo input:focus-visible,.demo select:focus-visible,.demo textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-color:var(--ink)!important}.demo input[type=checkbox],.demo input[type=radio]{width:1.25rem;height:1.25rem;accent-color:var(--primary)}.demo button[type=submit]{border-radius:var(--radius-pill);background:var(--primary);min-height:52px;color:var(--on-primary);font:inherit;cursor:pointer;border:0;font-weight:500;font-size:var(--text-base)!important;padding:0 var(--space-8)!important}.demo button[type=submit]:hover{background:var(--primary-hover)}.demo h2{font-size:var(--text-xl);line-height:1.15}@media (width<=40rem){.demo{padding-inline:var(--space-4)}}:lang(th){word-break:auto-phrase}:lang(th) h1,:lang(th) h2,:lang(th) h3{text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}h1 em,h2 em{color:var(--gold-deep);font-style:normal;font-weight:inherit}.on-dark h1 em,.on-dark h2 em{color:var(--gold-on-dark)}:lang(th) h1 em,:lang(th) h2 em{font-style:normal}@keyframes reveal-rise{0%{opacity:0;transform:translateY(28px)scale(.98)}}@keyframes reveal-left{0%{opacity:0;transform:translate(-48px)}}@keyframes reveal-right{0%{opacity:0;transform:translate(48px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){[data-reveal]>*{animation:linear both reveal-rise;animation-timeline:view();animation-range:entry entry 30%}[data-reveal=sides]>:nth-child(odd){animation-name:reveal-left}[data-reveal=sides]>:nth-child(2n){animation-name:reveal-right}[data-reveal=sides]{overflow-clip-margin:var(--space-4);overflow-x:clip}}}html:not([lang=th]) a[lang=th]{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}.site-header{view-transition-name:site-header}::view-transition-group(*){animation-duration:.46s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(site-header){animation:none}::view-transition-old(root){animation:.12s ease-out both vt-fade-out}::view-transition-new(root){animation:.38s cubic-bezier(.22,1,.36,1) 60ms both vt-rise}::view-transition-old(.shot){object-fit:cover;object-position:top center;width:100%;height:100%}::view-transition-new(.shot){object-fit:cover;object-position:top center;width:100%;height:100%}::view-transition-old(.sheet){object-fit:cover;object-position:top center;width:100%;height:100%}::view-transition-new(.sheet){object-fit:cover;object-position:top center;width:100%;height:100%}::view-transition-old(.title){animation:.2s ease-out both vt-fade-out}::view-transition-new(.title){animation:.3s ease-out .1s both vt-fade-in}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}@keyframes vt-rise{0%{opacity:0;transform:translateY(16px)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::selection{background:var(--gold-soft);color:var(--dark)}html{scrollbar-color:oklch(80% .006 100) transparent}input,textarea{caret-color:var(--accent)}.page-hero{gap:var(--space-8);padding-block:var(--space-12) var(--space-10);align-items:center;display:grid}.page-hero__art{justify-self:center;width:100%;max-width:24rem;margin:0}.page-hero__art img{mix-blend-mode:multiply;width:100%;height:auto;display:block}@media (width<=40rem){.page-hero{gap:var(--space-4);padding-block:var(--space-8) var(--space-6)}.page-hero__art{max-width:14rem}}:root .emdash-pullquote[class]{--emdash-pullquote-border:var(--line);border-top-width:1px;border-bottom-width:1px}:root .emdash-code[class] pre code{font-family:var(--font-mono)}@media (width>=56rem){.page-hero{gap:var(--space-12);padding-block:var(--space-16) var(--space-12);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.page-hero__art{justify-self:end;max-width:34rem}}:lang(zh) :is(h1,h2){word-spacing:-.25em}:lang(zh) :is(h1,h2) em{word-spacing:normal}.nw{white-space:nowrap}@media (width<=40rem){html{font-size:100%}:root{--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.3rem;--text-2xl:1.45rem;--text-3xl:1.75rem;--text-4xl:2.1rem;--text-5xl:2.25rem}}.container{max-width:calc(var(--container) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.phr{max-width:100%;display:inline-block}:lang(zh) :is(h1,h2){word-break:keep-all;overflow-wrap:anywhere}