:root{--paper:#f6f7ef;--ink:#173c32;--muted:#65736b;--line:#d9dfd4;--lime:#d5ed8b;--white:#fff;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #58852b;outline-offset:6px}img{display:block;max-width:100%}.skip-link{position:fixed;top:-100px;left:20px;padding:14px;background:var(--lime);z-index:20}.skip-link:focus{top:12px}.site-header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:5px}.site-header nav{display:flex;align-items:center;gap:40px;font-size:14px}.site-header nav>a:not(.nav-cta){padding:10px 0;border-bottom:1px solid transparent}.site-header nav>a[aria-current],.site-header nav>a:hover{border-color:var(--ink)}.nav-cta{border:1px solid var(--ink);padding:13px 20px;border-radius:3px;margin-left:20px}.nav-cta span{margin-left:24px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;padding:30px 30px 30px 5%;gap:25px;min-height:710px;max-width:1800px;margin:auto}.hero-copy{padding:45px 20px 22px 0}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;line-height:1.7}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#638c35;margin-right:10px}.hero h1{font-weight:400;letter-spacing:-5px;font-size:clamp(64px,6.8vw,105px);line-height:1.02;margin:35px 0 25px}em{font-family:var(--serif);font-weight:400}.hero h1 em{color:#638046}.hero-description{font-size:17px;line-height:1.7;max-width:355px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:18px 23px;font-size:13px;border-radius:3px;transition:background .2s,transform .2s}.button-dark{background:var(--ink);color:var(--white)}.button:hover{background:#315b41;transform:translateY(-2px)}.text-link{font-size:13px;border-bottom:1px solid var(--line);padding:10px 0}.text-link span{margin-left:16px}.hero-note{display:flex;align-items:center;gap:14px;margin-top:38px}.hero-note p{font-size:13px;line-height:1.6;color:var(--muted)}.hero-note strong{font-weight:400;color:var(--ink)}.mini-sun{font-size:42px;color:#6f8b47}.hero-art{position:relative;border-radius:5px;overflow:hidden;min-height:640px;background:#aac2ad}.hero-art>img{width:100%;height:100%;object-fit:cover;position:absolute}.art-label{position:absolute;top:25px;left:25px;font-size:11px;letter-spacing:1.5px;background:#f6f7efe8;padding:13px 16px;border-radius:30px}.art-bottom{position:absolute;bottom:30px;left:30px;right:30px;display:flex;align-items:end;justify-content:space-between;color:white;font-size:12px;line-height:1.6;letter-spacing:1px}.art-bottom strong{font-weight:400}.art-bottom a{display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;width:44px;height:44px;font-size:24px}.values-strip{display:flex;line-height:1.6;justify-content:space-around;align-items:center;gap:20px;background:#e9eddf;padding:25px 5%;font-size:14px;letter-spacing:.5px}.values-strip span:nth-child(even){font-size:20px;color:#6c8652}.section{padding:105px 8%;max-width:1600px;margin:auto}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section h2{font-size:clamp(40px,4.3vw,64px);font-weight:400;line-height:1.12;letter-spacing:-2.5px;margin:25px 0}.about-copy{padding-top:18px}.about-copy p{font-size:15px;line-height:1.9;color:var(--muted)}.about-copy .lead{font-size:23px;line-height:1.45;color:var(--ink);margin:0 0 25px;max-width:410px}.location-tag{font-size:12px;letter-spacing:1.5px;border-top:1px solid var(--line);padding-top:24px;margin-top:30px}.location-tag span{margin-right:10px}.focus{padding-top:15px}.focus-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.focus-heading h2{margin-bottom:8px}.focus-heading>p{font-size:15px;line-height:1.8;color:var(--muted)}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.focus-card{border:1px solid var(--line);padding:30px;background:#f0f2e8;border-radius:4px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.card-top>span{color:var(--muted);font-size:11px}.card-top svg{width:37px;height:37px;fill:none;stroke:#507544;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.focus-card h3{font-size:22px;font-weight:400;letter-spacing:-.5px}.focus-card p{font-size:15px;line-height:1.8;color:var(--muted);min-height:94px}.card-caption{display:block;border-top:1px solid var(--line);padding-top:22px;margin-top:25px;font-size:11px;letter-spacing:1px}.purpose{text-align:center;background:var(--ink);color:var(--paper);padding:65px 25px 70px;position:relative;overflow:hidden}.purpose-mark{font-size:55px;display:block;color:var(--lime);margin-bottom:20px}.purpose h2{font-size:clamp(30px,3.6vw,52px);font-weight:400;letter-spacing:-1.6px;line-height:1.25;margin:25px 0}.purpose h2 em{color:var(--lime)}.purpose>p:last-child{font-size:15px;line-height:1.8;color:#c4cfc5}.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-intro>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted);max-width:350px;margin-bottom:28px}.contact-details{padding-top:45px}.contact-row{display:flex;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.contact-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#e7ecdc;font-size:20px}.contact-row h3{font-size:12px;font-weight:400;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.contact-row a{font-size:20px;overflow-wrap:anywhere}.contact-row a:hover{text-decoration:underline}.contact-row address{font-style:normal;font-size:14px;line-height:1.8}footer{padding:38px 5% 25px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top>p{font-size:13px;color:var(--muted);max-width:300px;line-height:1.7}.back-top{font-size:13px;white-space:nowrap}.back-top span{margin-left:15px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:35px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
@media(min-width:1600px){.hero{padding-left:8%}.hero-copy{padding-top:65px}.hero-art{min-height:720px}}
@media(max-width:1000px){.site-header nav{gap:25px}.nav-cta{margin-left:0}.hero{padding-left:5%;min-height:610px}.hero h1{letter-spacing:-3px}.hero-copy{padding-top:25px}.hero-art{min-height:600px}.hero-actions{gap:18px}.button{gap:20px}.section{padding:80px 6%}.about,.contact{gap:45px}.focus{padding-top:0}.focus-card{padding:24px}.focus-card p{min-height:120px}.art-label{font-size:10px;left:15px;right:15px;text-align:center;letter-spacing:1px}.values-strip{font-size:13px;gap:12px}}
@media(max-width:700px){html{scroll-padding-top:80px}.site-header{height:80px;padding:0 6%}.brand{font-size:20px}.brand img{width:35px;height:35px}.brand small{font-size:8px}.menu-toggle{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid var(--line);padding:10px 12px;color:var(--ink);font-size:12px;border-radius:3px}.site-header nav{display:none;position:absolute;top:80px;left:0;right:0;padding:18px 6% 25px;background:var(--paper);border-bottom:1px solid var(--line);align-items:stretch;flex-direction:column;gap:10px}.site-header nav.is-open{display:flex}.nav-cta{margin-top:5px;width:fit-content}.hero{grid-template-columns:1fr;padding:20px 6% 25px;gap:25px}.hero-copy{padding:15px 0 0}.hero h1{font-size:clamp(58px,12vw,82px);letter-spacing:-3px;margin:25px 0}.hero h1 br:nth-of-type(2){display:none}.eyebrow{font-size:11px;letter-spacing:1.3px}.hero-description{font-size:16px}.hero-actions{gap:25px}.hero-note{margin-top:20px}.hero-art{min-height:460px}.hero-art>img{object-position:center 57%}.art-label{left:20px;right:auto;padding:12px 15px}.values-strip{display:grid;grid-template-columns:1fr 1fr;text-align:center;padding:25px 6%;row-gap:18px;font-size:13px}.values-strip span:nth-child(even){display:none}.section{padding:65px 6%}.about,.contact{grid-template-columns:1fr;gap:15px}.section h2{font-size:43px;letter-spacing:-1.8px;margin:20px 0}.about-copy{padding:0}.about-copy .lead{font-size:21px}.focus{padding-top:0}.focus-heading{display:block}.focus-heading>p{margin-top:20px}.focus-grid{grid-template-columns:1fr;gap:15px}.focus-card{padding:26px}.card-top{margin-bottom:25px}.focus-card p{min-height:0;max-width:400px}.focus-card h3{font-size:24px}.card-caption{margin-top:22px}.purpose{padding:50px 6%}.purpose h2{font-size:32px;letter-spacing:-1px}.contact-details{padding-top:10px}.contact-row a{font-size:19px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top>p{order:3;max-width:none;width:100%;margin:0}.footer-bottom{gap:16px;line-height:1.6;flex-direction:column;margin-top:22px}.back-top{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Full company name in the header and footer. */
.brand { min-width: 0; }
.brand img { flex-shrink: 0; }
.brand .company-name { font-size: 16px; line-height: 1.45; letter-spacing: 0; font-weight: 600; }
.site-header .company-name { max-width: none; white-space: nowrap; font-size: 22px; }
.footer-top .company-name { white-space: nowrap; }
@media (max-width: 1000px) {
  .site-header nav { gap: 18px; }
}
@media (max-width: 800px) {
  .footer-top { flex-wrap: wrap; }
  .footer-top .brand { width: 100%; }
  .footer-top .company-name { white-space: normal; }
}
@media (max-width: 700px) {
  .site-header { gap: 12px; }
  .site-header .company-name { max-width: 350px; white-space: normal; font-size: 16px; }
  .site-header .brand { gap: 8px; }
  .menu-toggle { flex-shrink: 0; }
  .footer-top .company-name { font-size: 14px; }
}

/* Give the full company name its own row on narrower desktop screens. */
@media (min-width: 701px) and (max-width: 1600px) {
  html { scroll-padding-top: 140px; }
  .site-header { height: 140px; flex-wrap: wrap; align-content: center; gap: 12px; }
  .site-header .brand { width: 100%; }
  .site-header .company-name { font-size: 22px; }
  .site-header nav { margin-left: auto; gap: 24px; }
}

/* Language controls are always visible in the header. */
.language-switch { display: flex; gap: 4px; flex-shrink: 0; padding: 3px; border: 1px solid var(--line); border-radius: 5px; }
.language-switch button { border: 0; border-radius: 3px; padding: 8px 10px; background: transparent; color: var(--ink); cursor: pointer; font-size: 13px; }
.language-switch button[aria-pressed="true"] { background: var(--ink); color: var(--white); }
.site-header nav { flex-shrink: 0; }
html[lang="zh-CN"] body { font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif; }
html[lang="zh-CN"] em { font-family: "Songti SC", "SimSun", serif; }
html[lang="zh-CN"] .hero h1 { font-size: clamp(56px, 5.5vw, 88px); line-height: 1.25; letter-spacing: 0; }
html[lang="zh-CN"] .section h2, html[lang="zh-CN"] .purpose h2 { letter-spacing: 0; }
html[lang="zh-CN"] .eyebrow { letter-spacing: 1px; }
@media (min-width: 701px) and (max-width: 1600px) {
  .site-header nav { gap: 18px; }
}
@media (max-width: 700px) {
  .language-switch { align-self: center; margin-top: 0; }
  html[lang="zh-CN"] .hero h1 { font-size: 52px; }
  html[lang="zh-CN"] .section h2 { font-size: 36px; }
}

/* Keep language selection beside the menu button without hiding it in navigation. */
.header-controls { display: flex; align-items: center; gap: 24px; flex-shrink: 0; }
@media (min-width: 701px) and (max-width: 1600px) {
  .header-controls { margin-left: auto; gap: 18px; }
}
@media (max-width: 700px) {
  html { scroll-padding-top: 220px; }
  .site-header { height: auto; min-height: 140px; flex-wrap: wrap; padding-top: 12px; padding-bottom: 12px; gap: 10px; }
  .site-header .brand { width: 100%; }
  .site-header .company-name { max-width: none; }
  .header-controls { width: 100%; justify-content: flex-end; gap: 10px; }
  .site-header nav { top: 100%; }
  .language-switch button { min-height: 38px; }
  .menu-toggle { min-height: 46px; }
}

/* Match the updated asset proportions and center logos with company text. */
.brand-picture { display: flex; align-items: center; flex: 0 0 auto; line-height: 0; }
.brand .company-logo { display: block; width: 189.27px; height: 48px; object-fit: contain; }
.site-header .brand, .footer-top .brand { align-items: center; gap: 16px; }
@media (max-width: 700px) {
  .brand .company-logo { width: 189.27px; height: 48px; }
  .site-header .brand, .footer-top .brand {
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 100%;
    text-align: center;
  }
  .site-header .company-name, .footer-top .company-name {
    width: 100%;
    max-width: none;
    white-space: normal;
  }
}

/* Larger header logo; footer retains its existing size. */
.site-header .company-logo { width: 240px; height: auto; aspect-ratio: 485 / 123; }
@media (max-width: 700px) {
  .site-header .company-logo { width: 220px; }
  html { scroll-padding-top: 235px; }
}