html{scroll-padding-top:90px}body{overflow-x:hidden}.hero{background-image:url('../assets/maibong-hero.png');background-size:cover;background-position:center}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:#e6a621;transition:.25s}.nav-link:hover:after{right:0}#mobileMenu a{display:block;padding:.8rem;border-bottom:1px solid rgba(23,63,42,.1);font-weight:700}.stat{padding:1.15rem 1rem;border-right:1px solid rgba(255,255,255,.13)}.stat b{display:block;font:700 1.75rem Fraunces,serif;color:#fff}.stat span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.6)}.eyebrow{display:block;margin-bottom:1rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#2f6b3e}.section-title{font:700 clamp(2.6rem,5vw,4.4rem)/1.02 Fraunces,serif;letter-spacing:-.03em}.value-card{position:relative;min-height:280px;padding:2rem;border:1px solid rgba(23,63,42,.13);border-radius:1.5rem;background:#fff;transition:.3s}.value-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(23,63,42,.1)}.value-card>span{position:absolute;right:1.5rem;top:1.3rem;font:600 2rem Fraunces;color:#dce7c7}.value-card svg{width:2.5rem;height:2.5rem;color:#2f6b3e}.value-card h3{margin-top:4rem;font:700 1.6rem Fraunces}.value-card p{margin-top:.7rem;line-height:1.7;color:rgba(23,63,42,.62)}.crop-card{position:relative;overflow:hidden;min-height:500px;border-radius:2rem;padding:2.4rem;background:linear-gradient(145deg,#fff 0%,#f3ead7 100%);color:#173f2a}.crop-card.turmeric{background:linear-gradient(145deg,#e6a621,#f1ca63)}.crop-number{display:flex;align-items:baseline;gap:.5rem;font:700 1.8rem Fraunces}.crop-number small{font:700 .65rem DM Sans;letter-spacing:.12em}.crop-card h3{margin-top:7rem;font:700 2.8rem Fraunces}.crop-card p{max-width:29rem;margin-top:1rem;line-height:1.7;color:rgba(23,63,42,.7)}.crop-card ul{margin-top:1.5rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.crop-card li{padding:.5rem 0;border-top:1px solid rgba(23,63,42,.15)}.crop-icon{position:absolute;right:-2rem;top:2rem;opacity:.12}.crop-icon svg{width:15rem;height:15rem}form label{display:block;font-size:.78rem;font-weight:700}input,select,textarea{display:block;width:100%;margin-top:.45rem;border:1px solid rgba(23,63,42,.18);border-radius:.75rem;background:#f8f5ec;padding:.9rem 1rem;font:400 .9rem DM Sans;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:#2f6b3e;box-shadow:0 0 0 3px rgba(47,107,62,.1)}
.mission-section{background:radial-gradient(circle at 68% 45%,rgba(213,220,194,.62),transparent 34%),#f4f0e6}.mission-copy{text-align:justify}.mission-main img,.mission-small img{transition:transform .7s ease}.mission-main:hover img,.mission-small:hover img{transform:scale(1.035)}.image-label{position:absolute;left:1.4rem;bottom:1.35rem;border-radius:999px;background:#174f38;padding:.72rem 1.15rem;color:white;font-size:.72rem;font-weight:700;box-shadow:0 7px 20px rgba(0,0,0,.2)}.farmer-badge{animation:float 4s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-9px) rotate(3deg)}}
@media(max-width:700px){.hero{min-height:800px;background-position:62% center}.stat{padding:.9rem}.stat b{font-size:1.35rem}.crop-card{min-height:460px;padding:1.7rem}.crop-card h3{margin-top:8rem;font-size:2.3rem}.mission-collage{min-height:430px}.mission-small{right:-.5rem;width:62%;height:40%}.farmer-badge{right:-.5rem;width:6.5rem;height:6.5rem}}
.contact-form label{color:#173f2a;font-size:.82rem;letter-spacing:.01em}.contact-form input,.contact-form select{min-height:52px;margin-top:.55rem;padding:.8rem 1rem;border-color:#d5d4c9;background:#f8f5ec}.contact-form textarea{min-height:132px;margin-top:.55rem;padding:1rem;border-color:#d5d4c9;background:#f8f5ec;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8a94a6;opacity:1}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#2f6b3e;background:#fff;box-shadow:0 0 0 4px rgba(47,107,62,.12)}.contact-form button{min-height:56px;box-shadow:0 10px 25px rgba(230,166,33,.18)}
.cert-product{position:relative;overflow:hidden;min-height:285px;padding:1.5rem;border:1px solid rgba(255,255,255,.13);border-radius:1.5rem;background:rgba(255,255,255,.07);transition:.3s}.cert-product:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.1)}.product-top{display:flex;align-items:center;justify-content:space-between}.product-top span{border-radius:999px;background:rgba(255,255,255,.1);padding:.42rem .7rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.7)}.product-top svg{width:1.8rem;height:1.8rem;color:#e6a621}.cert-product h3{margin-top:2rem;font:700 1.45rem Fraunces,serif}.cert-product>p{margin-top:.4rem;font-size:.78rem;color:rgba(255,255,255,.55)}.cert-product>p strong{color:#fff}.product-data{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.12)}.product-data b{display:block;font:700 1.25rem Fraunces,serif;color:#e6a621}.product-data small{display:block;margin-top:.2rem;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.45)}.cert-product em{display:flex;align-items:center;gap:.4rem;margin-top:1.3rem;font-size:.65rem;font-weight:700;font-style:normal;color:rgba(255,255,255,.58)}.cert-product em svg{width:.9rem;height:.9rem}.paddy-product .product-top svg,.paddy-product .product-data b{color:#a8d887}.banana-product .product-top svg,.banana-product .product-data b{color:#e4dc58}.orange-product .product-top svg,.orange-product .product-data b{color:#ff9c42}.pineapple-product .product-top svg,.pineapple-product .product-data b{color:#c4dc6b}
.product-photo{background-image:url('../assets/product-collection.png');background-repeat:no-repeat;background-size:300% 200%;background-color:#203b27}.crop-card>.product-photo{height:205px;margin:-2.4rem -2.4rem 1.5rem}.cert-product>.product-photo{height:145px;margin:-1.5rem -1.5rem 1.2rem}.photo-ginger{background-position:0 0}.photo-paddy{background-position:50% 0}.photo-turmeric{background-position:100% 0}.photo-banana{background-position:0 100%}.photo-orange{background-position:50% 100%}.photo-pineapple{background-position:100% 100%}.crop-card:has(.product-photo) h3{margin-top:2rem}.crop-card:has(.product-photo) .crop-icon{display:none}.cert-product:has(.product-photo){min-height:430px}.cert-product:has(.product-photo) h3{margin-top:1.35rem}
.product-photo{overflow:hidden;background-image:none}.product-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s ease}.crop-card:hover .product-photo img,.cert-product:hover .product-photo img{transform:scale(1.055)}.crop-card>.product-photo{border-radius:0 0 1.1rem 1.1rem}.cert-product>.product-photo{border-radius:0 0 1rem 1rem}
.showcase-product{position:relative;isolation:isolate;overflow:hidden;min-height:440px;border:1px solid rgba(255,255,255,.16);border-radius:1.5rem;background:#203b27;box-shadow:0 14px 32px rgba(5,22,14,.18)}.showcase-product>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.showcase-product:hover>img{transform:scale(1.055)}.showcase-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,24,15,0) 25%,rgba(8,24,15,.2) 43%,rgba(8,18,12,.96) 100%)}.showcase-content{position:absolute;right:0;bottom:0;left:0;padding:1.35rem 1.4rem 1.5rem}.showcase-content h3{font:700 clamp(1.35rem,1.8vw,1.65rem)/1.08 Fraunces,serif;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.45)}.product-pills{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;margin-top:.75rem}.product-pills span{border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(18,31,22,.36);padding:.34rem .65rem;font-size:.63rem;color:rgba(255,255,255,.9);backdrop-filter:blur(8px)}.product-pills strong{font-weight:700;color:#fff}.showcase-content p{margin-top:.8rem;max-width:27rem;font-size:.78rem;line-height:1.55;color:rgba(255,255,255,.82)}
@media(max-width:700px){.showcase-product{min-height:430px}.showcase-content{padding:1.35rem}.showcase-content h3{font-size:1.55rem}}