:root{
  --forest:#063b2b; --forest2:#0c5139; --gold:#d2ad52; --cream:#f5f1e5;
  --paper:#fffdf6; --ink:#12352a; --muted:#61736b; --line:#dce2d8;
  --max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Georgia,"Times New Roman",serif;background:var(--cream);color:var(--ink);line-height:1.6}
a{text-decoration:none;color:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.sans{font-family:Arial,Helvetica,sans-serif}

/* Header */
header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(4,42,31,.95);border-bottom:1px solid rgba(210,173,82,.28);backdrop-filter:blur(12px)}
nav{height:82px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;color:#fff}
.brand img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}
.brand-name{font:800 15px Arial,sans-serif;letter-spacing:.08em}
.brand-sub{display:block;color:#dec675;font:10px Arial,sans-serif;letter-spacing:.19em;margin-top:3px}
.navlinks{display:flex;gap:28px;color:#eef3ee;font:600 12px Arial,sans-serif}
.navlinks a:hover{color:#e5c66e}

/* Hero */
.hero{
  min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;
  padding:130px 0 80px;background:
  linear-gradient(90deg,rgba(3,43,31,.97) 0%,rgba(3,43,31,.91) 45%,rgba(3,43,31,.50) 100%),
  radial-gradient(circle at 82% 35%,rgba(210,173,82,.24),transparent 30%),
  #073a2b;
}
.hero:before{
  content:"";position:absolute;inset:0;opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:55px 55px;
}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;position:relative;z-index:1}
.eyebrow,.section-label{font:800 10px Arial,sans-serif;letter-spacing:.23em;color:#e2c36d;text-transform:uppercase}
h1{font-size:clamp(46px,6.4vw,84px);line-height:.95;letter-spacing:-.045em;color:#fff;margin:18px 0 27px}
h1 span{color:#dfbd60}
.lead{font:16px/1.8 Arial,sans-serif;color:#c1cdc7;max-width:650px}
.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}
.btn{font:700 11px Arial,sans-serif;letter-spacing:.05em;padding:14px 20px;border-radius:2px}
.btn.gold{background:var(--gold);color:#13271e}
.btn.outline{border:1px solid rgba(255,255,255,.38);color:#fff}
.hero-logo{display:flex;align-items:center;justify-content:center;position:relative}
.hero-logo:before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(210,173,82,.28);border-radius:50%}
.hero-logo img{position:relative;z-index:2;width:min(380px,78vw);height:min(380px,78vw);object-fit:cover;border-radius:50%;box-shadow:0 28px 90px rgba(0,0,0,.45)}

/* General */
section{padding:105px 0}
.section-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}
h2{font-size:clamp(35px,4.6vw,59px);line-height:1.03;letter-spacing:-.035em;margin-top:12px}
h2 span{color:var(--forest2)}
.copy{font:15px/1.9 Arial,sans-serif;color:var(--muted)}
.about{background:var(--paper)}
.about-card{background:#fff;border-left:4px solid var(--gold);padding:34px;box-shadow:0 14px 45px rgba(20,55,40,.07)}
.about-card p{font:15px/1.9 Arial,sans-serif;color:#53665e}
.about-card p+p{margin-top:16px}
.location{display:flex;gap:10px;margin-top:22px;font:12px Arial,sans-serif;color:var(--ink)}
.location b{color:var(--forest2)}

/* Products */
.products{background:#e9eee5}
.heading{max-width:750px}
.heading .copy{margin-top:14px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}
.photo-credit{margin-top:18px;font-size:9px;line-height:1.6;color:#718179}
.product{background:#fff;border:1px solid var(--line);overflow:hidden;transition:.25s}
.product:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(15,60,42,.11)}
.product-photo{height:145px;background:linear-gradient(135deg,#174d37,#83a87f);position:relative;overflow:hidden}
.product-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;position:relative;z-index:1}
.product-photo:has(img):after{z-index:2}
.product-photo .tree-symbol{display:none}
.product-photo:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.25),transparent 30%),linear-gradient(0deg,rgba(0,40,25,.48),transparent)}
.product:nth-child(2) .product-photo{background:linear-gradient(135deg,#365e35,#b4c789)}
.product:nth-child(3) .product-photo{background:linear-gradient(135deg,#244c55,#7fa6a0)}
.product:nth-child(4) .product-photo{background:linear-gradient(135deg,#24452d,#789b69)}
.tree-symbol{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#fff;font-size:55px;text-shadow:0 3px 14px rgba(0,0,0,.35)}
.product-body{padding:23px 22px 26px}
.product-body h3{font-size:22px;color:var(--forest);margin-bottom:7px}
.product-body small{display:block;font:700 9px Arial,sans-serif;color:#8a9a91;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}
.product-body p{font:13px/1.7 Arial,sans-serif;color:var(--muted)}

/* Export */
.export{background:var(--forest);color:#fff;position:relative;overflow:hidden}
.export:after{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(210,173,82,.15);border-radius:50%;right:-250px;top:-280px}
.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;position:relative;z-index:1}
.export h2 span{color:#e0be61}
.export .copy{color:#b8c7c0;margin-top:18px}
.feature-list{margin-top:22px}
.feature{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.feature:last-child{border-bottom:0}
.feature-icon{width:36px;height:36px;flex:none;border:1px solid #d6b45a;color:#d6b45a;border-radius:50%;display:grid;place-items:center;font:16px Arial}
.feature h3{font-size:17px}.feature p{font:12px/1.65 Arial,sans-serif;color:#9eb0a8;margin-top:2px}

/* Highlights */
.highlights{background:#fff}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:42px}
.stat{text-align:center;padding:42px 18px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat strong{display:block;font:bold 50px Arial,sans-serif;color:var(--forest);letter-spacing:-.05em}
.stat span{font:700 10px Arial,sans-serif;color:#718179;letter-spacing:.15em;text-transform:uppercase}


/* Owner Profile */
.owner-profile{background:linear-gradient(180deg,#f7f4ea 0%,#eef1e8 100%);position:relative;overflow:hidden}
.owner-profile:before{content:"";position:absolute;inset:auto -12% -25% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(210,173,82,.18),transparent 68%)}
.owner-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;position:relative;z-index:1}
.owner-kicker{display:flex;align-items:center;gap:12px;margin-bottom:18px;font:800 11px Arial,sans-serif;letter-spacing:.18em;color:#9a7427;text-transform:uppercase}
.owner-kicker:after{content:"";height:1px;width:86px;background:#d2ad52}
.owner-name{font-size:clamp(44px,5.4vw,72px);line-height:1.02;margin:0 0 12px;color:#12352a}
.owner-role{font-size:22px;color:#35584a;margin-bottom:24px}
.owner-role strong{display:block;font:700 13px Arial,sans-serif;letter-spacing:.12em;color:#8d6a25;text-transform:uppercase;margin-top:5px}
.owner-lead{font:17px/1.85 Arial,sans-serif;color:#50665c;max-width:650px}
.owner-vision{margin-top:28px;border:1px solid rgba(18,53,42,.18);padding:18px 20px;max-width:520px;background:rgba(255,255,255,.52)}
.owner-vision b{display:block;font:700 12px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#9a7427;margin-bottom:6px}
.owner-vision p{font:16px/1.6 Georgia,serif;color:#21463a}
.owner-photo-stage{position:relative;min-height:650px;display:flex;align-items:flex-end;justify-content:center;padding:36px 30px 0;border-radius:34px;overflow:hidden;background:linear-gradient(120deg,rgba(7,47,34,.18),rgba(7,47,34,.03)),url('../images/experience-05.jpg') center/cover}
.owner-photo-stage:before{content:"";position:absolute;inset:28px;border:1px solid rgba(210,173,82,.72);border-radius:42% 58% 45% 55% / 50% 43% 57% 50%;pointer-events:none}
.owner-photo-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,43,31,.55),transparent 50%);pointer-events:none}
.owner-photo{position:relative;z-index:1;width:min(100%,430px);max-height:610px;object-fit:cover;object-position:center 18%;border-radius:28px 28px 0 0;box-shadow:0 24px 70px rgba(0,0,0,.3)}
.owner-story{padding-top:28px;background:#fffdf6}
.owner-story-head{text-align:center;max-width:900px;margin:0 auto 42px}
.owner-story-head h2{font-size:clamp(34px,4.3vw,58px)}
.owner-story-head .copy{margin-top:14px}
.owner-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.owner-card{background:#fff;border:1px solid var(--line);padding:30px;box-shadow:0 12px 34px rgba(18,53,42,.05)}
.owner-card .owner-card-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--gold);color:#9a7427;font-size:24px;margin-bottom:16px}
.owner-card h3{font-size:24px;color:#173d30;margin-bottom:12px}
.owner-card p{font:14px/1.85 Arial,sans-serif;color:#607169}
.owner-success{margin-top:34px;background:linear-gradient(110deg,#0b422f,#0e5a3f);color:#fff;padding:42px;display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.owner-success h3{font-size:34px;margin-bottom:14px}.owner-success p{font:15px/1.9 Arial,sans-serif;color:#d3ded8}.owner-quote{border-left:2px solid var(--gold);padding:10px 0 10px 22px;font-size:23px;line-height:1.45;color:#fff;font-style:italic}
.owner-sign{margin-top:16px;font:700 13px Arial,sans-serif;letter-spacing:.08em;color:#e4c56d}
@media(max-width:850px){.owner-wrap,.owner-success{grid-template-columns:1fr}.owner-photo-stage{min-height:560px;order:-1}.owner-cards{grid-template-columns:1fr}.owner-success{padding:30px}.owner-name{font-size:50px}}
@media(max-width:620px){.owner-profile{padding-top:78px}.owner-photo-stage{min-height:470px;padding:22px 16px 0;border-radius:24px}.owner-photo-stage:before{inset:18px}.owner-photo{max-height:440px;border-radius:22px 22px 0 0}.owner-role{font-size:19px}.owner-lead{font-size:16px}.owner-card{padding:24px}}

/* Sustainability strip */
.sustain{background:linear-gradient(90deg,#083d2c,#155b40);color:#fff;padding:35px 0;border-top:1px solid rgba(210,173,82,.3);border-bottom:1px solid rgba(210,173,82,.3)}
.sustain-grid{display:flex;justify-content:space-between;align-items:center;gap:40px}
.sustain h3{font-size:27px}.sustain p{font:12px/1.7 Arial,sans-serif;color:#c2cec8;max-width:540px}

/* Contact */
.contact{background:#f0eee4}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px}
.contact-panel{background:#073b2b;padding:34px;color:#fff}
.contact-row{display:flex;gap:15px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.contact-row:last-child{border-bottom:0}
.contact-icon{width:38px;height:38px;border:1px solid #d5b359;color:#d5b359;display:grid;place-items:center;font:15px Arial}
.contact-row small{display:block;font:9px Arial,sans-serif;color:#9fb0a8;letter-spacing:.16em;text-transform:uppercase}
.contact-row b{display:block;font:13px/1.65 Arial,sans-serif;margin-top:3px}
.phone-cta{text-align:center;padding:22px 10px 8px;border-bottom:0;display:block}
.phone-cta small{display:block;margin-bottom:10px}
.contact-hint{font:15px/1.5 Georgia,serif;color:#fff;margin-bottom:14px}
.contact-hint strong{color:#e2c36d}
.contact-here-btn{display:inline-block;border:1px solid #d5b359;background:#d2ad52;color:#13271e;padding:13px 28px;font:700 12px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:.2s}
.contact-here-btn:hover{background:#e0be61;transform:translateY(-1px)}
.whatsapp-response{display:none;margin:14px auto 0;padding:13px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(213,179,89,.45);max-width:300px;font:700 13px/1.5 Arial,sans-serif;color:#fff}
.whatsapp-response.show{display:block}
.whatsapp-response a{color:#e2c36d}
.form{background:#fff;padding:30px;border:1px solid var(--line)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
input,select,textarea{width:100%;border:1px solid #d6ddd5;background:#fcfcf8;padding:13px;font:12px Arial,sans-serif;color:#294238;outline:none}
textarea{min-height:120px;resize:vertical}.full{grid-column:1/-1}
.form button{border:0;cursor:pointer;margin-top:13px}


/* Mobile navigation */
.menu-toggle{
  display:none;
  border:1px solid rgba(255,255,255,.35);
  background:transparent;
  color:#fff;
  width:42px;
  height:42px;
  border-radius:4px;
  font:22px/1 Arial,sans-serif;
  cursor:pointer;
}
.mobile-nav{
  display:none;
}
@media(max-width:850px){
  .menu-toggle{display:grid;place-items:center}
  .mobile-nav{
    position:absolute;
    top:82px;
    left:0;
    right:0;
    display:flex;
    flex-direction:column;
    gap:0;
    padding:8px 20px 14px;
    background:rgba(4,42,31,.98);
    border-top:1px solid rgba(210,173,82,.2);
    box-shadow:0 16px 30px rgba(0,0,0,.18);
    transform:translateY(-12px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.2s ease;
  }
  .mobile-nav.open{
    transform:translateY(0);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .mobile-nav a{
    padding:12px 4px;
    color:#eef3ee;
    border-bottom:1px solid rgba(255,255,255,.08);
    font:600 12px Arial,sans-serif;
  }
  .mobile-nav a:last-child{border-bottom:0}
  .mobile-nav a:hover{color:#e5c66e}
}

/* Footer */
footer{background:#041b13;color:#81958b;padding:27px 0}
.footer{display:flex;align-items:center;justify-content:space-between;font:10px Arial,sans-serif}
.footer-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;letter-spacing:.1em}
.footer-brand img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.disclaimer{margin-top:9px;color:#657a70;font:9px/1.5 Arial,sans-serif;max-width:700px}

/* Mobile */
@media(max-width:850px){
 .navlinks{display:none}
 .hero-grid,.section-grid,.export-grid,.contact-grid{grid-template-columns:1fr}
 .hero-logo{order:-1}.hero-logo:before{width:320px;height:320px}
 .product-grid{grid-template-columns:1fr 1fr}
 .stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}
 .sustain-grid{align-items:flex-start;flex-direction:column}
 .footer{flex-direction:column;align-items:flex-start;gap:14px}
}
@media(max-width:520px){
 .container{width:calc(100% - 30px)}
 section{padding:78px 0}
 h1{font-size:45px}
 .hero-logo img{width:270px;height:270px}
 .hero-logo:before{width:295px;height:295px}
 .product-grid,.form-grid{grid-template-columns:1fr}
 .full{grid-column:auto}
}

/* Additional plantation photo gallery */
.additional-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:42px}
.additional-photo{background:#f4f1e7;border:1px solid rgba(16,58,42,.12);border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgba(16,58,42,.08);line-height:0}
.additional-photo img{width:100%;height:230px;display:block;object-fit:cover;object-position:center}
.additional-heading{margin-top:58px}
@media(max-width:760px){.additional-gallery{grid-template-columns:1fr;gap:18px}.additional-photo img{height:190px}.additional-heading{margin-top:46px}}

/* Real plantation experience gallery */
.experience{position:relative;overflow:hidden;padding:110px 0;background:linear-gradient(135deg,#eef6ee 0%,#dcebd9 45%,#f7f1df 100%)}
.experience:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.75),transparent 32%),radial-gradient(circle at 88% 78%,rgba(229,198,110,.18),transparent 30%);pointer-events:none}
.experience .container{position:relative;z-index:1}
.experience-intro{max-width:850px;margin-bottom:42px}
.experience h2{margin:10px 0 18px;color:#18372a}
.experience h2 span{color:#7a5b17}
.experience-copy{font:400 18px/1.8 Georgia,serif;color:#4d5f53;max-width:780px}
.experience-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:18px;align-items:stretch}
.experience-card{position:relative;min-height:240px;border-radius:24px;overflow:hidden;background:#203d2f;box-shadow:0 18px 45px rgba(31,58,42,.16)}
.experience-card.large{grid-row:span 2;min-height:500px}
.experience-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s ease,filter .7s ease;filter:saturate(1.04) contrast(1.02)}
.experience-card:hover img{transform:scale(1.055);filter:saturate(1.12)}
.experience-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,28,19,.78),rgba(10,28,19,.02) 58%)}
.experience-caption{position:absolute;z-index:2;left:24px;right:24px;bottom:20px;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.experience-caption strong{display:block;font:700 19px/1.2 Georgia,serif;margin-bottom:5px}
.experience-caption span{font:500 12px/1.5 Arial,sans-serif;letter-spacing:.04em;color:#e8f1e8}
.experience-story{margin-top:28px;padding:30px 34px;border-left:4px solid #c6a85d;border-radius:18px;background:rgba(255,255,255,.72);backdrop-filter:blur(8px);box-shadow:0 14px 36px rgba(31,58,42,.08)}
.experience-story p{margin:0;color:#385044;font:400 19px/1.8 Georgia,serif}
.experience-story p:first-letter{font-size:1.5em;color:#7a5b17;font-weight:700}
@media(max-width:900px){.experience{padding:80px 0}.experience-grid{grid-template-columns:1fr 1fr}.experience-card.large{grid-row:span 1;grid-column:span 2;min-height:400px}}
@media(max-width:620px){.experience-grid{grid-template-columns:1fr;gap:14px}.experience-card,.experience-card.large{grid-column:auto;min-height:260px}.experience-intro{margin-bottom:26px}.experience-copy{font-size:16px}.experience-story{padding:24px}.experience-story p{font-size:17px}}