:root{--green:#123d2d;--deep:#0b271d;--gold:#c8ad77;--paper:#f6f5ee;--ink:#233d30;--muted:#667269}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ae8846;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12}h2{font-size:clamp(34px,3.7vw,56px);letter-spacing:-1.6px;margin-bottom:28px}em{font-weight:400;color:#8d743e}p{color:var(--muted)}.preview{background:var(--deep);color:#d2c39f;font-size:10px;letter-spacing:1.6px;text-align:center;padding:7px}.preview span{letter-spacing:.5px}header{height:100px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;background:var(--paper);position:sticky;top:0;z-index:10;border-bottom:1px solid #dce1d7}.brand{display:flex;align-items:center;gap:12px;line-height:1.1;white-space:nowrap}.brand span{font-size:25px;letter-spacing:2px}.brand b{font-weight:400;color:#947b45}.brand small{display:block;font-size:8px;letter-spacing:2.6px;margin-top:8px}nav{display:flex;gap:25px;align-items:center;font-size:13px}nav a:hover{color:#92743c}.nav-cta{border:1px solid #c3c9bd;padding:12px 17px}.menu{display:none}.hero{position:relative;min-height:680px;height:calc(100vh - 130px);max-height:900px;color:white;background:#17432f;overflow:hidden}.hero-img,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(7,31,21,.87),rgba(10,37,23,.42) 60%,rgba(10,37,23,.12))}.hero-content{position:relative;padding:100px 8% 90px;max-width:950px}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:600;margin-bottom:28px;color:#887441}.hero .eyebrow{color:#dac89c}.hero h1{font-size:clamp(58px,6.5vw,98px);letter-spacing:-3px;line-height:1.05;margin-bottom:28px}.hero h1 em{color:#d4bd8a}.hero p:not(.eyebrow){color:#dde5db;font-size:17px}.button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;border:0;padding:17px 24px;font-size:13px;font-weight:600}.gold{background:var(--gold);color:#153829}.hero .button{margin-top:22px}.hero-link{font-size:12px;display:inline-block;margin:24px}.hero-foot{position:absolute;bottom:0;left:8%;right:8%;padding:22px 0;border-top:1px solid #ffffff40;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px}.section{padding:100px 8%;scroll-margin-top:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%}.lead{font-size:21px;color:var(--green);line-height:1.6}.values{border-top:1px solid #d6d9cd;margin:30px 0 20px;display:flex;gap:22px;padding-top:22px;font-size:10px;color:#9b8148}.values b{display:block;color:var(--ink);font-size:12px;margin-top:8px}.muted{color:var(--muted);font-size:11px}.services{background:#e9ede3}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}.section-head h2{margin-bottom:0}.section-head>p{font-size:13px;max-width:330px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c8d0c1;border-left:1px solid #c8d0c1}.service-card{text-align:left;border:0;border-right:1px solid #c8d0c1;border-bottom:1px solid #c8d0c1;background:transparent;padding:30px;min-height:240px;color:var(--ink);transition:background .2s}.service-card:hover{background:#dce5d4}.service-card .num{font-size:11px;color:#9a7e43;display:flex;justify-content:space-between;margin-bottom:35px}.service-card h3{font-size:26px;margin-bottom:12px}.service-card p{font-size:13px;margin:0}.filters{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.filters button{padding:10px 19px;background:transparent;border:1px solid #d4d9cd;color:var(--ink);font-size:12px}.filters .active{background:var(--green);color:white;border-color:var(--green)}.tree-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.tree-card img{width:100%;height:290px;object-fit:cover;display:block;background:#d9e1d1;transition:transform .4s}.tree-card .photo{overflow:hidden;position:relative}.tree-card:hover img{transform:scale(1.04)}.photo span{position:absolute;left:15px;top:15px;background:#f6f5eeea;font-size:9px;letter-spacing:1px;padding:5px 9px}.tree-card h3{font-size:28px;margin:20px 0 8px}.tree-card p{font-size:13px}.tree-card button{padding:8px 0;background:none;border:0;color:var(--green);border-bottom:1px solid #bac5b6;font-size:12px}.image-note{font-size:11px;margin-top:26px}.approach{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:white}.approach-photo{background:url('assets/trees.webp') center/cover;min-height:620px}.approach-text{padding:75px 14%}.approach .eyebrow,.approach em{color:#ccb788}.approach ol{padding:0;list-style:none;counter-reset:steps}.approach li{counter-increment:steps;position:relative;padding:22px 0 22px 45px;border-top:1px solid #ffffff25}.approach li:before{content:'0' counter(steps);position:absolute;left:0;color:var(--gold);font-size:11px;top:27px}.approach li b{font-size:15px;font-weight:400}.approach li span{display:block;font-size:12px;color:#c5d2c5;margin-top:7px}.project-placeholder{border:1px solid #cbd3c4;padding:65px 40px;text-align:center;background:linear-gradient(130deg,#e4eadb,#f5f3e9)}.project-placeholder>span{font-size:9px;letter-spacing:3px;color:#8d7847}.project-placeholder h3{font-size:35px;margin:22px 0}.project-placeholder p{font-size:14px}.project-placeholder a{font-size:13px;border-bottom:1px solid #abb8a1;padding-bottom:6px}.partners{text-align:center;padding-top:35px}.partners p{max-width:650px;margin-left:auto;margin-right:auto}.partner-empty{font-size:13px;border-top:1px solid #d3dacb;border-bottom:1px solid #d3dacb;padding:30px;color:var(--muted)}.contact{background:#e9ede3;display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact dl{display:grid;grid-template-columns:125px 1fr;font-size:13px;gap:12px;margin:35px 0}.contact dt{color:#6b7768}.contact dd{margin:0}.contact dd small{display:block;font-size:10px}.local-note{font-size:12px;border-left:2px solid #bca16b;padding-left:15px}form{background:var(--paper);padding:35px}form h3{font-size:28px;margin-bottom:30px}label{display:block;font-size:12px;margin-bottom:18px}label>span{color:#947b45}input,select,textarea{display:block;width:100%;border:1px solid #ccd3c5;border-radius:0;background:transparent;padding:12px;margin-top:7px;color:var(--ink);font-size:13px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox{display:flex;gap:10px;font-size:11px;align-items:flex-start;color:#667269}.checkbox input{width:16px;margin:3px 0;flex-shrink:0}.contact .button{width:100%}#form-result{font-size:13px;margin-top:15px;white-space:pre-line}.download{border:1px solid var(--green);background:transparent;padding:10px 15px;color:var(--green);margin-top:14px}footer{background:var(--deep);color:#e6eadf;padding:50px 8% 25px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:25px}footer p,footer>a:last-of-type{font-size:11px;color:#bec9bb}.footer-note{width:100%;border-top:1px solid #ffffff20;padding-top:20px;margin:0;font-size:10px}dialog{max-width:600px;width:calc(100% - 35px);border:1px solid var(--gold);padding:45px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#062417bb}dialog h2{font-size:38px}dialog p{white-space:pre-line}#close-detail{position:absolute;right:14px;top:10px;border:0;background:none;font-size:30px;color:var(--green)}.skip{position:fixed;left:10px;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}@media(min-width:1500px){.section{padding-left:max(8%,calc((100vw - 1260px)/2));padding-right:max(8%,calc((100vw - 1260px)/2))}}@media(max-width:1100px){nav{gap:14px;font-size:11px}.brand span{font-size:20px}header{padding:0 4%}.hero-content{padding-top:85px}.hero-link{display:block;margin-left:0}.approach-text{padding:55px 10%}.contact{gap:5%}}@media(max-width:800px){header{height:80px}.menu{display:block;background:transparent;border:1px solid #c4ccbe;padding:8px 12px;font-size:12px}nav{display:none;position:absolute;top:80px;left:0;right:0;padding:20px 6%;background:var(--paper);box-shadow:0 10px 20px #0002}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{padding:12px;font-size:14px}.hero{height:auto;min-height:680px}.hero-content{padding:85px 7% 110px}.hero h1{font-size:65px}.hero p:not(.eyebrow){font-size:15px}.hero-foot{left:7%;right:7%;font-size:8px}.section{padding:65px 7%}.about,.contact{grid-template-columns:1fr;gap:30px}.section-head{align-items:flex-start;flex-direction:column;gap:20px}.service-grid{grid-template-columns:repeat(2,1fr)}.tree-grid{grid-template-columns:repeat(2,1fr)}.approach{grid-template-columns:1fr}.approach-photo{min-height:350px}.approach-text{padding:55px 7%}.partners{padding-top:15px}footer{align-items:flex-start;flex-direction:column}.footer-note{font-size:10px}html{scroll-padding-top:80px}}@media(max-width:480px){.preview span{display:none}.hero h1{font-size:54px;letter-spacing:-2px}.hero{min-height:660px}.hero .eyebrow{font-size:8px;letter-spacing:2px}.service-grid,.tree-grid{grid-template-columns:1fr}.service-card{min-height:200px;padding:25px}.service-card .num{margin-bottom:22px}.tree-card img{height:310px}.form-row{grid-template-columns:1fr;gap:0}form{padding:25px 20px}.values{gap:15px}.project-placeholder{padding:45px 20px}.project-placeholder h3{font-size:29px}.hero-foot span:first-child{max-width:130px}.contact dl{grid-template-columns:95px 1fr}.brand small{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Logo PA2 do nguoi dung cung cap: giu nguyen ty le va noi dung. */
header{height:130px}header .official-logo{display:block;width:116px;height:116px;object-fit:contain}footer .official-logo{display:block;width:190px;height:190px;object-fit:contain;background:#fff}html{scroll-padding-top:130px}@media(max-width:800px){header{height:104px}header .official-logo{width:96px;height:96px}nav{top:104px}html{scroll-padding-top:104px}}

footer .official-logo{background:transparent}
.header-tools{display:flex;align-items:center;gap:16px;margin-left:auto;margin-right:24px;order:2}.parent-link{font-size:11px;white-space:nowrap}.language-label{display:flex;align-items:center;gap:5px;margin:0;color:var(--green)}.language-label select{margin:0;width:auto;max-width:120px;padding:8px 22px 8px 8px;font-size:12px;border:1px solid #c5cdbd;background:transparent;cursor:pointer}header nav{order:1;margin-left:auto}header .menu{order:3}.ecosystem{padding-top:60px;padding-bottom:65px;border-top:1px solid #d4dacd;display:grid;grid-template-columns:1.2fr 1fr;gap:8%;background:#f0f1e8}.ecosystem h2{font-size:38px}.ecosystem-motto{font-size:11px;letter-spacing:2px;color:#806b3c;text-transform:uppercase}.context-link{font-size:12px;border-bottom:1px solid #a8b59d;padding-bottom:6px}.context-values{border-left:1px solid #c8d1c0;padding-left:40px}.context-statement{font-family:Georgia,serif;font-size:25px;color:var(--green)}.context-values ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.context-values li{font-size:12px;border:1px solid #c5cebb;padding:6px 12px}html[lang=ja] body{font-family:'Yu Gothic','Meiryo',sans-serif}html[lang=zh-Hans] body{font-family:'Microsoft YaHei','PingFang SC',sans-serif}html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3,html[lang=zh-Hans] h1,html[lang=zh-Hans] h2,html[lang=zh-Hans] h3{font-family:'Yu Mincho','Microsoft YaHei',serif;letter-spacing:0;line-height:1.4}html[lang=ja] .hero h1,html[lang=zh-Hans] .hero h1{font-size:clamp(48px,5.7vw,82px)}@media(max-width:1250px){.header-tools{gap:8px;margin-right:0;margin-left:16px}.parent-link{display:none}nav{gap:13px}header{padding:0 3%}nav .nav-cta{padding:10px}html[lang=en] nav,html[lang=ja] nav{gap:8px;font-size:11px}}@media(max-width:950px){header nav{display:none;position:absolute;top:130px;left:0;right:0;padding:20px 6%;background:var(--paper);box-shadow:0 10px 20px #0002}header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}header nav a{padding:12px;font-size:14px}.menu{display:block;background:transparent;border:1px solid #c4ccbe;padding:8px 12px;font-size:12px}.header-tools{margin-left:auto;margin-right:15px}.parent-link{display:block}}@media(max-width:800px){header nav{top:104px}.ecosystem{grid-template-columns:1fr;gap:30px}.context-values{padding:25px 0 0;border-left:0;border-top:1px solid #c8d1c0}.ecosystem h2{font-size:33px}}@media(max-width:480px){.header-tools{margin-right:8px}.parent-link{display:none}.language-label select{max-width:105px;padding:8px 4px;font-size:11px}.language-label>span{display:none}.menu{font-size:11px;padding:8px}.context-statement{font-size:23px}html[lang=en] .hero h1{font-size:48px}html[lang=en] .hero-content{padding-top:65px}}

/* Nền trắng cuối trang giúp logo xanh–vàng hiển thị rõ. */
footer{background:#fff;color:var(--green)}
footer p,footer>a:last-of-type{color:#526457}
footer .footer-note{border-top-color:#d7dfd2;color:#526457}
footer .official-logo{background:transparent}

/* Nền trắng tinh thay cho trắng ngà, xám nhạt ở các vùng nội dung. */
:root{--paper:#ffffff}
body,header,.section,.services,.ecosystem,.contact,.partners,form,dialog,.project-placeholder,.partner-empty,footer{background:#ffffff}
nav,.filters button:not(.active),input,select,textarea{background-color:#ffffff}
.photo span{background:#ffffff}

/* Logo chìm trên ảnh nền trang chủ. */
.hero-watermark{position:absolute;right:3%;top:50%;width:43%;max-width:640px;height:auto;transform:translateY(-50%);object-fit:contain;opacity:.18;pointer-events:none;user-select:none}
.hero-content,.hero-foot{z-index:1}
@media(max-width:800px){.hero-watermark{right:-8%;width:65%;top:56%;opacity:.12}}
@media(max-width:480px){.hero-watermark{right:-15%;width:95%;top:62%;opacity:.09}}