html{margin:0;padding:0;background:#062b20}
:root{--green:#062b20;--green-2:#0f3b2b;--gold:#d6a95c;--gold-2:#b8894e;--ivory:#f7f2e8;--sage:#e8efea;--maroon:#7a342f;--ink:#15231d;--muted:#64746c;--line:rgba(184,137,78,.28);--shadow:0 18px 45px rgba(4,24,18,.16);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--ivory)}
*{box-sizing:border-box}body{margin:0;padding:0;background:#062b20;color:var(--ink)}main{display:block;margin:0;padding:0;background:var(--ivory)}a{color:inherit;text-decoration:none}img,svg{max-width:100%}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-header{position:sticky;top:0;margin:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:14px 7vw;background:linear-gradient(90deg,#031f17,#073124);color:#fff;border-bottom:0}
.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:17px;line-height:.86;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:25px}
.main-nav{display:flex;justify-content:center;gap:28px;font-size:14px}.main-nav a{opacity:.9}.main-nav a:hover{color:var(--gold)}.header-actions{display:flex;align-items:center;gap:12px}.lang-switch,.nav-toggle,.link-button{border:0;background:transparent;color:inherit;cursor:pointer}.nav-toggle{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:12px 22px;border-radius:4px;border:1px solid var(--gold-2);font-weight:750;cursor:pointer}.btn-gold{background:linear-gradient(135deg,#f0c976,#b8894e);color:#10251b}.btn-ghost{color:var(--gold);background:rgba(4,35,25,.55)}.button-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.hero{margin:0;min-height:560px;display:grid;grid-template-columns:1.05fr .78fr;gap:48px;align-items:center;padding:60px 9vw;background:linear-gradient(90deg,rgba(2,22,16,.95) 0%,rgba(4,35,25,.82) 38%,rgba(5,38,28,.56) 72%,rgba(4,30,22,.72) 100%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.22)),url("../img/hero/hero-riau-river.jpg?v=2") center/cover no-repeat;color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px);mask-image:linear-gradient(90deg,transparent,black 35%,black 70%,transparent);pointer-events:none}.hero-content,.hero-panel{position:relative;z-index:1}.eyebrow{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:800}.hero h1,.page-hero h1{font-family:Georgia,serif;font-size:clamp(42px,6vw,76px);line-height:.94;margin:10px 0 22px}.hero h1 span{color:var(--gold)}.hero p,.page-hero p{font-size:18px;line-height:1.6;max-width:620px}
.hero-panel,.panel{background:rgba(255,255,255,.72);border:1px solid rgba(184,137,78,.35);box-shadow:var(--shadow);border-radius:8px}.hero-panel{padding:28px;background:linear-gradient(145deg,rgba(5,48,35,.92),rgba(5,38,29,.78));color:#fff}.hero-panel h2{font-family:Georgia,serif;margin-top:0}.trust-item{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;margin:18px 0}.trust-item span:first-child{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}.trust-item strong{display:block}.trust-item small{color:#d8e7df}
.section{padding:34px 7vw}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.section-title h2,.bento h2,.admin-title h1{font-family:Georgia,serif;font-size:32px;margin:0}.arrow-link{display:inline-flex;color:#0e3b2b;font-weight:800;margin-top:10px}.arrow-link:after{content:"->";margin-left:8px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:#fff;border:1px solid #ddd3c3;border-radius:8px;overflow:hidden;box-shadow:0 6px 20px rgba(10,22,17,.08)}.product-photo{height:154px;display:block;position:relative;background:#e8dfcf;overflow:hidden}.product-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.product-card:hover .product-photo img{transform:scale(1.04)}.product-photo span{position:absolute;left:16px;bottom:-24px;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#083324;color:var(--gold);border:1px solid var(--gold)}.product-card div:last-child{padding:30px 18px 18px}.product-card h3{font-family:Georgia,serif;margin:0 0 8px;font-size:23px}.product-card p{color:#34443d;line-height:1.45}.mini-meta{display:flex;gap:8px;flex-wrap:wrap}.mini-meta span,.pill{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px;background:#fff7e9}
.photo-wild-forest-honey{background:radial-gradient(circle at 22% 22%,#ffd26e,transparent 18%),linear-gradient(135deg,#633a13,#efb556)}.photo-single-origin-liberica-beans{background:radial-gradient(circle,#5a2d18 0 26%,transparent 27%) 0 0/38px 38px,#a76b3b}.photo-premium-sago-starch{background:radial-gradient(circle at 55% 35%,#fff 0 24%,transparent 25%),linear-gradient(135deg,#d7d0bf,#f7f2e8)}.photo-songket-inspired-batik-scarf{background:repeating-linear-gradient(45deg,#7a342f 0 12px,#d6a95c 12px 16px,#10251b 16px 28px)}.photo-woven-rattan-gift-set{background:repeating-linear-gradient(35deg,#c59d65 0 8px,#8c653c 8px 16px)}.photo-virgin-coconut-oil{background:radial-gradient(circle at 22% 44%,#f8f1dd 0 15%,transparent 16%),linear-gradient(135deg,#1d6946,#efc46d)}
.bento-grid{display:grid;grid-template-columns:1fr 1.1fr .8fr .8fr;gap:16px}.bento{padding:24px}.dark-bento{background:linear-gradient(145deg,#05291f,#0c3d2c);color:#fff}.dark-bento a,.dark-bento .arrow-link{color:var(--gold)}.exporter-row{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(214,169,92,.24)}.logo-box{display:grid;place-items:center;width:52px;height:52px;border-radius:8px;background:#fff;color:var(--gold-2);font-family:Georgia,serif;font-weight:900}.stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stat strong{font-size:30px;color:var(--gold)}.cert-row{display:flex;gap:14px;flex-wrap:wrap}.cert-row span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:1px solid var(--line);font-weight:900;color:var(--maroon);background:#fff}
.page-hero{padding:72px 8vw;background:linear-gradient(135deg,#062b20,#103b2b);color:#fff}.content-grid{display:grid;grid-template-columns:280px 1fr;gap:24px;padding:28px 7vw}.filter-panel{position:sticky;top:92px;align-self:start;padding:20px}.filter-panel label,.form-grid label,.newsletter label{display:grid;gap:8px;font-weight:750;color:#26362f}.filter-panel select,.filter-panel input,.form-grid input,.form-grid select,.form-grid textarea,.toolbar input,.toolbar select,.newsletter input{width:100%;min-height:42px;border:1px solid #d5c7b3;border-radius:4px;padding:10px;background:#fff;color:var(--ink)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:24px}.form-grid .full{grid-column:1/-1}.form-grid textarea{min-height:120px}.notice{margin:24px 7vw 0;padding:14px 18px;border-radius:6px}.notice.good{background:#e5f4eb;color:#0e5631}.notice.bad{background:#fde7e2;color:#7a342f}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:34px 7vw}.detail-media{height:430px;border-radius:8px}.spec-table,.table-wrap table{width:100%;border-collapse:collapse;background:#fff}.spec-table th,.spec-table td,.table-wrap th,.table-wrap td{padding:13px;border-bottom:1px solid #eadfcd;text-align:left}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:30px 7vw}.info-card{padding:22px;background:#fff;border:1px solid #dfd3c1;border-radius:8px}
.admin-body{display:grid;grid-template-columns:280px 1fr;background:#f4efe5}.admin-sidebar{min-height:100vh;background:#05291f;color:#fff;padding:22px;position:sticky;top:0}.admin-sidebar nav{display:grid;gap:6px;margin-top:26px;max-height:82vh;overflow:auto}.admin-sidebar a{padding:10px;border-radius:4px}.admin-sidebar nav a:hover{background:rgba(214,169,92,.15)}.admin-main{padding:28px;min-width:0}.admin-title{display:flex;justify-content:space-between;gap:20px;align-items:center}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.metric{padding:20px;background:#fff;border-radius:8px;border:1px solid #dfd3c1}.metric strong{display:block;font-size:34px;color:#0b3a2b}.toolbar{display:flex;gap:12px;margin-bottom:14px}.table-wrap{overflow:auto}.panel{padding:22px}
.site-footer{background:#05291f;color:#fff;padding:32px 7vw 18px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr 1.5fr;gap:28px}.footer-grid a{display:block;color:#dbe7e1;margin:8px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(214,169,92,.22);margin-top:24px;padding-top:14px;color:#c9d4ce;font-size:13px}
@media(max-width:980px){.site-header{grid-template-columns:auto auto;justify-content:space-between}.nav-toggle{display:block}.main-nav{display:none;grid-column:1/-1;justify-content:start;flex-wrap:wrap}.main-nav.open{display:flex}.header-actions{grid-column:1/-1}.hero,.detail-grid,.content-grid{grid-template-columns:1fr}.product-grid,.cards-grid{grid-template-columns:repeat(2,1fr)}.bento-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.admin-body{grid-template-columns:1fr}.admin-sidebar{position:static;min-height:auto}.admin-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.site-header,.section,.content-grid,.detail-grid,.cards-grid,.site-footer{padding-left:18px;padding-right:18px}.hero{padding:50px 18px}.product-grid,.cards-grid,.bento-grid,.form-grid,.footer-grid,.admin-grid{grid-template-columns:1fr}.section-title,.footer-bottom,.admin-title,.toolbar{display:grid}.hero h1,.page-hero h1{font-size:42px}.filter-panel{position:static}}