:root{--g:#2f5233;--g2:#4d7a52;--cream:#f7f4ec;--sand:#efe9da;--tx:#25302a}
*{box-sizing:border-box}body{margin:0;font-family:"Sarabun","Noto Sans Thai","Segoe UI",system-ui,sans-serif;background:var(--cream);color:var(--tx);line-height:1.55}
a{color:var(--g)}h1,h2,h3{font-family:Georgia,"Noto Serif Thai",serif;color:var(--g);line-height:1.25}
.hd{display:flex;align-items:center;gap:16px;padding:12px 4vw;background:#fff;box-shadow:0 1px 6px #0001;position:sticky;top:0;z-index:5;flex-wrap:wrap}
.logo{display:flex;gap:8px;align-items:center;text-decoration:none;font-family:Georgia,serif;font-size:14px;letter-spacing:2px;line-height:1.1}.logo small{display:block;font-size:10px}.lm{font-size:30px}
.hd nav{display:flex;gap:18px;align-items:center;margin-left:auto}.hd nav a{text-decoration:none;color:var(--tx)}.hd nav a.act{color:var(--g);font-weight:700;border-bottom:2px solid var(--g)}
.btn{display:inline-block;background:var(--g);color:#fff!important;border:0;border-radius:24px;padding:9px 20px;text-decoration:none;cursor:pointer;font:inherit}.btn:hover{background:var(--g2)}
.btn.big{padding:13px 28px;font-size:1.05em}.btn.ghost{background:#fff3;border:1px solid #fff}.btn.line{background:#06c755}
.lang{border:2px solid var(--g);background:#fff;color:var(--g);border-radius:20px;padding:7px 14px;font-weight:700;cursor:pointer;font:inherit}
#mt,.burger{display:none}
.hero{min-height:72vh;display:flex;align-items:center;padding:6vw;color:#fff;background:linear-gradient(90deg,#14301acc,#14301a33),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' preserveAspectRatio='none'%3E%3Crect width='1600' height='900' fill='%23a9c8b0'/%3E%3Cpath d='M0 520 L220 230 L380 430 L600 160 L820 420 L1050 200 L1300 420 L1600 260 V900 H0Z' fill='%234a7a52'/%3E%3Cpath d='M0 640 L300 470 L600 600 L900 450 L1250 610 L1600 500 V900 H0Z' fill='%232f5a37'/%3E%3Cpath d='M0 760 Q400 700 800 760 T1600 740 V900 H0Z' fill='%236fa3b5'/%3E%3C/svg%3E") center/cover}
.hero h1{color:#fff;font-size:clamp(2rem,5vw,3.6rem);margin:0 0 12px;max-width:16em}.hero p{max-width:36em;font-size:1.15em}
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:30px 6vw;background:var(--sand);text-align:center}.why span{font-size:34px}.why h3{margin:6px 0}
.wrap{padding:30px 6vw;max-width:1300px;margin:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px}
.card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px #0001;display:flex;flex-direction:column}.cb{padding:16px 18px;display:flex;flex-direction:column;flex:1}.cb .btn{margin-top:auto;align-self:flex-start}.cb h3{margin:0 0 6px}
.gal{position:relative;aspect-ratio:16/10;background:#dde8de}.gal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:.4s}.gal img.on{opacity:1}
.nx{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;border-radius:50%;width:36px;height:36px;background:#fffc;font-size:22px;cursor:pointer}
.noimg{aspect-ratio:16/10;display:grid;place-items:center;background:#dde8de;color:#567}
.price{font-weight:700;color:#8a5a00}.meta{color:#556;font-size:.92em;margin:2px 0}.feat{padding-left:18px;margin:4px 0}
.ph{background:#fff4d6;border:1px solid #f0d58a;padding:8px 12px;border-radius:8px;font-size:.92em}
.panel{background:#fff;border-radius:14px;padding:24px 28px;box-shadow:0 2px 10px #0001;max-width:820px;margin:auto}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}label{display:flex;flex-direction:column;font-size:.92em;gap:4px;margin-bottom:8px}
input,select,textarea{font:inherit;padding:10px;border:1px solid #cfd6cf;border-radius:8px;background:#fff}.acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.ft{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:28px 6vw;background:var(--g);color:#e8efe8}.ft .ph{grid-column:1/-1;color:var(--tx)}
@media(max-width:820px){.burger{display:block;margin-left:auto;font-size:26px;cursor:pointer}.hd nav{display:none;order:3;width:100%;flex-direction:column;align-items:flex-start}#mt:checked~nav{display:flex}
.why,.two,.ft{grid-template-columns:1fr}.hero{min-height:60vh}}