@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+Thai:wght@400;500;600;700;800;900&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:#1d2726;background:#f8f7f2;font-family:Noto Sans Thai,DM Sans,sans-serif}a{color:inherit;text-decoration:none}:root{--green: #155847;--dark: #153d36;--orange: #e3632f;--cream: #f8f7f2;--line: #d9ded8}#root{overflow:hidden}.site-header,.section,.page-heading,footer{max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px}.site-header{height:94px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:11px;color:var(--green);line-height:1}.brand img{width:48px;height:auto}.brand span{display:grid;gap:4px;letter-spacing:.03em}.brand strong{font:700 18px/1 DM Sans,sans-serif}.brand small{font:600 8px/1 DM Sans,sans-serif;letter-spacing:.13em}nav{display:flex;align-items:center;gap:34px}nav a{color:#51605b;font-size:14px;font-weight:500;padding:11px 0;border-bottom:2px solid transparent}nav a:hover,nav a.active{color:var(--green);border-color:var(--orange)}.hero{max-width:1136px;margin:16px auto 72px;display:grid;grid-template-columns:1.15fr .85fr;background:var(--dark);box-shadow:0 16px 40px #153d361f;position:relative}.hero-content{background:var(--dark);padding:60px 48px 60px 56px;color:#fff;display:flex;flex-direction:column;justify-content:center;z-index:1}.hero h1{margin:16px 0 20px;font-family:Noto Sans Thai,DM Sans,sans-serif;font-weight:800;font-size:clamp(34px,4vw,56px);line-height:1.16;letter-spacing:-.025em;color:#fff}.page-heading h1{margin:14px 0 22px;font-size:clamp(36px,4.3vw,62px);line-height:1.19;letter-spacing:-.045em}.hero-content>p:not(.eyebrow){max-width:480px;color:#dae4df;font-size:16px;line-height:1.75;margin:0 0 32px}.eyebrow{margin:0;color:var(--orange);font:700 12px/1.2 DM Sans,sans-serif;letter-spacing:.15em;text-transform:uppercase}.hero .eyebrow{color:#e3632f;font-size:13px}.hero-actions{display:flex;align-items:center;gap:24px}.button{display:inline-block;background:var(--orange);color:#fff;padding:14px 22px;font-weight:700;font-size:14px;transition:background .2s,transform .15s}.button:hover{background:#c94e1f}.text-link{color:var(--green);font-weight:700;font-size:14px}.text-link span,.facebook span,.youtube span{color:var(--orange);font-size:20px;margin-left:5px}.hero .text-link{color:#fff;display:inline-flex;align-items:center;transition:opacity .2s}.hero .text-link:hover{opacity:.88}.hero-media{background:var(--orange);padding:48px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;position:relative}.hero-flyer{width:100%;max-width:240px;aspect-ratio:1045 / 1566;object-fit:contain;box-shadow:0 10px 28px #00000038;display:block;background:#fff}.hero-socials{display:flex;align-items:center;justify-content:center;gap:18px}.social-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;cursor:pointer}.social-icon.fb{width:48px;height:48px;border-radius:50%;box-shadow:0 4px 12px #00000029}.social-icon.fb svg{width:48px;height:48px;display:block}.social-icon.yt{display:inline-flex}.social-icon.yt .yt-badge{width:52px;height:48px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000029;transition:box-shadow .2s,transform .2s}.social-icon:hover{transform:translateY(-2px) scale(1.05)}.social-icon.fb:hover{box-shadow:0 8px 20px #1877f273}.social-icon.yt:hover .yt-badge{box-shadow:0 8px 20px #0000004d}.section{padding-top:82px;padding-bottom:82px}.intro{text-align:center;max-width:900px}.intro h2,.section-heading h2,.story h2,.contact h2{margin:15px 0 17px;color:var(--dark);font-size:clamp(28px,3.2vw,43px);line-height:1.28;letter-spacing:-.035em}.intro>p:not(.eyebrow){max-width:660px;margin:0 auto;color:#66716c;line-height:1.8}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:55px;background:var(--line)}.stats div{display:grid;gap:6px;padding:20px;background:var(--cream)}.stats strong{color:var(--green);font-size:23px}.stats span{color:#74807a;font-size:13px}.featured{max-width:1264px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-heading h2{margin-bottom:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:#fff;border:1px solid #e9ece8;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #153d3617}.product-card img{width:100%;aspect-ratio:1.11;object-fit:cover;display:block}.product-card div{padding:21px 20px 23px}.product-card h3{margin:0 0 7px;color:var(--green);font-size:19px}.product-card p{margin:0;color:#6c7772;line-height:1.65;font-size:14px}.contact-band{min-height:152px;padding:30px max(32px,calc((100% - 1136px)/2));display:flex;justify-content:space-between;align-items:center;gap:25px;background:var(--green);color:#fff}.contact-band div{display:grid;gap:4px}.contact-band span{color:#cfe1d9;font-size:14px}.contact-band strong{font:700 32px/1.2 DM Sans,sans-serif;letter-spacing:.025em}.button-light{background:#fff;color:var(--green)}.button-light:hover{background:#eef4f1}.page-heading{padding-top:82px;padding-bottom:73px;background:#e9efea;max-width:none;padding-left:max(32px,calc((100% - 1136px)/2));padding-right:max(32px,calc((100% - 1136px)/2))}.page-heading h1{color:var(--dark);margin-bottom:18px}.page-heading>p:last-child{max-width:590px;color:#5f6e67;line-height:1.85}.products-page{padding-top:58px}.about-heading{background:linear-gradient(110deg,#e9efea,#e9efea 65%,#dae6df 65%)}.story{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:78px}.story img{width:100%;min-height:330px;object-fit:cover;filter:saturate(.85)}.story p:not(.eyebrow),.contact>div>p:not(.eyebrow){color:#68736e;line-height:1.9}.contact{display:grid;grid-template-columns:1fr 1fr;gap:88px;border-top:1px solid var(--line)}.contact address{background:var(--dark);color:#fff;padding:36px;font-style:normal;line-height:1.8}.contact address strong{font-size:17px}.contact address p{color:#d1ded8;font-size:14px}.contact address a{color:#fff}.contact-links{display:flex;flex-direction:column;gap:8px;margin-top:12px}.facebook,.youtube{font-weight:700;font-size:14px;color:#fff;display:inline-flex;align-items:center}footer{min-height:84px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#718079;font-size:12px}footer span:last-child{color:var(--green);font-weight:700}@media (max-width:760px){.site-header,.section,.page-heading,footer{padding-left:20px;padding-right:20px}.site-header{height:auto;padding-top:16px;padding-bottom:15px;align-items:flex-start}.brand img{width:39px}.brand strong{font-size:15px}nav{gap:14px;padding-top:7px}nav a{font-size:12px;white-space:nowrap}.hero{margin:12px 20px 38px;min-height:0;grid-template-columns:1fr}.hero-content{padding:44px 24px 36px}.hero h1{font-size:34px;line-height:1.2}.hero-content>p:not(.eyebrow){font-size:15px;margin-bottom:24px}.hero-flyer{max-width:220px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-media{padding:40px 24px 44px;gap:24px}.hero-socials{gap:16px}.section{padding-top:54px;padding-bottom:54px}.intro h2 br{display:none}.stats{grid-template-columns:1fr;gap:1px;margin-top:38px}.stats div{padding:15px}.section-heading{align-items:start;flex-direction:column;gap:16px}.product-grid,.products-page .product-grid{grid-template-columns:1fr;gap:16px}.product-card{display:grid;grid-template-columns:39% 1fr}.product-card img{height:100%;aspect-ratio:auto}.product-card div{padding:16px}.product-card h3{font-size:17px}.product-card p{font-size:13px}.product-articles{padding:54px 20px 64px}.article-heading{margin-bottom:32px}.product-article{grid-template-columns:1fr;gap:22px;padding:32px 0}.product-article img{max-width:440px;aspect-ratio:1.35}.contact-band{padding:30px 20px;flex-direction:column;align-items:flex-start}.contact-band strong{font-size:27px}.page-heading{padding-top:56px;padding-bottom:51px}.story,.contact{grid-template-columns:1fr;gap:32px}.story img{min-height:230px}.story h2,.contact h2{font-size:29px}.contact{gap:26px}.contact address{padding:26px}footer{min-height:72px}}@media (max-width:430px){nav{gap:10px}nav a{font-size:11px}.brand small{display:none}.hero h1,.page-heading h1{font-size:32px}}.product-card a{display:inline-block;margin-top:14px;color:var(--green);font-size:13px;font-weight:700}.product-card a span{color:var(--orange);font-size:17px;margin-left:4px}.products-page{padding-bottom:54px}.product-articles{background:var(--cream);padding:80px 32px 96px}.product-articles-inner{max-width:1136px;margin:0 auto}.article-heading{max-width:650px;margin-bottom:48px}.article-heading h2{margin:14px 0;color:var(--dark);font-size:clamp(29px,3.2vw,43px);line-height:1.25;letter-spacing:-.035em}.article-heading>p:last-child{color:#68736e;line-height:1.8}.product-article{scroll-margin-top:28px;display:grid;grid-template-columns:34% 1fr;gap:52px;padding:42px 0;border-top:1px solid var(--line)}.product-article img{width:100%;aspect-ratio:1;object-fit:cover}.product-article h2{margin:12px 0 17px;color:var(--green);font-size:clamp(27px,3vw,37px);letter-spacing:-.035em}.product-article div>p:not(.eyebrow){margin:0 0 15px;color:#596761;line-height:1.9}@media (max-width:760px){.product-articles{padding:54px 20px 64px}.article-heading{margin-bottom:32px}.product-article{grid-template-columns:1fr;gap:22px;padding:32px 0}.product-article img{max-width:440px;aspect-ratio:1.35}}
