:root{--green:#0E752C;--green-dark:#075522;--cream:#f7f4eb;--paper:#eeebe2;--gold:#c9a65d;--text:#17392e;--muted:#66746c;--line:#dcd9ce;--serif:Georgia,'Times New Roman',serif;--sans:Inter,'Helvetica Neue',Arial,'Noto Sans CJK SC',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--cream);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}em{font-weight:400}::selection{background:#dbc38b;color:#15372c}.wrap{width:min(1360px,calc(100% - 108px));margin:0 auto}.skip-link{position:absolute;left:20px;top:-80px;z-index:10000;background:white;padding:10px}.skip-link:focus{top:12px}.topline{height:28px;padding:0 54px;background:var(--green);color:#d9e3da;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.18em;font-weight:600}.topline-right{color:#bca66e}.site-header{height:90px;background:var(--cream);z-index:100;position:sticky;top:0;border-bottom:1px solid rgba(17,53,39,.08);transition:box-shadow .2s}.site-header.scrolled{box-shadow:0 8px 22px rgba(10,30,21,.08)}.nav-layout{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;gap:10px;align-items:center;flex:0 0 auto}.brand img{width:47px;height:47px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;gap:5px}.brand-copy strong{font-size:19px;letter-spacing:.1em;font-weight:750}.brand-copy small{font-size:8px;letter-spacing:.13em;font-weight:650}.main-nav{display:flex;gap:35px;align-items:center;margin-left:auto}.main-nav a{font-size:12px;white-space:nowrap;font-weight:600;transition:color .2s}.main-nav a:hover{color:#a88442}.nav-end{display:flex;align-items:center;gap:24px}.lang-switch{display:flex;gap:6px;align-items:center;font-size:11px;white-space:nowrap}.lang-switch button{background:none;border:none;padding:8px 2px;color:#869088;font-size:11px;font-weight:650}.lang-switch button.active{color:var(--green)}.lang-switch span{color:#aaa}.nav-contact{display:flex;gap:20px;align-items:center;padding:15px 20px;background:var(--green);color:#fff;border:1px solid var(--green);font-size:12px;font-weight:600;transition:background .2s}.nav-contact:hover{background:#225440}.nav-contact>span:last-child{font-size:18px}.mobile-toggle{display:none}.hero{min-height:680px;max-height:800px;height:calc(100vh - 118px);display:grid;grid-template-columns:51% 49%;background:var(--green);overflow:hidden}.hero-copy{position:relative;display:flex;align-items:center;justify-content:center;background:var(--green);overflow:hidden}.hero-watermark{position:absolute;bottom:-174px;right:-15px;font:normal 550px/.7 var(--serif);color:rgba(237,234,215,.035);user-select:none;pointer-events:none}.hero-copy-inner{position:relative;z-index:1;width:min(605px,calc(100% - 105px));margin:0 auto;padding:55px 0}.eyebrow{display:flex;gap:13px;align-items:center;color:#9b8145;font-size:10px;letter-spacing:.19em;font-weight:700;line-height:1.5}.eyebrow-line{width:31px;height:1px;background:var(--gold);flex-shrink:0}.eyebrow-light{color:#d8bc80}.hero h1{color:#fff;font:normal clamp(48px,4.6vw,78px)/1.07 var(--serif);letter-spacing:-.045em;margin-top:34px;max-width:680px}.hero h1 em{color:#e4d4ad;display:block;font-style:italic}.hero-chinese{font-size:15px;margin-top:25px;color:var(--gold);letter-spacing:.08em}.hero-desc{color:#c5d4cb;line-height:1.85;font-size:14px;max-width:385px;margin-top:27px}.pill-link{display:inline-flex;justify-content:space-between;gap:50px;align-items:center;padding:17px 18px 17px 23px;font-size:12px;font-weight:700;margin-top:37px;border:1px solid #d7cfb7;transition:background .2s,color .2s}.pill-light{color:var(--green);background:var(--cream)}.pill-light:hover{background:var(--gold);border-color:var(--gold)}.link-arrow{font-size:21px;font-weight:400;line-height:0}.hero-index{display:flex;gap:12px;align-items:center;color:#d6d8c6;margin-top:74px;font-size:10px;letter-spacing:.1em}.index-line{height:1px;width:50px;background:var(--gold)}.hero-index .index-caption{margin-left:23px;font-size:9px;color:#b4bba8}.hero-visual{position:relative;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:53% 50%;filter:saturate(.83) contrast(1.05);transition:transform 1.1s}.hero-visual:hover img{transform:scale(1.03)}.hero-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,39,28,.12),transparent 35%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 34%)}.hero-vertical{position:absolute;right:27px;top:30px;writing-mode:vertical-rl;color:#fff;font-size:10px;letter-spacing:.25em;font-weight:600}.hero-vertical span{color:var(--gold);margin:12px 0}.hero-image-label{position:absolute;bottom:36px;left:37px;color:white;font-size:11px;letter-spacing:.18em;font-weight:650}.commodity-bar{background:#e4dfd3;display:flex;justify-content:center;align-items:center;min-height:77px;gap:37px;padding:12px 20px;color:#315547;font-size:10px;letter-spacing:.08em;font-weight:700}.commodity-bar i{height:3px;width:3px;background:#b5a88d;border-radius:50%}.commodity-bar b{color:#ab9054}.section-intro{padding-top:127px;padding-bottom:46px}.intro-grid{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:80px}.section-intro h2,.catalogue-top h2,.story-section h2,.coffee-section h2,.approach-section h2,.partner-section h2{font-family:var(--serif);letter-spacing:-.046em;font-weight:400;line-height:1.09}.section-intro h2{font-size:clamp(48px,5.7vw,83px);margin-top:28px}.section-intro h2 em,.catalogue-top h2 em,.coffee-section h2 em,.partner-section h2 em{font-style:italic;color:#a08a61}.intro-side{padding-bottom:8px}.intro-side p{max-width:380px;color:var(--muted);font-size:15px;line-height:1.9}.section-marker{display:flex;align-items:center;gap:12px;font:normal 35px var(--serif);color:var(--gold);margin-top:24px}.section-marker small{max-width:110px;line-height:1.4;font:700 10px var(--sans);letter-spacing:.12em;color:var(--text)}.category-showcase{display:grid;grid-template-columns:1.24fr 1fr 1fr;grid-template-rows:292px 292px;gap:15px;padding-bottom:115px}.feature-card{display:block;overflow:hidden;position:relative;background:#b5bcb6}.feature-card-large{grid-row:span 2}.feature-card:nth-child(2){grid-column:2/4}.feature-card:nth-child(3){grid-column:2}.feature-card:nth-child(4){grid-column:3}.feature-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease,filter .5s;filter:saturate(.88)}.feature-card:hover img{transform:scale(1.055);filter:saturate(1)}.feature-card:nth-child(2) img{object-position:50% 44%}.feature-card:nth-child(3) img{object-position:50% 50%}.feature-card:nth-child(4) img{object-position:54% 40%}.feature-wash{position:absolute;inset:0;background:linear-gradient(to top,rgba(11,33,22,.85) 0,rgba(13,43,32,.08) 58%)}.feature-number{position:absolute;top:25px;left:28px;color:#fff;font:600 11px var(--sans);letter-spacing:.17em}.feature-label{position:absolute;left:28px;bottom:28px;right:25px;display:flex;align-items:end;justify-content:space-between;gap:12px;color:#fff}.feature-label small{display:block;font-size:9px;font-weight:650;letter-spacing:.14em;color:#e7d0a0;margin-bottom:9px}.feature-label h3{font:normal clamp(27px,2.5vw,38px)/1.13 var(--serif);letter-spacing:-.03em;margin-bottom:7px}.feature-label div>span{font-size:12px;color:#e5e9e3}.circle-arrow{width:43px;height:43px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-size:20px;transition:background .2s,color .2s}.feature-card:hover .circle-arrow{background:#fff;color:var(--green)}.catalogue-section{background:#efede5;padding:116px 0 124px}.catalogue-top{display:flex;align-items:end;justify-content:space-between;gap:60px}.catalogue-top h2{font-size:clamp(45px,5vw,73px);margin-top:24px}.catalogue-top>p{width:315px;color:var(--muted);font-size:14px;line-height:1.9;padding-bottom:10px}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin:45px 0 25px}.filter-row button{border:1px solid #d6d3ca;background:transparent;color:#53685b;padding:11px 17px;font-size:12px;transition:all .2s}.filter-row button.active,.filter-row button:hover{background:var(--green);border-color:var(--green);color:white}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{background:#f9f7f1;min-width:0;border:1px solid #e2ded3;text-align:left;padding:0;display:block;transition:transform .25s,box-shadow .25s;cursor:pointer}.product-card:hover{transform:translateY(-5px);box-shadow:0 13px 25px rgba(25,45,32,.11)}.product-card-img{height:248px;overflow:hidden;background:#c8c2ad}.product-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.product-card:hover img{transform:scale(1.06)}.product-card-info{padding:24px 25px 26px}.product-card-top{display:flex;justify-content:space-between;align-items:center;color:#a68a50;font-size:10px;font-weight:700;letter-spacing:.12em;margin-bottom:13px}.product-card-top span:last-child{font-size:17px}.product-card h3{font:normal 28px/1.2 var(--serif);color:var(--text);margin-bottom:8px}.product-card .product-local{color:#66756c;font-size:12px}.product-card .product-brief{color:#67766b;line-height:1.7;font-size:12px;margin-top:14px;min-height:40px}.story-section{display:grid;grid-template-columns:46% 54%;min-height:680px}.story-image{position:relative;overflow:hidden;background:#b5aa90}.story-image img{width:100%;height:100%;object-fit:cover;object-position:55% 50%}.story-side-caption{position:absolute;bottom:27px;left:35px;color:#fff;font-size:10px;letter-spacing:.18em;font-weight:700;text-shadow:0 1px 2px #444}.story-content{background:var(--green);color:#fff;display:flex;align-items:center}.story-content-inner{width:min(600px,calc(100% - 110px));margin:0 auto;padding:90px 0}.story-section h2{font-size:clamp(48px,5.2vw,75px);margin-top:32px}.story-section h2 em{color:#d9bc80;font-style:italic}.story-section p{font-size:14px;line-height:1.95;color:#d0ded3;max-width:460px;margin-top:29px}.values{display:flex;flex-wrap:wrap;gap:14px 25px;border-top:1px solid #537466;margin-top:43px;padding-top:22px;color:#e7cc93;font:italic 22px var(--serif)}.coffee-section{padding:125px 0;display:grid;grid-template-columns:.86fr 1.14fr;gap:110px;align-items:center}.coffee-section h2{font-size:clamp(47px,4.5vw,68px);margin-top:28px}.coffee-copy p{max-width:435px;color:var(--muted);font-size:14px;line-height:1.85;margin-top:24px}.process-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.process-tags span{border:1px solid #d7d2c3;padding:12px 15px;color:#47614f;font-size:10px;font-weight:650;letter-spacing:.09em}.origins-panel{background:#eae5d8;padding:35px 37px;border-top:3px solid var(--gold)}.origin-panel-head{display:flex;justify-content:space-between;color:#8f7544;letter-spacing:.17em;font-size:10px;font-weight:700;border-bottom:1px solid #d7d0bf;padding-bottom:19px}.origin-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.origin-grid>span{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px;border-bottom:1px solid #d7d0bf;padding:19px 0;font-size:14px;font-weight:600}.origin-grid small{font-size:11px;color:#8a8776;font-weight:400}.approach-section{background:#133f30;padding:123px 0 132px;color:#fff}.approach-header{display:flex;align-items:end;justify-content:space-between;gap:60px}.approach-section h2{font-size:clamp(47px,5vw,75px);margin-top:29px}.approach-section h2 em{color:#e2c891;font-style:italic}.approach-header>p{max-width:355px;color:#c4d5c9;line-height:1.85;font-size:14px;padding-bottom:5px}.steps-grid{margin-top:65px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 40px}.step{border-top:1px solid #6f8b7d;padding:24px 0 20px;display:grid;grid-template-columns:45px 1fr;gap:14px}.step-num{font:normal 32px var(--serif);color:#d1b778}.step h3{font:normal 23px var(--serif);margin:4px 0 5px}.step .step-cn{font-size:11px;color:#d9c393;margin-bottom:9px}.step p{font-size:12px;color:#bdd0c3;line-height:1.75}.partner-section{padding:130px 0 145px}.partner-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end}.partner-section h2{font-size:clamp(50px,6vw,83px);margin-top:27px}.partner-grid p{font-size:15px;line-height:1.95;color:var(--muted)}.partner-accent{display:block;border-top:1px solid #d4ccba;padding-top:22px;margin-top:29px;font-size:11px;font-weight:750;letter-spacing:.13em;color:#af8a46}footer{background:#102f25;color:#fff;padding:94px 0 23px}.footer-inner{position:relative}.footer-brand{display:flex;align-items:center;gap:15px}.footer-brand img{width:70px;height:70px}.footer-brand>span{font-size:25px;font-weight:750;letter-spacing:.12em;display:flex;flex-direction:column;gap:8px}.footer-brand small{font-size:9px;font-weight:650;letter-spacing:.1em}.footer-main h2{font:normal clamp(44px,5vw,70px)/1.16 var(--serif);letter-spacing:-.04em;margin:48px 0 36px}.footer-main h2 em{color:#dbbd79;font-style:italic}.footer-email{font:normal clamp(20px,2.4vw,33px) var(--serif);border-bottom:1px solid #ab9972;display:inline-flex;align-items:center;gap:30px;padding-bottom:10px}.footer-email span{font-family:var(--sans);font-size:24px}.footer-phone{display:block;color:#d5dfd5;font-size:14px;margin-top:20px}.footer-contact-person{color:#d6bc8a;font-size:12px;margin-top:17px}.footer-contact-person span{color:#bdc9c0}.footer-secondary{position:absolute;right:0;bottom:75px;display:flex;align-items:end;flex-direction:column;gap:15px;font-size:10px;font-weight:700;letter-spacing:.13em;color:#bfbdab}.footer-bottom{margin-top:85px;border-top:1px solid #456357;padding-top:22px;display:flex;gap:25px;align-items:start;flex-wrap:wrap;color:#a2b2a7;font-size:10px;letter-spacing:.08em}.footer-bottom a{margin-left:auto;color:#f6eee0;font-weight:700}.credits{width:100%;max-width:670px;line-height:1.6}.credits summary{cursor:pointer;font-size:10px}.credits p{margin-top:9px;letter-spacing:0;color:#c5d0c6}.product-dialog{max-width:970px;width:calc(100% - 35px);max-height:90vh;overflow:auto;padding:0;border:0;background:var(--cream);color:var(--text);box-shadow:0 30px 90px #081f1766}.product-dialog[open]{display:grid;grid-template-columns:.95fr 1.05fr}.product-dialog::backdrop{background:rgba(4,25,17,.75);backdrop-filter:blur(3px)}.dialog-close{position:fixed;z-index:10;margin:17px 0 0 17px;background:#f8f7f0;border:0;width:43px;height:43px;font-size:28px;display:grid;place-items:center}.dialog-image{height:100%;min-height:510px;background:#ccc}.dialog-image img{height:100%;width:100%;object-fit:cover}.dialog-info{padding:55px 45px 45px;overflow:hidden}.dialog-kicker{display:block;color:#a38448;font-size:11px;font-weight:700;letter-spacing:.15em}.dialog-info h2{font:normal 48px/1.1 var(--serif);margin-top:20px;letter-spacing:-.04em}.dialog-info>p{color:#64746a;font-size:14px;line-height:1.85;margin-top:20px}.dialog-spec-title{font-size:10px;letter-spacing:.15em;font-weight:700;color:#a1854f;margin-top:33px;margin-bottom:8px}.dialog-specs{border-top:1px solid #d7d3c8}.spec-row{display:flex;gap:18px;justify-content:space-between;align-items:start;border-bottom:1px solid #d7d3c8;padding:14px 0;font-size:12px}.spec-row>span:first-child{color:#637266}.spec-row>span:last-child{color:#203c2e;font-weight:700;text-align:right;max-width:62%}.dialog-info .dialog-note{margin-top:20px;font-size:11px;line-height:1.75;color:#8a8e85}.reveal{opacity:1;transform:none}.reveal.visible{opacity:1;transform:none}
@media(max-width:1200px){.wrap{width:calc(100% - 72px)}.main-nav{gap:22px}.nav-layout{gap:20px}.brand-copy strong{font-size:17px}.brand-copy small{font-size:7px}.nav-end{gap:13px}.hero-copy-inner{width:calc(100% - 78px)}.hero h1{font-size:clamp(44px,5.1vw,65px)}.coffee-section{gap:60px}.category-showcase{grid-template-rows:250px 250px}.footer-secondary{position:static;margin-top:45px;align-items:flex-start}}
@media(max-width:920px){.topline{padding:0 25px}.wrap{width:calc(100% - 48px)}.site-header{height:76px}.brand img{width:41px;height:41px}.nav-contact{display:none}.mobile-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:36px;height:40px;background:transparent;border:0;order:3}.mobile-toggle span{width:25px;height:2px;background:var(--green);transition:transform .2s}.mobile-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.mobile-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.main-nav{display:none;position:absolute;left:0;right:0;top:76px;background:var(--cream);padding:18px 25px 26px;box-shadow:0 12px 20px #17392a25;flex-direction:column;align-items:stretch;gap:0;z-index:20;margin:0}.main-nav.open{display:flex}.main-nav a{padding:14px 0;border-bottom:1px solid var(--line)}.nav-end{margin-left:auto}.hero{height:auto;min-height:620px;grid-template-columns:55% 45%}.hero-copy-inner{width:calc(100% - 56px)}.hero h1{font-size:clamp(42px,5.3vw,63px)}.hero-desc{font-size:13px}.commodity-bar{gap:15px;font-size:9px}.section-intro{padding-top:92px}.intro-grid{gap:35px}.category-showcase{grid-template-columns:1fr 1fr;grid-template-rows:330px 300px;gap:12px}.feature-card-large{grid-row:auto}.feature-card:nth-child(2),.feature-card:nth-child(3),.feature-card:nth-child(4){grid-column:auto}.product-grid{gap:15px}.product-card-img{height:200px}.product-card-info{padding:19px}.product-card h3{font-size:23px}.story-section{min-height:560px}.story-content-inner{width:calc(100% - 65px)}.coffee-section{grid-template-columns:1fr;gap:40px}.steps-grid{gap:30px 18px}.step{grid-template-columns:34px 1fr;gap:8px}.step h3{font-size:20px}}
@media(max-width:640px){.topline{height:24px;padding:0 17px;justify-content:center;font-size:7px;letter-spacing:.08em}.topline-right{display:none}.wrap{width:calc(100% - 34px)}.site-header{height:69px}.brand img{width:37px;height:37px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:6px}.nav-layout{gap:10px}.main-nav{top:69px}.hero{display:flex;flex-direction:column;max-height:none;min-height:0}.hero-copy{min-height:545px;order:1}.hero-copy-inner{width:calc(100% - 55px);padding:60px 0 44px}.hero h1{font-size:clamp(47px,10.7vw,67px);margin-top:27px}.hero-chinese{font-size:13px}.hero-desc{margin-top:18px;font-size:13px;max-width:310px}.pill-link{margin-top:28px}.hero-index{margin-top:50px}.hero-visual{order:2;height:350px}.hero-vertical{right:15px;top:18px;font-size:8px}.hero-image-label{left:18px;bottom:20px}.commodity-bar{padding:19px 15px;display:grid;grid-template-columns:1fr 1fr;min-height:0;text-align:center;gap:13px 5px;font-size:9px}.commodity-bar i{display:none}.section-intro{padding-top:80px;padding-bottom:30px}.intro-grid{display:block}.section-intro h2{font-size:50px;margin-top:23px}.intro-side{margin-top:23px}.intro-side p{font-size:13px}.section-marker{margin-top:16px}.category-showcase{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,285px);padding-bottom:75px;gap:10px}.feature-card-large{grid-row:auto}.feature-label{left:20px;right:18px;bottom:20px}.feature-number{top:18px;left:20px}.feature-label h3{font-size:34px}.catalogue-section{padding:75px 0}.catalogue-top{display:block}.catalogue-top h2{font-size:51px}.catalogue-top>p{width:auto;padding:0;margin-top:20px;font-size:13px}.filter-row{margin:31px 0 21px;gap:8px}.filter-row button{font-size:11px;padding:10px 12px}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-card-img{height:170px}.product-card-info{padding:15px}.product-card-top{font-size:8px;letter-spacing:.06em}.product-card h3{font-size:21px}.product-card .product-local{font-size:10px}.product-card .product-brief{font-size:10px;min-height:55px}.story-section{grid-template-columns:1fr}.story-image{height:315px}.story-content-inner{width:calc(100% - 45px);padding:76px 0}.story-section h2{font-size:55px}.story-section p{font-size:13px}.values{font-size:21px}.coffee-section{padding:75px 0}.coffee-section h2{font-size:51px}.coffee-copy p{font-size:13px}.origins-panel{padding:25px 18px}.origin-grid{gap:0 15px}.origin-grid>span{font-size:12px;padding:13px 0}.origin-grid small{font-size:10px}.approach-section{padding:75px 0}.approach-header{display:block}.approach-section h2{font-size:50px}.approach-header>p{margin-top:22px;font-size:13px}.steps-grid{grid-template-columns:1fr 1fr;gap:20px 18px;margin-top:37px}.step{display:block}.step-num{font-size:27px}.step h3{font-size:19px;margin-top:10px}.step p{font-size:11px}.partner-section{padding:82px 0 95px}.partner-grid{display:block}.partner-section h2{font-size:54px}.partner-grid>div{margin-top:25px}.partner-grid p{font-size:13px}.partner-accent{font-size:9px}footer{padding-top:66px}.footer-brand img{height:55px;width:55px}.footer-brand>span{font-size:19px}.footer-brand small{font-size:7px}.footer-main h2{font-size:51px;margin:39px 0 27px}.footer-email{font-size:22px;gap:14px}.footer-secondary{font-size:9px;line-height:1.5}.footer-bottom{margin-top:51px}.footer-bottom a{margin-left:0}.product-dialog[open]{display:block}.dialog-image{min-height:0;height:250px}.dialog-close{margin:10px 0 0 10px;width:36px;height:36px}.dialog-info{padding:25px 23px 35px}.dialog-info h2{font-size:40px;margin-top:13px}.dialog-info>p{font-size:13px}.spec-row{font-size:11px}}
@media(max-width:380px){.brand-copy small{max-width:142px;line-height:1.2}.hero h1{font-size:45px}.product-grid{grid-template-columns:1fr}.product-card-img{height:210px}.product-card .product-brief{min-height:0}.steps-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}

/* Enkupanet — buyer-focused visual refinements, layered over the original design. */
:root { --focus-ring: #b48b3c; }
html { scroll-padding-top: 105px; }
body { overflow-x: clip; }
:where(a, button, summary):focus-visible {
  outline: 3px solid var(--focus-ring);
  outline-offset: 4px;
}
:where(.pill-link, .nav-contact, .product-card, .feature-card, .catalogue-help-link, .dialog-inquiry, .partner-inquiry) {
  -webkit-tap-highlight-color: transparent;
}
.main-nav a, .nav-contact, .lang-switch button { min-height: 44px; }
.main-nav a { display: inline-flex; align-items: center; }
.mobile-nav-contact { display: none !important; }

/* Hero: two purposeful actions, and an accurate four-family label (not a false carousel). */
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.hero-actions .pill-link { margin-top: 32px; }
.hero-secondary {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 49px;
  margin-top: 32px;
  color: #f0e8d5;
  font-size: 12px;
  font-weight: 650;
  border-bottom: 1px solid rgba(236, 224, 190, .7);
  transition: color .2s, border-color .2s;
}
.hero-secondary:hover { color: #fff; border-color: #fff; }
.hero-secondary span[aria-hidden] { font-size: 17px; }
.hero-index { margin-top: 46px; }
.hero-index-total { color: #f0d59c; letter-spacing: .16em; font-weight: 750; }
.hero-index .index-line { width: 38px; }

/* Product collection: highlight buyer-relevant information and make inquiry effortless. */
.product-card { height: 100%; }
.product-card-info { display: flex; flex-direction: column; height: calc(100% - 248px); }
.product-card .product-brief { min-height: 0; margin-bottom: 17px; }
.product-card-spec {
  margin-top: auto;
  border-top: 1px solid #e7e0d2;
  padding-top: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 14px;
  color: #243e31;
}
.product-card-spec-label { color: #66756b; font-size: 11px; }
.product-card-spec-value { font-size: 12px; font-weight: 750; text-align: right; line-height: 1.5; }
.catalogue-help {
  margin-top: 36px;
  padding: 27px 30px;
  border: 1px solid #d8d2c5;
  border-left: 3px solid #b2945e;
  background: #f8f6ef;
  display: flex;
  gap: 20px 36px;
  justify-content: space-between;
  align-items: center;
}
.catalogue-help h3 { font: normal 25px/1.25 var(--serif); margin-bottom: 7px; }
.catalogue-help p { color: #566c60; font-size: 13px; line-height: 1.7; max-width: 690px; }
.catalogue-help-link, .partner-inquiry {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 14px 19px;
  min-height: 46px;
  flex: 0 0 auto;
  background: var(--green);
  color: white;
  font-size: 12px;
  font-weight: 700;
  transition: background .2s, transform .2s;
}
.catalogue-help-link:hover, .partner-inquiry:hover { background: #285541; transform: translateY(-2px); }

/* Product details: conventional close placement and product-specific inquiry action. */
.product-dialog { position: fixed; }
.dialog-close {
  position: absolute;
  z-index: 11;
  top: 15px;
  right: 15px;
  left: auto;
  margin: 0;
  border: 1px solid #ddd6c7;
  box-shadow: 0 3px 12px rgba(13, 35, 26, .1);
}
.dialog-info { padding-top: 77px; }
.dialog-actions { border-top: 1px solid #d8d2c6; margin-top: 26px; padding-top: 24px; }
.dialog-inquiry {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 48px;
  padding: 14px 21px;
  background: var(--green);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  transition: background .2s;
}
.dialog-inquiry:hover { background: #275640; }
.dialog-inquiry-note { font-size: 11px; color: #697a70; line-height: 1.65; margin-top: 12px; }
.partner-inquiry { margin-top: 26px; }
.footer-intro { font-size: 13px; line-height: 1.7; color: #c9d7ce; margin: -8px 0 23px; }

/* Chinese copy uses a type system intended for Han characters. */
html:lang(zh-CN) {
  --sans: "Noto Sans CJK SC", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
}
html:lang(zh-CN) :is(.hero h1, .section-intro h2, .catalogue-top h2, .product-card h3,
  .story-section h2, .coffee-section h2, .approach-section h2, .partner-section h2,
  .footer-main h2, .dialog-info h2, .catalogue-help h3) {
  font-family: var(--sans);
  letter-spacing: -.025em;
}
html:lang(zh-CN) .hero h1 { line-height: 1.22; }
html:lang(zh-CN) .hero h1 em { font-style: normal; }

@media (max-width: 1200px) {
  .hero-actions { align-items: flex-start; gap: 7px 16px; }
  .hero-actions .pill-link, .hero-secondary { margin-top: 26px; }
  .product-card-info { height: calc(100% - 248px); }
}
@media (max-width: 920px) {
  .mobile-nav-contact {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    background: var(--green);
    color: white;
    padding: 14px 16px !important;
    margin-top: 17px;
    font-weight: 700;
    font-size: 13px;
    border: 0 !important;
  }
  .mobile-toggle { align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
  .main-nav a { min-height: 49px; }
  .main-nav { max-height: calc(100dvh - 95px); overflow-y: auto; }
  .product-card-info { height: calc(100% - 200px); }
}
@media (max-width: 640px) {
  html { scroll-padding-top: 83px; }
  .topline { font-size: 9px; letter-spacing: .04em; padding: 0 9px; }
  .brand-copy strong { font-size: 15px; }
  .brand-copy small { font-size: 9px; line-height: 1.3; letter-spacing: .035em; }
  .lang-switch button { min-width: 32px; font-size: 12px; }
  .hero-copy { min-height: 0; }
  .hero-copy-inner { padding: 56px 0 46px; }
  .hero h1 { font-size: clamp(39px, 10.2vw, 57px); line-height: 1.09; }
  .hero-desc { font-size: 14px; line-height: 1.75; }
  .hero-actions { display: flex; flex-direction: column; gap: 3px; align-items: flex-start; }
  .hero-actions .pill-link { margin-top: 26px; }
  .hero-secondary { min-height: 44px; margin-top: 0; }
  .hero-index { margin-top: 38px; font-size: 10px; gap: 10px; }
  .hero-index .index-caption { margin-left: 0; font-size: 10px; }
  .section-intro h2, .catalogue-top h2, .coffee-section h2, .approach-section h2,
  .partner-section h2, .story-section h2 { font-size: clamp(38px, 10.4vw, 54px); }
  .section-intro .eyebrow, .coffee-copy .eyebrow, .story-section .eyebrow,
  .catalogue-top .eyebrow { font-size: 11px; }
  .feature-label small, .feature-number { font-size: 11px; }
  .feature-label div > span { font-size: 13px; }
  .filter-row button { min-height: 44px; font-size: 12px; padding: 11px 15px; }
  .product-card-info { height: calc(100% - 170px); }
  .product-card .product-brief { font-size: 12px; line-height: 1.65; margin-bottom: 14px; }
  .product-card .product-local { font-size: 11px; line-height: 1.4; }
  .product-card-top { font-size: 10px; }
  .product-card-spec-label { font-size: 11px; }
  .product-card-spec-value { font-size: 12px; }
  .catalogue-help { padding: 24px 19px; align-items: flex-start; flex-direction: column; gap: 17px; }
  .catalogue-help h3 { font-size: 24px; }
  .catalogue-help p { font-size: 13px; }
  .catalogue-help-link { width: 100%; }
  .story-section p, .coffee-copy p, .approach-header > p, .partner-grid p { font-size: 14px; }
  .step p { font-size: 12px; }
  .step .step-cn { font-size: 11px; }
  .footer-intro { font-size: 13px; }
  .footer-brand small { font-size: 9px; }
  .dialog-close { top: 9px; right: 9px; margin: 0; min-height: 44px; min-width: 44px; }
  .dialog-info { padding: 26px 23px 33px; }
  .dialog-info h2 { font-size: 35px; }
  .dialog-inquiry { display: flex; width: 100%; }
  .spec-row { font-size: 12px; }
  .partner-inquiry { display: flex; width: max-content; max-width: 100%; }
}
@media (max-width: 470px) {
  .product-grid { grid-template-columns: 1fr; gap: 17px; }
  .product-card-img { height: 235px; }
  .product-card-info { height: auto; min-height: 206px; padding: 20px 21px 22px; }
  .product-card h3 { font-size: 27px; }
  .product-card .product-local { font-size: 12px; }
  .product-card .product-brief { font-size: 13px; }
  .product-card-spec { margin-top: auto; }
  .steps-grid { grid-template-columns: 1fr 1fr; gap: 18px; }
  .step h3 { font-size: 18px; }
}
@media (max-width: 360px) {
  .brand-copy strong { font-size: 13px; }
  .brand-copy small { font-size: 8px; }
  .hero h1 { font-size: 38px; }
  .hero-index { flex-wrap: wrap; }
  .origin-grid { grid-template-columns: 1fr; }
  .steps-grid { grid-template-columns: 1fr; }
  .step { display: grid; grid-template-columns: 35px 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-secondary, .catalogue-help-link, .dialog-inquiry, .partner-inquiry { transition: none; }
  .catalogue-help-link:hover, .partner-inquiry:hover { transform: none; }
}


/* Enkupanet brand green — sampled from supplied logo reference (#0E752C).
   Existing gold, cream, layout, imagery, and motion remain unchanged. */
:root {
  --green: #0E752C;
  --green-dark: #075522;
}
.topline, .hero, .hero-copy, .story-content { background-color: var(--green); }
.approach-section { background-color: #0B682B; }
footer { background-color: #075222; }

/* Retain gold as the accent; lighten small text over the brighter brand green
   so international buyers can still read it clearly. */
.topline, .topline-right,
.hero .eyebrow-light, .hero-chinese,
.hero-index, .hero-index-total, .hero-index .index-caption {
  color: #FFF0C9;
}
.hero-desc, .story-section p, .approach-header > p, .step p {
  color: #F3F7EF;
}
.story-section h2 em, .story-section .values,
.step .step-cn, .step .step-num {
  color: #FFF0C9;
}
.hero .hero-index .index-line,
.hero .eyebrow-line { background-color: var(--gold); }

/* Green photo treatment and tactile controls use the same emerald family. */
.feature-wash {
  background: linear-gradient(to top, rgba(4,72,26,.85), rgba(8,88,35,.08) 60%);
}
.nav-contact:hover, .catalogue-help-link:hover,
.partner-inquiry:hover, .dialog-inquiry:hover {
  background-color: #086026;
}
@media (prefers-contrast: more) {
  .hero-desc, .story-section p, .approach-header > p, .step p {
    color: #FFFFFF;
  }
}