:root{--primary: #8B4513;--accent: #F4A460;--secondary: #556B2F;--light: #FFFACD;--dark: #3C2F2F;--gray: #5C4033}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--dark);background:#fdfaf5;line-height:1.6}header{background:linear-gradient(to right,var(--primary),var(--secondary));color:#fff;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0003;flex-wrap:wrap}.logo{height:60px;width:auto;max-height:50px}nav{display:flex;flex-wrap:wrap;gap:.5rem}nav a{color:#fff;margin-left:1.5rem;text-decoration:none;font-weight:700;font-size:.9rem;padding:.25rem 0}.menu-toggle{display:none;flex-direction:column;background:transparent;border:none;cursor:pointer;padding:.5rem;gap:4px;z-index:101}.menu-toggle span{width:25px;height:3px;background:#fff;border-radius:2px;transition:all .3s ease}.menu-toggle:hover span{background:var(--accent)}nav a:hover{color:var(--accent)}nav a.active{color:var(--accent);border-bottom:2px solid var(--accent)}.hero-split{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1200px;margin:12rem auto 22rem;padding:0 2rem;grid-auto-rows:minmax(400px,500px);align-items:center;position:relative;overflow:visible}.hero-image-container{position:relative;overflow:hidden;height:100%;z-index:2}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-card{background:linear-gradient(135deg,#8b6f47,#6b4e3d);color:#fff;display:flex;align-items:center;justify-content:center;padding:3rem;position:relative;margin-left:-80px;z-index:1;height:100%}.hero-card-content{max-width:400px;width:100%;padding:0 1.5rem}.hero-card-content h2{font-size:2.5rem;margin-bottom:2rem;color:#fff}.impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1rem}.impact-item{text-align:left}.impact-item h3{font-size:1.3rem;margin-bottom:.5rem;color:#fff}.impact-item p{font-size:.95rem;opacity:.9;line-height:1.5;margin:0}.hero{background:linear-gradient(#0006,#0006),url(https://via.placeholder.com/1600x800?text=Hero+Farmers+with+Cocoa) center/cover no-repeat;color:#fff;text-align:center;padding:150px 20px 100px}.hero h1{font-size:3.5rem;margin:0 0 1rem}.hero p{font-size:1.5rem;max-width:800px;margin:0 auto 2rem}@media(max-width:768px){.hero-split{grid-template-columns:1fr;min-height:auto;margin:3rem auto 4rem;padding:0 1rem;grid-auto-rows:minmax(300px,auto)}.hero-image-container{min-height:300px;max-height:400px}.hero-card{padding:2rem 1.5rem;margin-left:0;margin-top:0;margin-bottom:0;height:auto}.hero-card-content{max-width:100%;padding:0}.hero-card-content h2{font-size:2rem;margin-bottom:1.5rem}.impact-grid{grid-template-columns:1fr;gap:1.5rem}.hero{padding:100px 15px 60px}.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}}.btn{display:inline-block;background:var(--accent);color:#fff;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:700;margin:.5rem;transition:all .3s;min-height:44px;box-sizing:border-box}.btn:hover{background:#e08c3e;transform:scale(1.05)}@media(max-width:768px){.btn{padding:.875rem 1.5rem;font-size:.95rem;width:100%;max-width:100%;margin:.5rem 0}}.btn-secondary{background:var(--secondary)}section{padding:80px 20px;max-width:1200px;margin:0 auto}h2{color:var(--primary);text-align:center;font-size:2.8rem;margin-bottom:2rem}@media(max-width:768px){section{padding:40px 15px}h2{font-size:2rem;margin-bottom:1.5rem}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@media(max-width:768px){.grid{grid-template-columns:1fr;gap:1.5rem}}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;text-align:center}.grid-photo-wrap{aspect-ratio:4 / 3;overflow:hidden;border-radius:8px;margin-bottom:.75rem}.grid-photo-wrap img{width:100%;height:100%;object-fit:cover;display:block}.card .grid-photo-wrap{margin-bottom:0;border-radius:0}.card:has(.grid-photo-wrap) h3{margin:0;padding:1rem 1rem 1.25rem}.product-hero{background:var(--light);text-align:center;padding:100px 20px}.product-img{max-width:400px;border-radius:12px;box-shadow:0 10px 30px #0003}footer{background:var(--primary);color:#fff;text-align:center;padding:3rem 1rem}footer .footer-inner{max-width:900px;margin:0 auto}footer .footer-tagline{opacity:.95;font-size:1rem;line-height:1.5;margin:0 auto 1.25rem;max-width:28rem}footer .footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.25rem;margin:0 0 1.25rem}footer .footer-links a{color:inherit;text-decoration:none;font-size:.95rem;opacity:.95}footer .footer-links a:hover{text-decoration:underline}footer .footer-muted{margin:0;opacity:.8;font-size:.85rem}@media(max-width:768px){header{padding:1rem;flex-direction:row;align-items:center;justify-content:space-between}.logo{margin-bottom:0}.menu-toggle{display:flex}nav{position:absolute;top:100%;left:0;right:0;background:linear-gradient(to right,var(--primary),var(--secondary));width:100%;flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease-out;box-shadow:0 4px 10px #0003}nav.nav-open{max-height:500px;padding:1rem 0}nav a{margin-left:0;margin-bottom:0;padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.2);width:100%;display:block;text-align:left}nav a:last-child{border-bottom:none}nav a:hover{background:#ffffff1a}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.hero{padding:100px 15px 60px}.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}section{padding:40px 15px}h2{font-size:2rem;margin-bottom:1.5rem}.grid{grid-template-columns:1fr;gap:1.5rem}.btn{padding:.875rem 1.5rem;font-size:.95rem;width:100%;max-width:100%;margin:.5rem 0}.product-img{max-width:100%}}@media(max-width:480px){.hero h1{font-size:2rem}.hero p{font-size:1rem}h2{font-size:1.75rem}.logo{max-height:40px}}@media(max-width:768px){.story-image-container{float:none!important;margin:0 auto 2rem!important;max-width:100%!important}}.checkout-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:3rem}.checkout-form-container{padding:2rem}.checkout-form{background:#fff;padding:4rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;border:1px solid #ddd}.quantity-donation-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.address-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}input[type=text],input[type=email],input[type=number]{min-height:44px;box-sizing:border-box;font-size:16px}button[type=button]{min-width:44px;min-height:44px}@media(max-width:768px){.checkout-container{grid-template-columns:1fr;gap:2rem}.checkout-form-container{padding:1rem 0}.checkout-form{padding:2rem 1.5rem}.quantity-donation-grid,.address-grid{grid-template-columns:1fr}}