@font-face{font-display:swap;font-family:Trirong;font-style:normal;font-weight:400;src:url(../fonts/trirong-latin-400-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Trirong;font-style:normal;font-weight:400;src:url(../fonts/trirong-thai-400-normal.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:Trirong;font-style:normal;font-weight:600;src:url(../fonts/trirong-latin-600-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Trirong;font-style:normal;font-weight:600;src:url(../fonts/trirong-thai-600-normal.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;src:url(../fonts/ibm-plex-sans-thai-latin-400-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;src:url(../fonts/ibm-plex-sans-thai-thai-400-normal.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;src:url(../fonts/ibm-plex-sans-thai-latin-600-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;src:url(../fonts/ibm-plex-sans-thai-thai-600-normal.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}:root{--bg:oklch(1 0 0);--surface:oklch(.978 .002 60);--ink:oklch(.22 .004 60);--ink-muted:oklch(.5 .008 60);--skin:oklch(.83 .038 62);--skin-deep:oklch(.76 .045 60);--navy:oklch(.44 .052 245);--accent:oklch(.44 .052 245);--accent-ink:oklch(.995 0 0);--ink-dark:oklch(.16 .003 60);--edge:oklch(.22 .004 60/.14);--demo-bg:oklch(.3 .006 60);--demo-ink:oklch(.96 .002 60);--font-display:"Trirong",Georgia,serif;--font-body:"IBM Plex Sans Thai",system-ui,sans-serif;--gap-1:.5rem;--gap-2:1rem;--gap-3:2rem;--gap-4:3.5rem;--gap-5:clamp(4rem,9vw,7rem);--page:1140px;--demo-h:2.375rem}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.75;margin:0;text-wrap:pretty;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em;line-height:1.25;margin:0;text-wrap:balance}dl,ol,p,ul{margin:0;padding:0}li{list-style:none}img{display:block;height:auto;max-width:100%}a{color:inherit}:focus-visible{outline:2px solid var(--navy);outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}