@charset "UTF-8";

:root{--ink:#173e34;--muted:#626e64;--paper:#fafbf7;--line:#dce3d8;--sage:#eef2e8;--lime:#e2eec3;--serif:Georgia,"Songti SC","STSong",serif;--sans:"Avenir Next",Avenir,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:104px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8b993d;outline-offset:6px}
button:disabled{cursor:default}
svg{display:block}
p{margin:0;line-height:1.8}
h1,h2,h3{margin:0;font-weight:400}
h1,h2{font-family:var(--serif);letter-spacing:-.045em;line-height:1.09}
h2{font-size:clamp(35px,3.55vw,53px)}
h2>span,h2>em{display:block}
h2 em{font-weight:400;color:#67815c}
.section-container{width:calc(100% - 144px);max-width:1216px;margin-inline:auto}
.skip-link{position:fixed;z-index:100;top:12px;left:20px;padding:12px 20px;background:var(--ink);color:#fff;transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
.site-header{background:rgba(250,251,247,.95);position:sticky;top:0;z-index:20;border-bottom:1px solid transparent;backdrop-filter:blur(16px)}
.header-inner{max-width:1376px;margin:auto;height:96px;padding-inline:48px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}
.brand-icon{width:34px;height:34px}
.brand-icon rect{fill:var(--ink)}
.brand-icon path{stroke:var(--lime);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none}
.wordmark{font-family:var(--sans);font-size:39px;line-height:1;font-weight:650;letter-spacing:-2.8px}
.wordmark-dot{color:#78965c}
.desktop-nav{display:flex;gap:32px;margin-left:48px}
.desktop-nav a,.footer-top nav a{font-size:13px;font-weight:500;position:relative;padding-block:10px}
.desktop-nav a::after,.footer-top nav a::after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.desktop-nav a:hover::after,.footer-top nav a:hover::after{transform:scaleX(1)}
.header-actions{display:flex;gap:24px;align-items:center}
.language-switch{display:flex;align-items:center;gap:7px;background:none;border:0;color:var(--ink);font-size:12px;padding:10px 0;min-width:50px}
.language-switch svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.1;fill:none}
.header-cta{border:1px solid #c9d1c6;padding:12px 17px;border-radius:5px;display:flex;gap:25px;align-items:center;font-size:12px;font-weight:600;transition:background .2s}
.header-cta:hover{background:var(--sage)}
.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;width:36px;height:40px;gap:6px;border:0;background:none}
.menu-toggle span{display:block;width:22px;height:1.5px;background:var(--ink);transition:transform .2s}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.mobile-nav{padding:8px 26px 24px;border-bottom:1px solid var(--line)}
.mobile-nav a{display:block;padding:13px 0;font-size:15px}
.hero{max-width:1376px;margin:0 24px;border-radius:18px;background:radial-gradient(ellipse at 80% 18%,#3b6042 0%,#254c39 32%,#173e34 66%,#173d33 100%);color:#f5f7e9;padding:32px 48px 0;overflow:hidden;position:relative}
.hero-topline{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.7px;font-weight:500}
.small-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d3e5a4;flex-shrink:0}
.hero-edition{font-size:10px;letter-spacing:1.6px;color:#c5d2b9}
.hero-grid{display:grid;grid-template-columns:1.19fr 1fr;align-items:center;min-height:550px;gap:8px}
.hero-copy{z-index:2;position:relative;padding:40px 0 48px}
h1{font-size:clamp(48px,5.4vw,78px);letter-spacing:-.052em}
h1 span,h1 em{display:block}
h1 em{color:#d7e9b1;font-weight:400}
.hero-description{color:#cfdbcd;max-width:413px;font-size:14px;line-height:1.85;margin:26px 0 29px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;font-size:13px;font-weight:600;border-radius:4px;min-height:49px;padding:0 20px;transition:background .2s,transform .2s}
.button:hover{transform:translateY(-2px)}
.button-light{background:var(--lime);color:var(--ink)}
.button-light:hover{background:#eff6dc}
.button span:last-child{font-size:19px}
.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0}
.zing-sculpture{width:113%;max-width:none;flex-shrink:0;transform:translate(1%,-2%);filter:drop-shadow(0 16px 20px #0d2b221a)}
.art-caption{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px;letter-spacing:.5px;color:#b7cbb0}
.hero-footer{position:relative;z-index:2;display:flex;justify-content:space-between;border-top:1px solid #edf6df24;padding:21px 0;font-size:9px;letter-spacing:1.7px;color:#becfbb;font-weight:500}
.hero-footer a{display:flex;gap:25px;color:#e0e9d5}
.hero-footer a span:last-child{font-size:15px;line-height:10px}
.section-label{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.5px;line-height:1.5;font-weight:600;margin-bottom:25px}
.section-marker{display:inline-block;width:6px;height:6px;border-radius:1px;background:#67815c}
.overview{padding-block:105px 106px;display:grid;grid-template-columns:1.1fr 1fr;gap:86px;align-items:center}
.overview h2{font-size:clamp(34px,3.4vw,50px)}
.overview-copy{padding-top:12px}
.overview-copy .lead{font-size:19px;line-height:1.65;margin-bottom:17px;color:var(--ink)}
.overview-copy>p:not(.lead){font-size:14px;color:var(--muted)}
.text-link{display:inline-flex;align-items:center;gap:18px;font-size:12px;font-weight:600;line-height:1.5;border-bottom:1px solid #becabb;padding-bottom:5px}
.text-link:hover{border-color:var(--ink);color:#5a713f}
.text-link span:last-child{font-size:17px;line-height:16px}
.overview-copy .text-link{margin-top:23px}
.approach-section{background:var(--sage);padding-block:80px 78px}
.approach-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
.approach-heading .section-label{margin-bottom:21px}
.approach-heading h2{font-size:clamp(34px,3.5vw,49px)}
.approach-heading>p{max-width:270px;font-size:13px;color:var(--muted);line-height:1.75;padding-bottom:4px}
.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid #ccd6c6}
.principle{padding:28px 34px 0 0;display:flex;flex-direction:column}
.principle+.principle{padding-left:34px;border-left:1px solid #ccd6c6;margin-top:28px;padding-top:0}
.principle:last-child{padding-right:0}
.principle-top{display:flex;justify-content:space-between;align-items:center;height:43px;margin-bottom:27px}
.principle-top>span{font-size:11px;color:#718069}
.principle-top svg{height:38px;width:38px;stroke:#476440;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;fill:none}
.principle h3{font-family:var(--serif);font-size:26px;letter-spacing:-.6px;margin-bottom:16px}
.principle p{font-size:13px;color:var(--muted);line-height:1.85;margin-bottom:32px;flex-grow:1}
.principle-tag{font-size:9px;letter-spacing:1.4px;font-weight:500;color:#58704e}
.company{padding-block:108px;display:grid;grid-template-columns:.9fr 1.12fr;gap:90px;align-items:start}
.company-intro{padding-top:12px}
.company-intro>p{font-size:14px;color:var(--muted);max-width:342px;margin-top:25px}
.company-seal{display:flex;gap:12px;align-items:center;margin-top:44px}
.company-seal>svg{height:43px;width:43px;border:1px solid #cfd8c8;border-radius:50%;fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.company-seal strong,.company-seal div>span{display:block;font-size:10px;letter-spacing:1px}
.company-seal strong{font-weight:600;margin-bottom:6px}
.company-seal div>span{font-size:8px;color:var(--muted);letter-spacing:1.4px}
.company-record{border:1px solid #d6dfd0;border-radius:9px;background:#fff;overflow:hidden;box-shadow:0 7px 32px #314b2710}
.record-heading{display:flex;gap:15px;justify-content:space-between;align-items:center;background:#f1f4eb;padding:23px 27px;font-size:14px;font-weight:500}
.record-badge{font-size:8px;letter-spacing:1px;border:1px solid #d1dcc6;border-radius:3px;padding:5px 7px;white-space:nowrap;color:#526e45}
dl{padding:0 27px;margin:0}
dl>div{display:grid;grid-template-columns:1fr 1.08fr;gap:20px;padding:16px 0;border-bottom:1px solid #e5e9e1;font-size:12px;line-height:1.7}
dl>div:last-child{border-bottom:none}
dt{color:var(--muted)}
dd{margin:0;font-weight:500}
.entity-id{font-variant-numeric:tabular-nums;letter-spacing:.65px}
.record-source{margin:0 27px;padding:18px 0 23px;border-top:1px solid var(--line)}
.record-source p{font-size:10px;line-height:1.7;color:#75816f;margin-bottom:15px}
.record-source .text-link{font-size:11px}
.questions{padding-block:64px 101px;display:grid;grid-template-columns:.9fr 1.12fr;gap:90px;border-top:1px solid var(--line)}
.questions-heading h2{font-size:46px}
.questions-heading .section-label{margin-bottom:23px}
.faq-list{padding-top:0}
details{border-bottom:1px solid var(--line)}
details:first-child{border-top:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;line-height:1.6;padding:23px 0;font-weight:500}
summary::-webkit-details-marker{display:none}
.faq-plus{position:relative;width:16px;height:16px;flex-shrink:0}
.faq-plus::before,.faq-plus::after{content:"";position:absolute;top:7px;left:2px;width:12px;height:1px;background:var(--ink)}
.faq-plus::after{transform:rotate(90deg);transition:transform .18s}
details[open] .faq-plus::after{transform:rotate(0)}
.faq-answer{padding:0 26px 25px 0}
.faq-answer p{font-size:13px;color:var(--muted);line-height:1.9}
.faq-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:17px}
.faq-links .text-link{font-size:11px}
.closing-band{background:#e4ebd8}
.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:53px}
.closing-inner .section-label{font-size:9px;margin-bottom:17px;color:#577447}
.closing-inner h2{font-size:clamp(30px,3.1vw,44px)}
.round-link{flex-shrink:0;display:grid;place-items:center;border:1px solid #a8ba96;border-radius:50%;width:60px;height:60px;font-size:25px;transition:background .2s,transform .2s}
.round-link:hover{background:#cddcba;transform:translateY(-3px)}
.site-footer{padding-top:48px}
.footer-top{display:flex;align-items:center;gap:65px;padding-bottom:37px}
.footer-top .brand-icon{width:29px;height:29px}
.footer-top .wordmark{font-size:34px}
.footer-top>p{font-size:11px;line-height:1.9}
.footer-top>p>span{color:var(--muted)}
.footer-top nav{margin-left:auto;display:flex;gap:29px}
.footer-top nav a{font-size:11px}
.footer-bottom{padding:22px 0 27px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#75806e;letter-spacing:.15px}
html[lang="zh-CN"] h1{font-size:clamp(43px,4.5vw,65px);line-height:1.3;letter-spacing:-.045em}
html[lang="zh-CN"] h2{letter-spacing:-.025em;line-height:1.3}
html[lang="zh-CN"] .principle h3{font-size:25px}
html[lang="zh-CN"] .hero-description{max-width:380px}
@media(min-width:1424px){.hero{margin-inline:auto}}
@media(max-width:1100px){.header-inner{padding-inline:32px;gap:20px}.desktop-nav{margin-left:0;gap:23px}.header-actions{gap:18px}.hero{padding-inline:36px}.section-container{width:calc(100% - 104px)}.hero-grid{min-height:510px}.hero-copy{padding-block:40px}.hero-description{font-size:13px;max-width:355px}.overview{gap:50px}.company,.questions{gap:50px}.principle{padding-right:25px}.principle+.principle{padding-left:25px}.principle h3{font-size:24px}.company-record dl>div{grid-template-columns:.95fr 1fr;gap:14px}.art-caption{font-size:9px;bottom:38px}}
@media(max-width:860px){.header-inner{height:82px;padding-inline:26px}.desktop-nav{gap:18px}.desktop-nav a{font-size:11px}.header-actions{gap:16px}.header-cta{display:none}.hero{margin-inline:16px;padding-inline:29px}.eyebrow{font-size:8px;letter-spacing:1.3px}.hero-edition{font-size:8px}.hero-grid{min-height:470px;grid-template-columns:1.2fr 1fr;gap:0}h1{font-size:49px}.hero-description{font-size:12px;max-width:310px}.zing-sculpture{width:125%;transform:translate(5%,-4%)}.hero-footer{font-size:8px;letter-spacing:1px}.hero-footer a{gap:12px}.art-caption{font-size:8px;bottom:56px}.section-container{width:calc(100% - 88px)}.overview{gap:32px;padding-block:77px}.overview h2{font-size:34px}.overview-copy .lead{font-size:16px}.overview-copy>p:not(.lead){font-size:12px}.approach-section{padding-block:63px}.approach-heading{gap:30px;align-items:start}.approach-heading h2{font-size:35px;max-width:340px}.approach-heading>p{max-width:195px;padding-top:35px;font-size:12px}.principle{padding-right:19px}.principle+.principle{padding-left:19px}.principle h3{font-size:21px}.principle p{font-size:12px}.principle-tag{font-size:7px;letter-spacing:1px}.company{padding-block:78px;grid-template-columns:.8fr 1.2fr;gap:34px}.company h2{font-size:38px}.company-intro>p{font-size:12px}.section-label{font-size:8px;letter-spacing:1.2px}.record-heading{padding:20px;font-size:12px}.record-badge{font-size:7px;padding:4px}.company-record dl{padding-inline:20px}.company-record dl>div{font-size:10px;gap:10px}.record-source{margin-inline:20px}.record-source p{font-size:9px}.questions{gap:35px;grid-template-columns:.8fr 1.2fr;padding-block:55px 75px}.questions-heading h2{font-size:38px}.faq-list summary{font-size:12px}.faq-answer p{font-size:12px}.footer-top{gap:36px}.footer-top nav{gap:20px}}
@media(max-width:640px){html{scroll-padding-top:82px}.header-inner{height:77px;padding-inline:22px}.brand-icon{width:29px;height:29px}.wordmark{font-size:35px}.desktop-nav{display:none}.menu-toggle{display:flex}.header-actions{gap:22px}.language-switch{font-size:11px}.hero{margin-inline:12px;border-radius:14px;padding:24px 25px 0}.hero-topline{gap:14px;align-items:flex-start}.eyebrow{font-size:7px;letter-spacing:1px;line-height:1.7;gap:7px}.hero-edition{font-size:7px;white-space:nowrap;padding-top:3px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:36px 0 0}h1{font-size:clamp(42px,9.8vw,61px);letter-spacing:-.055em}.hero-description{font-size:12px;max-width:345px;margin:23px 0 25px;line-height:1.9}.button{min-height:45px;font-size:12px;padding-inline:17px;gap:39px}.hero-art{height:280px;max-width:365px;width:100%;margin-inline:auto;margin-top:-7px}.zing-sculpture{width:340px;max-width:114%;transform:translate(0,-1%)}.art-caption{bottom:13px;font-size:8px}.hero-footer{padding-block:17px;gap:12px;font-size:7px;letter-spacing:.75px}.hero-footer>span:nth-child(2){display:none}.hero-footer a{gap:13px}.section-container{width:calc(100% - 48px)}.overview{grid-template-columns:1fr;gap:25px;padding-block:63px}.section-label{font-size:8px;margin-bottom:20px}.overview h2{font-size:36px}.overview-copy{padding-top:0}.overview-copy .lead{font-size:17px;max-width:430px;line-height:1.65;margin-bottom:16px}.overview-copy>p:not(.lead){font-size:13px}.text-link{font-size:12px}.overview-copy .text-link{margin-top:20px}.approach-section{padding-block:54px 52px}.approach-heading{display:block}.approach-heading h2{font-size:36px;max-width:330px}.approach-heading>p{max-width:340px;padding-top:18px;font-size:13px}.principles{grid-template-columns:1fr;margin-top:29px}.principle,.principle+.principle{border-left:0;margin-top:0;padding:26px 0 28px;border-bottom:1px solid #ccd6c6}.principle:last-child{border-bottom:0;padding-bottom:0}.principle-top{margin-bottom:16px;height:35px}.principle-top svg{height:32px;width:32px}.principle h3{font-size:27px;margin-bottom:12px}.principle p{font-size:13px;max-width:440px;margin-bottom:20px}.principle-tag{font-size:8px;letter-spacing:1.3px}.company{padding-block:63px;grid-template-columns:1fr;gap:32px}.company-intro{padding-top:0}.company h2{font-size:42px}.company-intro>p{font-size:13px;max-width:390px;margin-top:20px}.company-seal{margin-top:25px}.record-heading{padding:21px;font-size:13px}.record-badge{font-size:7px}.company-record dl{padding-inline:21px}.company-record dl>div{font-size:11px;grid-template-columns:1fr 1.15fr;padding-block:15px;gap:17px}.record-source{margin-inline:21px;padding-bottom:21px}.record-source p{font-size:9px}.questions{grid-template-columns:1fr;gap:28px;padding-block:51px 63px}.questions-heading h2{font-size:39px}.questions-heading h2>span,.questions-heading h2>em{display:inline}.questions-heading h2>em::before{content:" "}.faq-list summary{font-size:13px;padding-block:21px}.faq-answer{padding-right:10px}.faq-answer p{font-size:12px}.faq-links{gap:16px}.closing-inner{padding-block:39px;gap:20px}.closing-inner h2{font-size:31px;max-width:275px;line-height:1.18}.closing-inner .section-label{font-size:8px;margin-bottom:14px}.round-link{width:47px;height:47px;font-size:22px}.site-footer{padding-top:35px}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:25px;padding-bottom:26px}.footer-top>p{font-size:10px}.footer-top nav{margin:0;gap:28px;width:100%}.footer-top nav a{font-size:11px}.footer-bottom{flex-direction:column;gap:9px;padding-block:21px 28px;font-size:9px}html[lang="zh-CN"] h1{font-size:clamp(40px,9.7vw,58px);line-height:1.3}html[lang="zh-CN"] .hero-art{margin-top:0}html[lang="zh-CN"] .hero-footer{font-size:7px}html[lang="zh-CN"] .questions-heading h2>em::before{content:""}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
