:root { --green:#174c36; --green-deep:#103628; --gold:#c99a3d; --cream:#f5f0e4; --stone:#d8d2c4; --charcoal:#1e2924; --leaf:#5e8a57; --ink-soft:#526158; --line:rgba(30,41,36,.16); --display:Georgia,'Times New Roman',serif; --body:'Avenir Next','Segoe UI',Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--charcoal); font-family:var(--body); line-height:1.55; }
a { color:inherit; }
img { display:block; max-width:100%; }
h1,h2,h3,p { margin-top:0; }
h1,h2 { font-family:var(--display); font-weight:500; letter-spacing:-.055em; line-height:.98; }
h1 { font-size:clamp(3.5rem,7vw,7.3rem); margin-bottom:1.5rem; }
h2 { font-size:clamp(2.45rem,4.5vw,4.8rem); margin-bottom:1.5rem; }
h3 { line-height:1.12; }
h1 em { color:var(--gold); font-style:normal; }
.site-header { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:1rem clamp(1.25rem,5vw,5.5rem); border-bottom:1px solid rgba(16,54,40,.08); background:rgba(245,240,228,.96); }
.brand { display:flex; align-items:center; gap:.75rem; color:var(--green-deep); text-decoration:none; }
  .brand-logo { width:205px; height:auto; }
  .brand-logo-editorial { width:290px; }
.brand-mark { font:800 1.8rem/.8 var(--display); letter-spacing:-.09em; white-space:nowrap; }
.brand-mark span { color:var(--gold); }
.brand-copy { display:flex; flex-direction:column; gap:.1rem; text-transform:uppercase; }
.brand-copy strong { font-size:.73rem; letter-spacing:.13em; }
.brand-copy small { color:var(--ink-soft); font-size:.54rem; font-weight:700; letter-spacing:.09em; }
.site-nav { display:flex; align-items:center; gap:1.6rem; font-size:.82rem; font-weight:750; }
.site-nav a { text-decoration:none; transition:color .2s; }
.site-nav a:not(.nav-cta):hover,.site-nav a.active:not(.nav-cta) { color:var(--gold); }
.nav-cta { padding:.7rem 1rem; border-radius:999px; color:var(--cream); background:var(--green-deep); }
.menu-toggle { display:none; border:0; padding:.65rem .85rem; color:var(--green-deep); background:transparent; font:700 .78rem var(--body); letter-spacing:.08em; text-transform:uppercase; }
.hero { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr); min-height:630px; color:var(--cream); background:var(--green-deep); }
.hero-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(4rem,8vw,8rem) clamp(1.5rem,7vw,8.2rem); }
.eyebrow { margin:0 0 1rem; color:var(--gold); font-size:.68rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.lede { max-width:590px; color:#d9e0d4; font-size:clamp(1.05rem,1.55vw,1.28rem); }
.action-row { display:flex; align-items:center; flex-wrap:wrap; gap:1.4rem; margin:2rem 0 1.1rem; }
.button { display:inline-block; border:1px solid transparent; border-radius:999px; padding:.87rem 1.32rem; font-size:.84rem; font-weight:800; text-decoration:none; transition:transform .18s ease,box-shadow .18s ease; }
.button:hover { transform:translateY(-2px); box-shadow:0 7px 16px rgba(0,0,0,.15); }
.button-gold { color:var(--green-deep); background:var(--gold); }
.button-green { color:var(--cream); background:var(--green-deep); }
.button-outline { color:var(--green-deep); border-color:var(--green-deep); }
.text-link { color:var(--cream); font-size:.84rem; font-weight:800; text-decoration:none; }
.text-link span { margin-left:.25rem; color:var(--gold); font-size:1.2em; }
.text-link.dark { color:var(--green-deep); }
.text-link.light { display:block; margin-top:2rem; }
.chinese-line { color:#c8d3c3; font-size:.9rem; }
.hero-image { position:relative; min-height:100%; overflow:hidden; margin:0; }
.hero-image::after { position:absolute; inset:0; background:linear-gradient(120deg,rgba(16,54,40,.12),rgba(16,54,40,.67)); content:''; }
.hero-image img { width:100%; height:100%; object-fit:cover; object-position:44% 48%; filter:saturate(.85) contrast(1.03); }
.hero-image figcaption { position:absolute; z-index:1; bottom:2rem; right:2rem; color:#fff; font-size:.64rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; writing-mode:vertical-rl; }
.trust-band { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; padding:1.55rem clamp(1.5rem,7vw,8rem); background:var(--gold); }
.trust-band div { display:flex; flex-direction:column; gap:.15rem; border-left:1px solid rgba(16,54,40,.33); padding-left:1.1rem; }
.trust-band strong { color:var(--green-deep); font-family:var(--display); font-size:1.3rem; font-weight:500; }
.trust-band span { color:#46503e; font-size:.78rem; }
.section { padding:clamp(4.5rem,8vw,8rem) clamp(1.5rem,7vw,8rem); }
.intro-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(2.5rem,9vw,9rem); }
.intro-grid h2 { color:var(--green-deep); }
.intro-body { max-width:490px; padding-top:3.7rem; color:var(--ink-soft); font-size:1.07rem; }
.intro-body .text-link { display:inline-block; margin-top:1rem; }
.product-section { background:#e2e5d8; }
.section-title { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:3rem; }
.section-title h2 { max-width:690px; margin-bottom:0; color:var(--green-deep); }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.product-card { min-height:300px; display:flex; flex-direction:column; justify-content:flex-end; padding:1.6rem; color:var(--cream); }
.product-card span { margin-bottom:auto; color:var(--gold); font:1.1rem var(--display); }
.product-card h3 { margin-bottom:.55rem; font:2rem var(--display); font-weight:500; }
.product-card p { max-width:260px; margin:0; color:#d9e1d5; }
.leafy { background:linear-gradient(145deg,#245d41,#103628); }.mushroom { background:linear-gradient(145deg,#66725d,#2e4033); }.fruit { background:linear-gradient(145deg,#a9762a,#51451f); }
.process-section { color:var(--cream); background:var(--green-deep); }
.process-section h2 { color:var(--cream); }
.process-list { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; margin:0; padding:0; list-style:none; }
.process-list li { border-top:1px solid rgba(245,240,228,.35); padding-top:1.1rem; }
.process-list span { color:var(--gold); font:1.2rem var(--display); }.process-list h3 { margin:.75rem 0 .55rem; font:1.65rem var(--display); font-weight:500; }.process-list p { color:#cad6c8; }
.service-area { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:clamp(3rem,9vw,10rem); }
.service-area h2 { color:var(--green-deep); }.service-area p:not(.eyebrow) { max-width:570px; color:var(--ink-soft); font-size:1.05rem; }
.map-mark { position:relative; min-height:270px; display:grid; place-items:center; border:1px solid var(--stone); border-radius:50% 50% 46% 54%; color:var(--green); font:2rem var(--display); }
.map-mark::before { position:absolute; width:65%; height:65%; border:1px dashed var(--gold); border-radius:50%; content:''; }.map-mark i { position:absolute; width:.8rem; height:.8rem; border-radius:50%; background:var(--gold); }.map-mark i:nth-of-type(1) { top:24%; left:38%; }.map-mark i:nth-of-type(2) { bottom:24%; right:29%; }.map-mark i:nth-of-type(3) { top:50%; right:20%; }
.closing-cta { padding:clamp(5rem,9vw,9rem) 1.5rem; text-align:center; color:var(--cream); background:var(--green); }.closing-cta h2 { color:var(--cream); }.closing-cta > p:not(.eyebrow) { max-width:540px; margin:0 auto 1.8rem; color:#d8e0d5; }
.page-hero { padding:clamp(5rem,11vw,10rem) clamp(1.5rem,14vw,15rem) clamp(4rem,7vw,7rem); background:linear-gradient(107deg,var(--green-deep) 0%,var(--green) 70%,#275d43 100%); color:var(--cream); }.page-hero .lede { margin-bottom:0; }.page-hero::after { display:block; width:4rem; height:4px; margin-top:2.5rem; background:var(--gold); content:''; }
.category-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(2.5rem,8vw,9rem); }.category-layout aside h2 { color:var(--green-deep); font-size:clamp(2.1rem,3.5vw,3.5rem); }.category-layout aside p:not(.eyebrow) { color:var(--ink-soft); }.category-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--stone); border:1px solid var(--stone); }.category-grid article { min-height:230px; padding:1.5rem; background:#faf8f1; }.category-symbol { display:block; margin-bottom:2.5rem; color:var(--gold); font:2.2rem var(--display); }.category-grid h3 { color:var(--green-deep); font:1.65rem var(--display); font-weight:500; }.category-grid p { color:var(--ink-soft); font-size:.92rem; }
.promise-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2.5rem,8vw,9rem); background:#e2e5d8; }.promise-grid h2 { color:var(--green-deep); }.promise-grid ul { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; margin:0; padding:0; list-style:none; }.promise-grid li { border-top:2px solid var(--gold); padding-top:.8rem; color:var(--ink-soft); }.promise-grid strong { display:block; margin-bottom:.25rem; color:var(--green-deep); font-family:var(--display); font-size:1.25rem; }
.ordering-flow { display:grid; grid-template-columns:repeat(4,1fr); gap:1.1rem; }.ordering-flow article { min-height:275px; padding:1.4rem; border-top:3px solid var(--gold); background:#fbf8ef; }.ordering-flow span,.values-grid span { color:var(--gold); font:1.1rem var(--display); }.ordering-flow h2 { margin:1.4rem 0 .75rem; color:var(--green-deep); font-size:1.8rem; }.ordering-flow p { color:var(--ink-soft); font-size:.94rem; }
.checklist-section { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,8vw,8rem); color:var(--cream); background:var(--green-deep); }.checklist-section h2 { color:var(--cream); }.checklist { border-top:1px solid rgba(245,240,228,.35); }.checklist p { margin:0; padding:.85rem 0; border-bottom:1px solid rgba(245,240,228,.22); color:#d8e0d5; }.checklist span { display:inline-block; width:1.6rem; color:var(--gold); font-weight:800; }.note-banner { padding-top:2rem; padding-bottom:2rem; text-align:center; background:var(--gold); }.note-banner p { max-width:860px; margin:0 auto; color:var(--green-deep); }
.story-layout { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(2rem,8vw,8rem); }.story-image { height:440px; overflow:hidden; }.story-image img { width:100%; height:100%; object-fit:cover; object-position:45% center; }.story-layout h2 { color:var(--green-deep); font-size:clamp(2.3rem,4vw,4rem); }.story-layout p:not(.eyebrow) { color:var(--ink-soft); }.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; background:#e2e5d8; }.values-grid article { padding:1.5rem; border-top:3px solid var(--gold); }.values-grid h2 { margin:1.6rem 0 .6rem; color:var(--green-deep); font-size:2rem; }.values-grid p { color:var(--ink-soft); }.bilingual-band { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,8vw,8rem); color:var(--cream); background:var(--green); }.bilingual-band h2 { color:var(--cream); font-size:clamp(2rem,3.8vw,3.8rem); }.bilingual-band > p { align-self:center; margin:0; color:#d9e4d7; font-size:1.12rem; }
.contact-hero { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2.5rem,8vw,9rem); padding:clamp(5rem,10vw,9rem) clamp(1.5rem,9vw,10rem); color:var(--cream); background:var(--green-deep); }.contact-hero .lede { margin-bottom:2rem; }.direct-contact { display:flex; gap:1rem; flex-wrap:wrap; }.direct-contact a,.direct-contact .wechat-contact { display:flex; flex-direction:column; color:var(--cream); font:1.15rem var(--display); text-decoration:none; }.direct-contact span { margin-bottom:.2rem; color:var(--gold); font:.62rem var(--body); font-weight:800; letter-spacing:.13em; text-transform:uppercase; }.inquiry-form { display:grid; gap:.95rem; padding:1.5rem; align-self:start; background:#f9f7ef; color:var(--charcoal); }.inquiry-form label { display:grid; gap:.35rem; color:var(--green-deep); font-size:.75rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.inquiry-form input,.inquiry-form textarea { width:100%; border:1px solid #c8d0c4; border-radius:0; padding:.75rem; color:var(--charcoal); background:white; font:1rem var(--body); letter-spacing:normal; text-transform:none; }.inquiry-form textarea { resize:vertical; }.inquiry-form .button { justify-self:start; border:0; cursor:pointer; }.form-note { margin:0; color:#68746b; font-size:.75rem; }.contact-note { text-align:center; }.contact-note p { max-width:800px; margin:0 auto; color:var(--ink-soft); }
footer { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:2rem; padding:3.5rem clamp(1.5rem,7vw,8rem) 1.4rem; color:#d9e1d7; background:#0a251a; }footer .brand-mark { color:var(--cream); font-size:2rem; }footer p { color:#aabaae; font-size:.78rem; }footer h3 { margin:0 0 .7rem; color:var(--gold); font-size:.68rem; letter-spacing:.13em; text-transform:uppercase; }footer a { display:block; margin-bottom:.4rem; color:#d9e1d7; font-size:.84rem; text-decoration:none; }.wechat-footer { margin:.7rem 0 0; color:#d9e1d7; }.copyright { grid-column:1/-1; margin:1.5rem 0 0; padding-top:1rem; border-top:1px solid rgba(245,240,228,.15); }
@media (max-width:850px) { .site-header { position:relative; }.menu-toggle { display:block; }.site-nav { position:absolute; z-index:3; top:100%; left:0; right:0; display:none; align-items:stretch; gap:0; padding:.8rem 1.25rem 1.1rem; border-bottom:1px solid var(--stone); background:var(--cream); }.site-nav.is-open { display:flex; flex-direction:column; }.site-nav a { padding:.6rem 0; }.nav-cta { margin-top:.4rem; padding:.7rem 1rem !important; text-align:center; }.hero,.intro-grid,.category-layout,.promise-grid,.story-layout,.bilingual-band,.contact-hero { grid-template-columns:1fr; }.hero-image { min-height:350px; }.hero-copy { padding-bottom:4rem; }.trust-band { grid-template-columns:1fr; }.trust-band div { padding:.5rem 0 .5rem 1rem; }.section-title { display:block; }.section-title .button { margin-top:1.3rem; }.product-grid,.process-list,.values-grid { grid-template-columns:1fr; }.product-card { min-height:210px; }.process-list { gap:1.2rem; }.ordering-flow { grid-template-columns:repeat(2,1fr); }.service-area { grid-template-columns:1fr; }.map-mark { max-width:370px; width:100%; }.story-image { height:320px; }.promise-grid ul { gap:1rem; }.contact-hero { padding-top:5rem; }.page-hero { padding-left:clamp(1.5rem,7vw,4rem); padding-right:clamp(1.5rem,7vw,4rem); } }
  @media (max-width:520px) { .brand-logo { width:170px; }.brand-logo-editorial { width:225px; }.hero { min-height:auto; }.hero-copy { padding-top:4.2rem; }.action-row { align-items:flex-start; flex-direction:column; gap:1rem; }.trust-band { padding-top:1rem; padding-bottom:1rem; }.section { padding-top:4rem; padding-bottom:4rem; }.ordering-flow,.category-grid,.promise-grid ul { grid-template-columns:1fr; }.checklist-section { grid-template-columns:1fr; }footer { grid-template-columns:1fr; }.copyright { margin-top:0; } }