Dampak Konservasi \u2013 Impact<\/title>\n <style>\n :root{\n --bg:#ffffff; \/* putih *\/\n --card:#f9fafb;\n --card-2:#f0f2f3;\n --text:#1c1c1c; \/* teks utama gelap *\/\n --muted:#6b7280; \/* abu-abu *\/\n --accent:#2e7d32; \/* hijau utama *\/\n --accent-2:#43a047; \/* hijau sekunder *\/\n --ring: rgba(46,125,50,.25);\n --shadow: 0 8px 22px rgba(0,0,0,.08);\n --radius: 16px;\n }\n\n *{box-sizing:border-box}\n body{\n margin:0;\n font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, \"Helvetica Neue\", Arial, Noto Sans;\n color:var(--text);\n background: var(--bg);\n line-height:1.6;\n }\n\n .container{\n max-width:1100px;\n margin-inline:auto;\n padding: clamp(20px, 4vw, 40px);\n }\n\n header.hero{\n position:relative;\n border-radius: var(--radius);\n background: linear-gradient(135deg, rgba(76,175,80,.08), rgba(46,125,50,.06));\n padding: clamp(28px, 5vw, 56px);\n box-shadow: var(--shadow);\n }\n\n .eyebrow{\n display:inline-block;\n letter-spacing:.1em;\n text-transform:uppercase;\n font-weight:700;\n font-size:.8rem;\n color:var(--accent);\n background: rgba(46,125,50,.08);\n padding:.35rem .6rem;\n border-radius:999px;\n border:1px solid rgba(46,125,50,.2);\n }\n h1{\n margin:14px 0 10px;\n font-size: clamp(1.6rem, 2.6vw + 1rem, 2.6rem);\n line-height:1.25;\n }\n .lead{\n margin: 8px 0 0;\n color: var(--muted);\n max-width: 65ch;\n }\n\n \/* Grid impact cards *\/\n .impact-grid{\n display:grid;\n grid-template-columns: repeat(4, 1fr);\n gap: clamp(16px, 2.2vw, 24px);\n margin-top: clamp(22px, 2.5vw, 32px);\n }\n @media (max-width: 980px){\n .impact-grid{ grid-template-columns: repeat(2, 1fr); }\n }\n @media (max-width: 560px){\n .impact-grid{ grid-template-columns: 1fr; }\n }\n\n .card{\n position:relative;\n background: linear-gradient(180deg, var(--card), var(--card-2));\n border:1px solid rgba(0,0,0,.06);\n border-radius: var(--radius);\n padding: clamp(16px, 2.2vw, 22px);\n box-shadow: var(--shadow);\n transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n }\n .card:hover{\n transform: translateY(-3px);\n border-color: var(--ring);\n box-shadow: 0 14px 30px rgba(0,0,0,.12);\n }\n\n .icon{\n width: 44px; height: 44px;\n display:grid; place-items:center;\n border-radius:12px;\n background: rgba(46,125,50,.1);\n border: 1px solid rgba(46,125,50,.2);\n margin-bottom: 12px;\n color: var(--accent);\n }\n .icon svg{ width:22px; height:22px; }\n\n .label{\n font-size: .9rem;\n color: var(--muted);\n margin-top: 6px;\n }\n\n .value{\n display:flex; align-items: baseline; gap:.35rem;\n margin-top:6px;\n font-weight:800;\n font-variant-numeric: tabular-nums;\n }\n .value .num{\n font-size: clamp(1.8rem, 2.2vw + 1rem, 2.5rem);\n color: var(--text);\n }\n .value .unit{ color: var(--muted); font-weight:600; }\n\n .badge{\n display:inline-flex; align-items:center; gap:.4rem;\n font-size:.78rem; font-weight:600;\n color:#fff; background: var(--accent);\n padding:.35rem .6rem; border-radius:999px;\n }\n\n .note{ color:var(--muted); font-size:.88rem; margin-top: 14px; }\n footer{ margin-top: 40px; color:var(--muted); font-size:.88rem; text-align:center; }\n <\/style>\n<\/head>\n<body>\n <main class=\"container\">\n <header class=\"hero\" aria-labelledby=\"impact-title\">\n <span class=\"eyebrow\">Laporan Dampak<\/span>\n <h1 id=\"impact-title\">Jejak Konservasi Kami<\/h1>\n <p class=\"lead\">Ringkasan capaian terbaru: jumlah pohon dan mangrove yang telah tertanam, luas wilayah konservasi aktif, serta estimasi penyerapan karbon.<\/p>\n\n <section class=\"impact-grid\" aria-label=\"MetriK Dampak\">\n \n <article class=\"card\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2C7 3 4 7 4 12c0 5 3 7 8 10 5-3 8-5 8-10 0-5-3-9-8-10Z\"\/><path d=\"M12 2v20\"\/><\/svg><\/div>\n <div class=\"badge\">\ud83c\udf31 Pohon<\/div>\n <div class=\"value\"><span class=\"num\">128,450<\/span><span class=\"unit\">pohon<\/span><\/div>\n <div class=\"label\">Jumlah pohon tertanam<\/div>\n <\/article>\n\n \n <article class=\"card\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M2 12c3 0 3-2 6-2s3 2 6 2 3-2 6-2\"\/><path d=\"M2 16c3 0 3-2 6-2s3 2 6 2 3-2 6-2\"\/><\/svg><\/div>\n <div class=\"badge\">\ud83c\udf0a Mangrove<\/div>\n <div class=\"value\"><span class=\"num\">76,320<\/span><span class=\"unit\">bibit<\/span><\/div>\n <div class=\"label\">Jumlah mangrove tertanam<\/div>\n <\/article>\n\n \n <article class=\"card\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M21 10c0 6-9 12-9 12S3 16 3 10a9 9 0 1 1 18 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\n <div class=\"badge\">\ud83d\uddfa\ufe0f Konservasi<\/div>\n <div class=\"value\"><span class=\"num\">1,240<\/span><span class=\"unit\">ha<\/span><\/div>\n <div class=\"label\">Wilayah konservasi aktif<\/div>\n <\/article>\n\n \n <article class=\"card\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M17 18H7a4 4 0 1 1 .7-7.95A5 5 0 0 1 19 9a4 4 0 0 1-2 9Z\"\/><\/svg><\/div>\n <div class=\"badge\">\ud83d\udfe2 Karbon<\/div>\n <div class=\"value\"><span class=\"num\">18,760<\/span><span class=\"unit\">tCO\u2082e<\/span><\/div>\n <div class=\"label\">Estimasi karbon terserap<\/div>\n <\/article>\n <\/section>\n\n <\/header>\n\n <footer>\n Terakhir diperbarui: <time datetime=\"2025-09-08\">8 September 2025<\/time>\n <\/footer>\n <\/main>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Dampak Konservasi \u2013 Impact Laporan Dampak Jejak Konservasi Kami Ringkasan capaian terbaru: jumlah pohon dan mangrove yang telah tertanam, luas wilayah konservasi aktif, serta estimasi penyerapan karbon. \ud83c\udf31 Pohon 128,450pohon […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nusantarahijau.or.id\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nusantarahijau.or.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nusantarahijau.or.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nusantarahijau.or.id\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/nusantarahijau.or.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":5,"href":"https:\/\/nusantarahijau.or.id\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":289,"href":"https:\/\/nusantarahijau.or.id\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/289"}],"wp:attachment":[{"href":"https:\/\/nusantarahijau.or.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":19,"date":"2025-09-01T01:38:59","date_gmt":"2025-09-01T01:38:59","guid":{"rendered":"https:\/\/nusantarahijau.or.id\/?page_id=19"},"modified":"2025-09-08T05:34:28","modified_gmt":"2025-09-08T05:34:28","slug":"impact","status":"publish","type":"page","link":"https:\/\/nusantarahijau.or.id\/?page_id=19","title":{"rendered":"Impact"},"content":{"rendered":"\n\n\n\n \n \n Dampak Konservasi \u2013 Impact<\/title>\n <style>\n :root{\n --bg:#ffffff; \/* putih *\/\n --card:#f9fafb;\n --card-2:#f0f2f3;\n --text:#1c1c1c; \/* teks utama gelap *\/\n --muted:#6b7280; \/* abu-abu *\/\n --accent:#2e7d32; \/* hijau utama *\/\n --accent-2:#43a047; \/* hijau sekunder *\/\n --ring: rgba(46,125,50,.25);\n --shadow: 0 8px 22px rgba(0,0,0,.08);\n --radius: 16px;\n }\n\n *{box-sizing:border-box}\n body{\n margin:0;\n font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, \"Helvetica Neue\", Arial, Noto Sans;\n color:var(--text);\n background: var(--bg);\n line-height:1.6;\n }\n\n .container{\n max-width:1100px;\n margin-inline:auto;\n padding: clamp(20px, 4vw, 40px);\n }\n\n header.hero{\n position:relative;\n border-radius: var(--radius);\n background: linear-gradient(135deg, rgba(76,175,80,.08), rgba(46,125,50,.06));\n padding: clamp(28px, 5vw, 56px);\n box-shadow: var(--shadow);\n }\n\n .eyebrow{\n display:inline-block;\n letter-spacing:.1em;\n text-transform:uppercase;\n font-weight:700;\n font-size:.8rem;\n color:var(--accent);\n background: rgba(46,125,50,.08);\n padding:.35rem .6rem;\n border-radius:999px;\n border:1px solid rgba(46,125,50,.2);\n }\n h1{\n margin:14px 0 10px;\n font-size: clamp(1.6rem, 2.6vw + 1rem, 2.6rem);\n line-height:1.25;\n }\n .lead{\n margin: 8px 0 0;\n color: var(--muted);\n max-width: 65ch;\n }\n\n \/* Grid impact cards *\/\n .impact-grid{\n display:grid;\n grid-template-columns: repeat(4, 1fr);\n gap: clamp(16px, 2.2vw, 24px);\n margin-top: clamp(22px, 2.5vw, 32px);\n }\n @media (max-width: 980px){\n .impact-grid{ grid-template-columns: repeat(2, 1fr); }\n }\n @media (max-width: 560px){\n .impact-grid{ grid-template-columns: 1fr; }\n }\n\n .card{\n position:relative;\n background: linear-gradient(180deg, var(--card), var(--card-2));\n border:1px solid rgba(0,0,0,.06);\n border-radius: var(--radius);\n padding: clamp(16px, 2.2vw, 22px);\n box-shadow: var(--shadow);\n transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n }\n .card:hover{\n transform: translateY(-3px);\n border-color: var(--ring);\n box-shadow: 0 14px 30px rgba(0,0,0,.12);\n }\n\n .icon{\n width: 44px; height: 44px;\n display:grid; place-items:center;\n border-radius:12px;\n background: rgba(46,125,50,.1);\n border: 1px solid rgba(46,125,50,.2);\n margin-bottom: 12px;\n color: var(--accent);\n }\n .icon svg{ width:22px; height:22px; }\n\n .label{\n font-size: .9rem;\n color: var(--muted);\n margin-top: 6px;\n }\n\n .value{\n display:flex; align-items: baseline; gap:.35rem;\n margin-top:6px;\n font-weight:800;\n font-variant-numeric: tabular-nums;\n }\n .value .num{\n font-size: clamp(1.8rem, 2.2vw + 1rem, 2.5rem);\n color: var(--text);\n }\n .value .unit{ color: var(--muted); font-weight:600; }\n\n .badge{\n display:inline-flex; align-items:center; gap:.4rem;\n font-size:.78rem; font-weight:600;\n color:#fff; background: var(--accent);\n padding:.35rem .6rem; border-radius:999px;\n }\n\n .note{ color:var(--muted); font-size:.88rem; margin-top: 14px; }\n footer{ margin-top: 40px; color:var(--muted); font-size:.88rem; text-align:center; }\n <\/style>\n<\/head>\n<body>\n <main class=\"container\">\n <header class=\"hero\" aria-labelledby=\"impact-title\">\n <span class=\"eyebrow\">Laporan Dampak<\/span>\n <h1 id=\"impact-title\">Jejak Konservasi Kami<\/h1>\n <p class=\"lead\">Ringkasan capaian terbaru: jumlah pohon dan mangrove yang telah tertanam, luas wilayah konservasi aktif, serta estimasi penyerapan karbon.<\/p>\n\n <section class=\"impact-grid\" aria-label=\"MetriK Dampak\">\n \n <article class=\"card\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2C7 3 4 7 4 12c0 5 3 7 8 10 5-3 8-5 8-10 0-5-3-9-8-10Z\"\/><path d=\"M12 2v20\"\/><\/svg><\/div>\n <div class=\"badge\">\ud83c\udf31 Pohon<\/div>\n <div class=\"value\"><span class=\"num\">128,450<\/span><span class=\"unit\">pohon<\/span><\/div>\n <div class=\"label\">Jumlah pohon tertanam<\/div>\n <\/article>\n\n \n <article class=\"card\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M2 12c3 0 3-2 6-2s3 2 6 2 3-2 6-2\"\/><path d=\"M2 16c3 0 3-2 6-2s3 2 6 2 3-2 6-2\"\/><\/svg><\/div>\n <div class=\"badge\">\ud83c\udf0a Mangrove<\/div>\n <div class=\"value\"><span class=\"num\">76,320<\/span><span class=\"unit\">bibit<\/span><\/div>\n <div class=\"label\">Jumlah mangrove tertanam<\/div>\n <\/article>\n\n \n <article class=\"card\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M21 10c0 6-9 12-9 12S3 16 3 10a9 9 0 1 1 18 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\n <div class=\"badge\">\ud83d\uddfa\ufe0f Konservasi<\/div>\n <div class=\"value\"><span class=\"num\">1,240<\/span><span class=\"unit\">ha<\/span><\/div>\n <div class=\"label\">Wilayah konservasi aktif<\/div>\n <\/article>\n\n \n <article class=\"card\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M17 18H7a4 4 0 1 1 .7-7.95A5 5 0 0 1 19 9a4 4 0 0 1-2 9Z\"\/><\/svg><\/div>\n <div class=\"badge\">\ud83d\udfe2 Karbon<\/div>\n <div class=\"value\"><span class=\"num\">18,760<\/span><span class=\"unit\">tCO\u2082e<\/span><\/div>\n <div class=\"label\">Estimasi karbon terserap<\/div>\n <\/article>\n <\/section>\n\n <\/header>\n\n <footer>\n Terakhir diperbarui: <time datetime=\"2025-09-08\">8 September 2025<\/time>\n <\/footer>\n <\/main>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Dampak Konservasi \u2013 Impact Laporan Dampak Jejak Konservasi Kami Ringkasan capaian terbaru: jumlah pohon dan mangrove yang telah tertanam, luas wilayah konservasi aktif, serta estimasi penyerapan karbon. \ud83c\udf31 Pohon 128,450pohon […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nusantarahijau.or.id\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nusantarahijau.or.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nusantarahijau.or.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nusantarahijau.or.id\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/nusantarahijau.or.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":5,"href":"https:\/\/nusantarahijau.or.id\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":289,"href":"https:\/\/nusantarahijau.or.id\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/289"}],"wp:attachment":[{"href":"https:\/\/nusantarahijau.or.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}