@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.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:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.0h0-3wqrkgcb1.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:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}.noto_sans_thai_9ebf2978-module__Ch9nXG__className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.noto_sans_thai_9ebf2978-module__Ch9nXG__variable{--font-sans:"Noto Sans Thai", "Noto Sans Thai Fallback"}
@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/4a439e1ba971da1a-s.1vgctuhklh__x.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:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/b3b0afff8ab38d95-s.33q4idznd8rl5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/b12ef0642bbc5f5f-s.2tbuiduw72dt5.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:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/83a6e70a3a81dd9f-s.28n7p9dmf_8k7.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:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/99ac5753282bcf05-s.3w6kcxkrsxlac.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:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/2f13ad8e538108e0-s.p.22iyan98j1_2e.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:Roboto Mono Fallback;src:local(Arial);ascent-override:77.84%;descent-override:20.13%;line-gap-override:0.0%;size-adjust:134.61%}.roboto_mono_e81d5f20-module__eViNCW__className{font-family:Roboto Mono,Roboto Mono Fallback;font-style:normal}.roboto_mono_e81d5f20-module__eViNCW__variable{--font-code:"Roboto Mono", "Roboto Mono Fallback"}
@layer reset{*,:before,:after{box-sizing:border-box}html{min-width:320px}body,h1,h2,p{margin:0}ul{margin:0;padding:0}a{color:inherit}button,input,textarea,select{font:inherit}}@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#fff;--surface:#f6f6f3;--ink:#161616;--muted:#656560;--line:#deded8;--accent:#161616;--accent-strong:#343432;--focus:#2563eb;--danger:#b42318;--button-ink:#fff;--shadow:0 16px 40px #1414140f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#111212;--surface:#191b1b;--ink:#f3f3ef;--muted:#aeaea7;--line:#343635;--accent:#f3f3ef;--accent-strong:#d7d7d2;--focus:#60a5fa;--danger:#ffb4ab;--button-ink:#111212;--shadow:none}html{background:var(--page)}body{background:var(--page);min-height:100vh;color:var(--ink);font-family:var(--font-sans), Arial, Tahoma, sans-serif;text-rendering:optimizelegibility;flex-direction:column;font-size:1rem;line-height:1.65;display:flex}code,kbd,pre,samp{font-family:var(--font-code), ui-monospace, monospace}::selection{background:var(--focus);color:var(--page)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input{caret-color:var(--focus)}input::placeholder{color:var(--muted);opacity:1}}@layer components{.shell{width:min(100% - 2.5rem,74rem);margin-inline:auto}main.shell{flex:1 0 auto}.skip-link{z-index:10;background:var(--ink);color:var(--page);padding:.5rem .75rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:5;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--page) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;gap:1rem;min-height:4.25rem;display:flex}.site-name{letter-spacing:-.01em;font-size:.92rem;font-weight:750;text-decoration:none}.navigation-list{flex-wrap:wrap;gap:.75rem;list-style:none;display:flex}.navigation-list a,.text-link{color:var(--ink);-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:.2em;font-weight:600;text-decoration-thickness:.08em}.theme-toggle{border:1px solid var(--line);background:var(--surface);min-height:2.4rem;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding-inline:.7rem;font-size:.82rem;font-weight:700;display:inline-flex}.theme-toggle:hover{border-color:var(--muted)}.theme-toggle__icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1rem}.theme-toggle__light,:root[data-theme=dark] .theme-toggle__dark{display:none}:root[data-theme=dark] .theme-toggle__light{display:inline}.page-stack{gap:clamp(2.5rem,8vw,6rem);padding-block:clamp(3rem,10vw,8rem);display:grid}.hero,.page-heading,.prose{max-width:46rem}.hero h1,.page-heading h1{letter-spacing:-.04em;max-width:16ch;margin-top:.35rem;font-size:clamp(2.5rem,9vw,5.5rem);line-height:1.05}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.82rem;font-weight:700}.lede{max-width:40rem;color:var(--muted);margin-top:1.5rem;font-size:clamp(1.125rem,3vw,1.4rem)}.action-row{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:2rem;display:flex}.button{background:var(--accent);min-height:2.75rem;color:var(--button-ink);cursor:pointer;border:1px solid #0000;border-radius:.35rem;align-items:center;padding-inline:1rem;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{background:var(--accent-strong)}.button:disabled{cursor:wait;opacity:.65}.resume-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.7fr) minmax(15rem,.8fr);align-items:end;gap:clamp(3rem,8vw,7rem);padding-bottom:clamp(3rem,7vw,5.5rem);display:grid}.resume-hero__main{max-width:48rem}.resume-hero h1{letter-spacing:-.065em;max-width:12ch;margin-top:.75rem;font-size:clamp(3.25rem,9vw,7rem);font-weight:750;line-height:.92}.hero-role{color:var(--muted);letter-spacing:-.025em;margin-top:1.25rem;font-size:clamp(1.35rem,3vw,2rem);font-weight:500;line-height:1.25}.resume-contact{gap:1.1rem;margin:0;display:grid}.resume-contact div{border-top:1px solid var(--line);padding-top:.8rem}.resume-contact dt{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:.74rem;font-weight:700}.resume-contact dd{margin:.25rem 0 0;font-size:.94rem;font-weight:600}.resume-contact a{overflow-wrap:anywhere;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:.18em}.resume-section{grid-template-columns:minmax(12rem,.65fr) minmax(0,1.6fr);gap:clamp(2rem,7vw,6rem);display:grid}.section-heading h2,.resume-panel h2{letter-spacing:-.045em;margin-top:.5rem;font-size:clamp(1.8rem,4vw,3.25rem);line-height:1.05}.resume-entry{border-top:1px solid var(--line);grid-template-columns:minmax(12rem,.65fr) minmax(0,1fr);gap:2rem;padding-top:1.25rem;display:grid}.resume-entry h3,.home-card-list h3{font-size:1.25rem;line-height:1.25}.resume-entry__meta p,.resume-entry time,.muted,.resume-panel p,.skill-groups p,.home-card-list p:not(.eyebrow){color:var(--muted)}.resume-entry time{margin-top:.45rem;font-size:.88rem;display:block}.resume-entry ul{gap:.8rem;padding-left:1.2rem;display:grid}.resume-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.resume-panel{border:1px solid var(--line);background:var(--surface);border-radius:.75rem;padding:clamp(1.5rem,4vw,2.5rem)}.resume-panel>p:not(.eyebrow){margin-top:1rem}.skill-groups{gap:1rem;margin-top:1.4rem;display:grid}.skill-groups h3{font-size:.85rem}.skill-groups p{margin-top:.2rem}.home-card-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.home-card-list li{border-top:1px solid var(--line);padding-block:1.35rem}.home-card-list h3{margin-top:.35rem}.home-card-list h3 a{text-decoration-thickness:.08em;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:.18em}.home-card-list p:not(.eyebrow){max-width:42rem;margin-top:.55rem}.empty-state{border:1px solid var(--line);background:var(--surface);max-width:46rem;box-shadow:var(--shadow);border-radius:.5rem;padding:clamp(1.5rem,5vw,3rem)}.empty-state h2{margin-top:.25rem;font-size:clamp(1.5rem,5vw,2.25rem);line-height:1.2}.empty-state p,.prose p{color:var(--muted);margin-top:1rem}.topic-filter,.article-list,.article-toc ol{flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.topic-filter button{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;padding:.4rem .75rem}.topic-filter button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--button-ink)}.latest-article-list{gap:1.25rem;max-width:46rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.latest-article-list li{border-top:1px solid var(--line);padding-top:1.25rem}.latest-article-list h3{margin-top:.35rem;font-size:1.35rem}.latest-article-list p:not(.eyebrow){color:var(--muted);margin-top:.5rem}.article-list{gap:1.5rem;max-width:58rem;display:grid}.article-card{border-top:1px solid var(--line);grid-template-columns:minmax(10rem,15rem) 1fr;align-items:start;gap:1.5rem;padding-block:1.5rem;display:grid}.article-card img,.article-cover img,.prose img{border-radius:.5rem;width:100%;height:auto}.article-card h2{margin-top:.3rem;font-size:clamp(1.4rem,3vw,2rem)}.article-card h2 a{color:var(--ink)}.article-card p,.article-card time,.article-page time,figcaption{color:var(--muted)}.article-card p{margin-top:.75rem}.article-card time,.article-page time{margin-top:1rem;font-size:.9rem;display:block}.mockup-notice{border-left:3px solid var(--focus);background:var(--surface);max-width:58rem;color:var(--muted);padding:.75rem 1rem;font-size:.9rem}.project-list{gap:1.5rem;max-width:58rem;margin:0;padding:0;list-style:none;display:grid}.project-card{border-top:1px solid var(--line);grid-template-columns:minmax(12rem,18rem) 1fr;align-items:start;gap:1.5rem;padding-block:1.5rem;display:grid}.project-card img,.project-cover img,.project-figures img{border-radius:.5rem;width:100%;height:auto}.project-card h2{margin-top:.3rem;font-size:clamp(1.4rem,3vw,2rem)}.project-card h2 a{color:var(--ink)}.project-card p:not(.eyebrow),.project-details p,.outcome-list dd,.project-figures figcaption{color:var(--muted);margin-top:.75rem}.project-card-placeholder,.project-figure-placeholder{border:1px dashed var(--line);background:linear-gradient(135deg, transparent 49.5%, var(--line) 50%, transparent 50.5%), var(--surface);min-height:12rem;color:var(--muted);text-align:center;border-radius:.5rem;place-items:center;padding:1rem;display:grid}.stack-list{flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.stack-list li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.2rem .55rem;font-size:.86rem}.project-cover,.project-details,.project-figures,.project-links,.related-articles{max-width:46rem;margin:0}.project-details{gap:2.5rem;display:grid}.project-details h2,.project-figures h2,.project-links h2,.related-articles h2{font-size:clamp(1.35rem,4vw,2rem);line-height:1.2}.outcome-list{gap:1rem;margin:1rem 0 0;display:grid}.outcome-list dt{font-weight:700}.outcome-list dd{margin-inline:0}.project-figures>div{gap:1.5rem;margin-top:1rem;display:grid}.project-links ul,.related-articles ul{gap:.5rem;margin-top:1rem;padding-left:1.25rem;display:grid}.article-page,.article-page :where(h1,h2,h3,h4,h5,h6,p,li,blockquote,table,figcaption,a,span,strong,em,cite,dt,dd){font-family:var(--font-sans), Arial, Tahoma, sans-serif!important}.article-page{overflow-wrap:anywhere}.preview-notice{border:1px solid var(--line);background:var(--surface);max-width:46rem;color:var(--muted);border-radius:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:650}.article-cover,.prose,.article-toc{max-width:46rem;margin:0}.article-toc{border-left:3px solid var(--accent);background:var(--surface);padding:1.25rem}.article-toc h2{font-size:1rem}.article-toc ol{gap:.45rem;margin-top:.75rem;display:grid}.article-toc li[data-heading-level="2"]{margin-inline-start:.9rem}.article-toc li[data-heading-level="3"]{margin-inline-start:1.8rem}.article-toc li[data-heading-level="4"]{margin-inline-start:2.7rem}.article-toc li[data-heading-level="5"]{margin-inline-start:3.6rem}.article-toc li[data-heading-level="6"]{margin-inline-start:4.5rem}.prose{font-size:1.1rem;line-height:1.8}.prose h2,.prose h3,.prose h4{margin-top:2.5em;scroll-margin-top:1.5rem}.prose ul,.prose ol{margin-top:1rem;padding-left:1.5rem}.prose blockquote,.article-callout{border-left:3px solid var(--accent);background:var(--surface);margin:1.5rem 0;padding:1rem 1.25rem}.article-callout--warning{border-color:#b45309}.article-embed{aspect-ratio:16/9;border:0;width:100%}.prose pre{background:var(--surface);border-radius:.5rem;padding:1rem;overflow-x:auto}.prose table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;min-width:8rem;padding:.6rem}.interactive-lab{border:1px solid var(--line);background:var(--surface);border-radius:.5rem;gap:1rem;margin:1.5rem 0;padding:1.5rem;display:grid}.interactive-lab label{gap:.4rem;font-size:.9rem;display:grid}.interactive-lab input{border:1px solid var(--line);background:var(--page);max-width:16rem;color:var(--ink);border-radius:.35rem;padding:.6rem}.interactive-lab output{font-weight:700}.publication-subscription{width:100%;max-width:46rem;color:var(--ink);grid-template-columns:minmax(12rem,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(1.5rem,5vw,3rem);display:grid}.publication-subscription--article{border-block:1px solid var(--line);padding-block:clamp(1.75rem,5vw,3rem)}.publication-subscription--compact{max-width:none;padding-block:2rem}.publication-subscription h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.4rem,3vw,2.15rem);line-height:1.1}.publication-subscription__intro p{color:var(--muted);overflow-wrap:anywhere;margin-top:.75rem}.publication-subscription form,.publication-subscription__field{gap:.65rem;min-width:0;display:grid}.publication-subscription__field label{font-size:.86rem;font-weight:700}.publication-subscription__controls{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.6rem;display:grid}.publication-subscription__controls input{border:1px solid var(--line);background:var(--page);min-width:0;min-height:2.9rem;color:var(--ink);border-radius:.35rem;padding-inline:.8rem;font-size:1rem}.publication-subscription__controls input[aria-invalid=true]{border-color:var(--danger)}.publication-subscription__terms,.publication-subscription__error{font-size:.84rem;line-height:1.55}.publication-subscription__terms{color:var(--muted)}.publication-subscription__terms a{color:var(--ink);text-underline-offset:.18em;font-weight:650}.publication-subscription__error{color:var(--danger);font-weight:650}.publication-subscription__honeypot{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.subscription-status,.subscription-correction{max-width:46rem}.subscription-status__message{border-block:1px solid var(--line);gap:1.5rem;padding-block:clamp(2rem,7vw,4rem);display:grid}.subscription-status h1{letter-spacing:-.04em;text-wrap:balance;max-width:14ch;font-size:clamp(2.4rem,8vw,4.75rem);line-height:1.02}.subscription-status__copy{max-width:40rem;color:var(--muted);gap:.8rem;font-size:1.08rem;display:grid}@media (max-width:52rem){.publication-subscription--compact{grid-template-columns:1fr}}@media (max-width:40rem){.resume-hero,.resume-section,.resume-grid,.resume-entry{grid-template-columns:1fr}.resume-hero{align-items:start}.resume-contact{grid-template-columns:repeat(2,minmax(0,1fr))}.article-card,.project-card{grid-template-columns:1fr}}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:auto;font-size:.9rem}.footer-content{display:grid}.footer-subscription{min-width:0}.footer-meta{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:4.25rem;display:flex}.footer-content:not(:has(.footer-subscription)) .footer-meta{border-top:0}@media (max-width:40rem){.header-content{flex-wrap:wrap;padding-block:.75rem}.navigation-list{order:3;width:100%}.publication-subscription,.publication-subscription__controls{grid-template-columns:1fr}.publication-subscription__controls .button{justify-self:start}.footer-meta{flex-wrap:wrap;padding-block:1rem}}@media (forced-colors:active){.publication-subscription__controls input[aria-invalid=true]{border-width:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}