@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/sarabun-thai-400-normal.C2DaJlKK.woff2)format("woff2"),url(/_astro/sarabun-thai-400-normal.CH-UbWgg.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/sarabun-vietnamese-400-normal.igdrzAGY.woff2)format("woff2"),url(/_astro/sarabun-vietnamese-400-normal.DPfkSCMy.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/sarabun-latin-ext-400-normal.BbP7GpLL.woff2)format("woff2"),url(/_astro/sarabun-latin-ext-400-normal.BsmTn0SS.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/sarabun-latin-400-normal.URPBxl-K.woff2)format("woff2"),url(/_astro/sarabun-latin-400-normal.DmguIS-7.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/sarabun-thai-500-normal.BVssjame.woff2)format("woff2"),url(/_astro/sarabun-thai-500-normal.C3iDLEzi.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/sarabun-vietnamese-500-normal.Dpe7Br9m.woff2)format("woff2"),url(/_astro/sarabun-vietnamese-500-normal.CpRVvGRU.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/sarabun-latin-ext-500-normal.DE1LysqI.woff2)format("woff2"),url(/_astro/sarabun-latin-ext-500-normal.Cot16Bd2.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/sarabun-latin-500-normal.BjUTcdxu.woff2)format("woff2"),url(/_astro/sarabun-latin-500-normal.CJexTAnl.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/sarabun-thai-600-normal.3dIAQ-_s.woff2)format("woff2"),url(/_astro/sarabun-thai-600-normal.DWKeTe6a.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/sarabun-vietnamese-600-normal.DkxrOlLB.woff2)format("woff2"),url(/_astro/sarabun-vietnamese-600-normal.BMbOgAW-.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/sarabun-latin-ext-600-normal.BRxjKUQ6.woff2)format("woff2"),url(/_astro/sarabun-latin-ext-600-normal.0tXu9x_i.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/sarabun-latin-600-normal.DMD3TROr.woff2)format("woff2"),url(/_astro/sarabun-latin-600-normal.9FonlkKx.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/sarabun-thai-700-normal.CbuDipM3.woff2)format("woff2"),url(/_astro/sarabun-thai-700-normal.CP2-p8e-.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/sarabun-vietnamese-700-normal.DrMy3BMX.woff2)format("woff2"),url(/_astro/sarabun-vietnamese-700-normal.lN6N8XBT.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/sarabun-latin-ext-700-normal.CnQtP196.woff2)format("woff2"),url(/_astro/sarabun-latin-ext-700-normal.ykw7DJpk.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/sarabun-latin-700-normal.DQKyWxHq.woff2)format("woff2"),url(/_astro/sarabun-latin-700-normal.DUuqj4Ju.woff)format("woff");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:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/fraunces-vietnamese-600-normal.BjlAJixd.woff2)format("woff2"),url(/_astro/fraunces-vietnamese-600-normal.DlAl5EAR.woff)format("woff");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:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/fraunces-latin-ext-600-normal.BtzmzP0X.woff2)format("woff2"),url(/_astro/fraunces-latin-ext-600-normal.B0Dy4lqi.woff)format("woff");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:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/fraunces-latin-600-normal.BFCDtZfi.woff2)format("woff2"),url(/_astro/fraunces-latin-600-normal.DL5QCzvS.woff)format("woff");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:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/fraunces-vietnamese-700-normal.DH94m5DZ.woff2)format("woff2"),url(/_astro/fraunces-vietnamese-700-normal.DxawQjq2.woff)format("woff");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:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/fraunces-latin-ext-700-normal.CanUGppC.woff2)format("woff2"),url(/_astro/fraunces-latin-ext-700-normal.DuBstVeD.woff)format("woff");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:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/fraunces-latin-700-normal.CEOla-zY.woff2)format("woff2"),url(/_astro/fraunces-latin-700-normal.DTjk5d1Q.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/dm-sans-latin-ext-400-normal.BtiwyxMk.woff2)format("woff2"),url(/_astro/dm-sans-latin-ext-400-normal.BjWJ59Pq.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/dm-sans-latin-400-normal.CW0RaeGs.woff2)format("woff2"),url(/_astro/dm-sans-latin-400-normal.BwCSEQnW.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/dm-sans-latin-ext-500-normal.BJfUCQsA.woff2)format("woff2"),url(/_astro/dm-sans-latin-ext-500-normal.DR84L5F-.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/dm-sans-latin-500-normal.B9HHJjqV.woff2)format("woff2"),url(/_astro/dm-sans-latin-500-normal.Dr3UlScf.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/dm-sans-latin-ext-700-normal.CJIcxD6K.woff2)format("woff2"),url(/_astro/dm-sans-latin-ext-700-normal.BLI3TTWz.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/dm-sans-latin-700-normal.DvUfVpUG.woff2)format("woff2"),url(/_astro/dm-sans-latin-700-normal.CUSSCpQX.woff)format("woff");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}:root{--bg-gradient:linear-gradient(180deg, #dff7ff 0%, #eaf6ff 40%, #def 100%);--paper:#f0f7fc;--paper-card:#fff;--ink:#0f172a;--ink-light:#475569;--muted:#64748b;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-subtle:#eff6ff;--accent-light:#3b82f6;--accent-ink:#1d4ed8;--navy-deep:#0a0f1d;--wash:#f1f5f9;--wash-blue:#e0f2fe;--line:#d1e3f0;--line-strong:#94a3b8;--focus-ring:#2563eb;--font-thai:"Sarabun", -apple-system, BlinkMacSystemFont, sans-serif;--font-latin-display:"Fraunces", Georgia, serif;--font-latin-sans:"DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:#eaf6ff;background:var(--bg-gradient);color:var(--ink);font-size:16px;font-family:var(--font-thai);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7}:lang(th),:lang(th) h1,:lang(th) h2,:lang(th) h3,:lang(th) h4,:lang(th) h5,:lang(th) h6{font-family:var(--font-thai);letter-spacing:normal;font-style:normal}:lang(en){font-family:var(--font-latin-sans)}:lang(en) h1,:lang(en) h2,:lang(en) .display-title{font-family:var(--font-latin-display)}body{background:var(--bg-gradient);background-image:radial-gradient(at 15% 15%,#2563eb14 0,#0000 50%),radial-gradient(at 85% 25%,#3b82f60f 0,#0000 45%),radial-gradient(at 50% 85%,#0ea5e90d 0,#0000 50%),linear-gradient(90deg,#94a3b814 1px,#0000 1px),linear-gradient(#94a3b814 1px,#0000 1px);background-size:100% 100%,100% 100%,100% 100%,48px 48px,48px 48px;background-attachment:fixed;flex-direction:column;min-height:100vh;font-size:1.0625rem;display:flex;overflow-x:hidden}a{color:var(--accent-ink);text-underline-offset:3px;text-decoration:underline 1px;transition:color .15s}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}button,.btn,.nav-link,.lang-link,.gallery-nav-btn,.gallery-action-btn,.dialog-close-btn,.presentation-btn{border:1px solid var(--line);background:var(--paper-card);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0 16px;font-family:inherit;font-size:.9375rem;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}button:hover:not(:disabled),.btn:hover,.nav-link:hover,.lang-link:hover{background:var(--wash-blue);border-color:var(--line-strong);color:var(--accent-ink)}button:disabled,.gallery-nav-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--line)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px #2563eb33}.btn-primary:hover:not(:disabled){background:var(--accent-hover);color:#fff;border-color:var(--accent-hover);box-shadow:0 4px 12px #1d4ed84d}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media (width<=640px){.container{padding:0 16px}}.section{border-bottom:1px solid var(--line);padding:56px 0}.section-title{color:var(--ink);align-items:center;gap:12px;margin-bottom:24px;font-size:1.5rem;font-weight:700;display:flex}.section-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-ink);background:var(--wash-blue);border:1px solid var(--line);border-radius:4px;padding:4px 10px;font-size:.8125rem;font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.projects-list .project-card{background:var(--paper-card);border:1px solid var(--line);border-radius:12px;padding:32px;box-shadow:0 4px 24px #0f172a0a}@media (width<=640px){.projects-list .project-card{border-radius:8px;padding:20px}}.projects-list .project-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:16px;display:flex}.projects-list .project-meta{max-width:680px}.projects-list .project-num{color:var(--accent-ink);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.8125rem;font-weight:700;display:block}.projects-list .project-name{color:var(--ink);margin-bottom:6px;font-size:1.625rem;font-weight:700;line-height:1.3}.projects-list .project-tagline{color:var(--ink-light);margin:0;font-size:1rem;line-height:1.6}.projects-list .project-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.projects-list .stack-group{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:16px;display:flex}.projects-list .stack-pill{color:var(--ink);background:var(--wash);border:1px solid var(--line);border-radius:4px;padding:3px 10px;font-size:.8125rem;font-weight:600}.projects-list .period-pill{color:var(--muted);margin-left:auto;font-size:.8125rem}@media (width<=640px){.projects-list .period-pill{width:100%;margin-left:0}}.projects-list .project-main-layout{grid-template-columns:58% 1fr;align-items:center;gap:28px;display:grid}@media (width<=900px){.projects-list .project-main-layout{grid-template-columns:1fr;align-items:stretch;gap:20px}}.projects-list .project-details-col{flex-direction:column;justify-content:center;gap:18px;display:flex}.projects-list .info-block h4{text-transform:uppercase;letter-spacing:.05em;color:var(--ink);margin-bottom:6px;font-size:.875rem;font-weight:700}.projects-list .info-block p{color:var(--ink-light);margin:0;font-size:.9375rem;line-height:1.6}