@font-face{font-family:Kanit;src:url(assets/kanit.woff) format('woff');font-style:normal;font-weight:700;font-display:swap}
:root{--acid:#d7fc45;--ink:#15231f;--paper:#f0f1e9;--muted:#68736b;--line:#cbd1c6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 Tahoma,Arial,sans-serif}h1,h2,h3,h4,.display,.btn,nav,.brand,.number,summary,.filter{font-family:Kanit,Tahoma,sans-serif;font-weight:700}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #629520;outline-offset:5px}button{color:inherit}.wrap{max-width:1360px;margin:auto;padding:0 50px}header{position:sticky;top:0;z-index:10;background:#f0f1e9f7;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px}.mark{width:45px;height:45px;background:var(--ink);color:var(--acid);display:grid;place-items:center;font:700 20px Kanit;clip-path:polygon(0 0,100% 0,100% 74%,74% 100%,0 100%)}.brand strong{font-family:Kanit;font-size:23px;line-height:1;letter-spacing:.4px;display:block}.brand small{font-size:8px;letter-spacing:2px;display:block;margin-top:5px}nav{display:flex;gap:25px;font-size:14px}nav a:hover{color:#60751b}.btn{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:13px 23px;background:var(--ink);color:white;border:1px solid var(--ink);font-size:15px;transition:.2s}.btn:hover{background:#35483b;transform:translateY(-2px)}.btn.acid{background:var(--acid);color:var(--ink);border-color:var(--acid)}.btn.outline{background:transparent;color:var(--ink)}.menu{display:none;border:1px solid var(--line);background:transparent;padding:5px 13px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;text-transform:uppercase;display:flex;gap:10px;align-items:center}.eyebrow:before{content:'';width:7px;height:7px;background:#88ab25}.hero{padding-top:45px}.hero-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.hero-title{margin:24px 0 28px;font-size:clamp(65px,9.6vw,136px);line-height:.89;letter-spacing:-5px;text-transform:uppercase}.hero-title .second{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.hero-title em{font-style:normal;color:#77846a}.hero-title .symbol{font-family:Arial;font-size:.8em;background:var(--acid);padding:0 25px;clip-path:polygon(0 0,100% 0,100% 65%,80% 100%,0 100%)}.hero-caption{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:32px}.hero-caption h1{font-size:27px;margin:0;line-height:1.5}.hero-caption p{color:var(--muted);font-size:14px;margin:5px 0}.hero-photo{position:relative;height:440px;background:var(--ink);overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 47%;filter:brightness(.72) saturate(.65)}.photo-over{position:absolute;bottom:32px;left:35px;color:white}.photo-over small{font-size:10px;letter-spacing:2px}.photo-over h2{font-size:34px;margin:8px 0 0;line-height:1.3}.photo-tag{position:absolute;top:25px;right:25px;background:var(--acid);padding:9px 16px;font-size:10px;font-weight:bold;letter-spacing:1px}.index-no{position:absolute;right:30px;bottom:25px;font:700 75px/1 Kanit;color:#ffffff85}.ticker{background:var(--acid);padding:17px 0;display:flex;justify-content:space-around;gap:15px;overflow:hidden;white-space:nowrap;font:700 17px Kanit;letter-spacing:1px}.ticker i{font-style:normal;opacity:.4}section{padding:90px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}h2{font-size:42px;line-height:1.3;margin:13px 0 0;letter-spacing:-1px}.section-head p{color:var(--muted);max-width:380px;font-size:14px}.services{display:grid;grid-template-columns:1fr 1fr;gap:25px}.service{background:#e1e5d9;position:relative}.service.cnc{background:#182a23;color:white}.service-top{padding:30px 32px;display:flex;justify-content:space-between;align-items:start}.number{font-size:61px;line-height:1;color:#758365}.cnc .number{color:var(--acid)}.service-tag{font-size:10px;letter-spacing:1.5px;font-weight:bold}.service h3{font-size:32px;margin:12px 0 6px;line-height:1.3}.service-body{padding:0 32px 32px}.service p{font-size:14px;color:#5a6655;min-height:75px}.cnc p{color:#b9c8b9}.service-photo{height:290px;margin:0 20px;overflow:hidden}.service-photo img{width:100%;height:100%;object-fit:cover;transition:.5s}.service:hover img{transform:scale(1.04)}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0}.chips span{font-size:11px;border:1px solid #b7c0ac;padding:5px 10px}.cnc .chips span{border-color:#556856}.service .btn{width:100%;justify-content:space-between}.cnc .btn{background:var(--acid);color:var(--ink);border-color:var(--acid)}.work{background:#fff}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.filter{background:none;border:1px solid var(--line);padding:9px 23px;font-size:14px}.filter.active{background:var(--ink);color:var(--acid);border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 23px}.card{min-width:0}.photo{display:block;border:0;width:100%;padding:0;background:#e6e9e1;cursor:zoom-in;height:300px;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;transition:.4s}.photo:hover img{transform:scale(1.05)}.card-top{display:flex;justify-content:space-between;gap:10px;margin-top:17px;font-size:9px;letter-spacing:1px;color:var(--muted)}.card h3{font-size:21px;margin:8px 0}.card p{font-size:13px;color:var(--muted);margin-top:0}.textlink{font-family:Kanit;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:4px;display:inline-block}.hidden{display:none!important}.note{font-size:12px;color:var(--muted)}.about{background:var(--ink);color:var(--paper)}.about-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.about .eyebrow{color:var(--acid)}.about h2{font-size:48px}.about p{color:#b3bfb0;font-size:15px;margin:25px 0}.about-visual{position:relative;padding-bottom:40px}.about-visual>img{width:100%;height:400px;object-fit:cover}.vertical{position:absolute;right:-18px;top:30px;writing-mode:vertical-rl;background:var(--acid);color:var(--ink);font:700 13px Kanit;letter-spacing:2px;padding:18px 10px}.about-label{position:absolute;bottom:0;left:25px;right:25px;background:#344738;padding:19px 25px;display:flex;justify-content:space-between;align-items:center;font:700 17px Kanit}.about-label span:last-child{font-size:36px;color:var(--acid)}.about-points{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #4a594b;padding:20px 0;font-size:13px;gap:15px;color:#c2cbbd}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step{border-top:2px solid var(--ink);padding-top:20px}.step .number{font-size:42px;color:#849567}.step h3{font-size:20px}.step p{font-size:13px;color:var(--muted)}.news{background:#e3e7dc}.news-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.news-item{background:var(--paper);padding:25px;border-top:4px solid var(--ink)}.news-item small{font-size:10px;color:var(--muted);letter-spacing:1px}.news-item h3{font-size:22px;line-height:1.4}.news-item p{font-size:13px;color:var(--muted)}.career{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:40px;padding-top:30px;border-top:1px solid #bac3b2}.career h3{font-size:25px;margin:7px 0}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:17px}details p{font-size:14px;color:var(--muted)}.contact-band{background:var(--acid);padding:40px 0}.contact-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-band h2{font-size:49px;margin:0}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px}.contact h2{font-size:37px}.contact-details{margin-top:30px}.contact-details strong{font-family:Kanit;font-size:18px}.contact-details address{font-style:normal;color:var(--muted);font-size:14px;margin:12px 0}.contact-details>a{display:block;margin:12px 0;font-size:15px}.line{border-left:4px solid #86a83a;background:#e2e7d8;padding:17px 20px;margin-top:25px;font-size:13px}form{background:white;padding:32px;border-top:5px solid var(--ink)}form h3{font-size:24px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{font-size:12px;display:block;font-weight:bold}input,select,textarea{width:100%;margin-top:7px;padding:12px;background:#f5f6f1;border:1px solid var(--line);font-size:14px;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #6f912c}.full{grid-column:1/-1}textarea{min-height:120px;resize:vertical}.consent{display:flex;align-items:start;gap:8px;font-weight:normal;margin:17px 0}.consent input{width:auto;accent-color:#607f25}.foot{background:#12231c;color:#d0d8c8;padding:40px 0}.foot .wrap{display:flex;justify-content:space-between;gap:30px;font-size:12px}.foot .display{font-size:34px;color:var(--acid)}.demo{text-align:center;padding:10px 20px;background:#0c1a14;color:#a6b39b;font-size:10px}.float{position:fixed;bottom:18px;right:20px;z-index:9;box-shadow:0 5px 25px #0003}.modal{border:0;background:var(--paper);padding:20px;max-width:850px;width:92%}.modal::backdrop{background:#06140dd9}.modal img{width:100%;height:70vh;object-fit:contain}.modal p{font-size:13px}
@media(min-width:1500px){.hero-title{font-size:138px}}@media(max-width:1000px){.wrap{padding:0 28px}nav{gap:15px;font-size:12px}.nav>.btn{display:none}.hero-title{letter-spacing:-3px}.hero-caption h1{font-size:23px}.about-inner{gap:40px}.contact{gap:35px}.service h3{font-size:28px}.service-photo{height:240px}.photo{height:240px}.faq{gap:35px}.hero-title .symbol{padding:0 15px}}
@media(max-width:680px){.wrap{padding:0 21px}.nav{min-height:77px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.brand strong{font-size:21px}.menu{display:block}nav{display:none;flex-direction:column;width:100%;font-size:16px;padding:12px 0}nav.open{display:flex}.hero{padding-top:25px}.hero-top{font-size:8px;letter-spacing:1px}.hero-top span:last-child{display:none}.hero-title{font-size:clamp(45px,11.2vw,75px);letter-spacing:-2px;line-height:.95;margin-top:25px}.hero-title .symbol{font-size:.7em;padding:0 8px}.hero-caption{display:block}.hero-caption h1{font-size:25px;margin:22px 0 8px}.hero-caption .btn{margin-top:13px}.hero-photo{height:350px}.photo-over{left:22px;bottom:25px}.photo-over h2{font-size:27px}.index-no{font-size:48px;bottom:24px;right:15px;opacity:.5}.photo-tag{top:16px;right:16px;font-size:8px}.ticker{justify-content:flex-start;padding:15px 21px;font-size:13px;gap:20px}section{padding:57px 0}.section-head{display:block}.section-head p{margin-top:18px}h2{font-size:33px}.services,.grid,.about-inner,.news-grid,.faq,.contact{grid-template-columns:1fr}.service-top{padding:25px}.service-body{padding:0 25px 25px}.service h3{font-size:28px}.service p{min-height:0}.service-photo{height:260px}.grid{gap:32px}.photo{height:320px}.about-inner{gap:40px}.about h2{font-size:39px}.about-visual>img{height:340px}.steps{grid-template-columns:1fr 1fr;gap:22px}.step h3{font-size:18px}.career{display:block}.career .btn{margin-top:15px}.faq{gap:15px}.contact-band .wrap{display:block}.contact-band h2{font-size:36px}.contact-band .btn{margin-top:20px}.contact{gap:35px}.contact h2{font-size:33px}.fields{grid-template-columns:1fr}.full{grid-column:auto}form{padding:24px}.foot .wrap{display:block}.foot .wrap>div:last-child{margin-top:20px}.float{font-size:13px;padding:10px 16px}.hero-title .second{margin-top:7px}.about-label{left:15px;right:15px;font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.lang-switch{display:flex;align-items:center;gap:5px;flex-shrink:0}.lang-switch button{border:0;background:transparent;font:700 13px Kanit;padding:7px 8px;color:#77846a}.lang-switch button[aria-pressed=true]{background:var(--ink);color:var(--acid)}.lang-switch span{color:#9ca594;font-size:12px}.nav{gap:18px}html[lang=en] h2{font-size:38px}html[lang=en] .service h3{font-size:30px}html[lang=en] .service p{min-height:100px}html[lang=en] .about h2{font-size:43px}html[lang=en] .photo-over h2{font-size:32px}html[lang=en] .hero-caption h1{font-size:26px}@media(max-width:1100px){nav{gap:12px}.nav>.btn{display:none}}@media(max-width:680px){.nav{justify-content:flex-start;gap:12px}.brand{margin-right:auto}.lang-switch{order:1}.menu{order:2}nav{order:3}html[lang=en] h2{font-size:31px}html[lang=en] .about h2{font-size:35px}html[lang=en] .photo-over h2{font-size:26px}html[lang=en] .hero-caption h1{font-size:24px}html[lang=en] .service h3{font-size:27px}html[lang=en] .service p{min-height:0}.lang-switch{gap:1px}.lang-switch button{padding:6px}}
.contact{display:block}.contact>div{max-width:880px}.contact .contact-details{padding-top:15px;border-top:1px solid var(--line)}.contact .line{max-width:650px}[hidden]{display:none!important}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-guide{background:#e0e6d7;border-top:5px solid var(--ink);padding:34px}.contact-guide h3{font-size:30px;line-height:1.35;margin:18px 0}.contact-guide p,.contact-guide li{font-size:14px;color:var(--muted)}.contact-guide ul,.quotation-grid ul{padding-left:20px;line-height:2}.contact-guide .btn{margin-top:15px}.quotation-page{padding:55px 0 90px}.quotation-page .section-head{margin-top:28px}.quotation-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.quotation-grid>div>h3{font-size:25px}.quotation-grid>div>p,.quotation-grid li{color:var(--muted);font-size:14px}@media(max-width:1100px){nav{gap:10px;font-size:12px}.nav>.btn{display:none}}@media(max-width:680px){.contact,.quotation-grid{grid-template-columns:1fr;gap:30px}.contact-guide{padding:25px}.contact-guide h3{font-size:27px}.quotation-page{padding-top:30px}nav{font-size:16px}}