:root{--ink:#26352d;--muted:#6e786f;--paper:#f4f7f2;--white:#fff;--line:#e1e8df;--green:#78967b;--green-dark:#526f57;--sage:#dce8db;--serif:Georgia,'Times New Roman',serif;--sans:'Codex Pro','Codex Pro Regular','IBM Plex Sans Thai',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.section{padding:100px 0}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:var(--green-dark);display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:25px;height:1px;background:currentColor}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.section-head h2{font-size:clamp(34px,4vw,54px);line-height:1.2;letter-spacing:-.04em;margin:15px 0 0;max-width:650px;font-weight:500}.section-head p{color:var(--muted);max-width:390px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:13px 20px;border:1px solid transparent;border-radius:2px;background:var(--green);color:white;font-size:13px;font-weight:600;transition:.2s;cursor:pointer}.btn:hover{background:var(--green-dark);transform:translateY(-2px)}.btn.outline{background:transparent;border-color:rgba(255,255,255,.6);color:white}.btn.outline:hover{background:#fff;color:var(--ink)}.arrow{font-size:17px;line-height:1}
.nav{height:78px;position:sticky;top:0;z-index:20;background:rgba(244,247,242,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(38,53,45,.08)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:.05em}.brand-logo{width:56px;height:56px;object-fit:contain;flex:none}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.18em;font-weight:500;margin-top:-5px}.nav-links{display:flex;align-items:center;gap:20px;font-size:12px;color:#424943}.nav-links a:not(.btn):hover,.nav-links a[aria-current=page]{color:var(--green-dark)}.nav .btn{padding:10px 15px}.lang-toggle{padding:8px 12px;border:1px solid #c9d4c8;border-radius:999px;background:transparent;color:var(--ink);font-size:11px;font-weight:700;cursor:pointer}.lang-toggle:hover{background:var(--sage)}.menu-toggle{display:none;border:0;background:none;font-size:22px;color:var(--ink)}
.hero{background:#27342d;color:#fff;min-height:630px;position:relative;overflow:hidden;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,27,24,.94),rgba(21,27,24,.7) 48%,rgba(21,27,24,.1)),url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=2200&q=85') center 55%/cover}.hero-content{position:relative;z-index:1;padding:85px 0 95px;max-width:700px}.hero .eyebrow{color:#dce9dc}.hero h1{font-size:clamp(45px,6.3vw,76px);line-height:1.16;letter-spacing:-.045em;font-weight:500;margin:22px 0}.hero h1 em{font-family:var(--serif);font-weight:400;color:#dce9dc}.hero p{font-size:16px;color:rgba(255,255,255,.78);max-width:570px;margin:0 0 28px;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{margin-top:48px;color:rgba(255,255,255,.68);font-size:11px;letter-spacing:.07em}.proof{background:#e7eee6}.proof-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);align-items:center;gap:28px;padding:24px 0}.proof-intro{font-size:12px;color:var(--muted);max-width:220px}.proof-stat{border-left:1px solid #cdd8ce;padding-left:24px}.proof-stat strong{display:block;font-family:var(--serif);font-size:32px;line-height:1.1;font-weight:400}.proof-stat span{font-size:11px;color:var(--muted)}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.intro-image{position:relative;min-height:450px;background:#d9d4ca url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1200&q=85') center/cover}.image-tag{position:absolute;left:0;bottom:0;background:var(--green);color:#fff;padding:16px 20px;font-size:11px;letter-spacing:.08em}.intro-copy h2,.why-title h2,.contact-copy h2{font-size:clamp(35px,4vw,51px);line-height:1.23;letter-spacing:-.04em;margin:17px 0 20px;font-weight:500}.intro-copy p,.why-title p,.contact-copy>p{color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:10px;margin-top:14px;font-size:12px;font-weight:700;color:var(--green-dark)}.text-link span{font-size:18px;transition:.2s}.text-link:hover span{transform:translateX(4px)}
.services{background:#eff3ed}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d2ddd2;border:1px solid #d2ddd2}.service-card{padding:28px;background:#eff3ed;min-height:210px;transition:.2s}.service-card:hover{background:#fff}.service-number{font-family:var(--serif);font-size:13px;color:var(--green-dark)}.service-icon{float:right;color:var(--green-dark);font-size:20px}.service-card h3{font-size:18px;margin:25px 0 8px}.service-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.service-card.feature{background:#e1eade}.service-card.feature h3{font-size:21px}.approach{background:var(--ink);color:#fff}.approach .eyebrow{color:#dce9dc}.approach .section-head p{color:#c1cbc2}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px}.step{padding:0 23px 0 0;border-top:1px solid #5c6f61;position:relative}.step:before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#dce9dc}.step span{display:block;padding-top:20px;color:#dce9dc;font-family:var(--serif);font-size:14px}.step h3{font-size:16px;margin:12px 0 7px}.step p{font-size:12px;color:#c1cbc2;margin:0;max-width:240px}.approach-quote{margin-top:55px;border-left:2px solid var(--green);padding-left:20px;color:#e1e8e1;font-family:var(--serif);font-style:italic;font-size:20px}
.projects{background:var(--paper)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.filter{border:1px solid #d5ddd4;background:transparent;padding:8px 14px;font-size:11px;color:#565d57;cursor:pointer}.filter.active,.filter:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.project{position:relative;min-height:285px;overflow:hidden;background:#d4d1c8}.project:first-child{grid-row:span 2;min-height:588px}.project img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.04)}.project:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(20,24,21,.83))}.project-caption{position:absolute;bottom:20px;left:22px;right:22px;z-index:1;color:#fff}.project-caption small{font-size:10px;letter-spacing:.13em;color:#dce9dc}.project-caption h3{font-size:19px;margin:5px 0 0;font-weight:500}.project-caption p{font-size:11px;color:rgba(255,255,255,.75);margin:3px 0 0}.project.hidden{display:none}.projects-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px;font-size:11px;color:var(--muted)}
.why{background:#e8eee6}.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.reason-list{border-top:1px solid #cdd8ce}.reason{display:grid;grid-template-columns:45px 1fr;gap:14px;padding:19px 0;border-bottom:1px solid #cdd8ce}.reason b{font-family:var(--serif);font-weight:400;color:var(--green-dark)}.reason h3{font-size:15px;margin:0 0 4px}.reason p{font-size:12px;color:var(--muted);margin:0}.cta-band{background:var(--green);color:#fff;padding:52px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}.cta-inner h2{font-size:clamp(27px,4vw,41px);font-weight:500;line-height:1.3;margin:0;max-width:650px}.cta-inner p{font-size:12px;color:rgba(255,255,255,.86);margin:8px 0 0}.cta-band .btn{background:var(--ink)}
.contact{background:var(--paper)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.contact-copy h2{margin:16px 0}.contact-detail{padding-top:20px;margin-top:24px;border-top:1px solid var(--line)}.contact-detail small{display:block;color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.contact-detail a{font-size:14px}.form-card{background:#fff;padding:30px;box-shadow:0 12px 50px rgba(27,31,28,.06)}.form-card h3{font-size:20px;margin:0 0 5px}.form-card>p{font-size:12px;color:var(--muted);margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:600}.field input,.field select,.field textarea{border:1px solid #dfe5dd;padding:11px;background:#fcfcfa;outline:none;font-size:12px;width:100%;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green)}.field textarea{min-height:82px;resize:vertical}.form-card .btn{margin-top:16px;width:100%}.form-hint{font-size:10px;color:var(--muted);margin:9px 0 0}.form-message{display:none;margin-top:10px;background:#eff4ed;color:#3e6240;padding:10px;font-size:12px}
footer{background:var(--ink);color:#fff;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:45px;padding-bottom:35px}.footer-brand p{max-width:300px;font-size:12px;color:#b8c3b8}.footer-title{font-size:11px;color:#dce9dc;letter-spacing:.12em;text-transform:uppercase;margin-bottom:13px}.footer-col p,.footer-col a{font-size:12px;color:#c3cec4;margin:0 0 8px;display:block}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #48584d;padding-top:17px;display:flex;justify-content:space-between;gap:18px;font-size:10px;color:#9ba99c}.footer-bottom strong{font-weight:400;color:#b8beb8}
.team-hero{background:#e4ece2;padding:75px 0 70px;position:relative;overflow:hidden}.team-hero:after{content:'J';position:absolute;right:6%;top:-115px;font-family:var(--serif);font-size:440px;line-height:1;color:rgba(82,111,87,.06)}.team-hero .wrap{position:relative;z-index:1}.team-hero h1{max-width:760px;font-size:clamp(42px,6vw,72px);line-height:1.15;letter-spacing:-.045em;margin:19px 0}.team-hero p{max-width:650px;color:var(--muted);font-size:15px}.team-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.team-card{background:#fff;border:1px solid var(--line);padding:25px;min-height:230px;position:relative}.team-card .num{font-family:var(--serif);font-size:13px;color:var(--green-dark)}.team-card .symbol{position:absolute;right:22px;top:18px;color:#8ea58e;font-size:26px}.team-card h3{font-size:18px;margin:25px 0 8px}.team-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.85}.team-callout{margin-top:25px;padding:24px;background:#e4ece2;display:flex;justify-content:space-between;align-items:center;gap:25px}.team-callout p{margin:0;color:#48584d;max-width:700px;font-size:13px}.team-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.team-flow article{border-top:1px solid #cdd8ce;padding-top:17px}.team-flow b{font-family:var(--serif);color:var(--green-dark);font-weight:400}.team-flow h3{font-size:14px;margin:8px 0 4px}.team-flow p{font-size:12px;color:var(--muted);margin:0}
/* หน้าแรกแบบสไลด์: ภาพที่เลือกจะค่อย ๆ ปรากฏทับภาพก่อนหน้า */
.hero{isolation:isolate}.hero:before{display:none}.hero-slides,.hero-overlay{position:absolute;inset:0}.hero-slides{z-index:-2;background:#27342d}.hero-slide{position:absolute;inset:0;background-position:center 55%;background-size:cover;opacity:0;transform:scale(1.025);transition:opacity .75s ease,transform 5.5s ease}.hero-slide.active{opacity:1;transform:scale(1)}.hero-overlay{z-index:-1;background:linear-gradient(90deg,rgba(21,27,24,.94),rgba(21,27,24,.7) 48%,rgba(21,27,24,.12))}.hero-controls{position:absolute;right:clamp(20px,4vw,62px);bottom:36px;z-index:2;display:flex;align-items:center;gap:13px}.hero-arrow{width:38px;height:38px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(23,33,27,.24);color:#fff;font-size:18px;line-height:1;cursor:pointer;transition:.2s}.hero-arrow:hover{background:#fff;color:var(--ink)}.hero-dots{display:flex;gap:7px}.hero-dot{width:8px;height:8px;padding:0;border:1px solid rgba(255,255,255,.88);border-radius:50%;background:transparent;cursor:pointer;transition:.2s}.hero-dot.active{width:24px;border-radius:8px;background:#dce9dc;border-color:#dce9dc}.hero-caption{position:absolute;left:clamp(20px,4vw,62px);bottom:43px;z-index:2;display:flex;gap:15px;align-items:center;color:#fff;font-size:11px;letter-spacing:.05em}.hero-count{font-family:var(--serif);font-size:14px;color:#dce9dc}.hero-caption-text{color:rgba(255,255,255,.8)}
@media(max-width:850px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:78px;left:0;right:0;padding:12px 24px 20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:10px 5px}.nav-links .btn{margin-top:7px}.lang-toggle{align-self:flex-start;margin:11px 5px 0}.intro-grid,.why-grid,.contact-grid{gap:40px}.proof-grid{grid-template-columns:repeat(3,1fr)}.proof-intro{grid-column:1/-1;max-width:none}}
@media(max-width:650px){.wrap{width:min(100% - 34px,1180px)}.section{padding:72px 0}.nav{height:68px}.nav-links{top:68px}.hero{min-height:600px}.hero-overlay{background:linear-gradient(90deg,rgba(21,27,24,.9),rgba(21,27,24,.55))}.hero-content{padding:68px 0 145px}.hero h1{font-size:48px}.hero p{font-size:14px}.hero-controls{right:17px;bottom:26px;gap:9px}.hero-arrow{width:34px;height:34px}.hero-caption{left:17px;bottom:35px;max-width:45%}.hero-caption-text{display:none}.section-head{display:block;margin-bottom:28px}.section-head p{margin-top:13px}.proof-grid{gap:12px}.proof-stat{padding-left:11px}.proof-stat strong{font-size:25px}.proof-stat span{font-size:9px}.intro-grid,.why-grid,.contact-grid{grid-template-columns:1fr;gap:32px}.intro-image{min-height:320px}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto;padding:23px}.service-card h3{margin-top:17px}.steps{grid-template-columns:1fr 1fr;row-gap:28px}.step{min-height:145px}.approach-quote{margin-top:32px;font-size:18px}.project-grid{grid-template-columns:1fr;gap:12px}.project,.project:first-child{grid-row:auto;min-height:320px}.project:first-child{min-height:380px}.projects-foot,.cta-inner{align-items:flex-start;flex-direction:column}.cta-band{padding:40px 0}.form-card{padding:22px 18px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.team-hero{padding:57px 0}.team-hero:after{font-size:270px;right:-30px;top:-50px}.team-cards{grid-template-columns:1fr}.team-card{min-height:0}.team-flow{grid-template-columns:1fr 1fr}.team-callout{align-items:flex-start;flex-direction:column}}