{"id":7049,"date":"2026-09-01T08:27:21","date_gmt":"2026-09-01T08:27:21","guid":{"rendered":"https:\/\/didesa.org\/?page_id=7049"},"modified":"2026-09-21T08:49:19","modified_gmt":"2026-09-21T08:49:19","slug":"innovation","status":"publish","type":"page","link":"https:\/\/didesa.org\/id\/innovation\/","title":{"rendered":"Inovasi"},"content":{"rendered":"<div data-spectra-id=\"spectra-mt5n0rjz-l9kjfa\"\tclass=\"spectra-is-root-container alignfull spectra-overlay-color wp-block-spectra-container is-vertical is-content-justification-left is-nowrap is-layout-flex wp-container-spectra-container-is-layout-3b60b0f2 wp-block-spectra-container-is-layout-flex\" data-orientation=\"vertical\"\t>\n\t\n\n<style data-wp-block-html=\"css\">\n\/* =========================================\n   DIDESA \u2014 INNOVATION HERO\n========================================= *\/\n\n.didesa-innovation-hero {\n  position: relative;\n\n  overflow: hidden;\n\n  background: #f3f7f8;\n\n  padding: 110px 30px;\n\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.innovation-hero-container {\n  max-width: 1200px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns: 1fr 0.9fr;\n\n  align-items: center;\n\n  gap: 80px;\n}\n\n\n\/* =========================================\n   CONTENT\n========================================= *\/\n\n.innovation-hero-content {\n  max-width: 1200px;\n}\n\n.innovation-eyebrow {\n  display: flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  color: #d39a05;\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 2.5px;\n\n  margin-bottom: 20px;\n}\n\n.innovation-eyebrow span {\n  width: 30px;\n\n  height: 2px;\n\n  background: #d39a05;\n\n  display: inline-block;\n}\n\n\n\/* =========================================\n   TITLE\n========================================= *\/\n\n.innovation-hero-content h1 {\n  margin: 0 0 25px;\n\n  color: #0b3f4a;\n\n  font-size: clamp(48px, 5vw, 72px);\n\n  line-height: 1.02;\n\n  letter-spacing: -2.5px;\n\n  font-weight: 700;\n}\n\n.innovation-hero-content h1 strong {\n  display: block;\n\n  color: #d39a05;\n\n  font-weight: 700;\n}\n\n\n\/* =========================================\n   DESCRIPTION\n========================================= *\/\n\n.innovation-hero-content p {\n  max-width: 590px;\n\n  margin: 0 0 35px;\n\n  color: #64747a;\n\n  font-size: 15px;\n\n  line-height: 1.85;\n}\n\n\n\/* =========================================\n   BUTTONS\n========================================= *\/\n\n.innovation-hero-actions {\n  display: flex;\n\n  align-items: center;\n\n  gap: 20px;\n}\n\n.innovation-btn-primary,\n.innovation-btn-secondary {\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  text-decoration: none;\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 0.8px;\n\n  text-transform: uppercase;\n\n  transition: all 0.3s ease;\n}\n\n\n\/* Primary *\/\n\n.innovation-btn-primary {\n  gap: 18px;\n\n  padding: 16px 22px;\n\n  color: #ffffff;\n\n  background: #0b4d5a;\n}\n\n.innovation-btn-primary span {\n  color: #d39a05;\n\n  font-size: 17px;\n\n  transition: transform 0.3s ease;\n}\n\n.innovation-btn-primary:hover {\n  background: #d39a05;\n}\n\n.innovation-btn-primary:hover span {\n  color: #ffffff;\n\n  transform: translateX(5px);\n}\n\n\n\/* Secondary *\/\n\n.innovation-btn-secondary {\n  padding: 15px 0;\n\n  color: #0b4d5a;\n\n  border-bottom: 1px solid #d39a05;\n}\n\n.innovation-btn-secondary:hover {\n  color: #d39a05;\n}\n\n\n\/* =========================================\n   VISUAL\n========================================= *\/\n\n.innovation-hero-visual {\n  position: relative;\n\n  min-height: 520px;\n}\n\n\n\/*\n  Main visual placeholder.\n\n  Ganti background-image dengan\n  foto innovation DIDESA.\n*\/\n\n.innovation-visual-main {\n  position: absolute;\n\n  top: 0;\n  right: 0;\n\n  width: 90%;\n  height: 480px;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      #0b4d5a,\n      #164f59\n    );\n}\n\n\n\/* =========================================\n   VISUAL IMAGE\n========================================= *\/\n\n\/*\nContoh penggunaan:\n\nbackground-image:\nurl(\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/21894.webp\");\n\nTambahkan di .innovation-visual-main\njika sudah mempunyai foto.\n*\/\n\n.innovation-visual-overlay {\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(11, 63, 74, 0.15),\n      rgba(11, 63, 74, 0.75)\n    );\n}\n\n\n\/* =========================================\n   VISUAL CONTENT\n========================================= *\/\n\n.innovation-visual-content {\n  position: absolute;\n\n  left: 40px;\n  bottom: 45px;\n\n  z-index: 2;\n}\n\n.innovation-visual-label {\n  color: #d39a05;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 2px;\n\n  margin-bottom: 14px;\n}\n\n.innovation-visual-title {\n  color: #ffffff;\n\n  font-size: 30px;\n\n  line-height: 1.15;\n\n  font-weight: 600;\n\n  letter-spacing: -0.5px;\n}\n\n\n\/* =========================================\n   DECORATION\n========================================= *\/\n\n.innovation-decoration {\n  position: absolute;\n\n  z-index: 3;\n\n  border: 1px solid #d39a05;\n}\n\n\n\/* Gold square *\/\n\n.innovation-decoration-one {\n  width: 110px;\n\n  height: 110px;\n\n  right: 0;\n\n  top: 50px;\n}\n\n\n\/* Teal square *\/\n\n.innovation-decoration-two {\n  width: 90px;\n\n  height: 90px;\n\n  left: 0;\n\n  bottom: 20px;\n\n  background: #d39a05;\n\n  border: none;\n}\n\n\n\/* =========================================\n   NUMBER\n========================================= *\/\n\n.innovation-visual-number {\n  position: absolute;\n\n  right: -5px;\n\n  bottom: 5px;\n\n  z-index: 5;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  color: #0b3f4a;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n}\n\n.innovation-visual-number span {\n  color: #d39a05;\n\n  font-size: 28px;\n\n  letter-spacing: -1px;\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1000px) {\n\n  .didesa-innovation-hero {\n    padding: 80px 25px;\n  }\n\n  .innovation-hero-container {\n    grid-template-columns: 1fr;\n\n    gap: 60px;\n  }\n\n  .innovation-hero-content {\n    max-width: 700px;\n  }\n\n  .innovation-hero-visual {\n    width: 100%;\n\n    max-width: 700px;\n\n    min-height: 450px;\n  }\n\n  .innovation-visual-main {\n    width: 92%;\n\n    height: 420px;\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 650px) {\n\n  .didesa-innovation-hero {\n    padding: 65px 20px;\n  }\n\n  .innovation-hero-container {\n    gap: 50px;\n  }\n\n  .innovation-hero-content h1 {\n    font-size: 43px;\n\n    letter-spacing: -1.8px;\n  }\n\n  .innovation-hero-content p {\n    font-size: 13px;\n\n    line-height: 1.75;\n  }\n\n\n  \/* Buttons *\/\n\n  .innovation-hero-actions {\n    flex-direction: column;\n\n    align-items: flex-start;\n\n    gap: 15px;\n  }\n\n  .innovation-btn-primary {\n    width: auto;\n  }\n\n\n  \/* Visual *\/\n\n  .innovation-hero-visual {\n    min-height: 350px;\n  }\n\n  .innovation-visual-main {\n    width: 92%;\n\n    height: 330px;\n  }\n\n  .innovation-visual-content {\n    left: 25px;\n\n    bottom: 30px;\n  }\n\n  .innovation-visual-title {\n    font-size: 24px;\n  }\n\n  .innovation-decoration-one {\n    width: 70px;\n\n    height: 70px;\n  }\n\n  .innovation-decoration-two {\n    width: 60px;\n\n    height: 60px;\n  }\n\n  .innovation-visual-number {\n    right: 0;\n\n    bottom: 0;\n  }\n\n}\n\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width: 400px) {\n\n  .innovation-hero-content h1 {\n    font-size: 38px;\n  }\n\n  .innovation-visual-main {\n    width: 88%;\n  }\n\n  .innovation-visual-title {\n    font-size: 21px;\n  }\n\n}\n<\/style>\n\n<section class=\"didesa-innovation-hero\">\n\n  <div class=\"innovation-hero-container\">\n\n    <!-- LEFT CONTENT -->\n    <div class=\"innovation-hero-content\">\n\n      <div class=\"innovation-eyebrow\">\n        <span><\/span>\n        INNOVATION\n      <\/div>\n\n      <h1>\n        Innovation for\n        <strong>Desa Berkelanjutan<\/strong>\n      <\/h1>\n\n      <p>\n        We develop and introduce practical innovations and appropriate\n        technologies that help rural communities address local challenges,\n        strengthen resilience, and build a more sustainable future.\n      <\/p>\n\n      <div class=\"innovation-hero-actions\">\n\n        <a href=\"#innovation-portfolio\" class=\"innovation-btn-primary\">\n          Explore Innovations\n          <span>\u2192<\/span>\n        <\/a>\n\n        <a href=\"#our-approach\" class=\"innovation-btn-secondary\">\n          Pendekatan Kami\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- RIGHT VISUAL -->\n    <div class=\"innovation-hero-visual\">\n\n      <div class=\"innovation-visual-main\">\n\n        <div class=\"innovation-visual-overlay\"><\/div>\n\n        <div class=\"innovation-visual-content\">\n\n          <div class=\"innovation-visual-label\">\n            DIDESA INNOVATION\n          <\/div>\n\n          <div class=\"innovation-visual-title\">\n            Practical.<br>\n            Sustainable.<br>\n            Community-driven.\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- Decorative Elements -->\n      <div class=\"innovation-decoration innovation-decoration-one\"><\/div>\n      <div class=\"innovation-decoration innovation-decoration-two\"><\/div>\n\n      <div class=\"innovation-visual-number\">\n        <span>06<\/span>\n        INNOVATIONS\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================\n   DIDESA \u2014 INNOVATION PORTFOLIO\n========================================= *\/\n\n.didesa-innovation-portfolio {\n  background: #ffffff;\n  padding: 110px 30px;\n\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.innovation-portfolio-container {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n\n\/* =========================================\n   HEADER\n========================================= *\/\n\n.innovation-portfolio-header {\n  margin-bottom: 65px;\n}\n\n.innovation-portfolio-label {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n\n  color: #d39a05;\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: 2.5px;\n\n  margin-bottom: 20px;\n}\n\n.innovation-portfolio-label span {\n  width: 30px;\n  height: 2px;\n\n  background: #d39a05;\n\n  display: inline-block;\n}\n\n\n\/* =========================================\n   HEADING\n========================================= *\/\n\n.innovation-portfolio-heading {\n  display: grid;\n\n  grid-template-columns: 1fr 0.8fr;\n\n  gap: 80px;\n\n  align-items: end;\n}\n\n.innovation-portfolio-heading h2 {\n  margin: 0;\n\n  color: #0b3f4a;\n\n  font-size: clamp(42px, 5vw, 64px);\n\n  line-height: 1.02;\n\n  letter-spacing: -2px;\n\n  font-weight: 700;\n}\n\n.innovation-portfolio-heading h2 strong {\n  color: #d39a05;\n}\n\n.innovation-portfolio-heading p {\n  margin: 0;\n\n  color: #64747a;\n\n  font-size: 14px;\n\n  line-height: 1.85;\n}\n\n\n\/* =========================================\n   GRID\n========================================= *\/\n\n.innovation-portfolio-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, 1fr);\n\n  gap: 25px;\n}\n\n\n\/* =========================================\n   CARD\n========================================= *\/\n\n.innovation-card {\n\n  background: #f3f7f8;\n\n  overflow: hidden;\n\n  transition:\n    transform 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n.innovation-card:hover {\n\n  transform: translateY(-7px);\n\n  box-shadow:\n    0 18px 40px rgba(11, 63, 74, 0.10);\n}\n\n\n\/* =========================================\n   IMAGE\n========================================= *\/\n\n.innovation-card-image {\n\n  position: relative;\n\n  height: 260px;\n\n  overflow: hidden;\n\n  background-color: #0b4d5a;\n\n  background-size: cover;\n\n  background-position: center;\n\n  transition:\n    transform 0.5s ease;\n}\n\n.innovation-card:hover .innovation-card-image {\n\n  transform: scale(1.02);\n}\n\n\n\/* =========================================\n   IMAGE PLACEHOLDERS\n========================================= *\/\n\n\/*\n   Ganti URL di bawah dengan foto\n   asli inovasi DIDESA.\n*\/\n\n.innovation-image-01 {\n  background-image:\n    linear-gradient(\n      rgba(11, 63, 74, 0.15),\n      rgba(11, 63, 74, 0.65)\n    ),\n    url(\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/rice-field-bali.webp\");\n}\n\n.innovation-image-02 {\n  background-image:\n    linear-gradient(\n      rgba(11, 63, 74, 0.15),\n      rgba(11, 63, 74, 0.65)\n    ),\n    url(\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/6062.webp\");\n}\n\n.innovation-image-03 {\n  background-image:\n    linear-gradient(\n      rgba(11, 63, 74, 0.15),\n      rgba(11, 63, 74, 0.65)\n    ),\n    url(\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/2352.webp\");\n}\n\n.innovation-image-04 {\n  background-image:\n    linear-gradient(\n      rgba(11, 63, 74, 0.15),\n      rgba(11, 63, 74, 0.65)\n    ),\n    url(\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/agricultural-water-irrigation-sustainable-farming-concept.webp\");\n}\n\n.innovation-image-05 {\n  background-image:\n    linear-gradient(\n      rgba(11, 63, 74, 0.15),\n      rgba(11, 63, 74, 0.65)\n    ),\n    url(\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/water-sprinkler-spraying-out-rice-field.webp\");\n}\n\n.innovation-image-06 {\n  background-image:\n    linear-gradient(\n      rgba(11, 63, 74, 0.15),\n      rgba(11, 63, 74, 0.65)\n    ),\n    url(\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/66-scaled.webp\");\n}\n\n\n\/* =========================================\n   OVERLAY\n========================================= *\/\n\n.innovation-card-overlay {\n\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(5, 35, 42, 0.75),\n      rgba(5, 35, 42, 0.05)\n    );\n}\n\n\n\/* =========================================\n   NUMBER\n========================================= *\/\n\n.innovation-card-number {\n\n  position: absolute;\n\n  top: 22px;\n\n  left: 22px;\n\n  color: #ffffff;\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n}\n\n\n\/* =========================================\n   CATEGORY\n========================================= *\/\n\n.innovation-card-category {\n\n  position: absolute;\n\n  right: 22px;\n\n  bottom: 20px;\n\n  color: #d39a05;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n}\n\n\n\/* =========================================\n   CONTENT\n========================================= *\/\n\n.innovation-card-content {\n\n  padding: 28px 27px 30px;\n}\n\n.innovation-card-content h3 {\n\n  margin: 0 0 14px;\n\n  color: #123e47;\n\n  font-size: 21px;\n\n  line-height: 1.15;\n\n  letter-spacing: -0.5px;\n\n  font-weight: 700;\n}\n\n.innovation-card-content p {\n\n  margin: 0 0 25px;\n\n  color: #718086;\n\n  font-size: 12px;\n\n  line-height: 1.75;\n}\n\n\n\/* =========================================\n   LINK\n========================================= *\/\n\n.innovation-card-link {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  color: #0b4d5a;\n\n  text-decoration: none;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 0.8px;\n\n  text-transform: uppercase;\n}\n\n.innovation-card-link span {\n\n  color: #d39a05;\n\n  font-size: 17px;\n\n  transition:\n    transform 0.3s ease;\n}\n\n.innovation-card-link:hover span {\n\n  transform: translateX(6px);\n}\n\n\n\/* =========================================\n   FEATURED CARD\n========================================= *\/\n\n.innovation-card-featured {\n\n  grid-column: span 2;\n\n  display: grid;\n\n  grid-template-columns: 1.2fr 0.8fr;\n}\n\n.innovation-card-featured .innovation-card-image {\n\n  height: 100%;\n\n  min-height: 330px;\n}\n\n.innovation-card-featured .innovation-card-content {\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n\n  padding: 40px;\n}\n\n.innovation-card-featured .innovation-card-content h3 {\n\n  font-size: 27px;\n}\n\n\n\/* =========================================\n   WIDE CARD\n========================================= *\/\n\n.innovation-card-wide {\n\n  grid-column: span 2;\n\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n}\n\n.innovation-card-wide .innovation-card-image {\n\n  height: 100%;\n\n  min-height: 300px;\n}\n\n.innovation-card-wide .innovation-card-content {\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n\n  padding: 35px;\n}\n\n\n\/* =========================================\n   FOOTER\n========================================= *\/\n\n.innovation-portfolio-footer {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 30px;\n\n  margin-top: 50px;\n\n  padding-top: 25px;\n\n  border-top: 1px solid #d8e1e3;\n}\n\n.innovation-portfolio-footer-text {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  color: #123e47;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n}\n\n.innovation-portfolio-footer-text span {\n\n  color: #d39a05;\n\n  font-size: 26px;\n\n  letter-spacing: -1px;\n}\n\n.innovation-portfolio-footer p {\n\n  margin: 0;\n\n  color: #718086;\n\n  font-size: 11px;\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1000px) {\n\n  .didesa-innovation-portfolio {\n\n    padding: 80px 25px;\n  }\n\n  .innovation-portfolio-heading {\n\n    grid-template-columns: 1fr;\n\n    gap: 25px;\n  }\n\n  .innovation-portfolio-grid {\n\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .innovation-card-featured {\n\n    grid-column: span 2;\n  }\n\n  .innovation-card-wide {\n\n    grid-column: span 2;\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 650px) {\n\n  .didesa-innovation-portfolio {\n\n    padding: 65px 20px;\n  }\n\n  .innovation-portfolio-header {\n\n    margin-bottom: 45px;\n  }\n\n  .innovation-portfolio-heading h2 {\n\n    font-size: 38px;\n\n    letter-spacing: -1.5px;\n  }\n\n  .innovation-portfolio-heading p {\n\n    font-size: 13px;\n\n    line-height: 1.75;\n  }\n\n  .innovation-portfolio-grid {\n\n    grid-template-columns: 1fr;\n\n    gap: 20px;\n  }\n\n\n  \/* Featured *\/\n\n  .innovation-card-featured {\n\n    grid-column: span 1;\n\n    display: block;\n  }\n\n  .innovation-card-featured .innovation-card-image {\n\n    height: 270px;\n\n    min-height: 0;\n  }\n\n  .innovation-card-featured .innovation-card-content {\n\n    padding: 28px;\n  }\n\n  .innovation-card-featured .innovation-card-content h3 {\n\n    font-size: 23px;\n  }\n\n\n  \/* Normal *\/\n\n  .innovation-card {\n\n    grid-column: span 1;\n  }\n\n  .innovation-card-image {\n\n    height: 240px;\n  }\n\n\n  \/* Wide *\/\n\n  .innovation-card-wide {\n\n    grid-column: span 1;\n\n    display: block;\n  }\n\n  .innovation-card-wide .innovation-card-image {\n\n    height: 250px;\n\n    min-height: 0;\n  }\n\n  .innovation-card-wide .innovation-card-content {\n\n    padding: 28px;\n  }\n\n\n  \/* Footer *\/\n\n  .innovation-portfolio-footer {\n\n    flex-direction: column;\n\n    align-items: flex-start;\n\n    gap: 12px;\n  }\n\n}\n\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width: 400px) {\n\n  .innovation-portfolio-heading h2 {\n\n    font-size: 34px;\n  }\n\n  .innovation-card-image {\n\n    height: 220px;\n  }\n\n  .innovation-card-content {\n\n    padding: 24px;\n  }\n\n}\n<\/style>\n\n<section class=\"didesa-innovation-portfolio\" id=\"innovation-portfolio\">\n\n  <div class=\"innovation-portfolio-container\">\n\n    <!-- HEADER -->\n    <div class=\"innovation-portfolio-header\">\n\n      <div class=\"innovation-portfolio-label\">\n        <span><\/span>\n        INNOVATION PORTFOLIO\n      <\/div>\n\n      <div class=\"innovation-portfolio-heading\">\n\n        <h2>\n          Practical Ideas,<br>\n          <strong>Real Solutions.<\/strong>\n        <\/h2>\n\n        <p>\n          Our innovations are designed to respond to real challenges faced by\n          rural communities \u2014 combining appropriate technology, local knowledge,\n          and sustainable practices.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- PORTFOLIO GRID -->\n    <div class=\"innovation-portfolio-grid\">\n\n\n      <!-- 01 -->\n      <article class=\"innovation-card innovation-card-featured\">\n\n        <div class=\"innovation-card-image innovation-image-01\">\n\n          <div class=\"innovation-card-overlay\"><\/div>\n\n          <div class=\"innovation-card-number\">\n            01\n          <\/div>\n\n          <div class=\"innovation-card-category\">\n            AGRICULTURE\n          <\/div>\n\n        <\/div>\n\n        <div class=\"innovation-card-content\">\n\n          <h3>\n            Planting &amp;<br>\n            Watering Method\n          <\/h3>\n\n          <p>\n            Practical planting and watering methods designed to improve\n            agricultural efficiency while reducing unnecessary water use.\n          <\/p>\n\n          <a href=\"#\" class=\"innovation-card-link\">\n            Explore Innovation\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 02 -->\n      <article class=\"innovation-card\">\n\n        <div class=\"innovation-card-image innovation-image-02\">\n\n          <div class=\"innovation-card-overlay\"><\/div>\n\n          <div class=\"innovation-card-number\">\n            02\n          <\/div>\n\n          <div class=\"innovation-card-category\">\n            WASTE MANAGEMENT\n          <\/div>\n\n        <\/div>\n\n        <div class=\"innovation-card-content\">\n\n          <h3>\n            Eco-Incinerator\n          <\/h3>\n\n          <p>\n            An environmentally conscious approach to managing selected\n            community waste through appropriate technology.\n          <\/p>\n\n          <a href=\"#\" class=\"innovation-card-link\">\n            Explore Innovation\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 03 -->\n      <article class=\"innovation-card\">\n\n        <div class=\"innovation-card-image innovation-image-03\">\n\n          <div class=\"innovation-card-overlay\"><\/div>\n\n          <div class=\"innovation-card-number\">\n            03\n          <\/div>\n\n          <div class=\"innovation-card-category\">\n            AGRICULTURE\n          <\/div>\n\n        <\/div>\n\n        <div class=\"innovation-card-content\">\n\n          <h3>\n            Liquid Organic<br>\n            Fertilizer\n          <\/h3>\n\n          <p>\n            Developing organic fertilizer solutions from locally available\n            materials to support healthier and more sustainable agriculture.\n          <\/p>\n\n          <a href=\"#\" class=\"innovation-card-link\">\n            Explore Innovation\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 04 -->\n      <article class=\"innovation-card\">\n\n        <div class=\"innovation-card-image innovation-image-04\">\n\n          <div class=\"innovation-card-overlay\"><\/div>\n\n          <div class=\"innovation-card-number\">\n            04\n          <\/div>\n\n          <div class=\"innovation-card-category\">\n            CLEAN WATER\n          <\/div>\n\n        <\/div>\n\n        <div class=\"innovation-card-content\">\n\n          <h3>\n            Drinking Water<br>\n            Filtration\n          <\/h3>\n\n          <p>\n            Appropriate water filtration solutions designed to improve access\n            to cleaner and safer drinking water.\n          <\/p>\n\n          <a href=\"#\" class=\"innovation-card-link\">\n            Explore Innovation\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 05 -->\n      <article class=\"innovation-card innovation-card-wide\">\n\n        <div class=\"innovation-card-image innovation-image-05\">\n\n          <div class=\"innovation-card-overlay\"><\/div>\n\n          <div class=\"innovation-card-number\">\n            05\n          <\/div>\n\n          <div class=\"innovation-card-category\">\n            WATER TECHNOLOGY\n          <\/div>\n\n        <\/div>\n\n        <div class=\"innovation-card-content\">\n\n          <h3>\n            Atmospheric Water<br>\n            Capturing\n          <\/h3>\n\n          <p>\n            Exploring innovative approaches to capture water from atmospheric\n            moisture as an alternative source for communities facing water\n            challenges.\n          <\/p>\n\n          <a href=\"#\" class=\"innovation-card-link\">\n            Explore Innovation\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 06 -->\n      <article class=\"innovation-card\">\n\n        <div class=\"innovation-card-image innovation-image-06\">\n\n          <div class=\"innovation-card-overlay\"><\/div>\n\n          <div class=\"innovation-card-number\">\n            06\n          <\/div>\n\n          <div class=\"innovation-card-category\">\n            WATER ACCESS\n          <\/div>\n\n        <\/div>\n\n        <div class=\"innovation-card-content\">\n\n          <h3>\n            Non-Electric<br>\n            Pump\n          <\/h3>\n\n          <p>\n            A simple water access solution designed to operate without\n            conventional electricity, supporting communities in resource-limited areas.\n          <\/p>\n\n          <a href=\"#\" class=\"innovation-card-link\">\n            Explore Innovation\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- PORTFOLIO FOOTER -->\n    <div class=\"innovation-portfolio-footer\">\n\n      <div class=\"innovation-portfolio-footer-text\">\n        <span>06<\/span>\n        INNOVATIONS\n      <\/div>\n\n      <p>\n        Designed with communities. Built for real-world challenges.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =====================================\n   GLOBAL\n===================================== *\/\n\n.container {\n    width: min(1180px, 92%);\n    margin: auto;\n}\n\n.section-label {\n    display: inline-block;\n    color: #d9ad19;\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 2.5px;\n    margin-bottom: 14px;\n}\n\n.section-heading {\n    max-width: 720px;\n    margin: 0 auto 60px;\n    text-align: center;\n}\n\n.section-heading h2 {\n    font-size: clamp(36px, 5vw, 58px);\n    line-height: 1.05;\n    margin-bottom: 20px;\n}\n\n.section-heading h2 span {\n    color: #d9ad19;\n}\n\n.section-heading p {\n    color: #697986;\n    font-size: 16px;\n}\n\n\n\/* =====================================\n   HERO\n===================================== *\/\n\n.approach-hero {\n    min-height: 720px;\n\n    display: flex;\n    align-items: center;\n\n    position: relative;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(5, 30, 47, .95),\n            rgba(5, 30, 47, .68),\n            rgba(5, 30, 47, .2)\n        ),\n        url(\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/planting-organic-rice-farmland.webp\")\n        center \/ cover no-repeat;\n}\n\n.hero-content {\n    position: relative;\n    z-index: 2;\n    color: white;\n}\n\n.eyebrow {\n    color: #f5cc35;\n    font-size: 13px;\n    font-weight: 900;\n    letter-spacing: 3px;\n}\n\n.hero-content h1 {\n    max-width: 800px;\n\n    font-size: clamp(48px, 7vw, 82px);\n    line-height: .98;\n\n    margin: 20px 0 30px;\n}\n\n.hero-content h1 span {\n    display: block;\n    color: #f5cc35;\n}\n\n.hero-content p {\n    max-width: 630px;\n\n    color: #e2e9ed;\n    font-size: 18px;\n\n    margin-bottom: 35px;\n}\n\n\n\/* =====================================\n   BUTTON\n===================================== *\/\n\n.btn-primary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    padding: 15px 28px;\n\n    background: #f5cc35;\n    color: #102d43;\n\n    font-size: 14px;\n    font-weight: 900;\n\n    border-radius: 5px;\n\n    transition: .3s ease;\n}\n\n.btn-primary:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 30px rgba(0,0,0,.15);\n}\n\n\n\/* =====================================\n   INTRO\n===================================== *\/\n\n.approach-intro {\n    padding: 110px 0;\n}\n\n.intro-grid {\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 80px;\n\n    align-items: center;\n}\n\n.intro-image {\n    position: relative;\n}\n\n.intro-image::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 75%;\n    height: 75%;\n\n    right: -25px;\n    bottom: -25px;\n\n    background: #f5cc35;\n\n    z-index: -1;\n}\n\n.intro-image img {\n    height: 530px;\n\n    object-fit: cover;\n}\n\n.intro-content h2 {\n    font-size: clamp(36px, 5vw, 58px);\n    line-height: 1.05;\n\n    margin-bottom: 25px;\n}\n\n.intro-content h2 span {\n    color: #d9ad19;\n}\n\n.intro-content p {\n    color: #657684;\n\n    margin-bottom: 18px;\n}\n\n.quote-box {\n    display: flex;\n\n    gap: 15px;\n\n    margin-top: 30px;\n    padding: 22px;\n\n    background: #f5f7f3;\n\n    border-left: 5px solid #f5cc35;\n}\n\n.quote-mark {\n    font-size: 40px;\n    font-weight: 900;\n\n    color: #d9ad19;\n\n    line-height: .7;\n}\n\n.quote-box p {\n    margin: 0;\n\n    font-weight: 700;\n    color: #102d43;\n}\n\n\n\/* =====================================\n   PRINCIPLES\n===================================== *\/\n\n.principles {\n    padding: 110px 0;\n\n    background: #f6f8f5;\n}\n\n.principles-grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, 1fr);\n\n    gap: 22px;\n}\n\n.principle-card {\n    position: relative;\n\n    padding: 40px 28px;\n\n    background: white;\n\n    border: 1px solid #e3e9e4;\n\n    transition: .3s ease;\n}\n\n.principle-card:hover {\n    transform: translateY(-7px);\n\n    box-shadow:\n        0 20px 40px rgba(16,45,67,.10);\n}\n\n.principle-number {\n    position: absolute;\n\n    top: 20px;\n    right: 20px;\n\n    color: #d9ad19;\n\n    font-weight: 900;\n\n    font-size: 13px;\n}\n\n.principle-icon {\n    width: 58px;\n    height: 58px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-bottom: 25px;\n\n    border-radius: 50%;\n\n    background: #edf4e9;\n\n    color: #477c39;\n\n    font-size: 26px;\n}\n\n.principle-card h3 {\n    font-size: 21px;\n\n    line-height: 1.15;\n\n    margin-bottom: 15px;\n}\n\n.principle-card p {\n    color: #6c7b87;\n\n    font-size: 14px;\n}\n\n\n\/* =====================================\n   HOW WE WORK\n===================================== *\/\n\n.how-we-work {\n    padding: 110px 0;\n}\n\n.process {\n    max-width: 900px;\n\n    margin: auto;\n\n    position: relative;\n}\n\n.process::before {\n    content: \"\";\n\n    position: absolute;\n\n    left: 31px;\n    top: 25px;\n    bottom: 25px;\n\n    width: 2px;\n\n    background: #dce4df;\n}\n\n.process-item {\n    display: grid;\n\n    grid-template-columns: 64px 1fr;\n\n    gap: 30px;\n\n    position: relative;\n\n    margin-bottom: 35px;\n}\n\n.process-number {\n    width: 64px;\n    height: 64px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    background: #102d43;\n\n    color: #f5cc35;\n\n    border-radius: 50%;\n\n    font-size: 13px;\n    font-weight: 900;\n\n    position: relative;\n\n    z-index: 2;\n}\n\n.process-content {\n    padding: 5px 0 20px;\n}\n\n.process-content span {\n    color: #d9ad19;\n\n    font-size: 11px;\n\n    font-weight: 900;\n\n    letter-spacing: 1.5px;\n}\n\n.process-content h3 {\n    font-size: 27px;\n\n    margin: 7px 0 8px;\n}\n\n.process-content p {\n    max-width: 650px;\n\n    color: #687783;\n\n    font-size: 15px;\n}\n\n\n\/* =====================================\n   IMPACT\n===================================== *\/\n\n.impact-section {\n    padding: 110px 0;\n\n    background: #082c42;\n\n    color: white;\n}\n\n.impact-grid {\n    display: grid;\n\n    grid-template-columns:\n        1fr 1fr;\n\n    gap: 100px;\n\n    align-items: center;\n}\n\n.impact-content h2 {\n    font-size: clamp(38px, 5vw, 58px);\n\n    line-height: 1.05;\n\n    margin-bottom: 25px;\n}\n\n.impact-content h2 span {\n    color: #f5cc35;\n}\n\n.impact-content p {\n    color: #c2d0d8;\n\n    max-width: 570px;\n\n    margin-bottom: 25px;\n}\n\n.text-link {\n    color: #f5cc35;\n\n    font-weight: 900;\n\n    font-size: 14px;\n}\n\n.impact-list {\n    border-top: 1px solid rgba(255,255,255,.15);\n}\n\n.impact-item {\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 30px;\n\n    padding: 20px 0;\n\n    border-bottom: 1px solid rgba(255,255,255,.15);\n}\n\n.impact-item strong {\n    font-size: 18px;\n}\n\n.impact-item span {\n    color: #afc0c9;\n\n    font-size: 13px;\n\n    text-align: right;\n}\n\n\n\/* =====================================\n   CTA\n===================================== *\/\n\n.approach-cta {\n    padding: 90px 0;\n}\n\n.cta-box {\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 40px;\n\n    padding: 55px 65px;\n\n    background: #f5cc35;\n}\n\n.cta-box .section-label {\n    color: #102d43;\n}\n\n.cta-box h2 {\n    font-size: clamp(35px, 5vw, 55px);\n\n    line-height: 1;\n\n    margin-bottom: 18px;\n}\n\n.cta-box h2 span {\n    display: block;\n}\n\n.cta-box p {\n    color: #3e5360;\n\n    max-width: 580px;\n}\n\n.cta-box .btn-primary {\n    background: #082c42;\n    color: white;\n\n    white-space: nowrap;\n}\n\n\n\/* =====================================\n   WHATSAPP\n===================================== *\/\n\n.whatsapp-button {\n    position: fixed;\n\n    right: 25px;\n    bottom: 25px;\n\n    z-index: 999;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    padding: 11px 16px;\n\n    background: #25d366;\n\n    color: white;\n\n    border-radius: 50px;\n\n    box-shadow:\n        0 10px 30px rgba(0,0,0,.2);\n\n    font-size: 13px;\n    font-weight: 900;\n\n    transition: .3s ease;\n}\n\n.whatsapp-button strong {\n    width: 38px;\n    height: 38px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    background: white;\n\n    color: #25d366;\n\n    border-radius: 50%;\n\n    font-size: 20px;\n}\n\n.whatsapp-button:hover {\n    transform: translateY(-4px);\n}\n\n\n\/* =====================================\n   TABLET\n===================================== *\/\n\n@media (max-width: 900px) {\n\n    .intro-grid,\n    .impact-grid {\n        grid-template-columns: 1fr;\n\n        gap: 55px;\n    }\n\n    .principles-grid {\n        grid-template-columns:\n            repeat(2, 1fr);\n    }\n\n    .cta-box {\n        flex-direction: column;\n\n        align-items: flex-start;\n    }\n}\n\n\n\/* =====================================\n   MOBILE\n===================================== *\/\n\n@media (max-width: 600px) {\n\n    .approach-hero {\n        min-height: 650px;\n    }\n\n    .hero-content h1 {\n        font-size: 48px;\n    }\n\n    .approach-intro,\n    .principles,\n    .how-we-work,\n    .impact-section {\n        padding: 75px 0;\n    }\n\n    .intro-image img {\n        height: 380px;\n    }\n\n    .principles-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .process-item {\n        grid-template-columns: 50px 1fr;\n\n        gap: 20px;\n    }\n\n    .process-number {\n        width: 50px;\n        height: 50px;\n    }\n\n    .process::before {\n        left: 24px;\n    }\n\n    .impact-item {\n        align-items: flex-start;\n\n        flex-direction: column;\n\n        gap: 5px;\n    }\n\n    .impact-item span {\n        text-align: left;\n    }\n\n    .cta-box {\n        padding: 35px 25px;\n    }\n\n    .whatsapp-button {\n        right: 15px;\n        bottom: 15px;\n    }\n\n    .whatsapp-button span {\n        display: none;\n    }\n}\n<\/style>\n\n<!-- =====================================\n     HERO\n===================================== -->\n\n<section class=\"approach-hero\">\n\n    <div class=\"hero-overlay\"><\/div>\n\n    <div class=\"container hero-content\">\n\n        <span class=\"eyebrow\">\n            OUR APPROACH\n        <\/span>\n\n        <h1>\n            Turning Ideas Into\n            <span>Sustainable Action.<\/span>\n        <\/h1>\n\n        <p>\n            We believe sustainable development begins with practical\n            solutions, appropriate technology and empowered communities.\n        <\/p>\n\n        <a href=\"#principles\" class=\"btn-primary\">\n            Discover Our Approach\n        <\/a>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =====================================\n     INTRODUCTION\n===================================== -->\n\n<section class=\"approach-intro\">\n\n    <div class=\"container intro-grid\">\n\n        <div class=\"intro-image\">\n\n            <img decoding=\"async\" src=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/147297.webp\" alt=\"DIDESA sustainable agriculture and community development\" title=\"Inovasi\">\n\n        <\/div>\n\n\n        <div class=\"intro-content\">\n\n            <span class=\"section-label\">\n                OUR PHILOSOPHY\n            <\/span>\n\n            <h2>\n                Sustainable Development\n                <span>Starts at the Village.<\/span>\n            <\/h2>\n\n            <p>\n                Desa Rahayu Nusantara focuses on developing village\n                potential, particularly in food and agriculture, through\n                appropriate technology, crop diversification and farmer\n                education.\n            <\/p>\n\n            <p>\n                Our approach also seeks to utilize unproductive land and\n                help farmers improve crop yields through practical and\n                low-cost solutions.\n            <\/p>\n\n            <div class=\"quote-box\">\n\n                <span class=\"quote-mark\">\u201c<\/span>\n\n                <p>\n                    Appropriate solutions. Sustainable practices.\n                    Meaningful impact.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =====================================\n     PRINCIPLES\n===================================== -->\n\n<section class=\"principles\" id=\"principles\">\n\n    <div class=\"container\">\n\n        <div class=\"section-heading\">\n\n            <span class=\"section-label\">\n                OUR PRINCIPLES\n            <\/span>\n\n            <h2>\n                How We Create\n                <span>Impact.<\/span>\n            <\/h2>\n\n            <p>\n                Our approach is built around practical solutions that\n                respond to real needs while considering environmental\n                sustainability and community capacity.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"principles-grid\">\n\n\n            <!-- 01 -->\n\n            <article class=\"principle-card\">\n\n                <div class=\"principle-number\">\n                    01\n                <\/div>\n\n                <div class=\"principle-icon\">\n                    \u2699\n                <\/div>\n\n                <h3>\n                    Appropriate\n                    Technology\n                <\/h3>\n\n                <p>\n                    Applying technology according to local needs,\n                    conditions and implementation capacity.\n                <\/p>\n\n            <\/article>\n\n\n            <!-- 02 -->\n\n            <article class=\"principle-card\">\n\n                <div class=\"principle-number\">\n                    02\n                <\/div>\n\n                <div class=\"principle-icon\">\n                    \u25c7\n                <\/div>\n\n                <h3>\n                    Low-Cost\n                    Solutions\n                <\/h3>\n\n                <p>\n                    Developing practical solutions that can be\n                    implemented efficiently and affordably.\n                <\/p>\n\n            <\/article>\n\n\n            <!-- 03 -->\n\n            <article class=\"principle-card\">\n\n                <div class=\"principle-number\">\n                    03\n                <\/div>\n\n                <div class=\"principle-icon\">\n                    \u2667\n                <\/div>\n\n                <h3>\n                    Green &amp;\n                    Sustainable\n                <\/h3>\n\n                <p>\n                    Encouraging environmentally responsible agriculture,\n                    water management and resource utilization.\n                <\/p>\n\n            <\/article>\n\n\n            <!-- 04 -->\n\n            <article class=\"principle-card\">\n\n                <div class=\"principle-number\">\n                    04\n                <\/div>\n\n                <div class=\"principle-icon\">\n                    \u25ce\n                <\/div>\n\n                <h3>\n                    Community\n                    Empowerment\n                <\/h3>\n\n                <p>\n                    Strengthening knowledge and capacity through\n                    education, training and practical field experience.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =====================================\n     HOW WE WORK\n===================================== -->\n\n<section class=\"how-we-work\">\n\n    <div class=\"container\">\n\n        <div class=\"section-heading\">\n\n            <span class=\"section-label\">\n                CARA KAMI BEKERJA\n            <\/span>\n\n            <h2>\n                From Challenge\n                <span>to Action.<\/span>\n            <\/h2>\n\n        <\/div>\n\n\n        <div class=\"process\">\n\n            <!-- STEP 01 -->\n\n            <div class=\"process-item\">\n\n                <div class=\"process-number\">\n                    01\n                <\/div>\n\n                <div class=\"process-content\">\n\n                    <span>\n                        STEP ONE\n                    <\/span>\n\n                    <h3>\n                        Identify\n                    <\/h3>\n\n                    <p>\n                        Understand challenges and opportunities\n                        within villages, agriculture, water and\n                        environmental management.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- STEP 02 -->\n\n            <div class=\"process-item\">\n\n                <div class=\"process-number\">\n                    02\n                <\/div>\n\n                <div class=\"process-content\">\n\n                    <span>\n                        STEP TWO\n                    <\/span>\n\n                    <h3>\n                        Develop\n                    <\/h3>\n\n                    <p>\n                        Develop appropriate and practical solutions\n                        based on local conditions and available\n                        resources.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- STEP 03 -->\n\n            <div class=\"process-item\">\n\n                <div class=\"process-number\">\n                    03\n                <\/div>\n\n                <div class=\"process-content\">\n\n                    <span>\n                        STEP THREE\n                    <\/span>\n\n                    <h3>\n                        Implement\n                    <\/h3>\n\n                    <p>\n                        Apply technology, agricultural practices and\n                        programs through practical implementation.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- STEP 04 -->\n\n            <div class=\"process-item\">\n\n                <div class=\"process-number\">\n                    04\n                <\/div>\n\n                <div class=\"process-content\">\n\n                    <span>\n                        STEP FOUR\n                    <\/span>\n\n                    <h3>\n                        Memberdayakan.\n                    <\/h3>\n\n                    <p>\n                        Strengthen community knowledge and capacity\n                        through education, training and field practice.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =====================================\n     IMPACT\n===================================== -->\n\n<section class=\"impact-section\">\n\n    <div class=\"container impact-grid\">\n\n        <div class=\"impact-content\">\n\n            <span class=\"section-label\">\n                FROM CHALLENGE TO IMPACT\n            <\/span>\n\n            <h2 style=\"color:#fff\">\n                Solutions Designed\n                <span>for Real Conditions.<\/span>\n            <\/h2>\n\n            <p>\n                DIDESA&#8217;s approach connects challenges with practical\n                solutions in food production, clean water, agriculture,\n                waste management and community education.\n            <\/p>\n\n            <a href=\"\/id\/projects\/\" class=\"text-link\">\n                Explore Our Projects \u2192\n            <\/a>\n\n        <\/div>\n\n\n        <div class=\"impact-list\">\n\n            <div class=\"impact-item\">\n\n                <strong>\n                    Food\n                <\/strong>\n\n                <span>\n                    Strengthening food production\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"impact-item\">\n\n                <strong>\n                    Water\n                <\/strong>\n\n                <span>\n                    Supporting clean water access\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"impact-item\">\n\n                <strong>\n                    Agriculture\n                <\/strong>\n\n                <span>\n                    Promoting green agriculture\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"impact-item\">\n\n                <strong>\n                    Environment\n                <\/strong>\n\n                <span>\n                    Developing sustainable practices\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"impact-item\">\n\n                <strong>\n                    Education\n                <\/strong>\n\n                <span>\n                    Building community knowledge\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =====================================\n     CTA\n===================================== -->\n\n<section class=\"approach-cta\">\n\n    <div class=\"container\">\n\n        <div class=\"cta-box\">\n\n            <div>\n\n                <span class=\"section-label\">\n                    BE PART OF US\n                <\/span>\n\n                <h2>\n                    Let&#8217;s Build\n                    <span>Sustainable Villages.<\/span>\n                <\/h2>\n\n                <p>\n                    Join DIDESA in creating practical solutions\n                    for sustainable communities.\n                <\/p>\n\n            <\/div>\n\n\n            <a href=\"\/id\/contact\/\" class=\"btn-primary\">\n                Get Involved \u2192\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>","protected":false},"excerpt":{"rendered":"<p>INNOVATION PORTFOLIO Practical Ideas, Real Solutions. Our innovations are designed to respond to real challenges faced by rural communities \u2014 combining appropriate technology, local knowledge, and sustainable practices. 01 AGRICULTURE Planting &amp; Watering Method Practical planting and watering methods designed to improve agricultural efficiency while reducing unnecessary water use. Explore Innovation \u2192 02 WASTE MANAGEMENT [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_zipai_imported":false,"_zipai_import_id":"","_joinchat":[],"footnotes":""},"class_list":["post-7049","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.2.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Discover DIDESA innovations in green agriculture, water technology, waste management, and sustainable solutions for rural communities.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/didesa.org\/id\/innovation\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.2.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"id_ID\" \/>\n\t\t<meta property=\"og:site_name\" content=\"-\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Innovation | Green Agriculture &amp; Water Technology\" \/>\n\t\t<meta property=\"og:description\" content=\"Discover DIDESA innovations in green agriculture, water technology, waste management, and sustainable solutions for rural communities.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/didesa.org\/id\/innovation\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/08\/cropped-Logo-2V-scaled-1.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/08\/cropped-Logo-2V-scaled-1.png\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-09-01T08:27:21+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-09-21T08:49:19+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Innovation | Green Agriculture &amp; Water Technology\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Discover DIDESA innovations in green agriculture, water technology, waste management, and sustainable solutions for rural communities.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/08\/cropped-Logo-2V-scaled-1.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/innovation\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/didesa.org\\\/id\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/innovation\\\/#listItem\",\"name\":\"Innovation\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/innovation\\\/#listItem\",\"position\":2,\"name\":\"Innovation\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/#organization\",\"url\":\"https:\\\/\\\/didesa.org\\\/id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/didesa.org\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/cropped-Logo-2V-scaled-1.png\",\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/innovation\\\/#organizationLogo\",\"width\":2506,\"height\":1242,\"caption\":\"logo 2v\"},\"image\":{\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/innovation\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/innovation\\\/#webpage\",\"url\":\"https:\\\/\\\/didesa.org\\\/id\\\/innovation\\\/\",\"name\":\"Innovation | Green Agriculture & Water Technology\",\"description\":\"Discover DIDESA innovations in green agriculture, water technology, waste management, and sustainable solutions for rural communities.\",\"inLanguage\":\"id-ID\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/innovation\\\/#breadcrumblist\"},\"datePublished\":\"2026-09-01T08:27:21+00:00\",\"dateModified\":\"2026-09-21T08:49:19+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/#website\",\"url\":\"https:\\\/\\\/didesa.org\\\/id\\\/\",\"inLanguage\":\"id-ID\",\"publisher\":{\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Innovation | Green Agriculture & Water Technology","description":"Discover DIDESA innovations in green agriculture, water technology, waste management, and sustainable solutions for rural communities.","canonical_url":"https:\/\/didesa.org\/id\/innovation\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/didesa.org\/id\/innovation\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/didesa.org\/id\/#listItem","position":1,"name":"Home","item":"https:\/\/didesa.org\/id\/","nextItem":{"@type":"ListItem","@id":"https:\/\/didesa.org\/id\/innovation\/#listItem","name":"Innovation"}},{"@type":"ListItem","@id":"https:\/\/didesa.org\/id\/innovation\/#listItem","position":2,"name":"Innovation","previousItem":{"@type":"ListItem","@id":"https:\/\/didesa.org\/id\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/didesa.org\/id\/#organization","url":"https:\/\/didesa.org\/id\/","logo":{"@type":"ImageObject","url":"https:\/\/didesa.org\/wp-content\/uploads\/2026\/08\/cropped-Logo-2V-scaled-1.png","@id":"https:\/\/didesa.org\/id\/innovation\/#organizationLogo","width":2506,"height":1242,"caption":"logo 2v"},"image":{"@id":"https:\/\/didesa.org\/id\/innovation\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/didesa.org\/id\/innovation\/#webpage","url":"https:\/\/didesa.org\/id\/innovation\/","name":"Innovation | Green Agriculture & Water Technology","description":"Discover DIDESA innovations in green agriculture, water technology, waste management, and sustainable solutions for rural communities.","inLanguage":"id-ID","isPartOf":{"@id":"https:\/\/didesa.org\/id\/#website"},"breadcrumb":{"@id":"https:\/\/didesa.org\/id\/innovation\/#breadcrumblist"},"datePublished":"2026-09-01T08:27:21+00:00","dateModified":"2026-09-21T08:49:19+00:00"},{"@type":"WebSite","@id":"https:\/\/didesa.org\/id\/#website","url":"https:\/\/didesa.org\/id\/","inLanguage":"id-ID","publisher":{"@id":"https:\/\/didesa.org\/id\/#organization"}}]},"og:locale":"id_ID","og:site_name":"-","og:type":"article","og:title":"Innovation | Green Agriculture &amp; Water Technology","og:description":"Discover DIDESA innovations in green agriculture, water technology, waste management, and sustainable solutions for rural communities.","og:url":"https:\/\/didesa.org\/id\/innovation\/","og:image":"https:\/\/didesa.org\/wp-content\/uploads\/2026\/08\/cropped-Logo-2V-scaled-1.png","og:image:secure_url":"https:\/\/didesa.org\/wp-content\/uploads\/2026\/08\/cropped-Logo-2V-scaled-1.png","article:published_time":"2026-09-01T08:27:21+00:00","article:modified_time":"2026-09-21T08:49:19+00:00","twitter:card":"summary_large_image","twitter:title":"Innovation | Green Agriculture &amp; Water Technology","twitter:description":"Discover DIDESA innovations in green agriculture, water technology, waste management, and sustainable solutions for rural communities.","twitter:image":"https:\/\/didesa.org\/wp-content\/uploads\/2026\/08\/cropped-Logo-2V-scaled-1.png"},"aioseo_meta_data":{"post_id":"7049","title":"Innovation | Green Agriculture &amp; Water Technology","description":"Discover DIDESA innovations in green agriculture, water technology, waste management, and sustainable solutions for rural communities.","keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-09-01 08:25:45","updated":"2026-09-21 09:21:58"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/didesa.org\/id\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tInnovation\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/didesa.org\/id\/"},{"label":"Innovation","link":"https:\/\/didesa.org\/id\/innovation\/"}],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"spectra_blocks_featured_image_url":null,"spectra_blocks_author_info":{"display_name":"Berdikari Media","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/9be12d25f0b34df12dd33c4d4decba21e027d9dee3d85945e1825f2c5818c58e?s=96&d=mm&r=g","author_link":"https:\/\/didesa.org\/id\/author\/bm\/","description":""},"_links":{"self":[{"href":"https:\/\/didesa.org\/id\/wp-json\/wp\/v2\/pages\/7049","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/didesa.org\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/didesa.org\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/didesa.org\/id\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/didesa.org\/id\/wp-json\/wp\/v2\/comments?post=7049"}],"version-history":[{"count":9,"href":"https:\/\/didesa.org\/id\/wp-json\/wp\/v2\/pages\/7049\/revisions"}],"predecessor-version":[{"id":7162,"href":"https:\/\/didesa.org\/id\/wp-json\/wp\/v2\/pages\/7049\/revisions\/7162"}],"wp:attachment":[{"href":"https:\/\/didesa.org\/id\/wp-json\/wp\/v2\/media?parent=7049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}