*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#222;font-family:"Trebuchet MS",Arial,sans-serif;background:#fff;font-size:14px}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.topbar{height:48px;background:#f6f6f6}.top-inner{max-width:1280px;margin:auto;height:100%;display:flex;justify-content:flex-end;align-items:center;gap:28px;padding:0 20px}.top-inner span{font:bold 18px Arial}.top-inner select{border:1px solid #ddd;background:#fff;padding:10px 16px;color:#666}header{background:#f7f7f7;position:relative;z-index:20}.header-inner{max-width:1280px;margin:auto;height:126px;display:flex;align-items:center;padding:0 20px}.logo{width:145px}.logo img{max-height:52px;width:auto}.header-inner nav{margin-left:auto;display:flex;align-items:stretch;gap:62px;font-size:14px;height:126px}.header-inner nav>a,.nav-item>a{height:126px;display:flex;align-items:center;padding:0}.header-inner nav a:hover{color:#61ad35}.nav-item{position:relative;height:126px;display:flex;align-items:stretch}.dropdown{visibility:hidden;opacity:0;pointer-events:none;position:absolute;top:100%;left:-25px;background:#fff;min-width:190px;box-shadow:0 4px 14px #0003;padding:7px 0}.dropdown:before{content:"";position:absolute;top:-9px;left:55px;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid white}.dropdown a{display:block;padding:13px 18px;color:#777;font-size:12px;white-space:nowrap}.nav-item:hover .dropdown,.nav-item:focus-within .dropdown{visibility:visible;opacity:1;pointer-events:auto}.dropdown{transition:opacity .15s ease;z-index:100}.menu-btn{display:none;margin-left:auto;border:0;background:none;font-size:28px}.hero-home{height:650px;position:relative;overflow:hidden;background:#ddd}.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity 1s ease}.hero-slide.active{opacity:1}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:60px;border:0;background:#0002;color:#fff;font-size:38px;cursor:pointer;opacity:0;transition:.2s}.hero-home:hover .hero-arrow{opacity:1}.hero-prev{left:18px}.hero-next{right:18px}.hero-dots{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:9px}.hero-dots button{width:9px;height:9px;border-radius:50%;border:1px solid #fff;background:#ffffff66;padding:0}.hero-dots button.active{background:#fff}.home-main{max-width:1280px;margin:auto;padding:0 20px}.intro{text-align:center;padding:48px 12% 54px}.intro small{color:#555}.intro h1{font-size:31px;line-height:1.55;margin:56px 0 65px;font-weight:800}.intro p{color:#747474;line-height:1.5;margin:24px auto;max-width:750px}.green-btn{display:inline-block;margin-top:8px;background:#61ae34;color:white;border-radius:25px;padding:11px 25px;font-weight:bold}hr{border:0;border-top:1px solid #ddd;margin:0}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:60px 0 48px}.tiles img{width:100%;height:260px;object-fit:cover}.articles{padding:35px 0}.articles h2{font-size:15px;margin-bottom:10px}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.article-card{background:#f8f8f8;min-width:0}.article-card img{width:100%;height:225px;object-fit:cover}.card-body{padding:9px 10px 16px}.article-card h3{font-size:14px;font-weight:500;line-height:1.25;margin:0 0 11px}.article-card p{font-size:11px;line-height:1.45;color:#888;min-height:48px}.read-btn{display:inline-block;background:#ff5a57;color:#fff;padding:7px 10px;font-size:10px}.bottom-tiles{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:34px 0 62px}.bottom-tiles a{position:relative;height:185px;overflow:hidden}.bottom-tiles img{width:100%;height:100%;object-fit:cover;filter:brightness(.78)}.bottom-tiles span{position:absolute;left:33px;top:30px;color:white;font-size:23px;line-height:1.15}.page-banner{height:330px;background:center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:white;text-align:center}.page-banner h1{font:48px Georgia,serif;text-shadow:0 2px 7px #0008}.article-hero{background-image:linear-gradient(#0004,#0007),url('../uploads/2023/12/banner03.jpg')}.page-content{max-width:1050px;margin:auto;padding:65px 25px 90px}.page-content.wide{max-width:1280px}.prose{font-size:15px;line-height:1.8;color:#555}.prose h2,.prose h3{font-family:Georgia,serif;color:#222}.prose h2{font-size:34px}.prose h3{font-size:27px}.prose p{margin:0 0 20px}.content-image,.featured{margin:28px auto;max-height:650px;object-fit:contain}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.gallery img{width:100%;height:250px;object-fit:cover}.center{text-align:center}.post-banner{height:370px}.post-prose .featured{width:100%;max-height:550px;object-fit:cover}.whatsapp{position:fixed;right:17px;bottom:12px;background:white;border:1px solid #bbb;color:#888;border-radius:18px;padding:7px 15px;z-index:30;font-size:12px}footer{max-width:1280px;margin:auto;padding:25px 20px 20px}.footer-grid{border-top:1px solid #ddd;display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:45px 0 32px}.footer-grid h5{font-size:10px}.footer-grid a{display:block;color:#888;font-size:10px;margin:12px 0}.copyright{text-align:center;border-top:1px solid #ddd;padding-top:20px;color:#999;font-size:9px}@media(max-width:900px){.topbar{height:38px}.header-inner{height:85px}.menu-btn{display:block}.header-inner nav{display:none;position:absolute;top:85px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:15px 28px;box-shadow:0 10px 20px #0002}.header-inner nav.open{display:flex}.header-inner nav>a,.nav-item>a{height:auto;padding:10px 0}.nav-item{height:auto;display:block}.dropdown{visibility:visible;opacity:1;pointer-events:auto;display:block;position:static;box-shadow:none;padding-left:15px}.hero-home{height:440px}.intro{padding:38px 10px}.intro h1{margin:35px 0;font-size:27px}.tiles,.bottom-tiles{grid-template-columns:1fr}.tiles img{height:auto}.article-grid{grid-template-columns:repeat(2,1fr)}.article-card img{height:180px}.gallery{grid-template-columns:repeat(2,1fr)}.bottom-tiles span{font-size:19px}.page-banner h1{font-size:36px}}@media(max-width:520px){.article-grid{grid-template-columns:1fr}.article-card img{height:auto}.gallery{grid-template-columns:1fr}.footer-grid{gap:20px}}
/* V3.3 fidelity and navigation fixes */
.header-inner{max-width:1280px;height:124px;padding-left:20px;padding-right:20px}
.header-inner nav{height:124px;gap:58px}
.header-inner nav>a,.nav-item>a{height:124px}
.nav-item{height:124px}
.nav-item::after{content:"";position:absolute;left:-20px;right:-20px;top:100%;height:18px}
.dropdown{top:calc(100% - 1px);left:-24px;z-index:500;min-width:195px}
.hero-home.official-home-hero{height:650px;background:#ddd}
.hero-home.official-home-hero .hero-slide{background-position:center center;background-size:cover}
@media(min-width:1500px){.header-inner,.home-main,footer{max-width:1280px}}
@media(max-width:900px){.header-inner{height:85px}.header-inner nav{height:auto}.nav-item{height:auto}}


/* V3.4 home/header/footer fidelity improvements */
body{font-family:Arial,Helvetica,sans-serif;color:#222;background:#fff}
.topbar{height:44px;background:#f5f5f5;border-bottom:1px solid #ececec}
.top-inner{max-width:1460px;padding:0 28px;gap:30px}
.top-inner span{font:700 18px Arial;color:#111}
.top-inner select{height:36px;padding:0 16px;border:1px solid #d8d8d8;color:#666;background:#fff;border-radius:2px;font-size:14px}
.site-header{background:#f5f5f5}
.header-inner{max-width:1460px;height:136px;padding:0 28px}
.logo{width:128px;display:flex;align-items:center}
.logo img{max-height:52px;width:auto}
.header-inner nav{height:136px;gap:58px;font-size:13px;letter-spacing:0}
.header-inner nav>a,.nav-item>a,.nav-item{height:136px}
.header-inner nav a{color:#333}
.header-inner nav a:hover{color:#6db046}
.dropdown{min-width:205px;left:-18px;box-shadow:0 8px 20px rgba(0,0,0,.08);border:1px solid #eee}
.dropdown a{font-size:13px;padding:14px 16px;color:#575757}
.dropdown a:hover{background:#fafafa;color:#61ad35}
.hero-home.official-home-hero{position:relative;height:646px;background:#d9d9d9;overflow:hidden}
.hero-seq-slide{position:absolute;inset:0;background-position:center top;background-repeat:no-repeat;background-size:cover;opacity:0;transition:opacity 1.2s ease}
.hero-seq-slide.active{opacity:1}
.hero-home .hero-arrow,.hero-home .hero-dots,.hero-home .hero-slide{display:none!important}
.home-main{max-width:1280px;padding:0 22px}
.intro{padding:64px 14% 58px}
.intro small{display:block;font-size:15px;color:#555;margin-bottom:26px}
.intro h1{font-family:Arial,Helvetica,sans-serif;font-size:44px;line-height:1.42;font-weight:700;letter-spacing:.01em;margin:0 0 34px;color:#1f1f1f}
.intro p{max-width:840px;color:#6e6e6e;line-height:1.9;font-size:14px;margin:0 auto 22px}
.green-btn{margin-top:10px;border-radius:30px;padding:11px 22px;font-size:12px}
.tiles{padding:52px 0 44px;gap:18px}
.tiles img{height:250px;object-fit:cover}
.articles{padding:28px 0 10px}
.articles h2{font-size:16px;margin-bottom:12px;font-weight:700}
.article-grid{gap:20px}
.article-card{background:#fff}
.article-card img{height:170px}
.card-body{padding:10px 8px 12px}
.article-card h3{font-size:13px;line-height:1.35;color:#333;font-weight:400;margin-bottom:8px}
.article-card p{font-size:11px;line-height:1.55;color:#777;min-height:52px;margin-bottom:8px}
.read-btn{background:#ff5a57;padding:7px 10px;border-radius:2px;font-size:10px}
.bottom-tiles{padding:34px 0 56px;gap:20px}
.bottom-tiles a{height:182px}
.bottom-tiles img{filter:brightness(.85)}
.bottom-tiles span{left:43px;top:29px;font-family:Arial,Helvetica,sans-serif;font-size:22px;line-height:1.23;text-shadow:0 2px 6px rgba(0,0,0,.18)}
.site-footer{max-width:1280px;padding:0 22px 22px}
.footer-grid{padding:46px 0 36px;gap:180px}
.footer-grid h5{font-size:14px;font-weight:700;letter-spacing:0;margin:0 0 18px;color:#111}
.footer-grid a{font-size:14px;color:#7a7a7a;margin:18px 0}
.copyright{font-size:14px;color:#8f8f8f;padding-top:24px}
.hero-seq-fade{position:absolute;inset:0;pointer-events:none}
@media(max-width:1200px){.header-inner,.top-inner{max-width:100%}.header-inner nav{gap:34px}.intro{padding-left:8%;padding-right:8%}}
@media(max-width:900px){.topbar{height:38px}.header-inner{height:85px}.logo{width:118px}.header-inner nav{height:auto;gap:0}.header-inner nav>a,.nav-item>a,.nav-item{height:auto}.hero-home.official-home-hero{height:360px}.intro{padding:40px 10px}.intro h1{font-size:32px}.tiles img{height:auto}.article-grid{grid-template-columns:repeat(2,1fr)}.bottom-tiles a{height:200px}.footer-grid{gap:32px}.footer-grid h5,.footer-grid a,.copyright{font-size:12px}}
@media(max-width:520px){.hero-home.official-home-hero{height:250px}.article-grid{grid-template-columns:1fr}.bottom-tiles span{font-size:18px;left:20px;top:20px}.footer-grid{grid-template-columns:1fr}}

/* V3.5 dynamic home hero and bottom tile fidelity fixes */
.dynamic-home-hero{position:relative;height:646px;overflow:hidden;background:#d9d9d9}
.dynamic-home-hero .hero-bg{position:absolute;inset:0;background-position:center top;background-repeat:no-repeat;background-size:cover;filter:brightness(.8)}
.dynamic-home-hero .hero-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 1.25s ease}
.dynamic-home-hero .hero-overlay.active{opacity:1}
.dynamic-home-hero .hero-copy-inner{max-width:1100px;text-align:center;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.12);padding:0 20px}
.dynamic-home-hero .hero-kicker{font-family:Georgia,"Times New Roman",serif;font-size:54px;line-height:1.08;font-weight:700}
.dynamic-home-hero .hero-title{font-family:Georgia,"Times New Roman",serif;font-size:76px;line-height:1.05;font-weight:700}
.dynamic-home-hero .hero-copy-1 .hero-copy-inner{transform:translateY(26px)}
.dynamic-home-hero .hero-question{font-family:Georgia,"Times New Roman",serif;font-size:54px;line-height:1.18;font-weight:400;white-space:normal}
.dynamic-home-hero .hero-image-panel img,
.dynamic-home-hero .hero-logo-frame img{width:100%;height:100%;object-fit:cover;display:block}
.dynamic-home-hero .hero-image-panel img{object-position:center center}
.dynamic-home-hero .hero-logo-frame img{object-position:center center}
.bottom-tiles-imageonly a{height:258px}
.bottom-tiles-imageonly img{width:100%;height:100%;object-fit:cover;filter:none}
.bottom-tiles-imageonly span{display:none}
@media(max-width:900px){
  .dynamic-home-hero{height:360px}
  .dynamic-home-hero .hero-kicker{font-size:28px}
  .dynamic-home-hero .hero-title{font-size:48px}
  .dynamic-home-hero .hero-question{font-size:32px}
  .bottom-tiles-imageonly a{height:auto}
}
@media(max-width:520px){
  .dynamic-home-hero{height:250px}
  .dynamic-home-hero .hero-kicker{font-size:22px}
  .dynamic-home-hero .hero-title{font-size:34px}
  .dynamic-home-hero .hero-question{font-size:22px}
}

/* V3.6 subpage fidelity fixes for About Us, Manufacturing and Taiwan Rice Introduction */
.simple-crumb{border-top:1px solid #ececec;border-bottom:1px solid #ececec;background:#fff}
.simple-crumb-inner{max-width:1280px;margin:0 auto;padding:16px 24px;font-size:11px;line-height:1;color:#8a8a8a;display:flex;align-items:center;gap:10px;letter-spacing:.02em;text-transform:uppercase}
.crumb-home{font-size:13px;color:#8a8a8a}
.crumb-sep{color:#b7b7b7}
.subpage-shell{max-width:1280px;margin:0 auto;padding:24px 24px 90px}
.subpage-title{font-size:28px;line-height:1.2;color:#1f2d3d;font-weight:500;margin:28px 0 24px 150px}
.about-page-shell{padding-top:18px}
.about-video-wrap{display:flex;justify-content:center;margin:10px auto 34px}
.about-video-frame{width:min(640px,100%);aspect-ratio:16/9;background:#000}
.about-video-frame iframe{width:100%;height:100%}
.about-lead-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(290px,.78fr);gap:48px;align-items:center;margin:0 0 28px}
.about-copy h2,.about-copy-block h2{font:700 18px Georgia,"Times New Roman",serif;color:#111;margin:0 0 18px}
.about-copy p,.about-copy-block p{font-size:13px;line-height:1.85;color:#444;margin:0 0 12px}
.about-copy-block{margin:0 0 26px}
.about-side-image img{width:100%;height:auto;object-fit:cover}
.about-wide-image,.about-icons-image{margin:28px 0 28px}
.about-wide-image img,.about-icons-image img{width:100%;height:auto;display:block}
.manufacturing-shell{padding-top:12px;padding-bottom:110px}
.mfg-intro{max-width:700px;margin:0 0 42px 0;font-size:13px;line-height:1.85;color:#495057}
.mfg-table{display:grid;gap:26px;max-width:1020px}
.mfg-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}
.mfg-label{font-size:13px;line-height:1.5;font-weight:700;color:#5a6470;text-align:right;padding-top:1px}
.mfg-text{font-size:13px;line-height:1.85;color:#495057;max-width:660px}
.rice-intro-shell{padding-top:24px;padding-bottom:100px}
.intro-image-card{position:relative;display:block;overflow:hidden;margin:0 auto 34px;max-width:1180px;background:#ddd}
.intro-image-card img{width:100%;height:auto;display:block;transition:transform .3s ease}
.intro-image-card::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.18);transition:background .3s ease;z-index:1}
.intro-image-card span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;color:#fff;font-size:27px;line-height:1.15;font-weight:700;letter-spacing:.04em;text-align:center;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.18)}
.intro-image-card:hover::before{background:rgba(0,0,0,.34)}
.intro-image-card:hover img{transform:scale(1.03)}
.intro-image-card.static-single{cursor:default}
@media (max-width:900px){
  .simple-crumb-inner,.subpage-shell{padding-left:16px;padding-right:16px}
  .subpage-title{margin-left:0;font-size:24px}
  .about-lead-grid{grid-template-columns:1fr;gap:24px}
  .mfg-row{grid-template-columns:1fr;gap:8px}
  .mfg-label{text-align:left}
  .intro-image-card span{font-size:20px;white-space:normal;width:90%}
}

/* V3.7 separate listing pages by WordPress category */
.listing-shell{max-width:1280px;margin:0 auto;padding:34px 24px 90px}
.listing-title{text-align:center;font-size:25px;font-weight:500;color:#222;margin:6px 0 28px}
.listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 22px;align-items:start}
.listing-grid .article-card{background:#f7f7f7;height:100%}
.listing-grid .article-card img{width:100%;height:235px;object-fit:cover}
.listing-grid .card-body{padding:12px 13px 17px}
.listing-grid .article-card h3{font-size:14px;line-height:1.35;min-height:38px;margin:0 0 8px;color:#333}
.listing-grid .article-card p{font-size:11px;line-height:1.55;min-height:35px;margin:0 0 12px;color:#777}
.listing-grid .read-btn{display:inline-block;background:#ff5a57;color:#fff;padding:7px 10px;font-size:10px;border-radius:2px}
@media(max-width:900px){.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.listing-grid .article-card img{height:210px}}
@media(max-width:560px){.listing-shell{padding-left:14px;padding-right:14px}.listing-grid{grid-template-columns:1fr}.listing-grid .article-card img{height:auto}}


/* V4.1 working social links */
.facebook-link{font:bold 18px Arial;color:#111;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:30px;text-decoration:none}
.facebook-link:hover{color:#1877f2}
.whatsapp{cursor:pointer;text-decoration:none}
.whatsapp:hover{background:#f7fff8;border-color:#25d366;color:#555}