@font-face{font-family:Tannakone;src:url(/fonts/Tannakone-ThinCondensed.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Tannakone;src:url(/fonts/Tannakone-LightCondensed.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Tannakone;src:url(/fonts/Tannakone-RegularCondensed.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tannakone;src:url(/fonts/Tannakone-MediumCondensed.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Anakotmai;src:url(/fonts/Anakotmai-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Anakotmai;src:url(/fonts/Anakotmai-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Anakotmai;src:url(/fonts/Anakotmai-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pracharath;src:url(/fonts/Pracharath-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pracharath;src:url(/fonts/Pracharath-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--red: #E30613;--red-700: #B8050F;--red-300: #F04A54;--red-100: #FCE4E6;--white: #FFFFFF;--paper: #FAFAFB;--mist: #F2F3F5;--silver-100: #E5E7EB;--silver-200: #CBD0D6;--silver-300: #9AA1AA;--silver-400: #6B7280;--graphite: #2A2F36;--ink: #14171C;--black: #0A0B0D;--bg: var(--paper);--bg-el: var(--white);--bg-dark: var(--ink);--fg1: var(--ink);--fg2: var(--graphite);--fg3: var(--silver-400);--fg4: var(--silver-300);--fg-inv: var(--white);--border: var(--silver-100);--border-md: var(--silver-200);--shadow-1: 0 1px 3px rgba(20,23,28,.06), 0 1px 2px rgba(20,23,28,.04);--shadow-2: 0 4px 12px rgba(20,23,28,.08), 0 2px 4px rgba(20,23,28,.05);--shadow-3: 0 12px 32px rgba(20,23,28,.14), 0 4px 8px rgba(20,23,28,.06);--shadow-red: 0 8px 24px rgba(227,6,19,.3);--f-display: "Tannakone", "Helvetica Neue", Arial, sans-serif;--f-body: "Anakotmai", -apple-system, "Helvetica Neue", Arial, sans-serif;--f-util: "Pracharath", "Helvetica Neue", Arial, sans-serif;--ease: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--dur-fast: .12s;--dur-med: .24s;--dur-slow: .4s;--max-w: 1240px;--gutter: clamp(16px, 4vw, 40px);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--s9: 96px;--s10: 128px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-xl: 20px;--r-pill: 999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--f-body);color:var(--fg1);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg{display:block;max-width:100%}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit;border:none;background:none}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter)}.gsap-init{opacity:0;transform:translateY(32px)}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--red);border-radius:3px}@media (max-width: 860px){a,button{min-height:44px;display:inline-flex;align-items:center}a.block-link{display:flex}}.grid-auto-1{display:grid;grid-template-columns:1fr;gap:16px}.grid-auto-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 640px){.grid-auto-2{grid-template-columns:1fr}}@media (max-width: 640px){.section-pad{padding-top:56px!important;padding-bottom:56px!important}}@media (max-width: 640px){.hero-content{padding-top:96px!important;padding-bottom:56px!important}.hero-ctas{flex-direction:column!important;flex-wrap:nowrap!important}.hero-ctas a,.hero-ctas button{width:100%!important;justify-content:center!important;box-sizing:border-box!important;margin-bottom:12px!important}.hero-ctas a:last-child,.hero-ctas button:last-child{margin-bottom:0!important}.hero-stats{grid-template-columns:repeat(2,1fr)!important;gap:16px!important;max-width:100%!important}.hero-wm{display:none!important}.hero-badge span:last-child{font-size:10px!important}}@media (max-width: 640px){.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:32px 20px!important}}@media (max-width: 500px){.products-grid{grid-template-columns:1fr!important}}@media (max-width: 500px){.services-grid{grid-template-columns:1fr!important}}@media (max-width: 640px){.about-grid{grid-template-columns:1fr!important}.about-visual{max-width:320px!important;margin:0 auto!important}}@media (max-width: 500px){.portfolio-grid{grid-template-columns:1fr!important}}@media (max-width: 640px){.contact-grid,.contact-name-row{grid-template-columns:1fr!important}}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:clamp(20px,4vw,48px)}@media (max-width: 900px){.footer-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 600px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 380px){.footer-grid{grid-template-columns:1fr}}@media (max-width: 860px){.nav-desktop{display:none!important}.nav-mobile-toggle{display:flex!important}.nav-logo-text{display:none}}@media (min-width: 861px){.nav-mobile-menu{display:none!important}}@media (max-width: 640px){h1,h2,h3{word-break:keep-all;overflow-wrap:break-word}.no-break-mobile{white-space:normal!important}}