:root{--cream:#f7f5ec;--paper:#fffef9;--ink:#23291f;--green:#304735;--moss:#657651;--sage:#dce0d0;--gold:#d1a354;--muted:#74786d;--line:#dfdfd2;--serif:Georgia,'Times New Roman',serif;--thai:'IBM Plex Sans Thai',sans-serif;--sans:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:400 15px/1.75 var(--thai)}a{color:inherit;text-decoration:none}img,svg{max-width:100%}.shell{width:min(1200px,calc(100% - 64px));margin-inline:auto}.topline{height:34px;background:var(--green);color:#e9eadf;display:flex;justify-content:center;align-items:center;gap:9px;font-size:10px;letter-spacing:.08em}.topline span{color:#d1ad66}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,245,236,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-seal{height:39px;width:39px;border:1px solid var(--green);border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:19px}.brand-copy{font-size:14px;font-weight:600;line-height:1.35}.brand-copy small{display:block;font:500 8px/1.5 var(--sans);color:var(--muted);letter-spacing:.12em;margin-top:3px}.main-nav{display:flex;gap:23px;align-items:center;font-size:11px;color:#51574e}.main-nav a{padding:8px 0;border-bottom:1px solid transparent;white-space:nowrap}.main-nav a:hover,.main-nav a.active{color:var(--green);border-color:var(--gold)}.menu-toggle{display:none;border:1px solid var(--line);background:none;padding:7px 10px;color:var(--green);font-size:18px}.eyebrow,.section-kicker,.card-number{font:600 9px/1.5 var(--sans);letter-spacing:.17em;color:var(--moss)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:24px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.045em;line-height:1.2}h1{font-size:clamp(47px,6.2vw,78px)}h1 em{font:italic 400 1.05em var(--serif);color:var(--green);letter-spacing:-.055em}h2{font-size:clamp(34px,4vw,52px)}.hero{display:grid;grid-template-columns:.91fr 1.09fr;align-items:stretch;gap:50px;padding-top:42px;padding-bottom:54px}.hero-copy{padding:48px 0 30px}.hero h1{margin:20px 0 22px}.hero-lead{max-width:465px;color:#62685c;font-size:15px;line-height:2}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--green);color:#fff;padding:12px 18px;font-size:12px;transition:transform .2s,background .2s}.button:hover{background:#1e3525;transform:translateY(-2px)}.text-link{display:inline-flex;gap:11px;align-items:center;color:var(--green);font-size:12px;border-bottom:1px solid #aab09f;padding-bottom:4px}.hero-micro{display:flex;align-items:center;gap:12px;margin-top:49px;padding-top:18px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);line-height:1.7}.micro-icon{font-size:22px;color:var(--gold)}.hero-visual{height:540px;position:relative;overflow:hidden;background:#d4dfcf}.hero-visual .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:37% center}.hero-visual:after{content:"";position:absolute;inset:35% 0 0;z-index:1;background:linear-gradient(180deg,transparent,rgba(25,39,27,.42));pointer-events:none}.visual-label{position:absolute;bottom:21px;left:23px;color:#fff;display:flex;flex-direction:column;text-shadow:0 1px 7px #1b2a1b;z-index:2}.visual-label span{font:500 8px var(--sans);letter-spacing:.15em}.visual-label b{font-size:14px;font-weight:500}.visual-note{position:absolute;right:18px;top:18px;border:1px solid #fff9;border-radius:50%;background:#3147354d;backdrop-filter:blur(5px);color:white;width:83px;height:83px;display:grid;place-items:center;text-align:center;font-size:10px;line-height:1.5;z-index:2}
.site-banner{width:100%;overflow:hidden;background:#e9e6d9}.site-banner img{display:block;width:100%;height:auto;object-fit:contain}.quick-facts{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding:19px 0}.fact{display:flex;align-items:center;gap:11px}.fact-icon{width:36px;height:36px;border:1px solid #d7d8ca;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:17px}.fact b,.fact small{display:block}.fact b{font-size:11px;font-weight:500}.fact small{font-size:10px;color:var(--muted)}.fact-more{color:var(--green);font-size:11px}.intro-section{padding-top:105px;padding-bottom:110px}.section-kicker{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}.section-kicker span{color:#9b9d8f}.intro-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;padding:28px 0 37px}.intro-heading h2{margin:0}.intro-heading p{max-width:420px;color:var(--muted);font-size:13px;line-height:1.9;margin:0 0 5px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.knowledge-card{min-height:272px;padding:20px 22px;background:var(--paper);border:1px solid #ebeade;position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s}.knowledge-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #33432b12}.card-number{font-size:8px;color:#89907e}.knowledge-card h3{font-size:18px;font-weight:500;margin:2px 0 6px;max-width:calc(100% - 76px)}.knowledge-card p{font-size:11px;color:var(--muted);line-height:1.8;max-width:calc(100% - 76px);margin:0}.card-art{position:absolute;right:18px;top:29px;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;color:#a28042;font:italic 28px var(--serif);border:1px solid #dbcda9;background:radial-gradient(circle,#f1e8cf 0,#faf8ef 68%)}.art-grain{font-size:35px}.art-field{font-size:53px;transform:rotate(-20deg)}.art-mill{font-size:45px}.art-bowl{font-size:50px}.art-people{font-size:38px}.knowledge-card .card-arrow{position:absolute;bottom:19px;left:22px;color:var(--green);font-size:10px;border-bottom:1px solid #c5c8ba;padding-bottom:3px}.card-dark{background:var(--green);color:#f7f5ec}.card-dark .card-number,.card-dark p{color:#d0d6c5}.card-dark .card-art{color:#f3dcaa;background:#455d46;border-color:#8c986e}.card-dark .card-arrow{color:#eee7d6;border-color:#85927e}.card-olive{background:#e8eadc}.card-olive .card-art{background:#d8ddca}
.journey-band{background:#304735;color:#fff;padding:75px 0}.journey-inner{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:center}.eyebrow.light{color:#d8c898}.journey-inner h2{font-size:clamp(35px,4vw,49px);margin:18px 0 14px}.journey-inner>div:first-child p{font-size:12px;color:#d1d7c8;max-width:310px;margin-bottom:23px}.button-light{background:#ead39d;color:#263a29}.button-light:hover{background:#f3e1b7}.journey-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}.journey-steps:before{content:'';position:absolute;height:1px;background:#71806d;top:24px;left:10%;right:10%}.journey-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.journey-step span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--green);border:1px solid #869077;color:#e5d4a9;font:500 11px var(--sans);z-index:1}.journey-step b{font-size:11px;font-weight:500}.journey-step small{font-size:9px;color:#c4cfbd}.featured{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:76px;padding-top:105px;padding-bottom:105px}.featured-art{height:auto;aspect-ratio:1.1/1;position:relative;overflow:hidden;background:#f5f4ed}.map-image-link{position:absolute;inset:0;display:block}.map-image-link:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}.surin-map{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8px;transition:transform .25s}.map-image-link:hover .surin-map{transform:scale(1.015)}.map-outline{width:192px;height:225px;margin:40px auto 0;position:relative;display:grid;place-items:center;background:#7d916d;color:#fff;clip-path:polygon(40% 0,56% 9%,68% 4%,77% 16%,95% 22%,89% 36%,100% 48%,87% 59%,91% 74%,74% 79%,65% 100%,50% 87%,39% 96%,34% 80%,17% 76%,20% 61%,4% 50%,15% 37%,7% 24%,26% 18%)}.map-outline span{font-size:18px}.map-outline i{position:absolute;bottom:32px;font:8px/1.5 var(--sans);text-align:center;color:#e3e9db}.map-caption{position:absolute;bottom:17px;left:18px;font:8px var(--sans);letter-spacing:.16em;color:#727769}.featured-copy h2{margin:18px 0 14px}.featured-copy p{font-size:13px;color:var(--muted);line-height:2;margin-bottom:20px}.faq-section{background:#eeeee4;padding:85px 0}.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px}.faq-heading h2{margin:17px 0;font-size:42px}.faq-heading p{color:var(--muted);font-size:12px;max-width:240px}.faq-heading .text-link{margin-top:13px}.faq-list details{border-bottom:1px solid #d5d7ca}.faq-list details:first-child{border-top:1px solid #d5d7ca}.faq-list summary{cursor:pointer;list-style:none;padding:17px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:300 23px var(--sans);color:var(--gold)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:11px;color:var(--muted);padding:0 35px 16px 0;margin:0}.faq-list details p a{color:var(--green);text-decoration:underline}.closing{text-align:center;padding-block:82px}.closing-flower{font-size:22px;color:var(--gold)}.closing p{margin:12px 0 10px;font-size:11px;color:var(--muted)}.closing h2{font-size:40px;margin:0 0 22px}.site-footer{background:#e9e9df;padding-top:48px}.footer-grid{display:grid;grid-template-columns:1.25fr .75fr .8fr 1fr;gap:40px;padding-bottom:39px}.footer-brand{margin-bottom:14px}.footer-grid p{font-size:10px;line-height:1.8;color:var(--muted)}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:7px}.footer-grid b{font-size:11px;font-weight:600;margin-bottom:3px}.footer-grid>div>a:not(.brand){font-size:10px;color:#646a5f}.footer-grid>div>a:hover{color:var(--green);text-decoration:underline}.footer-bottom{border-top:1px solid #d4d6c9;padding-block:15px;display:flex;justify-content:space-between;gap:20px;color:#777d70;font-size:9px}.article-shell{width:min(920px,calc(100% - 64px));margin-inline:auto}.page-hero{padding:76px 0 54px;display:grid;grid-template-columns:1fr .6fr;gap:50px;align-items:end;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(43px,5vw,64px);margin:18px 0}.page-hero p{color:var(--muted);font-size:14px;line-height:2;max-width:620px;margin:0}.page-index{padding:17px;background:#eeeee4;font-size:10px;color:var(--green);line-height:2}.page-index b{display:block;margin-bottom:7px}.page-index a{display:block}.page-index a:hover{text-decoration:underline}.content-section{padding:57px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}.content-section h2{font-size:32px;margin-bottom:15px}.content-section h3{font-weight:500;font-size:19px;margin:25px 0 8px}.content-section p,.content-section li{font-size:13px;color:#63695d;line-height:2}.content-section strong{color:var(--ink);font-weight:600}.content-section a{color:var(--green);text-decoration:underline}.content-section ul,.content-section ol{padding-left:24px}.note-box{background:#e9ecdf;padding:20px 22px;border-left:2px solid var(--gold);margin:20px 0;color:#555e50;font-size:12px;line-height:1.9}.note-box.warn{background:#f1eadb}.data-table{width:100%;border-collapse:collapse;margin:20px 0;background:var(--paper);font-size:12px}.data-table th,.data-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{background:#e8eadf;font-weight:600}.content-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:22px 0}.info-card{background:var(--paper);padding:19px;border:1px solid #e8e7db}.info-card h3{font-size:16px;margin:0 0 8px}.info-card p{font-size:11px;margin:0}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:24px 0}.timeline-item{border-top:2px solid #8b9879;padding:13px 14px 0 0;position:relative}.timeline-item:before{content:'';width:9px;height:9px;border-radius:50%;background:var(--gold);position:absolute;top:-6px;left:0}.timeline-item b{display:block;font-size:12px;margin-bottom:4px}.timeline-item small{font-size:10px;color:var(--muted)}.source-list li{margin:7px 0}.updated{font-size:10px;color:#85897d;border-top:1px solid var(--line);padding-top:17px;margin-top:35px}.subnav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.subnav a{border:1px solid var(--line);padding:5px 10px;font-size:10px;text-decoration:none!important}.subnav a:hover{background:var(--green);color:#fff}.quote-box{font:italic 22px/1.7 var(--serif);color:var(--green);border-left:2px solid var(--gold);padding:8px 20px;margin:23px 0}.back-home{display:inline-block;margin:30px 0 60px;color:var(--green);font-size:12px}
@media(max-width:1000px){.main-nav{gap:14px}.main-nav a{font-size:10px}.hero{gap:30px}.hero-visual{height:490px}.footer-grid{gap:24px}}@media(max-width:800px){.shell{width:calc(100% - 40px)}.topline{font-size:9px}.nav-wrap{min-height:70px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;padding:12px 20px 18px;background:var(--cream);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:2px}.main-nav.open{display:flex}.main-nav a{padding:8px 0;font-size:12px}.hero{grid-template-columns:1fr;padding-top:22px;gap:25px}.hero-copy{padding:22px 0 0}.hero h1{font-size:57px}.hero-visual{height:380px}.hero-micro{margin-top:30px}.quick-facts{gap:15px;flex-wrap:wrap}.fact-more{margin-left:auto}.intro-section{padding-block:74px}.intro-heading{display:block}.intro-heading p{margin-top:18px}.knowledge-grid{grid-template-columns:repeat(2,1fr)}.journey-inner{grid-template-columns:1fr;gap:35px}.journey-steps{min-height:95px}.featured{grid-template-columns:1fr;gap:30px;padding-block:70px}.featured-art{height:auto;aspect-ratio:1.1/1}.faq-layout{grid-template-columns:1fr;gap:28px}.faq-heading h2 br{display:none}.footer-grid{grid-template-columns:repeat(2,1fr)}.page-hero{grid-template-columns:1fr;gap:25px;padding-top:55px}.page-index{display:grid;grid-template-columns:repeat(2,1fr);gap:3px 15px}.page-index b{grid-column:1/-1}.article-shell{width:calc(100% - 42px)}}@media(max-width:520px){.shell{width:calc(100% - 34px)}.brand-copy{font-size:12px}.brand-seal{width:35px;height:35px}.hero h1{font-size:49px}.hero-lead{font-size:13px}.hero-actions{gap:17px;flex-wrap:wrap}.hero-visual{height:320px}.quick-facts{display:grid;grid-template-columns:1fr 1fr}.fact-more{margin:0}.fact{gap:8px}.fact-icon{width:31px;height:31px}.intro-section{padding-block:60px}.intro-heading h2{font-size:36px}.knowledge-grid{grid-template-columns:1fr}.knowledge-card{min-height:238px}.journey-band{padding:59px 0}.journey-steps{grid-template-columns:1fr;gap:10px}.journey-steps:before{width:1px;height:auto;top:22px;bottom:20px;left:23px;right:auto}.journey-step{flex-direction:row;text-align:left;gap:11px}.journey-step span{width:45px;height:45px;flex-shrink:0}.journey-step b{width:120px}.journey-step small{font-size:9px}.featured-art{height:auto;aspect-ratio:1.1/1}.faq-section{padding-block:60px}.faq-heading h2{font-size:36px}.closing h2{font-size:34px}.footer-grid{grid-template-columns:1fr 1fr;gap:26px 18px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block;line-height:1.8}.footer-bottom span{display:block}.page-hero{padding-top:43px}.page-hero h1{font-size:43px}.page-hero p{font-size:12px}.content-section{padding-block:40px}.content-section h2{font-size:27px}.content-section h3{font-size:17px}.content-cards{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr;gap:16px 13px}.data-table{font-size:10px}.data-table th,.data-table td{padding:8px}.article-shell{width:calc(100% - 36px)}}







/* GI page banner */
.gi-banner{width:100%;margin:0;overflow:hidden;background:#e9e6d9}.gi-banner img{display:block;width:100%;height:auto;object-fit:contain}

/* Rice varieties page banner */
.varieties-banner{width:100%;margin:0;overflow:hidden;background:#e9e6d9}.varieties-banner img{display:block;width:100%;height:auto;object-fit:contain}

/* Rice cultivation page banner */
.cultivation-banner{width:100%;margin:0;overflow:hidden;background:#e9e6d9}.cultivation-banner img{display:block;width:100%;height:auto;object-fit:contain}

/* Rice processing page banner */
.processing-banner{width:100%;margin:0;overflow:hidden;background:#e9e6d9}.processing-banner img{display:block;width:100%;height:auto;object-fit:contain}

/* Rice guide page banner */
.guide-banner{width:100%;margin:0;overflow:hidden;background:#e9e6d9}.guide-banner img{display:block;width:100%;height:auto;object-fit:contain}

/* Rice community page banner */
.community-banner{width:100%;margin:0;overflow:hidden;background:#e9e6d9}.community-banner img{display:block;width:100%;height:auto;object-fit:contain}

.footer-contact{margin-top:12px!important;padding-top:12px;border-top:1px solid #d4d6c9}.footer-contact strong{font-weight:600;color:#354735}.footer-contact a{color:#354735;text-decoration:underline;text-underline-offset:2px}


/* Back to top control */
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:1000;width:48px;height:48px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;background:#244832;color:#fff;font:26px/1 Arial,sans-serif;box-shadow:0 5px 18px rgba(22,38,25,.22);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease,background .2s ease}
.back-to-top.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:#a77b28}.back-to-top:focus-visible{outline:3px solid #d8b85e;outline-offset:3px}
@media(max-width:520px){.back-to-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}