/* AMANAH AGRO PRODUCTS — VERSION 1 / "WE KNOW WE PEPPER." */
:root{--green:#17382e;--deep:#102b24;--deepest:#0b201b;--forest:#234d3b;--gold:#c9a65e;--gold-light:#dfc58a;--ivory:#f7f3e9;--cream:#eee7d8;--paper:#fffdf8;--ink:#122e27;--navy:#092a50;--muted:#5a6a60;--serif:'Playfair Display',Georgia,'Times New Roman',serif;--sans:'DM Sans','Manrope',Arial,sans-serif;--container:1200px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.6}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
::selection{background:#c7a45c;color:#102820}
:focus-visible{outline:3px solid #f4cb77;outline-offset:4px}
.container{width:min(calc(100% - 88px),var(--container));margin-inline:auto}
.skip-link{position:fixed;z-index:1000;left:12px;top:-75px;background:var(--paper);padding:12px 18px;color:var(--ink)}.skip-link:focus{top:12px}
.topline{height:30px;background:#092720;color:#cab889;display:flex;align-items:center;justify-content:center;gap:50px;font-size:9px;font-weight:700;letter-spacing:.25em}.topline__centre{font-size:13px;color:#d7b765}
.site-shell{overflow:clip}
.site-header{background:var(--green);position:relative;z-index:30;border-bottom:1px solid rgba(255,255,255,.13)}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:103px;gap:24px}
.brand{display:inline-flex;align-items:center;gap:14px;flex-shrink:0;color:#fff7e7}
.brand__seal{width:61px;height:61px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 0 1px rgba(218,180,109,.5)}
.brand__name{display:flex;flex-direction:column;justify-content:center;line-height:1.06;gap:6px}
.brand__name strong{font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:.055em}
.brand__name small{font-size:9px;letter-spacing:.33em;color:#d5bd80;font-weight:700}
.nav{display:flex;align-items:center;gap:37px}.nav>a{font-size:12px;font-weight:600;color:#e1e8dc;transition:color .2s}.nav>a:hover{color:var(--gold-light)}
.nav>a.nav__contact{display:inline-flex;align-items:center;gap:16px;border:1px solid rgba(214,179,110,.78);padding:15px 20px;color:#f4d9a6;letter-spacing:.015em}.nav__contact span{font-size:16px}
.menu-toggle{display:none}
.hero{background:var(--green);color:var(--ivory);position:relative;isolation:isolate}
.hero::before{content:"";width:620px;height:620px;position:absolute;left:-370px;top:22%;border:1px solid rgba(211,186,128,.10);border-radius:50%;pointer-events:none}
.hero__grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:64px;min-height:712px;padding-block:52px 82px}
.hero__copy{position:relative;z-index:2;padding-block:56px 20px}
.eyebrow{margin:0;font-size:10px;font-weight:700;letter-spacing:.24em;line-height:1.5}.eyebrow--gold{color:var(--gold-light)}.eyebrow--green{color:#517158}.eyebrow__dash{display:inline-block;width:29px;height:1px;background:currentColor;margin-right:12px;vertical-align:middle;transform:translateY(-2px)}
.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(65px,6.2vw,108px);line-height:1.105;letter-spacing:-.065em;margin:29px 0 27px;white-space:nowrap}
.hero h1 em{font-weight:500;color:var(--gold-light);letter-spacing:-.067em}
.hero__rule{width:55px;height:2px;background:var(--gold);margin-bottom:26px}
.hero__lead{font-family:var(--serif);font-size:clamp(20px,2vw,26px);line-height:1.55;max-width:590px;margin:0 0 12px;color:#fff9eb;font-weight:500}
.hero__description{font-size:14px;line-height:1.95;max-width:520px;color:#ccdad0;margin:0}
.hero__actions{display:flex;align-items:center;gap:27px;margin-top:31px;flex-wrap:wrap}
.button{border-radius:0;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid transparent;font-size:12px;font-weight:700;padding:16px 23px;line-height:1.25;transition:transform .2s,background .2s,color .2s;white-space:normal}
.button:hover{transform:translateY(-2px)}.button span{font-size:19px;line-height:0}
.button--gold{background:var(--gold);color:#152b26}.button--gold:hover{background:#dec184}
.button--outline{border-color:#456052;color:var(--deep);background:transparent}.button--outline:hover{background:var(--deep);color:#fff}
.inline-link{font-size:12px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.45);padding-block:10px 6px}.inline-link span{margin-left:9px}.inline-link--light{color:var(--ivory)}
.hero__bottom{display:flex;gap:14px;align-items:center;color:#b0c2b4;font-size:11px;margin-top:51px;line-height:1.5}.hero__bottom strong{font-weight:500;color:#ede5d3}.mini-pepper{color:var(--gold);font-size:20px}
.hero__image-wrap{position:relative;min-width:0;padding-top:10px;padding-right:27px}
.hero__image-frame{position:relative;border:1px solid rgba(221,202,154,.47);padding:13px;background:#1a4435;box-shadow:0 28px 55px rgba(4,22,16,.23)}
.hero__illustration{display:block;width:100%;height:560px;object-fit:cover;object-position:center}
.hero__image-label{position:absolute;left:30px;bottom:31px;right:30px;color:#e0d1a9;display:flex;align-items:center;justify-content:space-between;letter-spacing:.14em;font-size:9px;font-weight:700;border-top:1px solid rgba(232,216,177,.4);padding-top:13px}
.hero__roundel{display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.3;position:absolute;right:-19px;bottom:77px;height:122px;width:122px;border-radius:50%;background:var(--gold);color:var(--deep);box-shadow:0 8px 32px rgba(0,0,0,.24);border:7px double #17372e;transform:rotate(10deg)}
.hero__roundel span{font-size:8px;font-weight:700;letter-spacing:.17em}.hero__roundel strong{font-family:var(--serif);font-size:35px;line-height:1.1}
.hero__vertical{position:absolute;right:-12px;top:22px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;color:#cfbd94}
.ribbon{background:var(--gold);color:#17352b}.ribbon__inner{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.20em;font-weight:700}.ribbon__star{font-size:20px;letter-spacing:0;color:#5a653f}
.section{padding-block:118px}
.story{background:var(--ivory)}
.story__grid{display:grid;grid-template-columns:205px minmax(0,1fr);gap:100px}
.story__side{min-height:485px;display:flex;flex-direction:column;align-items:flex-start;position:relative;border-right:1px solid #d8d7ca}
.section-number{font-size:10px;letter-spacing:.17em;font-weight:700;color:#698073}
.story__large-a{font-family:var(--serif);font-size:180px;line-height:1.05;color:rgba(40,73,56,.065);font-weight:700;position:absolute;top:66px;left:8px}.story__large-a span{color:#b99c5c}
.story__vertical{position:absolute;bottom:0;left:0;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.25em;color:#8b9c87;font-weight:700}
.story h2,.feature h2,.approach h2,.contact h2{font-family:var(--serif);font-size:clamp(44px,5vw,73px);font-weight:500;line-height:1.19;letter-spacing:-.052em;margin:20px 0 30px}
.story h2 em,.feature h2 em,.approach h2 em{color:#657b59;font-weight:500}
.story__content{max-width:900px}.story__copy{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;row-gap:7px}.story__copy p{margin:0 0 13px;font-size:14px;color:#4f6258;line-height:1.85}.story__copy .story__opening{grid-row:span 2;font-family:var(--serif);color:var(--ink);font-size:24px;line-height:1.57;padding-right:12px}.story__signoff{display:flex;align-items:center;gap:18px;margin-top:30px;color:#43584b;font-size:12px;font-weight:600}.story__line{height:1px;width:58px;background:var(--gold)}
.feature{background:#eee8da}
.feature__head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:39px}.feature__head h2{margin-bottom:0}.feature__head em{color:#907845}.feature__intro{max-width:330px;font-size:14px;color:#5f6a60;line-height:1.8;margin:0 0 5px}
.feature .eyebrow{color:#92743f}
.product-card{display:grid;grid-template-columns:49% 51%;min-height:600px;border:1px solid #cfcbbd;background:var(--paper)}
.product-card__visual{position:relative;background:#183c2f;min-height:550px;padding:21px}.product-card__photo{position:relative;width:100%;height:100%;overflow:hidden}.product-card__photo img{width:100%;height:100%;object-fit:cover;object-position:center 47%;filter:saturate(.92)}.product-card__visual-label{position:absolute;left:38px;bottom:35px;color:#f3dfaf;font-size:10px;font-weight:700;letter-spacing:.2em;text-shadow:0 1px 8px #132e25}
.product-card__body{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:58px 64px}.product-card__top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.product-card__index{font-size:10px;font-weight:700;color:#6d7b70;letter-spacing:.17em}.status-tag{display:inline-flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:.07em;border:1px solid #d5cdb9;padding:8px 10px;color:#6f6b55;white-space:nowrap}.status-dot{width:6px;height:6px;display:inline-block;flex-shrink:0;border-radius:50%;background:var(--gold)}
.product-card h3{font-family:var(--serif);font-size:clamp(56px,6.1vw,92px);letter-spacing:-.068em;line-height:1.14;font-weight:500;margin:0 0 17px}.product-card h3 em{color:#a5844a;font-weight:500}.product-card__body>p{font-size:14px;line-height:1.85;color:#5f6c62;max-width:415px;margin:0 0 24px}
.product-card__facts{border-block:1px solid #dedbd0;width:100%;margin-bottom:27px}.product-card__facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #e8e5dc}.product-card__facts>div:last-child{border:0}.product-card__facts span{color:#738176;font-size:9px;letter-spacing:.12em;font-weight:700}.product-card__facts strong{font-size:12px;text-align:right;font-weight:600}
.product-card__body>small{display:block;margin-top:20px;font-size:10px;line-height:1.6;color:#748076;max-width:380px}
.manifesto{padding:105px 0 112px;background:#0d2c25;color:var(--ivory);position:relative;overflow:hidden;text-align:center}
.manifesto::before{content:"";position:absolute;pointer-events:none;width:800px;height:800px;border:1px solid rgba(202,165,95,.12);border-radius:50%;left:50%;top:-300px;transform:translateX(-50%)}
.manifesto__inner{position:relative;z-index:1}.manifesto h2{font-family:var(--serif);font-size:clamp(40px,5.5vw,79px);line-height:1.28;letter-spacing:-.05em;font-weight:500;margin:27px auto 28px}.manifesto h2 em{color:var(--gold-light);font-weight:500}.manifesto__inner>p:not(.eyebrow){max-width:540px;margin:0 auto;font-size:13px;line-height:1.9;color:#c6d4c8}.manifesto__ornament{display:block;margin-top:34px;color:var(--gold);font-size:26px}
.approach{background:var(--ivory)}.approach__head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:37px}.approach__head h2{margin-bottom:0}.approach__head>p{margin:0 0 5px;max-width:350px;font-size:14px;line-height:1.8;color:#66776a}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dadbce;border:1px solid #dadbce}.value{padding:37px 32px 40px;background:var(--ivory);min-height:290px;position:relative}.value__number{font-size:10px;color:#66776a;letter-spacing:.14em;font-weight:700}.value__icon{display:block;color:#bb9758;font-size:37px;margin:31px 0 22px;line-height:1}.value h3{font-family:var(--serif);font-size:25px;line-height:1.2;margin:0 0 12px;font-weight:500;letter-spacing:-.02em}.value p{font-size:13px;color:#617267;margin:0;line-height:1.85}
.contact{background:var(--forest);color:var(--ivory)}.contact__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:110px;align-items:center}.contact h2{margin:23px 0 24px;font-size:clamp(45px,5vw,69px);line-height:1.21}.contact h2 em{color:var(--gold-light);font-weight:500}.contact__copy>p:not(.eyebrow){max-width:440px;font-size:14px;line-height:1.9;color:#d2dfd5}.contact__email{display:inline-flex;align-items:center;gap:14px;max-width:100%;overflow-wrap:anywhere;border-bottom:1px solid rgba(216,188,129,.55);font-size:clamp(13px,1.75vw,20px);font-weight:600;margin:25px 0 32px;padding-bottom:11px;color:#efdaa8}.contact__email span{font-size:20px}.contact__development{display:flex;align-items:flex-start;gap:11px;font-size:11px;color:#c1d1c4;max-width:410px}.contact__development .status-dot{margin-top:6px}
.inquiry-card{background:var(--paper);color:var(--ink);padding:37px 40px 35px;box-shadow:0 18px 52px rgba(0,0,0,.11)}.inquiry-card__top{display:flex;justify-content:space-between;align-items:center;color:#748077;font-size:10px;font-weight:700;letter-spacing:.17em}.inquiry-card__top span:last-child{font-size:19px;color:#a7864c}.inquiry-card h3{font-family:var(--serif);font-size:clamp(30px,3vw,44px);letter-spacing:-.045em;line-height:1.22;font-weight:500;margin:17px 0 22px}.inquiry-card h3 em{color:#658165;font-weight:500}
.inquiry-card form{display:flex;flex-direction:column;gap:12px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.inquiry-card label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#51635a}.inquiry-card label>span{color:#c29b59}.inquiry-card input,.inquiry-card select,.inquiry-card textarea{min-width:0;width:100%;padding:11px 12px;border:1px solid #d9dbd3;background:#fbfaf6;color:#102a23;border-radius:0;font-size:13px;font-weight:400;outline-offset:1px;line-height:1.4}.inquiry-card textarea{resize:vertical;min-height:86px}.inquiry-card select{appearance:auto}.inquiry-card input:focus,.inquiry-card select:focus,.inquiry-card textarea:focus{border-color:#a68747;outline:2px solid #dfc98e}.inquiry-card input::placeholder,.inquiry-card textarea::placeholder{color:#99a397}.inquiry-card__submit{width:100%;margin-top:6px}.inquiry-card__note{color:#7e8b80;font-size:10px;line-height:1.6;margin:0}
.footer{background:#0a221c;color:var(--ivory);padding:48px 0 25px}.footer__top{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-bottom:38px;border-bottom:1px solid rgba(236,234,210,.17)}.footer__identity{display:flex;align-items:center;gap:15px}.footer__identity img{width:72px;height:72px;object-fit:contain;border-radius:50%;background:#fff}.footer__identity>div{display:flex;flex-direction:column;gap:4px}.footer__identity strong{font-family:var(--serif);font-size:25px;letter-spacing:.04em}.footer__identity small{font-size:9px;color:#cfb176;letter-spacing:.26em;font-weight:700}.footer__slogan{font-family:var(--serif);font-size:24px;font-style:italic;color:#f2e9d3}.footer__slogan span{color:var(--gold)}.footer__back{font-size:10px;font-weight:700;letter-spacing:.1em;color:#dfc793}.footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;color:#a0b2a5;font-size:10px;letter-spacing:.025em}.footer__bottom a{color:#ddc18d}
@media(min-width:1500px){.hero__grid{min-height:785px}.hero__illustration{height:620px}}
@media(max-width:1130px){.container{width:min(calc(100% - 64px),var(--container))}.nav{gap:23px}.hero__grid{gap:38px}.hero h1{font-size:clamp(60px,6.2vw,90px)}.hero__illustration{height:510px}.contact__grid{gap:60px}.product-card__body{padding:40px}}
@media(max-width:820px){.container{width:min(calc(100% - 44px),var(--container))}.header-inner{min-height:88px}.brand__seal{width:51px;height:51px}.brand__name strong{font-size:23px}.menu-toggle{display:flex;position:relative;z-index:2;border:1px solid rgba(235,215,170,.45);width:44px;height:41px;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:19px;height:1.5px;background:#f7eed5}.nav{position:absolute;top:100%;left:0;right:0;background:#14362b;border-top:1px solid rgba(255,255,255,.12);display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 22px 26px;box-shadow:0 18px 30px rgba(0,0,0,.23)}.nav--open{display:flex}.nav>a{padding:14px 6px;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px}.nav>a.nav__contact{margin-top:15px;justify-content:space-between;padding:14px 18px}
 .hero__grid{grid-template-columns:1fr;gap:30px;padding-block:30px 74px}.hero__copy{padding-block:25px 0}.hero h1{font-size:clamp(67px,11vw,97px)}.hero__description{max-width:640px}.hero__image-wrap{width:min(100%,570px);margin:0 auto;padding-right:18px}.hero__illustration{height:480px}.hero__roundel{right:-4px}.ribbon__inner{flex-wrap:wrap;justify-content:center;min-height:66px;padding-block:10px}.ribbon__inner span:last-child,.ribbon__inner span:nth-last-child(2){display:none}
 .section{padding-block:86px}.story__grid{grid-template-columns:116px 1fr;gap:38px}.story__large-a{font-size:110px}.story__copy{grid-template-columns:1fr}.story__copy .story__opening{grid-row:auto}.product-card{grid-template-columns:1fr}.product-card__visual{min-height:425px}.product-card__photo{height:480px}.product-card__body{padding:45px}.feature__head,.approach__head{align-items:start;flex-direction:column;gap:13px}.feature__intro,.approach__head>p{max-width:670px}.contact__grid{grid-template-columns:1fr;gap:45px}.contact__copy>p:not(.eyebrow){max-width:660px}.inquiry-card{max-width:670px}
}
@media(max-width:560px){.container{width:min(calc(100% - 34px),var(--container))}.topline{gap:14px;height:26px;font-size:7px;letter-spacing:.10em}.topline__centre{font-size:10px}.header-inner{min-height:76px}.brand{gap:9px}.brand__seal{width:45px;height:45px}.brand__name strong{font-size:20px}.brand__name small{font-size:8px;letter-spacing:.22em}
 .hero__grid{padding-block:20px 54px;gap:30px}.hero__copy{padding:20px 0 0}.eyebrow{font-size:9px;letter-spacing:.18em}.hero h1{font-size:clamp(53px,12vw,74px);line-height:1.13;margin:22px 0 22px}.hero__lead{font-size:21px}.hero__description{font-size:13px;line-height:1.85}.hero__actions{gap:16px;margin-top:25px}.button{padding:14px 17px;font-size:11px}.inline-link{font-size:11px}.hero__bottom{margin-top:31px;font-size:10px}.hero__image-wrap{padding-right:11px}.hero__image-frame{padding:8px}.hero__illustration{height:390px}.hero__roundel{width:85px;height:85px;bottom:49px;right:-10px;border-width:4px}.hero__roundel span{font-size:6px}.hero__roundel strong{font-size:26px}.hero__image-label{left:20px;right:20px;bottom:22px;font-size:7px}.hero__vertical{right:-13px;font-size:7px}.ribbon__inner{font-size:8px;letter-spacing:.07em;min-height:51px;gap:9px}.ribbon__star{font-size:13px}.section{padding-block:72px}
 .story__grid{display:block}.story__side{min-height:0;border:0;margin-bottom:21px}.story__large-a,.story__vertical{display:none}.story h2,.feature h2,.approach h2,.contact h2{font-size:clamp(43px,9.3vw,57px);margin:17px 0 25px}.story__copy .story__opening{font-size:23px}.story__copy p{font-size:13px}.story__signoff{font-size:11px;gap:12px}
 .feature__head{margin-bottom:25px}.feature__intro{font-size:13px}.product-card__visual{min-height:0;padding:11px}.product-card__photo{height:330px}.product-card__visual-label{left:25px;bottom:26px;font-size:8px}.product-card__body{padding:30px 21px 32px}.product-card__top{flex-wrap:wrap}.product-card h3{font-size:67px}.product-card__body>p{font-size:13px}.product-card__facts>div{align-items:start;flex-direction:column;gap:5px}.product-card__facts strong{text-align:left}.product-card__body .button{width:100%;gap:8px}
 .manifesto{padding:83px 0 85px}.manifesto h2{font-size:clamp(35px,8vw,49px);line-height:1.33}.manifesto__inner>p:not(.eyebrow){font-size:12px}
 .approach__head{margin-bottom:26px}.approach__head>p{font-size:13px}.values-grid{grid-template-columns:1fr}.value{min-height:0;padding:24px}.value__icon{margin:18px 0 14px}.value h3{font-size:24px}.value p{font-size:12px}
 .contact__grid{gap:34px}.contact h2{font-size:clamp(40px,9vw,54px)}.contact__copy>p:not(.eyebrow){font-size:13px}.contact__email{margin-top:19px}.inquiry-card{padding:27px 19px}.inquiry-card h3{font-size:32px}.field-pair{grid-template-columns:1fr}.footer__top{flex-wrap:wrap;gap:20px}.footer__slogan{flex-basis:100%;font-size:21px}.footer__back{margin-left:auto}.footer__identity img{width:56px;height:56px}.footer__identity strong{font-size:21px}.footer__bottom{flex-direction:column;align-items:flex-start;gap:5px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}