:root{--navy:#082744;--green:#075336;--gold:#c58b17;--ink:#101f2a;--light:#f4f5f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button{font:inherit}h1,h2,h3,p{margin-top:0}.container{max-width:1190px;margin:auto;padding-left:24px;padding-right:24px}.site-header{background:#fff;box-shadow:0 2px 10px #00000014;position:relative;z-index:4}.nav-wrap{max-width:1250px;min-height:94px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:10px 23px;gap:25px}.identity{display:flex;align-items:center;gap:10px;flex-shrink:0}.identity img{width:105px;height:79px;object-fit:contain}.brand-name{font:25px/1.03 Georgia,serif;color:var(--navy);letter-spacing:-.6px}.site-nav{display:flex;align-items:center;gap:25px;font-size:16px}.site-nav a{white-space:nowrap}.site-nav a:hover,.site-nav a:focus-visible{color:#b87b0d}.site-nav a.current{border-bottom:2px solid var(--gold);padding-bottom:10px}.nav-dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:210px;background:#fff;box-shadow:0 7px 20px #0002;border-radius:4px;padding:10px;z-index:9}.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown:hover .dropdown-menu{display:grid;gap:8px}.dropdown-menu a{padding:8px}.btn{display:inline-flex;justify-content:center;align-items:center;text-align:center;gap:9px;padding:13px 20px;border-radius:6px;font-weight:600;font-size:16px;transition:filter .2s;background:var(--gold);color:white;border:1px solid var(--gold);min-height:43px}.btn:hover{filter:brightness(.91)}.btn.outline{background:#1118;border-color:#fff}.btn.green{background:var(--green);border-color:var(--green)}.mobile-toggle{display:none;background:#fff;border:1px solid #bbb;border-radius:5px;padding:8px 12px}.hero{min-height:394px;display:flex;align-items:center;position:relative;color:white;background:#152a24 url('assets/hero.jpg') center 43%/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,14,13,.86),rgba(4,20,17,.70) 39%,rgba(4,16,11,.1) 95%)}.hero-content{position:relative;z-index:1;width:100%;padding-top:35px;padding-bottom:37px}.hero h1{font:normal clamp(43px,5.5vw,70px)/.98 Georgia,serif;letter-spacing:-1px;margin-bottom:18px;max-width:620px}.hero p{font:23px/1.25 Georgia,serif;max-width:650px;margin-bottom:23px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.benefits{display:grid;grid-template-columns:repeat(4,1fr);background:#f9faf8;padding:24px 0 25px}.benefit{padding:0 20px;text-align:center;border-right:1px solid #d4d8d5}.benefit:last-child{border:0}.benefit svg{height:45px;width:45px;stroke:var(--green);fill:none;stroke-width:1.7;margin-bottom:5px}.benefit b{display:block;font-size:16px;letter-spacing:.5px}.benefit p{font-size:16px;line-height:1.25;margin:5px 0 0}.commodities{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.commodity{min-height:315px;position:relative;display:flex;flex-direction:column;justify-content:end;padding:24px;color:white;background-size:cover;background-position:center}.commodity:before{content:'';inset:0;position:absolute;background:linear-gradient(0deg,#050a09db,transparent 80%)}.commodity>*{position:relative}.commodity h2{font:normal 33px/1 Georgia,serif;margin:0 0 10px}.commodity p{font-size:17px;line-height:1.25;max-width:340px;margin:0 0 15px}.commodity .btn{align-self:flex-start}.commitment{display:grid;grid-template-columns:1fr 1fr;min-height:280px}.commitment-photo{background:url('assets/landscape.jpg') center/cover no-repeat}.commitment-copy{padding:38px clamp(26px,5vw,76px);background:#f7f7f3}.eyebrow{font-size:16px;letter-spacing:1px;color:var(--green);font-weight:700}.commitment h2{font:normal 39px/1.06 Georgia,serif;color:var(--navy);margin:8px 0 16px}.commitment p{font-size:16px;line-height:1.5}.journey{background:var(--navy);color:#fff;text-align:center;padding:30px 20px 44px}.journey .eyebrow{color:#efb82e}.journey h2{font:normal 38px Georgia,serif;margin:5px 0 7px}.journey>p{margin-bottom:28px}.steps{display:flex;max-width:1100px;margin:auto;justify-content:space-between;gap:10px;align-items:start}.step{flex:1}.step-icon{border-radius:50%;background:#fff;color:var(--green);width:72px;height:72px;display:grid;place-items:center;font-size:34px;margin:auto auto 15px}.step b{display:block;font-size:16px;margin-bottom:8px}.step span{font-size:16px;line-height:1.25;display:block}.arrow{font-size:34px;align-self:center;margin-bottom:55px}.footer{padding:20px;text-align:center;background:#061d32;color:#fff;font-size:16px}.interim{max-width:830px;margin:65px auto;padding:30px}.interim h1{font:45px Georgia,serif;color:var(--navy)}.interim p{line-height:1.6}.interim-note{padding:12px;background:#f1f4f4;border-left:3px solid var(--gold)}@media(max-width:970px){.brand-name{font-size:19px}.identity img{width:75px}.site-nav{gap:12px;font-size:16px}.nav-wrap{gap:8px}}@media(max-width:730px){.nav-wrap{min-height:75px}.mobile-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;padding:15px 22px;box-shadow:0 6px 12px #0002;font-size:16px}.site-nav.open{display:flex}.site-nav a.current{padding:9px 0}.dropdown-menu{position:static;box-shadow:none;display:grid}.hero{min-height:460px}.hero h1{font-size:46px}.hero p{font-size:19px}.benefits{grid-template-columns:repeat(2,1fr);row-gap:25px}.benefit:nth-child(2){border:0}.commodities{grid-template-columns:1fr}.commodity{min-height:335px}.commitment{grid-template-columns:1fr}.commitment-photo{min-height:245px}.steps{flex-wrap:wrap;justify-content:center}.step{flex:1 1 35%;min-width:125px}.arrow{display:none}}@media(max-width:430px){.brand-name{font-size:16px}.identity img{width:61px;height:60px}.hero h1{font-size:40px}.hero-actions .btn{width:100%}.benefit{padding:0 7px}.benefit b{font-size:16px}.benefit p{font-size:16px}.journey h2{font-size:30px}}

/* v2: vertical responsive page flow and horizontal-overflow protection */
html{width:100%;overflow-x:clip}body{width:100%;min-width:0;overflow-x:clip}
img,svg,video,iframe{max-width:100%}img{height:auto}
.container,.nav-wrap,.site-header,.hero,.benefits,.commodities,.commitment,.journey,.footer{min-width:0;max-width:100%}
.commodity,.commitment-copy,.benefit,.step{min-width:0;overflow-wrap:anywhere}
.hero h1,.hero p,.commodity h2,.commodity p,.commitment h2{overflow-wrap:break-word}
@media(max-width:730px){
 .nav-wrap{padding:9px 14px;gap:8px}
 .identity{min-width:0;flex:1}
 .brand-name{overflow-wrap:normal}
 .site-nav{max-width:100vw;max-height:75vh;overflow-y:auto}
 .hero{background-position:58% center}
 .hero-content{padding-left:20px;padding-right:20px}
 .hero h1{font-size:clamp(35px,9vw,46px)}
 .journey{padding-left:13px;padding-right:13px}
 .step{flex-basis:42%}
}
@media(max-width:360px){
 .brand-name{font-size:16px}
 .identity img{width:52px;height:54px}
 .benefits{grid-template-columns:1fr}
 .benefit{border-right:0;border-bottom:1px solid #d4d8d5;padding-bottom:15px}
 .hero h1{font-size:34px}
 .step{flex-basis:100%}
}

/* Approved v3: rebuild from clean image areas, never screenshot text crops */
.hero{background-image:linear-gradient(90deg,#0e2218 0%,#14291b 37%,transparent 75%),url('assets/hero-clean.jpg');background-color:#14291b;background-repeat:no-repeat;background-size:cover,auto 100%;background-position:center,right center;min-height:388px}
.hero:before{background:linear-gradient(90deg,rgba(3,15,11,.55) 0%,rgba(3,15,11,.46) 37%,transparent 75%)}
.commodity{background-position:center top;background-repeat:no-repeat;background-size:cover;min-height:317px}
.commodity:before{background:linear-gradient(0deg,rgba(7,12,10,.97),rgba(7,12,10,.65) 46%,rgba(7,12,10,.05) 100%)}
.commitment-photo{background-image:url('assets/landscape-clean.jpg')}
.ship-icon{width:42px;height:42px;display:block;color:#053c31}
.step-icon svg.ship-icon{max-width:42px}
@media(max-width:730px){.hero{background-size:cover,auto 100%;background-position:center,65% center}.hero:before{background:linear-gradient(90deg,#071812e8 0%,#071812b3 65%,#07181244 100%)}}

/* Homepage v4: approved Ivorian-inspired landscape with cocoa, coffee and cashews */
.hero{background-image:url('assets/hero-approved-v4.jpg');background-size:cover;background-position:center center;min-height:405px}
.hero:before{background:linear-gradient(90deg,rgba(0,15,12,.78) 0%,rgba(0,19,13,.63) 33%,rgba(0,19,13,.05) 70%)}
.commitment-photo{background-image:url('assets/landscape-clean.jpg')}
@media(max-width:730px){.hero{background-position:65% center;min-height:480px}.hero:before{background:linear-gradient(90deg,rgba(1,17,15,.87),rgba(1,17,15,.74) 57%,rgba(1,17,15,.35))}}

/* v5: approved layout, location-grounded village imagery; images always cropped proportionally */
.hero{background-image:url('assets/hero-village-composite.jpg');background-size:cover;background-repeat:no-repeat;background-position:center center;min-height:405px}
.hero::before{background:linear-gradient(90deg,rgba(0,15,12,.86) 0%,rgba(0,19,13,.70) 34%,rgba(0,19,13,.18) 61%,rgba(0,0,0,.02) 85%)}
.commitment-photo{background-image:url('assets/community-real-village.jpg');background-size:cover;background-position:center 53%;background-repeat:no-repeat}
/* Short, well-balanced sourcing strip */
.journey{padding:22px 20px 27px}
.journey h2{font-size:34px;margin:4px 0 5px}
.journey>p{margin-bottom:17px}
.step-icon{height:58px;width:58px;font-size:27px;margin-bottom:8px}
.step-icon svg.ship-icon{width:37px;height:37px}
.step b{margin-bottom:5px}
.arrow{font-size:27px;margin-bottom:40px}
/* explicit sizing and no sideways scrolling */
html,body{width:100%;overflow-x:clip}
.hero,.commitment,.commodities,.steps{max-width:100%;min-width:0}
@media(max-width:730px){
.hero{background-position:61% center;min-height:475px}
.hero::before{background:linear-gradient(90deg,rgba(0,15,12,.90),rgba(0,15,12,.66) 65%,rgba(0,15,12,.24))}
.journey{padding:24px 13px 28px}
.journey h2{font-size:clamp(27px,7vw,34px)}
.step{min-width:0}
}

/* v6: blend the right side of the genuine village photograph into the light copy panel. */
.commitment-photo{position:relative;isolation:isolate}
.commitment-photo::after{content:"";pointer-events:none;position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,transparent 61%,rgba(247,247,243,.18) 74%,rgba(247,247,243,.75) 92%,#f7f7f3 100%)}
@media(max-width:730px){
  .commitment-photo::after{background:linear-gradient(180deg,transparent 62%,rgba(247,247,243,.27) 78%,#f7f7f3 100%)}
}

/* Accessibility baseline: all ordinary text starts at 16px; no smaller font overrides. */
html,body{font-size:16px}


/* FINAL CORRECTION: prevent hero button text clipping */
.btn{line-height:1.2;padding-top:15px;padding-bottom:15px}
.hero-actions .btn{min-height:54px}


/* Unified page banner proportions — match approved About Us desktop header (440px). */
@media (min-width: 951px) {
  .hero { box-sizing:border-box!important; height:auto!important; min-height:440px!important; }
}
@media (min-width: 641px) and (max-width: 950px) {
  .hero { height:auto!important; min-height:470px!important; }
}
@media (max-width:640px) {
  .hero { height:auto!important; min-height:560px!important; }
}