:root{--paper:#f5f5eb;--ink:#193d2c;--muted:#526555;--green:#163e2c;--gold:#cfb579}body{background:var(--paper);color:var(--ink)}header{background:rgba(250,250,242,.96);border-bottom:1px solid #dce3d4}h1,h2,h3{letter-spacing:-.035em}p{line-height:1.85}.eyebrow{color:#8a703a;letter-spacing:2.5px}.button,.nav-cta{border-radius:3px}.gold{background:#d8bd7c;color:#163e2c;box-shadow:0 5px 18px #142f1710}.button:hover{filter:brightness(1.05)}.hero{min-height:720px}.hero-shade{background:linear-gradient(90deg,#0c2d20e8 0%,#0c2d2080 55%,#0c2d200d)}.hero-content{max-width:1000px}.hero h1{font-size:clamp(56px,6.6vw,100px)}.hero-img{object-position:center 65%}.section{position:relative}.about{grid-template-columns:1fr 1fr;background:#f5f5eb url('assets/botanical.svg') right bottom/360px auto no-repeat;gap:45px 7%}.about-landscape{grid-column:1/-1;margin:0 0 15px}.about-landscape img{width:100%;height:390px;object-fit:cover;border-radius:140px 8px 8px 8px}.about-landscape figcaption{font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-top:14px;color:#6d805e}.ecosystem{background:#e7eddf url('assets/botanical.svg') left bottom/400px auto no-repeat}.context-values{background:none!important;border:0!important}.value-visual{background:#f9faefdb;border-radius:22px 3px 22px 3px}.services{background:#143b2b url('assets/botanical.svg') right bottom/450px auto no-repeat;color:#f7f6ec}.services h2{color:#fff}.services h2 em{color:#d8bd7c}.services .section-head p,.services .image-note{color:#c7d5c6}.service-grid{gap:24px;background:none;border:0}.service-card{background:#f8f8ee;border:0;border-radius:4px 4px 34px 4px;padding:22px}.service-image{border-radius:3px 3px 24px 3px;height:230px}.service-card h3{font-size:25px}.service-card:hover{background:#fffef4;transform:translateY(-4px)}#trees{background:linear-gradient(#f5f5eb,#eaf0df)}.tree-grid{gap:30px}.tree-card{background:#fffef4;padding:14px 14px 24px;border-radius:110px 110px 8px 8px;overflow:hidden;box-shadow:0 12px 36px #1a422b0a}.tree-card .photo{border-radius:100px 100px 3px 3px;overflow:hidden}.tree-card h3,.tree-card>p,.tree-card>a{margin-left:12px;margin-right:12px}.filters button{border-radius:30px}.approach-photo{min-height:600px}.approach-text{background:#183d2c url('assets/botanical.svg') right bottom/280px auto no-repeat}#process{background:#fbfaf0 url('assets/botanical.svg') left center/320px auto no-repeat}.six-steps{position:relative;gap:22px}.six-steps li{background:#eff3e6dc;border:1px solid #d7dfcb;border-top:3px solid #c4a360;border-radius:3px 28px 3px 28px}.six-steps li:before{font-size:36px;font-weight:700;color:#9a803e}.content-card{border:0;border-radius:4px 4px 28px 4px;background:#edf2e4;box-shadow:0 8px 25px #203d1b06}.content-card .image-frame{border-radius:3px 3px 22px 3px}.content-card img{height:230px}.content-cards{gap:24px}#library{background:#e7eedd}#knowledge{background:#f7f6ec url('assets/botanical.svg') right top/350px auto no-repeat}.partners{background:linear-gradient(#102e23c9,#102e23ed),url('assets/content/nursery.webp') center/cover;color:#fff;padding-top:85px;padding-bottom:85px}.partners p,.partners .partner-empty{color:#d5e0d0}.partners h2 em{color:#d8bd7c}.partners .detail-links{justify-content:center}.partners .detail-links a{color:#e1c88c}.nature-label{font-size:11px;letter-spacing:4px;color:#d6be86;margin-bottom:28px}.contact{background:#e7eddf url('assets/botanical.svg') left bottom/450px auto no-repeat}.contact form{border-radius:3px 40px 3px 3px;box-shadow:0 15px 50px #1333200d}#faq{background:#f8f7ee}footer{background:#0c2b20}.detail-page{max-width:none;margin:0;padding:0}.nature-hero{display:grid;grid-template-columns:46% 54%;min-height:610px;background:#e8eedf;overflow:hidden;position:relative}.nature-intro{padding:65px 10% 55px 15%;align-self:center;background:url('assets/botanical.svg') left bottom/240px auto no-repeat;position:relative;z-index:1}.nature-intro>a{font-size:12px;color:#6d805e}.nature-intro .eyebrow{margin-top:36px;font-size:10px}.detail-page .nature-intro h1{font-size:clamp(36px,3.7vw,65px);margin:22px 0 28px;line-height:1.1}.nature-intro .lead{font-size:18px;line-height:1.85;color:#3d5742}.nature-hero .content-image{margin:0;position:relative;min-height:610px}.nature-hero .content-image>.image-frame{height:100%}.nature-hero .content-image img{width:100%;height:100%;min-height:610px;max-height:none;object-fit:cover}.nature-hero .content-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:15px 24px;margin:0;background:#102c20cc;color:#e5ebdc;font-size:10px;z-index:2}.nature-hero .image-stamp{bottom:65px}.detail-layout{max-width:1160px;margin:0 auto;padding:85px 28px;gap:75px;grid-template-columns:minmax(0,1fr) 300px;counter-reset:chapter}.detail-layout article>section{padding:0 0 38px 62px;margin:0 0 40px;position:relative;border-bottom:1px solid #dce4d2;counter-increment:chapter}.detail-layout article>section:before{content:'0' counter(chapter);position:absolute;left:0;top:0;color:#9a803e;font-size:24px;font-weight:700}.detail-layout h2{font-size:27px;margin-bottom:20px}.detail-layout p{font-size:16px;line-height:1.95}.detail-layout aside{background:#e5ecda url('assets/botanical.svg') right bottom/190px auto no-repeat;border-radius:3px 35px 3px 3px;padding:32px;border-top:3px solid #c6a968;top:155px}.detail-layout aside h2{font-size:24px}.detail-layout aside p{font-size:14px}.detail-end{margin:0;padding:95px max(8%,calc((100vw - 1100px)/2));background:linear-gradient(90deg,#102e23ed,#102e23aa),var(--scene) center/cover;color:#fff}.detail-end h2{font-size:clamp(30px,3.5vw,49px);max-width:800px}.detail-end p{color:#d3decf;max-width:680px;margin-bottom:30px}.detail-page+footer{border-top:1px solid #ffffff20}.image-stamp{background-color:transparent!important}.hero-watermark{display:none!important}
@media(min-width:1500px){.nature-intro{padding-left:max(15%,calc((100vw - 1240px)/2))}}@media(max-width:1000px){.nature-intro{padding:45px 8%}.nature-hero{min-height:540px}.nature-hero .content-image,.nature-hero .content-image img{min-height:540px}.detail-layout{gap:35px}.section{padding-left:6%;padding-right:6%}}@media(max-width:800px){.about{grid-template-columns:1fr}.about-landscape{grid-column:auto}.about-landscape img{height:300px;border-radius:80px 4px 4px 4px}.nature-hero{grid-template-columns:1fr}.nature-intro{padding:35px 7% 40px}.nature-intro .eyebrow{margin-top:25px}.nature-hero .content-image,.nature-hero .content-image img{min-height:0;height:380px}.nature-hero .content-image>.image-frame{height:380px}.nature-hero .content-image figcaption{padding:12px 16px}.detail-layout{grid-template-columns:1fr;padding:55px 7%;gap:20px}.detail-layout aside{position:static}.detail-layout article>section{padding-left:47px}.detail-end{padding:65px 7%}.hero{min-height:680px}.content-card img{height:200px}.approach-photo{min-height:380px}}@media(prefers-reduced-motion:reduce){.service-card{transition:none}.service-card:hover{transform:none}}
/* Chuyen sac lien mach cho dau trang va dieu huong. */
header{background:linear-gradient(115deg,rgba(246,247,237,.97),rgba(230,238,220,.96) 52%,rgba(244,237,215,.96));border-bottom:0;box-shadow:0 10px 28px rgba(28,58,36,.035);backdrop-filter:blur(16px)}
header nav,body:has(.detail-page) header nav{background:transparent;box-shadow:none;border:0}
header nav>a{transition:background .2s,color .2s;border-radius:8px}
header nav>a:hover{background:rgba(204,186,132,.15);color:#28603c}
header .nav-cta{background:linear-gradient(110deg,rgba(219,229,201,.72),rgba(226,211,167,.6));border:0;box-shadow:inset 0 0 0 1px rgba(114,135,90,.14)}
header .language-label select{background:rgba(255,255,255,.2);border-color:rgba(109,132,88,.2)}
@media(max-width:1200px){header nav.open{background:linear-gradient(145deg,rgba(242,246,231,.99),rgba(234,236,216,.99));box-shadow:0 18px 24px rgba(31,61,37,.06)}}

.back-to-top{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));z-index:100;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid #cfb579;border-radius:50%;background:#163e2c;color:#efd9a1;box-shadow:0 5px 18px #0d2f2633;font-size:28px;line-height:1;cursor:pointer;transition:background .2s,transform .2s}.back-to-top[hidden]{display:none}.back-to-top:hover{background:#24573d;transform:translateY(-3px)}.back-to-top:focus-visible{outline:3px solid #cfb579;outline-offset:4px}@media(max-width:600px){.back-to-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:46px;height:46px}}@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}
.japan-partnership,.partner-vietnamese{padding:80px max(7%,calc((100vw - 1160px)/2));background:#e8eedf url('assets/botanical.svg') right top/360px auto no-repeat;scroll-margin-top:150px}.japan-partnership{font-family:'Yu Gothic','Meiryo','Noto Sans JP',sans-serif}.japan-partnership h2{font-size:clamp(28px,3vw,43px);letter-spacing:.02em;line-height:1.6}.japan-heading{max-width:850px;margin-bottom:40px}.japan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.japan-grid article{background:#fafbf3;padding:30px;border-top:2px solid #c7ad70;border-radius:3px 25px 3px 3px}.japan-grid h3{font-size:23px;line-height:1.6}.japan-grid p{font-size:15px;line-height:2}.japan-grid article>span{font-size:12px;color:#8b743e}.japan-evidence{padding:32px;margin:30px 0;border:1px solid #c4d0b7}.japan-evidence h3{font-size:24px}.japan-note{font-size:12px;margin-top:20px}.partner-vietnamese{background:#f7f6ec}.japan-home{max-width:850px;margin:0 auto 50px;padding-bottom:40px;border-bottom:1px solid #d7c28950}.japan-home h3{font-size:clamp(24px,3vw,36px);color:#f4edd8;line-height:1.6}.japan-home>p{color:#d9e2d0}.japan-home .button{color:#163e2c}@media(max-width:700px){.japan-grid{grid-template-columns:1fr}.japan-partnership,.partner-vietnamese{padding:55px 7%}.japan-grid article,.japan-evidence{padding:24px}}
.partnership-reflection{max-width:720px;margin:28px auto 20px!important;line-height:1.95}.japanese-reading{display:inline-block;font-size:13px;letter-spacing:.06em;color:#d7c595;border-bottom:1px solid #d7c59560;padding-bottom:4px}.partner-verification{margin-top:32px;font-size:13px}.partner-verification summary{font-weight:500}.partner-verification p{font-size:13px}
.service-case-link{padding:55px max(7%,calc((100vw - 1100px)/2));background:#e7eedf}.service-case-link h2{font-size:32px}.service-case-link p{max-width:800px}.service-case-link small{display:block;margin-top:18px;color:#617254}.project-case .eyebrow{line-height:1.9;font-size:9px;margin-bottom:14px}.project-case .image-frame{border-radius:3px 35px 3px 3px}
.landscape-story{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;margin:38px 0 55px}.landscape-story figure{margin:0}.landscape-story img{width:100%;height:420px;object-fit:cover;border-radius:4px 100px 4px 4px}.landscape-story figcaption{font-size:11px;margin-top:10px;color:#667269}.landscape-story h3{font-size:clamp(30px,3.5vw,48px);line-height:1.2;margin-bottom:25px}.landscape-story a{font-size:14px;color:#315638;border-bottom:1px solid #a5b59b}.landscape-moments{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:55px}.landscape-moments article{padding:25px;background:#e9efdf;border-radius:35px 3px 3px 3px}.landscape-moments article>span{font-size:31px;color:#9a803e}.landscape-moments h3{font-size:21px;margin:15px 0}.landscape-moments p{font-size:14px;margin-bottom:0}.project-explore h3{font-size:25px}.project-case[hidden]{display:none}.landscape-close{padding:40px;margin-top:35px;background:#173d2b url('assets/botanical.svg') right center/260px auto no-repeat;color:#fff;border-radius:3px 40px 3px 3px}.landscape-close>p{font-size:26px;color:#f2e9cc}.landscape-close>span{display:block;max-width:700px;color:#d4dfcc;margin-bottom:25px}.landscape-close small{display:block;font-size:11px;color:#c5d2bd;margin-top:22px}@media(max-width:800px){.landscape-story{grid-template-columns:1fr;gap:30px}.landscape-story img{height:330px}.landscape-moments{grid-template-columns:1fr}.landscape-close{padding:28px}}/* Logo anh gon, kin dao o goc duoi ben phai. */
.image-stamp,.photo .image-frame .image-stamp,.approach-photo:after{width:58px;height:58px;right:6px;bottom:6px;left:auto;top:auto;opacity:.62;background-color:transparent;box-shadow:none;filter:none}
.nature-hero .image-stamp{bottom:48px;right:8px}
@media(max-width:600px){.image-stamp,.photo .image-frame .image-stamp,.approach-photo:after{width:46px;height:46px;right:5px;bottom:5px}.nature-hero .image-stamp{bottom:60px;right:6px}}
/* Chan trang trang, chu xanh de doc. */
footer{background:#fff;color:#193d2c;border-top:1px solid #e3e8dd}footer p,footer>a:last-of-type{color:#526555}footer .footer-note{color:#667269;border-top:1px solid #dce3d4}.detail-page+footer{border-top:1px solid #e3e8dd}footer .official-logo{background:transparent}

/* Nen chung cua trang mau trang. */
:root{--paper:#ffffff}html,body{background:#ffffff}.about,#trees,#process,#knowledge,#faq,.partner-vietnamese{background-color:#ffffff;background-image:none}.detail-page{background:#ffffff}

/* Thanh dau trang nen trang. */
header{background:#ffffff;backdrop-filter:none;box-shadow:none}.header-tools{background:transparent}header nav,body:has(.detail-page) header nav{background:transparent}header nav.open{background:#ffffff}

footer .footer-signature{width:100%;display:flex;justify-content:center;padding:10px 0 35px;margin-bottom:15px;border-bottom:1px solid #e4e9de}footer .footer-signature img{display:block;width:min(100%,1046px);height:auto;object-fit:contain}footer{gap:22px;padding-top:40px}footer .official-logo{width:125px;height:125px}@media(max-width:600px){footer .footer-signature{padding:5px 0 25px}footer .official-logo{width:105px;height:105px}}
footer .footer-brand-row{width:100%;display:flex;align-items:center;gap:32px;padding:0 0 25px;margin-bottom:0;border-bottom:1px solid #e4e9de}footer .footer-brand-logo{flex:0 0 130px}footer .footer-brand-logo img{display:block;width:130px;height:130px;object-fit:contain}footer .footer-brand-message{flex:1;min-width:0}footer .footer-slogan{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:clamp(22px,2.2vw,34px);line-height:1.5;color:#32502b;letter-spacing:-.02em;margin:0 0 15px}footer .footer-slogan span{display:inline}footer .footer-membership{display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:4px;color:#526344;margin:0}footer .footer-membership:before,footer .footer-membership:after{content:'';width:55px;height:1px;background:#a5b29a}footer>p{margin:0}footer{padding-top:30px;padding-bottom:25px}@media(max-width:600px){footer .footer-brand-row{gap:16px;align-items:center}footer .footer-brand-logo{flex-basis:85px}footer .footer-brand-logo img{width:85px;height:85px}footer .footer-slogan{font-size:20px;line-height:1.5;margin-bottom:10px}footer .footer-slogan span{display:block}footer .footer-membership{font-size:8px;letter-spacing:2px;gap:7px}footer .footer-membership:before{display:none}footer .footer-membership:after{width:25px}}@font-face{font-family:'VNGI Signature';src:url('assets/fonts/dancing-script.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
footer .footer-slogan{position:relative;display:block;font-family:'VNGI Signature',cursive;font-style:normal;font-weight:500;font-size:clamp(28px,3.2vw,48px);line-height:1.45;letter-spacing:0;color:#3e582c;padding-bottom:20px;margin-bottom:16px;text-rendering:optimizeLegibility}
footer .footer-slogan:after{content:'';position:absolute;bottom:0;left:27%;width:44%;height:16px;border-top:3px solid #4a6334;border-radius:50% 50% 0 0;transform:rotate(-1.5deg)}
@media(max-width:600px){footer .footer-slogan{font-size:28px;line-height:1.4;padding-bottom:17px}footer .footer-slogan:after{left:15%;width:70%;height:10px;border-top-width:2px}}

/* Can giua cum slogan va dong thanh vien. */
footer .footer-brand-message{text-align:center}footer .footer-slogan{text-align:center;margin-left:auto;margin-right:auto}footer .footer-membership{justify-content:center;text-align:center}footer .footer-slogan:after{left:50%;transform:translateX(-50%) rotate(-1.5deg)}@media(max-width:600px){footer .footer-slogan:after{left:50%}}

/* Can giua dong ban quyen chan trang. */
footer>p{width:100%;text-align:center;margin:0 auto}