:root{--ink:#193b30;--ink-deep:#122e25;--accent:#a84228;--accent-dark:#88351f;--paper:#faf8f3;--surface:#f0efe8;--line:#d9ded5;--muted:#5d6b61;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:110px;font-family:Leelawadee UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}p{margin:0 0 1rem;line-height:1.85}h1,h2,h3{overflow-wrap:anywhere;margin:0;font-weight:500}h1,h2{letter-spacing:-.035em}h3{line-height:1.5}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}main:focus{outline:none}.container{width:min(1220px,100% - 96px);margin-inline:auto}.section{padding-block:96px}.eyebrow{color:var(--accent);letter-spacing:.12em;margin-bottom:20px;font-size:11px;font-weight:700;line-height:1.6;display:block}.eyebrow.light{color:#f0c3a8}.skip-link{z-index:99;background:#fff;padding:15px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:20px}.preview-note{background:var(--ink-deep);color:#e3e9df;letter-spacing:.025em;justify-content:center;align-items:center;gap:9px;padding:8px 20px;font-size:10px;display:flex}.preview-dot{background:#edb286;border-radius:50%;width:5px;height:5px}.site-header{z-index:20;border-bottom:1px solid var(--line);background:#faf8f3f5;position:sticky;top:0}.header-inner{align-items:center;gap:28px;width:min(1360px,100% - 64px);min-height:88px;margin:auto;display:flex}.brand{letter-spacing:.08em;flex-shrink:0;align-items:center;gap:9px;font:900 23px/1 Arial,sans-serif;display:inline-flex}.brand img{object-fit:contain;width:35px;height:35px}.brand-print{color:var(--accent);letter-spacing:.1em;margin-top:5px;font:700 10px/1 Arial,sans-serif;display:block}.main-nav{white-space:nowrap;justify-content:center;align-items:center;gap:27px;margin-left:auto;font-size:12px;display:flex}.main-nav a{padding:12px 0;position:relative}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--accent)}.main-nav a[aria-current=page]:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:3px;left:0;right:0}.header-actions{align-items:center;gap:22px;margin-left:20px;display:flex}.language-switch{white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.language-switch>span{color:#a2aba1}.language-switch a{color:var(--muted);padding:10px 0}.language-switch a[aria-current=true]{color:var(--accent);font-weight:700}.button{background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:3px;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:15px 23px;font-size:12px;font-weight:700;line-height:1.7;transition:background .18s;display:inline-flex}.button:hover{background:var(--accent-dark)}.header-cta{gap:15px;min-height:43px;padding:10px 17px;font-size:11px}.text-link{border-bottom:1px solid;align-items:center;gap:18px;min-height:44px;font-size:12px;font-weight:700;display:inline-flex}.text-link:hover{color:var(--accent)}.menu-toggle{border:1px solid var(--line);background:0 0;border-radius:3px;width:44px;height:44px;padding:12px;display:none}.menu-toggle>span{background:var(--ink);width:18px;height:1px;margin:5px 0;display:block}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3px)rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3px)rotate(-45deg)}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;padding-block:66px 76px;display:grid}.hero h1{margin-bottom:26px;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,4.15vw,63px);font-weight:400;line-height:1.1}.hero h1>span{color:var(--accent)}.hero-intro{color:var(--muted);max-width:515px;font-size:14px;line-height:1.95}.actions{flex-wrap:wrap;align-items:center;gap:24px;margin:28px 0;display:flex}.hero-note{color:var(--muted);align-items:flex-start;gap:9px;max-width:440px;margin-top:24px;font-size:10px;line-height:1.8;display:flex}.hero-note>span{background:var(--accent);border-radius:50%;flex:0 0 5px;height:5px;margin-top:6px}.hero-art{background:#e9e6dc;min-width:0;padding:12px 12px 0}.hero-art figure{aspect-ratio:1/1.02;background:#eae4d9;margin:0;position:relative;overflow:hidden}.hero-art img{object-fit:cover;width:100%;height:100%}.hero-art figcaption{color:#465747;background:#faf8f3ed;padding:9px 11px;font-size:9px;line-height:1.65;position:absolute;bottom:12px;left:12px;right:12px}.art-label{letter-spacing:.08em;justify-content:space-between;gap:16px;padding:13px 0;font:500 9px/1.5 Arial,sans-serif;display:flex}.service-band{border-block:1px solid var(--line)}.band-inner{letter-spacing:.09em;align-items:center;gap:28px;padding-block:20px;font-size:10px;display:flex}.band-line{background:var(--line);flex:1;height:1px}.band-inner>span:last-child{letter-spacing:.12em;font:700 10px Arial,sans-serif}.section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px;display:flex}.section-heading>div{max-width:680px}.section-heading h2,h2{font:400 clamp(28px,3.1vw,43px)/1.2 Georgia,Times New Roman,serif}.section-heading>p{max-width:320px;color:var(--muted);margin-bottom:3px;font-size:12px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;display:grid}.service-card{border-top:1px solid #aebcaf;padding-top:24px}.service-top{color:var(--accent);justify-content:space-between;align-items:start;margin-bottom:27px;display:flex}.service-top>span{letter-spacing:.07em;color:var(--muted);font-family:Arial,sans-serif;font-size:10px}.service-card h3{letter-spacing:-.025em;margin-bottom:14px;font-size:19px}.service-card p{color:var(--muted);margin-bottom:0;font-size:12px;line-height:1.9}.applications-section{background:var(--surface)}.application-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.application-card{background:var(--paper);border:1px solid #d8ddd2;min-height:295px;padding:28px 28px 54px;transition:border-color .2s,background .2s;display:block;position:relative}.application-card:hover{background:#fffdfa;border-color:#a9bba9}.app-icon{color:var(--accent);margin-bottom:24px}.application-tag{color:var(--muted);letter-spacing:.09em;margin-bottom:10px;font-size:8px;line-height:1.6;display:block}.application-card h3{letter-spacing:-.03em;margin-bottom:12px;font:400 24px/1.25 Georgia,Times New Roman,serif}.application-card p{color:var(--muted);max-width:280px;margin-bottom:5px;font-size:11px;line-height:1.9}.card-arrow{border:1px solid var(--line);border-radius:50%;padding:7px;transition:background .2s;display:inline-flex;position:absolute;bottom:20px;right:26px}.application-card:hover .card-arrow{background:#e8eee3}.application-card.other-card{background:var(--ink);color:var(--paper);border-color:var(--ink);flex-direction:column;justify-content:center;display:flex}.other-card .eyebrow{margin-bottom:22px;font-size:9px}.other-card h3{max-width:230px;font-size:29px}.other-card p{color:#d0dbcf}.other-card .card-arrow{border-color:#6d8774}.other-card:hover .card-arrow{background:#315441}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:0;padding:0;list-style:none;display:grid}.process-grid>li{border-top:1px solid var(--line);padding-top:22px}.step-number{color:#849885;margin-bottom:24px;font:400 27px/1 Georgia,serif;display:block}.process-grid h3{margin-bottom:12px;font-size:16px}.process-grid p{color:var(--muted);font-size:11px;line-height:1.9}.reorder-section{background:#e9e8dc}.reorder-inner{grid-template-columns:1.2fr 1fr;align-items:center;gap:90px;padding-block:72px;display:grid}.reorder-inner h2{max-width:550px;margin-bottom:20px}.reorder-inner p{color:var(--muted);max-width:550px;font-size:12px}.reorder-inner .text-link{margin-top:8px}.quantity-art{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:20px 0;display:flex}.quantity-art>span{background:var(--paper);width:125px;height:137px;color:var(--ink);border:1px solid #afbcaa;justify-content:center;align-items:center;font:400 68px/1 Georgia,serif;display:flex}.quantity-art>small{text-align:center;color:var(--muted);letter-spacing:.09em;flex-basis:100%;margin-top:9px;font-size:8px}.faq-section{grid-template-columns:1fr 1.25fr;gap:100px;display:grid}.faq-section>div:first-child{max-width:330px}.faq-list details{border-top:1px solid var(--line);padding:20px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;gap:20px;min-height:25px;font-size:13px;font-weight:500;line-height:1.7;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--accent);font:300 22px/1 Arial,sans-serif}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{color:var(--muted);margin:16px 25px 0 0;font-size:12px;line-height:1.9}.about-section{grid-template-columns:1fr 1.25fr;gap:100px;padding-block:0 80px;display:grid}.about-section>div:first-child{max-width:380px}.about-section p{color:var(--muted);font-size:13px}.about-section .small-note{border-top:1px solid var(--line);padding-top:10px;font-size:10px}.contact-section{background:var(--ink);color:var(--paper);padding-block:82px}.contact-grid{grid-template-columns:1.1fr 1fr;gap:100px;display:grid}.contact-grid .contact-title{max-width:560px;margin-bottom:22px}.contact-grid>div>p{color:#cbd8cb;max-width:460px;font-size:12px}.contact-checklist ul{margin:0;padding:0;list-style:none}.contact-checklist li{border-top:1px solid #52705a;align-items:center;gap:18px;padding:16px 0;font-size:12px;line-height:1.7;display:flex}.contact-checklist li:last-child{border-bottom:1px solid #52705a}.contact-checklist li>svg{margin-left:auto}.check-number{color:#b5c7b2;font:400 10px Arial,sans-serif}.contact-checklist .prototype-notice{color:#c1d0be;margin-top:18px;font-size:10px;line-height:1.8}.site-footer{background:var(--paper)}.footer-main{justify-content:space-between;gap:50px;padding-block:46px;display:flex}.footer-brand{align-items:end;gap:7px;font-size:24px}.footer-brand .brand-print{margin-bottom:2px;font-size:10px;display:inline}.footer-main p{color:var(--muted);margin:15px 0 0;font-size:10px}.footer-links{align-items:center;gap:28px;font-size:11px;display:flex}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:30px;padding-block:21px;font-size:9px;display:flex}.application-hero{padding-block:42px 55px}.breadcrumb{letter-spacing:.06em;margin-bottom:50px;font:700 10px/1.6 Arial,sans-serif;display:block}.breadcrumb>span{color:var(--muted);margin-left:7px;font-weight:400}.application-hero h1{max-width:870px;margin-bottom:25px;font:400 clamp(42px,5.1vw,72px)/1.1 Georgia,serif}.application-hero h1>span{color:var(--accent)}.application-hero .hero-intro{max-width:650px}.application-index{flex-wrap:wrap;gap:8px;margin-top:38px;display:flex}.application-index>a{border:1px solid var(--line);align-items:center;gap:12px;min-height:44px;padding:12px 15px;font-size:10px;line-height:1.6;display:inline-flex}.application-index>a:hover{background:var(--surface)}.application-index>a>span{color:var(--accent);font-family:Arial,sans-serif;font-size:9px}.application-details{padding-bottom:60px}.application-detail{border-top:1px solid var(--line);grid-template-columns:1fr 1.1fr;gap:110px;padding-block:55px;scroll-margin-top:110px;display:grid}.application-detail-heading{padding-left:65px;position:relative}.detail-number{color:#7b917c;font:400 20px Georgia,serif;position:absolute;top:7px;left:0}.application-detail-heading .app-icon{margin-bottom:16px}.application-detail-heading .eyebrow{margin-bottom:10px;font-size:9px}.application-detail h2{max-width:450px;font-size:35px}.application-detail-copy{padding-top:12px}.application-detail-copy>.application-lead{color:var(--ink);font-size:17px;line-height:1.8}.application-detail-copy h3{margin:24px 0 9px;font-size:12px;font-weight:700}.application-detail-copy p{color:var(--muted);font-size:12px;line-height:1.9}.application-detail-copy .text-link{margin-top:8px}.scope-section{background:var(--surface);padding-block:70px}.scope-inner{grid-template-columns:1.1fr 1fr;align-items:start;gap:120px;display:grid}.scope-inner h2{margin-bottom:20px}.scope-inner p{color:var(--muted);max-width:500px;font-size:12px}.scope-inner .button{margin-top:12px}.scope-inner aside{border-left:1px solid #bbc9b9;padding-left:35px}.scope-inner aside>svg{color:var(--accent);margin-bottom:20px}.scope-inner aside h3{margin-bottom:14px;font-size:20px}body[data-language=th] h1,body[data-language=th] h2,body[data-language=th] .application-card h3{letter-spacing:-.025em;font-family:Leelawadee UI,Tahoma,Arial,sans-serif;font-weight:500;line-height:1.5}body[data-language=th] .hero h1{font-size:clamp(32px,3.7vw,51px);line-height:1.45}body[data-language=th] .hero-intro{font-size:14px;line-height:2}body[data-language=th] h2{font-size:clamp(26px,2.7vw,37px)}body[data-language=th] .eyebrow{letter-spacing:.025em;font-size:11px}body[data-language=th] .application-card h3{font-size:21px}body[data-language=th] .application-tag{letter-spacing:0;font-size:10px}body[data-language=th] .application-card p,body[data-language=th] .service-card p{font-size:12px}body[data-language=th] .application-hero h1{font-size:clamp(34px,4.5vw,61px)}body[data-language=th] .application-detail h2{font-size:31px}@media (width>=1440px){.hero{padding-block:80px}.hero h1{font-size:66px}body[data-language=th] .hero h1{font-size:54px}}@media (width<=1120px){.header-inner{gap:22px}.main-nav{gap:19px}.header-actions{gap:16px;margin-left:0}.header-cta{display:none}.hero{gap:38px}.container{width:calc(100% - 72px)}.faq-section,.about-section,.contact-grid,.scope-inner{gap:60px}.application-detail{gap:65px}.hero h1{font-size:48px}.reorder-inner{gap:55px}}@media (width<=820px){.container{width:calc(100% - 48px)}.header-inner{flex-wrap:wrap;gap:0;width:calc(100% - 40px);min-height:74px}.brand{font-size:21px}.brand img{width:32px;height:32px}.header-actions{gap:22px;margin-left:auto}.header-cta{display:none}.menu-toggle{display:block}.main-nav{white-space:normal;flex-basis:100%;order:3;gap:0;margin:0;padding:6px 0 22px;display:none}.main-nav.is-open{grid-template-columns:1fr 1fr;gap:6px 20px;display:grid}.main-nav>a{border-bottom:1px solid var(--line);padding:13px 0;font-size:13px;line-height:1.6}.main-nav a[aria-current=page]:after{display:none}.hero{gap:28px;padding-block:44px 48px}.hero h1{font-size:41px}.hero-intro{font-size:12px}.actions{gap:15px}.button{gap:18px;padding:13px 17px;font-size:11px}.text-link{gap:12px;font-size:11px}.section{padding-block:65px}.section-heading{gap:30px;margin-bottom:30px}.section-heading>p{max-width:250px}.service-grid{gap:25px}.application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.application-card{min-height:290px}.process-grid{grid-template-columns:1fr 1fr;gap:30px}.reorder-inner{gap:30px}.quantity-art>span{width:95px;height:110px;font-size:55px}.faq-section,.about-section,.contact-grid{gap:40px}.application-index{gap:7px}.application-index>a{font-size:10px}.application-detail{grid-template-columns:1fr 1fr;gap:40px}.application-detail-heading{padding-left:40px}.application-detail h2{font-size:29px}.scope-inner{gap:40px}.footer-links{gap:20px}body[data-language=th] .hero h1{font-size:34px}body[data-language=th] .hero-intro{font-size:12px}}@media (width<=600px){.container{width:calc(100% - 40px)}.preview-note{padding-block:7px;font-size:9px}.header-inner{min-height:70px}.hero{grid-template-columns:1fr;gap:30px;padding-top:34px}.hero .eyebrow{margin-bottom:17px;font-size:10px}.hero h1{max-width:480px;margin-bottom:22px;font-size:45px;line-height:1.08}.hero-intro{font-size:13px;line-height:1.95}.actions{gap:21px;margin:25px 0 19px}.hero-note{max-width:340px;margin:0;font-size:9px}.hero-art{padding:9px 9px 0}.hero-art figure{aspect-ratio:1.25}.hero-art figcaption{padding:8px 9px;font-size:8px;bottom:8px;left:8px;right:8px}.art-label{padding-block:11px;font-size:8px}.band-inner{letter-spacing:.04em;gap:16px;padding-block:17px;font-size:8px}.band-inner>span:last-child{font-size:8px}.section{padding-block:54px}.section-heading{display:block}.section-heading h2,h2{font-size:32px;line-height:1.22}.eyebrow{margin-bottom:15px;font-size:9px}.section-heading>p{max-width:370px;margin-top:17px;font-size:12px}.service-grid{grid-template-columns:1fr;gap:28px}.service-card{padding-top:18px}.service-top{margin-bottom:17px}.service-card h3{margin-bottom:10px;font-size:20px}.service-card p{font-size:12px}.application-grid{grid-template-columns:1fr 1fr;gap:10px}.application-card{min-height:310px;padding:20px 17px 54px}.app-icon{margin-bottom:23px}.application-tag{letter-spacing:.05em;min-height:24px;margin-bottom:8px;font-size:7px}.application-card h3{min-height:56px;font-size:23px;line-height:1.25}.application-card p{font-size:10px;line-height:1.85}.card-arrow{padding:6px;bottom:16px;right:16px}.other-card .eyebrow{font-size:7px}.other-card h3{font-size:26px}.process-grid{gap:24px}.process-grid h3{font-size:15px}.process-grid p{font-size:11px}.step-number{margin-bottom:19px;font-size:25px}.reorder-inner{grid-template-columns:1fr;gap:22px;padding-block:49px}.reorder-inner h2{font-size:32px}.quantity-art{padding:5px 0}.quantity-art>span{width:105px;height:110px}.quantity-art>small{font-size:8px}.faq-section,.about-section{grid-template-columns:1fr;gap:25px}.faq-section>div:first-child{max-width:none}.faq-list details{padding-block:19px}.faq-list summary{font-size:13px}.about-section{padding-block:0 54px}.about-section>div:first-child{max-width:none}.contact-section{padding-block:52px}.contact-grid{grid-template-columns:1fr;gap:25px}.contact-grid .contact-title{font-size:34px}.contact-checklist li{padding-block:14px;font-size:12px}.contact-checklist .prototype-notice{font-size:9px}.footer-main{padding-block:35px;display:block}.footer-links{flex-wrap:wrap;gap:22px;margin-top:27px}.footer-bottom{gap:18px;font-size:8px;line-height:1.8}.application-hero{padding-block:27px 36px}.breadcrumb{margin-bottom:35px;font-size:9px}.application-hero h1{margin-bottom:22px;font-size:43px}.application-hero .hero-intro{font-size:13px}.application-index{gap:7px;margin-top:25px}.application-index>a{justify-content:start;gap:13px;width:100%;padding:12px}.application-index>a svg{margin-left:auto}.application-detail{grid-template-columns:1fr;gap:24px;padding-block:38px}.application-detail-heading{padding-left:42px}.application-detail-heading .app-icon{margin-bottom:12px}.application-detail h2{font-size:32px}.application-detail-copy{padding-top:0}.application-detail-copy>.application-lead{font-size:16px}.application-details{padding-bottom:25px}.scope-section{padding-block:48px}.scope-inner{grid-template-columns:1fr;gap:35px}.scope-inner aside{padding-left:24px}.scope-inner aside h3{font-size:19px}body[data-language=th] .hero h1{font-size:36px;line-height:1.45}body[data-language=th] .hero-intro{font-size:13px}body[data-language=th] h2{font-size:29px;line-height:1.5}body[data-language=th] .application-card h3{min-height:54px;font-size:18px}body[data-language=th] .application-tag{min-height:25px;font-size:8px}body[data-language=th] .application-card p{font-size:10px}body[data-language=th] .application-card{min-height:340px}body[data-language=th] .application-hero h1{font-size:36px;line-height:1.45}body[data-language=th] .application-detail h2{font-size:28px}}@media (width<=360px){.header-actions{gap:12px}.brand{font-size:19px}.brand img{width:28px;height:28px}.hero h1{font-size:39px}body[data-language=th] .hero h1{font-size:31px}.application-grid{grid-template-columns:1fr}.application-card,body[data-language=th] .application-card{min-height:240px}.application-card h3,body[data-language=th] .application-card h3,.application-tag,body[data-language=th] .application-tag{min-height:0}.footer-bottom{flex-direction:column;gap:5px}}.main-nav{font-size:13px}.hero-intro{font-size:16px}.service-card p,.application-card p,.process-grid p,.faq-list p,.scope-inner p,.application-detail-copy p,.contact-grid>div>p,.contact-checklist li,.about-section p{font-size:14px}.application-card{min-height:325px}.process-grid h3{font-size:17px}.faq-list summary{font-size:15px}.section-heading>p{font-size:14px}.application-detail-copy>.application-lead{font-size:18px}body[data-language=th] .hero-intro{font-size:16px}body[data-language=th] .service-card p,body[data-language=th] .application-card p{font-size:14px}body[data-language=th] .application-card{min-height:355px}@media (width<=820px){.hero-intro,body[data-language=th] .hero-intro{font-size:14px}.service-card p,.application-card p,.process-grid p,body[data-language=th] .service-card p,body[data-language=th] .application-card p{font-size:13px}}@media (width<=600px){.hero-intro,body[data-language=th] .hero-intro{font-size:15px}.application-grid{grid-template-columns:1fr}.application-card,body[data-language=th] .application-card{min-height:245px;padding:25px 25px 60px}.application-card h3,body[data-language=th] .application-card h3{min-height:0;font-size:25px}.application-tag,body[data-language=th] .application-tag{min-height:0;font-size:10px}.application-card p,body[data-language=th] .application-card p,.service-card p,body[data-language=th] .service-card p{max-width:none;font-size:14px}.other-card h3{max-width:none}.application-card .eyebrow{font-size:10px}.application-lead{font-size:17px}.process-grid p{font-size:13px}.process-grid h3{font-size:16px}.section-heading>p,.contact-grid>div>p,.contact-checklist li{font-size:14px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
