@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--green:#164234;--lime:#e1ed86;--ink:#173a2e;--paper:#fafbf6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}header{height:104px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2d8;gap:25px}.brand{display:flex;flex-direction:column;align-items:center}.brandmark{font-size:38px;font-weight:700;letter-spacing:-3px;line-height:1}.brandmark span{font-weight:400;font-style:italic;font-family:serif;font-size:33px}.brand-sub{font-size:10px;letter-spacing:6px;padding-left:6px;margin-top:7px}nav{display:flex;gap:36px;font-size:14px}nav a:hover,.text-link:hover{text-decoration:underline}.nav-cta{border:1px solid var(--green);padding:13px 20px;border-radius:30px;font-size:14px}.nav-cta span{margin-left:20px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px;padding:55px 5% 45px;gap:4%}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:600;line-height:1.7}.tiny-leaf{font-size:24px;vertical-align:middle;margin-right:8px}.hero h1{font-family:'Playfair Display',serif;font-weight:500;font-size:clamp(65px,7.2vw,108px);line-height:1.02;letter-spacing:-4px;margin:28px 0}em{font-weight:500;color:#698235}.hero p{line-height:1.7;color:#5b6b60;margin:0 0 28px}.button{display:inline-block;background:var(--green);color:white;padding:17px 29px;border-radius:32px;font-size:14px;transition:background .2s}.button:hover{background:#2e6048}.hero-note{display:flex;flex-direction:column;gap:8px;margin-top:38px;font-size:12px;color:#617265}.hero-note span:first-child{font-weight:600}.hero-visual{position:relative;background:#eef2df;border-radius:180px 180px 10px 10px;display:flex;align-items:center;justify-content:center;margin-top:20px;overflow:visible;min-height:530px}.hero-visual img{width:94%;height:470px;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-12deg)}.vertical-label{position:absolute;left:20px;top:110px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:2px}.image-caption{position:absolute;bottom:22px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.round-label{position:absolute;right:-16px;top:28px;background:var(--lime);width:112px;height:112px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:17px;font-weight:700;line-height:1.05;transform:rotate(12deg)}.round-label span{font-size:25px;margin-top:5px}.ribbon{background:var(--lime);display:flex;justify-content:space-around;gap:32px;padding:23px 20px;overflow:hidden;white-space:nowrap;font-size:14px}.ribbon span:nth-child(even){font-size:20px}.section{padding:88px 5%}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:35px}h2{font-family:'Playfair Display',serif;font-size:clamp(40px,4.6vw,64px);line-height:1.1;font-weight:500;letter-spacing:-1.5px;margin:18px 0 0}.section-top>p{max-width:360px;line-height:1.8;color:#617265;margin-bottom:4px}.catalog-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;border-top:1px solid #dce2d8}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #dce2d8;background:none;border-radius:25px;padding:10px 18px;font-size:14px;color:var(--ink);cursor:pointer}.filters button.active{background:var(--green);color:#fff;border-color:var(--green)}.search{display:flex;align-items:center;border-bottom:1px solid #9dab9d;gap:9px}.search span{font-size:25px}.search input{border:0;background:none;width:155px;padding:9px 0;outline-offset:3px;font-size:14px;color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 22px}.product-card{background:none;border:0;padding:0;text-align:left;color:var(--ink);cursor:pointer}.product-image{position:relative;background:#eef1e9;aspect-ratio:1;overflow:hidden;border-radius:8px}.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.product-card:hover img{transform:scale(1.06)}.product-image>span{position:absolute;right:12px;bottom:12px;width:30px;height:30px;display:grid;place-items:center;background:var(--paper);border-radius:50%;font-size:20px}.crop{display:block;font-size:12px;color:#75806d;margin-top:16px}.product-card h3{font-size:20px;font-weight:500;margin:6px 0}.product-card .code{font-size:12px;color:#778471}.catalog-note{margin-top:36px;font-size:13px;color:#71816f}.growing{background:var(--green);color:#f5f8ed;display:grid;grid-template-columns:1.15fr 1fr;gap:35px 8%}.growing em{color:var(--lime)}.growing-body{padding-top:20px}.growing-body p{line-height:1.85;color:#c9d6ca;margin:0 0 18px}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:7px;margin-top:12px;font-size:14px}.principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:40px;border-top:1px solid #487060;padding-top:35px}.principles span{font-size:13px;color:var(--lime)}.principles h3{font-weight:500;font-size:23px;margin:15px 0}.principles p{color:#c9d6ca;line-height:1.7;font-size:14px;max-width:280px}.guide{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;background:#edf2df}.guide h2{font-size:48px}.guide p{color:#617265;line-height:1.8;max-width:420px}.guide-links{align-self:center}.guide-links a{display:flex;justify-content:space-between;padding:23px 0;border-bottom:1px solid #b7c6ac;font-size:19px}.guide-links a:hover{color:#698235}.guide-links span{font-size:12px}footer{padding:40px 5%;display:flex;align-items:center;gap:45px}footer p{font-family:'Playfair Display',serif;font-size:22px}footer>a:last-of-type{margin-left:auto;font-size:14px}footer>span{font-size:12px;color:#71816f}dialog{border:0;border-radius:16px;padding:35px;width:min(800px,90vw);color:var(--ink);background:var(--paper);max-height:90vh;overflow:auto}dialog::backdrop{background:#0b261ec4}.close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:30px;color:var(--ink);cursor:pointer}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.detail-layout img{width:100%;border-radius:8px}.detail-layout h2{font-size:38px}.detail-layout p{line-height:1.8}.thai{color:#617265;font-size:14px}.empty{grid-column:1/-1;padding:50px 0;color:#617265}@media(min-width:1600px){header,.hero,.section,footer{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}header{margin:0}}@media(max-width:1000px){nav{gap:18px}.product-grid{grid-template-columns:repeat(3,1fr)}.catalog-controls{align-items:flex-start;flex-direction:column}.hero h1{font-size:78px}.hero-visual{min-height:470px}.hero-visual img{height:400px}.hero{min-height:auto}.nav-cta{font-size:12px}.guide h2{font-size:40px}footer{flex-wrap:wrap;gap:25px}}@media(max-width:700px){header{height:85px}.brandmark{font-size:32px}nav{display:none}.nav-cta{padding:11px 14px}.nav-cta span{display:none}.hero{grid-template-columns:1fr;padding-top:35px;gap:25px}.hero h1{font-size:72px}.hero p{font-size:15px}.hero-note{margin-top:25px}.hero-visual{min-height:400px;margin-top:10px;border-radius:150px 150px 8px 8px}.hero-visual img{height:360px}.round-label{right:0;width:90px;height:90px;font-size:14px}.ribbon{justify-content:flex-start;font-size:12px;gap:25px}.section{padding:58px 5%}.section-top{display:block}.section-top>p{margin-top:25px}.product-grid{grid-template-columns:repeat(2,1fr);gap:28px 15px}.product-card h3{font-size:17px}.filters button{padding:9px 13px;font-size:13px}.growing,.guide{grid-template-columns:1fr;gap:25px}.growing-body{padding:0}.principles{grid-template-columns:1fr;gap:20px;margin-top:10px}.principles>div{display:grid;grid-template-columns:25px 1fr;column-gap:15px}.principles h3{margin:0;font-size:21px}.principles p{grid-column:2;margin:10px 0 0;max-width:none}.guide h2{font-size:40px}.guide-links a{font-size:17px}footer{gap:20px}footer p{font-size:18px}footer>a:last-of-type{margin-left:0}footer>span{width:100%}.detail-layout{grid-template-columns:1fr}.detail-layout img{max-height:280px;object-fit:contain}dialog{padding:30px 22px}.detail-layout h2{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Supplied WebsiteLogo1 brand asset. */
.brand .brand-logo{display:block;width:auto;height:84px;max-width:140px;object-fit:contain}
footer .brand{flex-shrink:0}
@media(max-width:700px){header .brand .brand-logo{height:64px;max-width:100px}footer .brand .brand-logo{height:76px}}

/* Contain the existing rotated hero artwork on narrow screens. */
html,body{overflow-x:clip}

/* About us content migrated from the company website. */
:root{--font-thai:"Noto Sans Thai","DM Sans",sans-serif}
.about-company :lang(th),.about-quality :lang(th),.company-contact :lang(th){font-family:var(--font-thai)}
.about-company{grid-template-columns:minmax(0,0.85fr) minmax(0,1.3fr);align-items:start}
.about-company h2,.about-quality h2,.company-contact h2{font-family:var(--font-thai);font-size:clamp(2rem,3.2vw,3rem);line-height:1.45;letter-spacing:0;font-weight:600;overflow-wrap:anywhere}
.about-company-name{font-size:1.125rem;line-height:1.8;margin:20px 0;color:#e1ed86}
.about-history{padding-top:0}
.about-history p,.about-purpose p{line-height:1.95;font-size:1rem;margin:0 0 24px}
.about-purpose{margin-top:48px;padding-top:24px;border-top:1px solid #487060;max-width:38ch}
.about-purpose h3{font-size:1.125rem;font-weight:600;margin:0 0 16px}
.about-purpose p{color:#c9d6ca}
.about-english{border-top:1px solid #487060;padding-top:20px;margin-top:28px}
.about-english summary{cursor:pointer;min-height:44px;display:list-item;line-height:1.6;font-size:1rem;color:#e1ed86}
.about-english summary:focus-visible{outline:2px solid #e1ed86;outline-offset:5px}
.about-english p{margin-top:16px}
.about-quality{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:8%}
.quality-list{padding:0;margin:0;list-style:none;counter-reset:quality}
.quality-list li{position:relative;padding:20px 0 20px 40px;border-top:1px solid #dce2d8;line-height:1.95;counter-increment:quality}
.quality-list li::before{content:counter(quality,decimal-leading-zero);position:absolute;left:0;top:24px;font-size:.8125rem;color:#617265;font-family:'DM Sans',sans-serif}
.company-contact{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:8%;padding-top:48px;padding-bottom:48px;border-top:1px solid #dce2d8;background:#eef2df}
.company-contact address{font-style:normal;line-height:1.9;min-width:0;font-size:1rem}
.company-contact address p{margin:12px 0}
.company-contact address a{display:block;width:fit-content;max-width:100%;min-height:44px;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.about-company,.about-quality,.company-contact{grid-template-columns:minmax(0,1fr);gap:32px}.about-purpose{max-width:none;margin-top:28px}.about-history p,.about-purpose p{line-height:2}.quality-list li{padding-left:32px}.company-contact address a{font-size:.9375rem}.about-quality h2 br{display:none}}

/* English-only company content uses the original site typography. */
.about-company h2,.about-quality h2,.company-contact h2{font-family:'Playfair Display',serif;letter-spacing:-.02em;line-height:1.2;font-weight:500}
.about-company p,.about-quality li,.company-contact address{font-family:'DM Sans',sans-serif}