:root{--primary: #2d5a27;--primary-light: #4a8f42;--primary-dark: #1a3a16;--accent: #c8a96e;--accent-light: #e2c896;--text-dark: #1e1e1e;--text-body: #444;--text-light: #777;--bg-light: #f8f5f0;--bg-white: #ffffff;--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 20px rgba(0,0,0,.12);--shadow-lg: 0 8px 40px rgba(0,0,0,.16);--radius: 8px;--radius-lg: 16px;--transition: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Sarabun,sans-serif;font-size:16px;color:var(--text-body);background:var(--bg-white);line-height:1.7}h1,h2,h3,h4,h5{font-family:Playfair Display,Sarabun,serif;color:var(--text-dark);line-height:1.3}a{text-decoration:none;color:inherit;transition:color var(--transition)}img{max-width:100%;height:auto;display:block}ul{list-style:none}.page-wrapper{padding-top:70px}.container{max-width:1100px;margin:0 auto;padding:0 20px}.page-banner{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);color:#fff;padding:60px 20px;text-align:center;position:relative;overflow:hidden}.page-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));opacity:.3}.page-banner h1{font-size:2.4rem;color:#fff;position:relative}.page-banner .breadcrumb{margin-top:10px;opacity:.8;position:relative;font-size:.9rem}.section{padding:70px 0}.section-title{text-align:center;margin-bottom:50px}.section-title h2{font-size:2rem;color:var(--primary-dark);margin-bottom:12px}.section-title .divider{width:60px;height:3px;background:var(--accent);margin:0 auto 16px;border-radius:2px}.section-title p{color:var(--text-light);max-width:560px;margin:0 auto}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius);font-family:Sarabun,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition);border:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.card-img{width:100%;height:220px;object-fit:cover}.card-body{padding:20px}.card-body h3{font-size:1.2rem;margin-bottom:8px;color:var(--primary-dark)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}@media (max-width: 900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.grid-3,.grid-2{grid-template-columns:1fr}.page-banner h1{font-size:1.8rem}}.contact-box{background:var(--bg-light);border-radius:var(--radius-lg);padding:30px;border-left:4px solid var(--primary)}.contact-box .contact-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #e8e0d0}.contact-box .contact-row:last-child{border-bottom:none}.contact-box .icon{width:40px;height:40px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9rem}