{"id":7070,"date":"2026-09-02T13:11:41","date_gmt":"2026-09-02T13:11:41","guid":{"rendered":"https:\/\/didesa.org\/?page_id=7070"},"modified":"2026-09-21T08:42:23","modified_gmt":"2026-09-21T08:42:23","slug":"food-agriculture","status":"publish","type":"page","link":"https:\/\/didesa.org\/id\/food-agriculture\/","title":{"rendered":"Pangan &amp; Pertanian"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"7070\" class=\"elementor elementor-7070\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f57d950 e-con-full e-flex e-con e-parent\" data-id=\"4f57d950\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32bc0ce8 elementor-widget elementor-widget-text-editor\" data-id=\"32bc0ce8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<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<p>\u00a0<\/p>\n\n<p><style data-wp-block-html=\"css\">\n\/* =========================================\n   DIDESA \u2014 FOOD &amp; AGRICULTURE HERO\n========================================= *\/\n\n.didesa-food-hero {\n\n  position: relative;\n\n  overflow: hidden;\n\n  padding: 110px 30px;\n\n  background: #f4f3ec;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n}\n\n.food-hero-container {\n\n  max-width: 1200px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    1fr\n    0.95fr;\n\n  align-items: center;\n\n  gap: 80px;\n}\n\n\n\/* =========================================\n   CONTENT\n========================================= *\/\n\n.food-hero-content {\n\n  max-width: 1200px;\n}\n\n\n\/* =========================================\n   EYEBROW\n========================================= *\/\n\n.food-hero-eyebrow {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  margin-bottom: 20px;\n\n  color: #758c35;\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 2.5px;\n}\n\n.food-hero-eyebrow span {\n\n  display: block;\n\n  width: 30px;\n\n  height: 2px;\n\n  background: #758c35;\n}\n\n\n\/* =========================================\n   HEADING\n========================================= *\/\n\n.food-hero-content h1 {\n\n  margin: 0 0 25px;\n\n  color: #384a2b;\n\n  font-size:\n    clamp(50px, 5vw, 72px);\n\n  line-height: 1.01;\n\n  letter-spacing: -2.8px;\n\n  font-weight: 700;\n}\n\n.food-hero-content h1 strong {\n\n  display: block;\n\n  color: #a87928;\n\n  font-weight: 700;\n}\n\n\n\/* =========================================\n   DESCRIPTION\n========================================= *\/\n\n.food-hero-content &gt; p {\n\n  max-width: 590px;\n\n  margin: 0 0 35px;\n\n  color: #687264;\n\n  font-size: 15px;\n\n  line-height: 1.85;\n}\n\n\n\/* =========================================\n   ACTIONS\n========================================= *\/\n\n.food-hero-actions {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 25px;\n}\n\n\n\/* =========================================\n   PRIMARY BUTTON\n========================================= *\/\n\n.food-btn-primary {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 18px;\n\n  padding: 16px 23px;\n\n  background: #4f6834;\n\n  color: #ffffff;\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:\n    all 0.3s ease;\n}\n\n.food-btn-primary span {\n\n  color: #d5b05d;\n\n  font-size: 17px;\n\n  transition:\n    transform 0.3s ease;\n}\n\n.food-btn-primary:hover {\n\n  background: #a87928;\n}\n\n.food-btn-primary:hover span {\n\n  color: #ffffff;\n\n  transform: translateX(5px);\n}\n\n\n\/* =========================================\n   SECONDARY LINK\n========================================= *\/\n\n.food-btn-link {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  padding-bottom: 7px;\n\n  border-bottom:\n    1px solid #a87928;\n\n  color: #4f6834;\n\n  text-decoration: none;\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 0.6px;\n\n  text-transform: uppercase;\n\n  transition:\n    all 0.3s ease;\n}\n\n.food-btn-link span {\n\n  color: #a87928;\n\n  font-size: 13px;\n}\n\n.food-btn-link:hover {\n\n  color: #a87928;\n}\n\n\n\/* =========================================\n   VISUAL\n========================================= *\/\n\n.food-hero-visual {\n\n  position: relative;\n\n  min-height: 530px;\n}\n\n\n\/* =========================================\n   IMAGE\n========================================= *\/\n\n.food-hero-image {\n\n  position: absolute;\n\n  top: 0;\n\n  right: 0;\n\n  width: 90%;\n\n  height: 490px;\n\n  overflow: hidden;\n\n  background-color: #4f6834;\n\n  background-image:\n    linear-gradient(\n      135deg,\n      rgba(55, 70, 35, 0.05),\n      rgba(45, 55, 30, 0.72)\n    ),\n    url(\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/bg-food.webp\");\n\n  background-size: cover;\n\n  background-position: center;\n\n  transition:\n    transform 0.5s ease;\n}\n\n.food-hero-image:hover {\n\n  transform: scale(1.015);\n}\n\n\n\/* =========================================\n   IMAGE OVERLAY\n========================================= *\/\n\n.food-hero-overlay {\n\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(35, 45, 25, 0.82),\n      rgba(35, 45, 25, 0.05) 65%\n    );\n}\n\n\n\/* =========================================\n   IMAGE CONTENT\n========================================= *\/\n\n.food-hero-image-content {\n\n  position: absolute;\n\n  left: 40px;\n\n  bottom: 45px;\n\n  z-index: 2;\n}\n\n.food-hero-image-content &gt; span {\n\n  display: block;\n\n  margin-bottom: 14px;\n\n  color: #d5b05d;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 2px;\n}\n\n.food-hero-image-content h2 {\n\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: 34px;\n\n  line-height: 1.1;\n\n  font-weight: 600;\n\n  letter-spacing: -0.5px;\n}\n\n\n\/* =========================================\n   DECORATION\n========================================= *\/\n\n.food-decoration-square {\n\n  position: absolute;\n\n  top: 45px;\n\n  right: 0;\n\n  width: 110px;\n\n  height: 110px;\n\n  border:\n    1px solid #a87928;\n\n  z-index: 3;\n\n  pointer-events: none;\n}\n\n.food-decoration-block {\n\n  position: absolute;\n\n  left: 0;\n\n  bottom: 20px;\n\n  width: 90px;\n\n  height: 90px;\n\n  background: #a87928;\n\n  z-index: 3;\n\n  pointer-events: none;\n}\n\n\n\/* =========================================\n   COUNTER\n========================================= *\/\n\n.food-hero-counter {\n\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: 9px;\n\n  color: #384a2b;\n\n  font-size: 8px;\n\n  font-weight: 700;\n\n  line-height: 1.3;\n\n  letter-spacing: 1.4px;\n}\n\n.food-hero-counter strong {\n\n  color: #a87928;\n\n  font-size: 28px;\n\n  line-height: 1;\n\n  letter-spacing: -1px;\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1000px) {\n\n  .didesa-food-hero {\n\n    padding: 80px 25px;\n  }\n\n  .food-hero-container {\n\n    grid-template-columns: 1fr;\n\n    gap: 60px;\n  }\n\n  .food-hero-content {\n\n    max-width: 700px;\n  }\n\n  .food-hero-visual {\n\n    width: 100%;\n\n    max-width: 700px;\n\n    min-height: 450px;\n  }\n\n  .food-hero-image {\n\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-food-hero {\n\n    padding: 65px 20px;\n  }\n\n  .food-hero-container {\n\n    gap: 50px;\n  }\n\n\n  \/* Heading *\/\n\n  .food-hero-content h1 {\n\n    font-size: 43px;\n\n    letter-spacing: -1.8px;\n  }\n\n  .food-hero-content &gt; p {\n\n    font-size: 13px;\n\n    line-height: 1.75;\n  }\n\n\n  \/* Buttons *\/\n\n  .food-hero-actions {\n\n    flex-direction: column;\n\n    align-items: flex-start;\n\n    gap: 17px;\n  }\n\n\n  \/* Visual *\/\n\n  .food-hero-visual {\n\n    min-height: 350px;\n  }\n\n  .food-hero-image {\n\n    width: 92%;\n\n    height: 330px;\n  }\n\n  .food-hero-image-content {\n\n    left: 25px;\n\n    bottom: 30px;\n  }\n\n  .food-hero-image-content h2 {\n\n    font-size: 24px;\n  }\n\n\n  \/* Decorations *\/\n\n  .food-decoration-square {\n\n    width: 70px;\n\n    height: 70px;\n\n    top: 25px;\n  }\n\n  .food-decoration-block {\n\n    width: 60px;\n\n    height: 60px;\n\n    bottom: 10px;\n  }\n\n\n  \/* Counter *\/\n\n  .food-hero-counter {\n\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  .food-hero-content h1 {\n\n    font-size: 38px;\n  }\n\n  .food-hero-image {\n\n    width: 88%;\n  }\n\n  .food-hero-image-content h2 {\n\n    font-size: 21px;\n  }\n\n}\n<\/style><\/p>\n<section id=\"food-agriculture\" class=\"didesa-food-hero\">\n<div class=\"food-hero-container\"><!-- LEFT CONTENT -->\n<div class=\"food-hero-content\">\n<div class=\"food-hero-eyebrow\">FOOD &amp; AGRICULTURE<\/div>\n<h1>Makanan yang Cukup<br \/><strong>for All.<\/strong><\/h1>\n<p>Building resilient food systems through sustainable agriculture, productive land, appropriate technology, and stronger rural communities.<\/p>\n<div class=\"food-hero-actions\"><a class=\"food-btn-primary\" href=\"#food-security\"> Explore Our Focus \u2192 <\/a> <a class=\"food-btn-link\" href=\"#agricultural-development\"> Our Agriculture \u2197 <\/a><\/div>\n<\/div>\n<!-- RIGHT VISUAL -->\n<div class=\"food-hero-visual\">\n<div class=\"food-hero-image\">\n<div class=\"food-hero-overlay\">\u00a0<\/div>\n<div class=\"food-hero-image-content\"><span style=\"color: #fff\"> FOOD SECURITY <\/span>\n<h2>From Soil<br \/>to Table.<\/h2>\n<\/div>\n<\/div>\n<!-- Decorative Elements -->\n<div class=\"food-decoration-square\">\u00a0<\/div>\n<div class=\"food-decoration-block\">\u00a0<\/div>\n<!-- Counter -->\n<div class=\"food-hero-counter\"><strong>01<\/strong> FOOD &amp;<br \/>AGRICULTURE<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n\n<p><style data-wp-block-html=\"css\">\n\/* =========================================\n   FOOD SECURITY\n========================================= *\/\n\n.food-security {\n    position: relative;\n    padding: 130px 0;\n    background: #f4f3ec;\n    overflow: hidden;\n}\n\n.food-security-container {\n    width: min(1180px, 90%);\n    margin: 0 auto;\n\n    display: grid;\n    grid-template-columns: 0.9fr 1.1fr;\n    column-gap: 100px;\n    row-gap: 90px;\n    align-items: center;\n}\n\n\n\/* =========================================\n   CONTENT\n========================================= *\/\n\n.food-security-content {\n    position: relative;\n    z-index: 2;\n}\n\n.food-security-eyebrow {\n    display: inline-block;\n    margin-bottom: 25px;\n\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n\n    color: #a87928;\n}\n\n.food-security-content h2 {\n    margin: 0 0 30px;\n\n    font-size: clamp(54px, 6vw, 82px);\n    line-height: 0.95;\n    font-weight: 500;\n    letter-spacing: -3px;\n\n    color: #384a2b;\n}\n\n.food-security-content h2 em {\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-weight: 400;\n    color: #a87928;\n}\n\n.food-security-lead {\n    max-width: 500px;\n    margin-bottom: 20px;\n\n    font-size: 21px;\n    line-height: 1.55;\n    font-weight: 500;\n\n    color: #4f6834;\n}\n\n.food-security-content p:not(.food-security-lead) {\n    max-width: 500px;\n\n    font-size: 16px;\n    line-height: 1.8;\n\n    color: #687264;\n}\n\n\n\/* =========================================\n   LINK\n========================================= *\/\n\n.food-security-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 15px;\n\n    margin-top: 30px;\n    padding-bottom: 8px;\n\n    border-bottom: 1px solid #a87928;\n\n    color: #384a2b;\n    text-decoration: none;\n\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n\n    transition: all 0.3s ease;\n}\n\n.food-security-link span {\n    font-size: 18px;\n    transition: transform 0.3s ease;\n}\n\n.food-security-link:hover {\n    color: #a87928;\n}\n\n.food-security-link:hover span {\n    transform: translate(4px, -4px);\n}\n\n\n\/* =========================================\n   VISUAL\n========================================= *\/\n\n.food-security-visual {\n    position: relative;\n    padding-bottom: 40px;\n}\n\n.food-security-image {\n    position: relative;\n\n    width: 100%;\n    height: 600px;\n\n    overflow: hidden;\n}\n\n.food-security-image::after {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background: linear-gradient(\n        to bottom,\n        transparent 60%,\n        rgba(56, 74, 43, 0.2)\n    );\n}\n\n.food-security-image img {\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n    transition: transform 0.8s ease;\n}\n\n.food-security-image:hover img {\n    transform: scale(1.04);\n}\n\n\n\/* =========================================\n   IMAGE NOTE\n========================================= *\/\n\n.food-security-note {\n    position: absolute;\n\n    left: -45px;\n    bottom: 0;\n\n    width: 310px;\n    padding: 25px;\n\n    display: flex;\n    gap: 18px;\n    align-items: flex-start;\n\n    background: #384a2b;\n    color: #fff;\n\n    box-shadow: 0 20px 50px rgba(56, 74, 43, 0.18);\n}\n\n.note-number {\n    flex-shrink: 0;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 25px;\n\n    color: #d5b05d;\n}\n\n.food-security-note strong {\n    display: block;\n\n    margin-bottom: 7px;\n\n    font-size: 15px;\n    font-weight: 600;\n}\n\n.food-security-note p {\n    margin: 0;\n\n    font-size: 13px;\n    line-height: 1.6;\n\n    color: rgba(255, 255, 255, 0.7);\n}\n\n\n\/* =========================================\n   PRINCIPLES\n========================================= *\/\n\n.food-security-principles {\n    grid-column: 1 \/ -1;\n\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n\n    border-top: 1px solid rgba(56, 74, 43, 0.2);\n}\n\n.security-principle {\n    padding: 35px 35px 10px 0;\n\n    border-right: 1px solid rgba(56, 74, 43, 0.2);\n}\n\n.security-principle:not(:first-child) {\n    padding-left: 35px;\n}\n\n.security-principle:last-child {\n    border-right: none;\n}\n\n.security-principle > span {\n    display: block;\n\n    margin-bottom: 22px;\n\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n\n    color: #a87928;\n}\n\n.security-principle h3 {\n    margin: 0 0 12px;\n\n    font-size: 22px;\n    font-weight: 500;\n\n    color: #384a2b;\n}\n\n.security-principle p {\n    max-width: 280px;\n\n    margin: 0;\n\n    font-size: 14px;\n    line-height: 1.7;\n\n    color: #687264;\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1000px) {\n\n    .food-security {\n        padding: 100px 0;\n    }\n\n    .food-security-container {\n        grid-template-columns: 1fr 1fr;\n        column-gap: 50px;\n    }\n\n    .food-security-content h2 {\n        font-size: 62px;\n    }\n\n    .food-security-image {\n        height: 500px;\n    }\n\n    .food-security-note {\n        left: -20px;\n        width: 280px;\n    }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 650px) {\n\n    .food-security {\n        padding: 80px 0;\n    }\n\n    .food-security-container {\n        width: 88%;\n\n        display: flex;\n        flex-direction: column;\n\n        gap: 55px;\n        align-items: stretch;\n    }\n\n    .food-security-content h2 {\n        font-size: 54px;\n        letter-spacing: -2px;\n    }\n\n    .food-security-lead {\n        font-size: 18px;\n    }\n\n    .food-security-visual {\n        padding-bottom: 45px;\n    }\n\n    .food-security-image {\n        height: 420px;\n    }\n\n    .food-security-note {\n        left: 15px;\n        right: 15px;\n        bottom: 0;\n\n        width: auto;\n    }\n\n    .food-security-principles {\n        display: flex;\n        flex-direction: column;\n\n        border-top: 1px solid rgba(56, 74, 43, 0.2);\n    }\n\n    .security-principle,\n    .security-principle:not(:first-child) {\n        padding: 28px 0;\n\n        border-right: none;\n        border-bottom: 1px solid rgba(56, 74, 43, 0.2);\n    }\n\n    .security-principle:last-child {\n        border-bottom: none;\n    }\n\n}\n\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width: 400px) {\n\n    .food-security-content h2 {\n        font-size: 47px;\n    }\n\n    .food-security-image {\n        height: 350px;\n    }\n\n    .food-security-note {\n        padding: 20px;\n    }\n\n}\n<\/style><\/p>\n<section class=\"food-security\">\n<div class=\"food-security-container\"><!-- LEFT CONTENT -->\n<div class=\"food-security-content\"><span class=\"food-security-eyebrow\"> 02 \u2014 FOOD SECURITY <\/span>\n<h2>Makanan yang Cukup<br \/><em>for All.<\/em><\/h2>\n<p class=\"food-security-lead\">Food security begins with the ability to produce, access, and sustain enough nutritious food for every community.<\/p>\n<p>We believe that villages can become stronger when agriculture is productive, farmers are empowered, and local food systems are built to last.<\/p>\n<a class=\"food-security-link\" href=\"#agriculture-development\"> Explore Our Agriculture \u2197 <\/a><\/div>\n<!-- RIGHT VISUAL -->\n<div class=\"food-security-visual\">\n<div class=\"food-security-image\"><img decoding=\"async\" src=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/bg-food-2.webp\" alt=\"Sustainable agriculture and food production\"  title=\"Food &amp; Agriculture\" \/><\/div>\n<div class=\"food-security-note\"><span class=\"note-number\">01<\/span>\n<div><strong>Resilient Food Systems<\/strong>\n<p>Strengthening local production and reducing dependency.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<!-- BOTTOM PRINCIPLES -->\n<div class=\"food-security-principles\">\n<div class=\"security-principle\">01\n<h3>Productive Land<\/h3>\n<p>Turning available land into sustainable sources of food.<\/p>\n<\/div>\n<div class=\"security-principle\">02\n<h3>Empowered Farmers<\/h3>\n<p>Supporting farmers with knowledge, tools, and better practices.<\/p>\n<\/div>\n<div class=\"security-principle\">03\n<h3>Local Food<\/h3>\n<p>Building food systems that strengthen local communities.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<p><style data-wp-block-html=\"css\">\n\/* =========================================\n   FOOD GRANARY\n========================================= *\/\n\n.food-granary {\n    position: relative;\n    padding: 140px 0;\n\n    background: #384a2b;\n    color: #ffffff;\n\n    overflow: hidden;\n}\n\n.food-granary-container {\n    width: min(1180px, 90%);\n    margin: 0 auto;\n}\n\n\n\/* =========================================\n   HEADER\n========================================= *\/\n\n.food-granary-header {\n    max-width: 1000px;\n    margin-bottom: 90px;\n}\n\n.food-granary-eyebrow {\n    display: inline-block;\n\n    margin-bottom: 28px;\n\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n\n    color: #d5b05d;\n}\n\n.food-granary-header h2 {\n    margin: 0;\n\n    max-width: 950px;\n\n    font-size: clamp(48px, 6.5vw, 86px);\n    line-height: 1;\n    font-weight: 400;\n    letter-spacing: -3px;\n\n    color: #ffffff;\n}\n\n.food-granary-header h2 em {\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-weight: 400;\n    color: #d5b05d;\n}\n\n\n\/* =========================================\n   MAIN\n========================================= *\/\n\n.food-granary-main {\n    display: grid;\n    grid-template-columns: 1.15fr 0.85fr;\n\n    gap: 90px;\n\n    align-items: center;\n}\n\n\n\/* =========================================\n   IMAGE\n========================================= *\/\n\n.food-granary-image {\n    position: relative;\n\n    height: 600px;\n\n    overflow: hidden;\n}\n\n.food-granary-image::after {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background:\n        linear-gradient(\n            to top,\n            rgba(20, 32, 20, 0.75),\n            transparent 45%\n        );\n}\n\n.food-granary-image img {\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n    transition: transform 0.8s ease;\n}\n\n.food-granary-image:hover img {\n    transform: scale(1.04);\n}\n\n\n\/* =========================================\n   IMAGE CAPTION\n========================================= *\/\n\n.food-granary-image-caption {\n    position: absolute;\n\n    z-index: 2;\n\n    left: 35px;\n    right: 35px;\n    bottom: 30px;\n\n    display: flex;\n    align-items: flex-start;\n\n    gap: 18px;\n}\n\n.food-granary-image-caption span {\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-size: 28px;\n\n    color: #d5b05d;\n}\n\n.food-granary-image-caption p {\n    max-width: 320px;\n\n    margin: 0;\n\n    font-size: 14px;\n    line-height: 1.6;\n\n    color: rgba(255, 255, 255, 0.85);\n}\n\n\n\/* =========================================\n   CONTENT\n========================================= *\/\n\n.food-granary-content {\n    padding-right: 20px;\n}\n\n.food-granary-content p {\n    margin: 0 0 25px;\n\n    font-size: 15px;\n    line-height: 1.85;\n\n    color: rgba(255, 255, 255, 0.68);\n}\n\n.food-granary-content .food-granary-intro {\n    margin-bottom: 30px;\n\n    font-size: 21px;\n    line-height: 1.6;\n    font-weight: 400;\n\n    color: #ffffff;\n}\n\n\n\/* =========================================\n   IDEAS\n========================================= *\/\n\n.food-granary-ideas {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n\n    margin-top: 110px;\n\n    border-top: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.granary-idea {\n    display: grid;\n    grid-template-columns: auto 1fr;\n\n    gap: 22px;\n\n    padding: 35px 35px 10px 0;\n\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.granary-idea:not(:first-child) {\n    padding-left: 35px;\n}\n\n.granary-idea:last-child {\n    border-right: none;\n}\n\n.idea-number {\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-size: 25px;\n\n    color: #d5b05d;\n}\n\n.granary-idea h3 {\n    margin: 0 0 12px;\n\n    font-size: 19px;\n    font-weight: 500;\n\n    color: #ffffff;\n}\n\n.granary-idea p {\n    max-width: 260px;\n\n    margin: 0;\n\n    font-size: 13px;\n    line-height: 1.7;\n\n    color: rgba(255, 255, 255, 0.55);\n}\n\n\n\/* =========================================\n   DECORATIVE ELEMENT\n========================================= *\/\n\n.food-granary::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 500px;\n    height: 500px;\n\n    top: -250px;\n    right: -200px;\n\n    border: 1px solid rgba(213, 176, 93, 0.12);\n\n    border-radius: 50%;\n}\n\n.food-granary::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 700px;\n    height: 700px;\n\n    top: -350px;\n    right: -300px;\n\n    border: 1px solid rgba(213, 176, 93, 0.07);\n\n    border-radius: 50%;\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1000px) {\n\n    .food-granary {\n        padding: 110px 0;\n    }\n\n    .food-granary-header {\n        margin-bottom: 70px;\n    }\n\n    .food-granary-main {\n        grid-template-columns: 1fr 1fr;\n\n        gap: 50px;\n    }\n\n    .food-granary-image {\n        height: 500px;\n    }\n\n    .food-granary-content .food-granary-intro {\n        font-size: 19px;\n    }\n\n    .food-granary-ideas {\n        margin-top: 80px;\n    }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 650px) {\n\n    .food-granary {\n        padding: 85px 0;\n    }\n\n    .food-granary-container {\n        width: 88%;\n    }\n\n    .food-granary-header {\n        margin-bottom: 50px;\n    }\n\n    .food-granary-header h2 {\n        font-size: 52px;\n        line-height: 1;\n        letter-spacing: -2px;\n    }\n\n    .food-granary-main {\n        display: flex;\n        flex-direction: column;\n\n        gap: 50px;\n    }\n\n    .food-granary-image {\n        width: 100%;\n        height: 420px;\n    }\n\n    .food-granary-content {\n        padding-right: 0;\n    }\n\n    .food-granary-content .food-granary-intro {\n        font-size: 19px;\n    }\n\n    .food-granary-ideas {\n        display: flex;\n        flex-direction: column;\n\n        margin-top: 60px;\n    }\n\n    .granary-idea,\n    .granary-idea:not(:first-child) {\n        padding: 28px 0;\n\n        border-right: none;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n    }\n\n    .granary-idea:last-child {\n        border-bottom: none;\n    }\n\n}\n\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width: 400px) {\n\n    .food-granary-header h2 {\n        font-size: 45px;\n    }\n\n    .food-granary-image {\n        height: 350px;\n    }\n\n    .food-granary-image-caption {\n        left: 20px;\n        right: 20px;\n        bottom: 20px;\n    }\n\n}\n<\/style><\/p>\n<section id=\"food-granary\" class=\"food-granary\">\n<div class=\"food-granary-container\"><!-- HEADER -->\n<div class=\"food-granary-header\"><span class=\"food-granary-eyebrow\"> 03 \u2014 INDONESIA AS A GLOBAL FOOD GRANARY <\/span>\n<h2>Indonesia Has the Potential to Feed the <em>World.<\/em><\/h2>\n<\/div>\n<!-- MAIN CONTENT -->\n<div class=\"food-granary-main\"><!-- IMAGE -->\n<div class=\"food-granary-image\"><img decoding=\"async\" src=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/66-scaled.webp\" alt=\"Agricultural landscape in Indonesia\"  title=\"Food &amp; Agriculture\" \/>\n<div class=\"food-granary-image-caption\">01\n<p>Agriculture is not only about food. It is about the future of communities.<\/p>\n<\/div>\n<\/div>\n<!-- TEXT -->\n<div class=\"food-granary-content\">\n<p class=\"food-granary-intro\">With vast agricultural land, diverse ecosystems, abundant water resources, and millions of farmers, Indonesia has a remarkable opportunity to become one of the world&#8217;s important food-producing regions.<\/p>\n<p>Yet this potential requires more than productive land. It requires better agricultural practices, appropriate technology, stronger farmer capacity, and food systems that are resilient to environmental and economic change.<\/p>\n<p>DIDESA works to strengthen these foundations starting from the village \u2014 where food is produced, communities are formed, and sustainable change can begin.<\/p>\n<\/div>\n<\/div>\n<!-- KEY IDEAS -->\n<div class=\"food-granary-ideas\">\n<div class=\"granary-idea\"><span class=\"idea-number\">01<\/span>\n<div>\n<h3>Abundant Resources<\/h3>\n<p>Diverse landscapes and natural resources provide a strong foundation for agriculture.<\/p>\n<\/div>\n<\/div>\n<div class=\"granary-idea\"><span class=\"idea-number\">02<\/span>\n<div>\n<h3>Local Potential<\/h3>\n<p>Every village has unique agricultural resources and opportunities to develop.<\/p>\n<\/div>\n<\/div>\n<div class=\"granary-idea\"><span class=\"idea-number\">03<\/span>\n<div>\n<h3>Masa Depan yang Berkelanjutan<\/h3>\n<p>Productivity must grow together with environmental responsibility.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<p><style data-wp-block-html=\"css\">\n\/* =========================================\n   AGRICULTURAL DEVELOPMENT\n========================================= *\/\n\n.agri-development {\n    padding: 140px 0;\n    background: #f4f3ec;\n    overflow: hidden;\n}\n\n.agri-development-container {\n    width: min(1180px, 90%);\n    margin: 0 auto;\n}\n\n\n\/* =========================================\n   HEADER\n========================================= *\/\n\n.agri-development-header {\n    display: grid;\n    grid-template-columns: 1fr 0.7fr;\n    gap: 100px;\n    align-items: end;\n\n    margin-bottom: 75px;\n}\n\n.agri-development-eyebrow {\n    display: inline-block;\n\n    margin-bottom: 25px;\n\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2px;\n\n    color: #a87928;\n}\n\n.agri-development-heading h2 {\n    margin: 0;\n\n    font-size: clamp(55px, 6vw, 82px);\n    line-height: 0.95;\n    font-weight: 500;\n    letter-spacing: -3px;\n\n    color: #384a2b;\n}\n\n.agri-development-heading h2 em {\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-weight: 400;\n\n    color: #a87928;\n}\n\n.agri-development-intro {\n    padding-bottom: 8px;\n}\n\n.agri-development-intro p {\n    max-width: 430px;\n\n    margin: 0;\n\n    font-size: 17px;\n    line-height: 1.8;\n\n    color: #687264;\n}\n\n\n\/* =========================================\n   GRID\n========================================= *\/\n\n.agri-development-grid {\n    display: grid;\n\n    grid-template-columns: 1.35fr 0.65fr;\n    grid-template-rows: 300px 300px;\n\n    gap: 18px;\n}\n\n\n\/* =========================================\n   FEATURED RICE\n========================================= *\/\n\n.agri-featured {\n    position: relative;\n\n    grid-row: 1 \/ 3;\n\n    min-height: 618px;\n\n    overflow: hidden;\n\n    background: #384a2b;\n}\n\n.agri-image {\n    position: absolute;\n    inset: 0;\n}\n\n.agri-image img {\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n    transition: transform 0.8s ease;\n}\n\n.agri-featured:hover .agri-image img {\n    transform: scale(1.05);\n}\n\n.agri-overlay {\n    position: absolute;\n    inset: 0;\n\n    background:\n        linear-gradient(\n            to top,\n            rgba(28, 38, 25, 0.9) 0%,\n            rgba(28, 38, 25, 0.45) 45%,\n            rgba(28, 38, 25, 0.05) 75%\n        );\n}\n\n.agri-featured-content {\n    position: absolute;\n\n    z-index: 2;\n\n    left: 40px;\n    right: 40px;\n    bottom: 38px;\n\n    display: grid;\n    grid-template-columns: 60px 1fr;\n\n    gap: 25px;\n\n    color: #ffffff;\n}\n\n.agri-number {\n    padding-top: 5px;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 28px;\n\n    color: #d5b05d;\n}\n\n.agri-category {\n    display: block;\n\n    margin-bottom: 8px;\n\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 1.8px;\n\n    color: #d5b05d;\n}\n\n.agri-featured-content h3 {\n    margin: 0 0 12px;\n\n    font-size: 48px;\n    line-height: 1;\n\n    font-weight: 400;\n}\n\n.agri-featured-content p {\n    max-width: 430px;\n\n    margin: 0 0 22px;\n\n    font-size: 14px;\n    line-height: 1.7;\n\n    color: rgba(255, 255, 255, 0.78);\n}\n\n.agri-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n\n    padding-bottom: 7px;\n\n    border-bottom: 1px solid #d5b05d;\n\n    color: #ffffff;\n\n    font-size: 12px;\n    font-weight: 700;\n    text-decoration: none;\n    letter-spacing: 0.5px;\n}\n\n.agri-link span {\n    font-size: 17px;\n\n    transition: transform 0.3s ease;\n}\n\n.agri-link:hover span {\n    transform: translate(4px, -4px);\n}\n\n\n\/* =========================================\n   SMALL CARDS\n========================================= *\/\n\n.agri-card {\n    display: grid;\n    grid-template-columns: 0.85fr 1.15fr;\n\n    overflow: hidden;\n\n    background: #ffffff;\n\n    border: 1px solid rgba(56, 74, 43, 0.08);\n}\n\n.agri-card-image {\n    min-height: 100%;\n    overflow: hidden;\n}\n\n.agri-card-image img {\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n    transition: transform 0.6s ease;\n}\n\n.agri-card:hover .agri-card-image img {\n    transform: scale(1.06);\n}\n\n.agri-card-content {\n    padding: 28px;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.agri-card-top {\n    display: flex;\n    justify-content: space-between;\n\n    margin-bottom: 20px;\n\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n\n    color: #a87928;\n}\n\n.agri-card-content h3 {\n    margin: 0 0 12px;\n\n    font-size: 29px;\n    font-weight: 500;\n\n    color: #384a2b;\n}\n\n.agri-card-content p {\n    margin: 0;\n\n    font-size: 13px;\n    line-height: 1.7;\n\n    color: #687264;\n}\n\n.agri-small-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n\n    width: fit-content;\n\n    margin-top: 18px;\n\n    color: #4f6834;\n\n    font-size: 11px;\n    font-weight: 700;\n    text-decoration: none;\n}\n\n.agri-small-link span {\n    transition: transform 0.3s ease;\n}\n\n.agri-small-link:hover {\n    color: #a87928;\n}\n\n.agri-small-link:hover span {\n    transform: translate(3px, -3px);\n}\n\n\n\/* =========================================\n   BOTTOM STATEMENT\n========================================= *\/\n\n.agri-development-bottom {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    margin-top: 55px;\n    padding-top: 28px;\n\n    border-top: 1px solid rgba(56, 74, 43, 0.18);\n}\n\n.agri-development-bottom span {\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 2px;\n\n    color: #a87928;\n}\n\n.agri-development-bottom p {\n    margin: 0;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 18px;\n\n    color: #384a2b;\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1000px) {\n\n    .agri-development {\n        padding: 110px 0;\n    }\n\n    .agri-development-header {\n        grid-template-columns: 1fr 1fr;\n        gap: 50px;\n    }\n\n    .agri-development-grid {\n        grid-template-columns: 1fr 1fr;\n        grid-template-rows: 500px 280px;\n    }\n\n    .agri-featured {\n        grid-column: 1 \/ -1;\n        grid-row: auto;\n\n        min-height: 500px;\n    }\n\n    .agri-card {\n        grid-template-columns: 0.8fr 1.2fr;\n    }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 650px) {\n\n    .agri-development {\n        padding: 85px 0;\n    }\n\n    .agri-development-container {\n        width: 88%;\n    }\n\n    .agri-development-header {\n        display: flex;\n        flex-direction: column;\n\n        gap: 30px;\n\n        margin-bottom: 50px;\n    }\n\n    .agri-development-heading h2 {\n        font-size: 53px;\n        letter-spacing: -2px;\n    }\n\n    .agri-development-intro p {\n        font-size: 15px;\n    }\n\n\n    \/* GRID *\/\n\n    .agri-development-grid {\n        display: flex;\n        flex-direction: column;\n\n        gap: 15px;\n    }\n\n\n    \/* FEATURED *\/\n\n    .agri-featured {\n        min-height: 480px;\n    }\n\n    .agri-featured-content {\n        left: 25px;\n        right: 25px;\n        bottom: 25px;\n\n        grid-template-columns: 40px 1fr;\n\n        gap: 15px;\n    }\n\n    .agri-featured-content h3 {\n        font-size: 42px;\n    }\n\n    .agri-featured-content p {\n        font-size: 13px;\n    }\n\n\n    \/* CARDS *\/\n\n    .agri-card {\n        min-height: 230px;\n\n        grid-template-columns: 0.85fr 1.15fr;\n    }\n\n    .agri-card-content {\n        padding: 22px;\n    }\n\n    .agri-card-content h3 {\n        font-size: 25px;\n    }\n\n\n    \/* BOTTOM *\/\n\n    .agri-development-bottom {\n        flex-direction: column;\n        align-items: flex-start;\n\n        gap: 12px;\n\n        margin-top: 40px;\n    }\n\n}\n\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width: 400px) {\n\n    .agri-development-heading h2 {\n        font-size: 46px;\n    }\n\n    .agri-featured {\n        min-height: 430px;\n    }\n\n    .agri-featured-content h3 {\n        font-size: 36px;\n    }\n\n    .agri-card {\n        grid-template-columns: 0.75fr 1.25fr;\n    }\n\n    .agri-card-content {\n        padding: 18px;\n    }\n\n    .agri-card-content p {\n        font-size: 12px;\n    }\n\n}\n<\/style><\/p>\n<section id=\"agriculture-development\" class=\"agri-development\">\n<div class=\"agri-development-container\"><!-- HEADER -->\n<div class=\"agri-development-header\">\n<div class=\"agri-development-heading\"><span class=\"agri-development-eyebrow\"> 04 \u2014 AGRICULTURAL DEVELOPMENT <\/span>\n<h2>Growing What<br \/><em>Feeds Us.<\/em><\/h2>\n<\/div>\n<div class=\"agri-development-intro\">\n<p>Sustainable food security starts with productive agriculture. We focus on key food commodities that can strengthen local production and rural livelihoods.<\/p>\n<\/div>\n<\/div>\n<!-- AGRICULTURE GRID -->\n<div class=\"agri-development-grid\"><!-- FEATURED \u2014 RICE -->\n<article class=\"agri-featured\">\n<div class=\"agri-image\"><img decoding=\"async\" src=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/farmer-holds-rice-hand-scaled.webp\" alt=\"Rice field agriculture\"  title=\"Food &amp; Agriculture\" \/><\/div>\n<div class=\"agri-overlay\">\u00a0<\/div>\n<div class=\"agri-featured-content\">\n<div class=\"agri-number\">01<\/div>\n<div><span class=\"agri-category\"> STAPLE FOOD <\/span>\n<h3 style=\"color: #fff;\">Rice<\/h3>\n<p>Strengthening rice production through better cultivation practices, productive land, and farmer knowledge.<\/p>\n<a class=\"agri-link\" href=\"#\"> Explore Rice \u2197 <\/a><\/div>\n<\/div>\n<\/article>\n<!-- CORN -->\n<article class=\"agri-card\">\n<div class=\"agri-card-image\"><img decoding=\"async\" src=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/21861.webp\" alt=\"Corn agriculture\"  title=\"Food &amp; Agriculture\" \/><\/div>\n<div class=\"agri-card-content\">\n<div class=\"agri-card-top\">02CROP<\/div>\n<h3>Corn<\/h3>\n<p>Developing corn cultivation as an important source of food, feed, and rural income.<\/p>\n<a class=\"agri-small-link\" href=\"#\"> Discover \u2197 <\/a><\/div>\n<\/article>\n<!-- CASSAVA -->\n<article class=\"agri-card\">\n<div class=\"agri-card-image\"><img decoding=\"async\" src=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/cassava-plantation-sunny-day-harvest.webp\" alt=\"Cassava agriculture\"  title=\"Food &amp; Agriculture\" \/><\/div>\n<div class=\"agri-card-content\">\n<div class=\"agri-card-top\">03CROP<\/div>\n<h3>Cassava<\/h3>\n<p>Unlocking the potential of cassava through productive land utilization and local processing.<\/p>\n<a class=\"agri-small-link\" href=\"#\"> Discover \u2197 <\/a><\/div>\n<\/article>\n<!-- PROTEIN -->\n<article class=\"agri-card agri-protein\">\n<div class=\"agri-card-image\"><img decoding=\"async\" src=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/30828.webp\" alt=\"Protein food production\"  title=\"Food &amp; Agriculture\" \/><\/div>\n<div class=\"agri-card-content\">\n<div class=\"agri-card-top\">04PROTEIN<\/div>\n<h3>Protein<\/h3>\n<p>Supporting diversified food production to improve access to nutritious protein sources.<\/p>\n<a class=\"agri-small-link\" href=\"#\"> Discover \u2197 <\/a><\/div>\n<\/article>\n<\/div>\n<!-- BOTTOM STATEMENT -->\n<div class=\"agri-development-bottom\">ONE FOOD SYSTEM\n<p>From the field to the table, every part of the food system matters.<\/p>\n<\/div>\n<\/div>\n<\/section>\n\n<p><style data-wp-block-html=\"css\">\n\/* =========================================\n   UNPRODUCTIVE LAND\n========================================= *\/\n\n.unproductive-land {\n    position: relative;\n\n    padding: 140px 0;\n\n    background: #ffffff;\n\n    overflow: hidden;\n}\n\n.unproductive-land-container {\n    width: min(1180px, 90%);\n    margin: 0 auto;\n}\n\n\n\/* =========================================\n   TOP\n========================================= *\/\n\n.unproductive-land-top {\n    display: grid;\n\n    grid-template-columns: 0.35fr 1fr;\n\n    gap: 80px;\n\n    align-items: start;\n\n    margin-bottom: 75px;\n}\n\n.unproductive-eyebrow {\n    display: inline-block;\n\n    padding-top: 10px;\n\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2px;\n\n    color: #a87928;\n}\n\n.unproductive-heading {\n    display: grid;\n\n    grid-template-columns: 1.2fr 0.8fr;\n\n    gap: 70px;\n\n    align-items: end;\n}\n\n.unproductive-heading h2 {\n    margin: 0;\n\n    font-size: clamp(52px, 6vw, 82px);\n    line-height: 0.96;\n\n    font-weight: 500;\n    letter-spacing: -3px;\n\n    color: #384a2b;\n}\n\n.unproductive-heading h2 em {\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-weight: 400;\n\n    color: #a87928;\n}\n\n.unproductive-heading p {\n    margin: 0;\n\n    font-size: 16px;\n    line-height: 1.8;\n\n    color: #687264;\n}\n\n\n\/* =========================================\n   MAIN IMAGE\n========================================= *\/\n\n.unproductive-land-visual {\n    width: 100%;\n}\n\n.unproductive-image {\n    position: relative;\n\n    width: 100%;\n    height: 620px;\n\n    overflow: hidden;\n\n    background: #384a2b;\n}\n\n.unproductive-image img {\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n    transition: transform 0.8s ease;\n}\n\n.unproductive-image:hover img {\n    transform: scale(1.04);\n}\n\n.unproductive-image-overlay {\n    position: absolute;\n    inset: 0;\n\n    background:\n        linear-gradient(\n            to top,\n            rgba(30, 40, 25, 0.85) 0%,\n            rgba(30, 40, 25, 0.15) 55%,\n            transparent 80%\n        );\n}\n\n\n\/* =========================================\n   IMAGE TEXT\n========================================= *\/\n\n.unproductive-image-text {\n    position: absolute;\n\n    z-index: 2;\n\n    left: 45px;\n    bottom: 40px;\n}\n\n.unproductive-image-text span {\n    display: block;\n\n    margin-bottom: 12px;\n\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 2px;\n\n    color: #d5b05d;\n}\n\n.unproductive-image-text strong {\n    display: block;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-size: clamp(34px, 4vw, 55px);\n    line-height: 1.05;\n\n    font-weight: 400;\n\n    color: #ffffff;\n}\n\n\n\/* =========================================\n   TRANSFORMATION\n========================================= *\/\n\n.land-transformation {\n    display: grid;\n\n    grid-template-columns: 0.7fr 1.3fr;\n\n    gap: 90px;\n\n    margin-top: 90px;\n\n    padding-top: 50px;\n\n    border-top: 1px solid rgba(56, 74, 43, 0.18);\n}\n\n.transformation-intro > span {\n    display: block;\n\n    margin-bottom: 20px;\n\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 2px;\n\n    color: #a87928;\n}\n\n.transformation-intro h3 {\n    margin: 0;\n\n    font-size: 34px;\n    line-height: 1.1;\n    font-weight: 500;\n\n    letter-spacing: -1px;\n\n    color: #384a2b;\n}\n\n\n\/* =========================================\n   TRANSFORMATION ITEMS\n========================================= *\/\n\n.transformation-items {\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    border-top: 1px solid rgba(56, 74, 43, 0.12);\n}\n\n.transformation-item {\n    display: grid;\n\n    grid-template-columns: 45px 1fr;\n\n    gap: 15px;\n\n    padding: 28px 25px 28px 0;\n\n    border-bottom: 1px solid rgba(56, 74, 43, 0.12);\n}\n\n.transformation-item:nth-child(even) {\n    padding-left: 25px;\n\n    border-left: 1px solid rgba(56, 74, 43, 0.12);\n}\n\n.transformation-number {\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-size: 23px;\n\n    color: #a87928;\n}\n\n.transformation-item h4 {\n    margin: 0 0 9px;\n\n    font-size: 19px;\n    font-weight: 500;\n\n    color: #384a2b;\n}\n\n.transformation-item p {\n    max-width: 260px;\n\n    margin: 0;\n\n    font-size: 13px;\n    line-height: 1.7;\n\n    color: #687264;\n}\n\n\n\/* =========================================\n   BOTTOM STATEMENT\n========================================= *\/\n\n.unproductive-statement {\n    display: flex;\n\n    justify-content: center;\n\n    margin-top: 100px;\n\n    text-align: center;\n}\n\n.unproductive-statement p {\n    max-width: 700px;\n\n    margin: 0;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-size: clamp(28px, 4vw, 46px);\n    line-height: 1.2;\n\n    font-weight: 400;\n\n    color: #384a2b;\n}\n\n.unproductive-statement strong {\n    font-weight: 400;\n\n    color: #a87928;\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1000px) {\n\n    .unproductive-land {\n        padding: 110px 0;\n    }\n\n    .unproductive-land-top {\n        grid-template-columns: 1fr;\n\n        gap: 30px;\n\n        margin-bottom: 60px;\n    }\n\n    .unproductive-heading {\n        grid-template-columns: 1fr 1fr;\n\n        gap: 50px;\n    }\n\n    .unproductive-image {\n        height: 520px;\n    }\n\n    .land-transformation {\n        grid-template-columns: 0.8fr 1.2fr;\n\n        gap: 50px;\n\n        margin-top: 70px;\n    }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 650px) {\n\n    .unproductive-land {\n        padding: 85px 0;\n    }\n\n    .unproductive-land-container {\n        width: 88%;\n    }\n\n    .unproductive-land-top {\n        gap: 25px;\n\n        margin-bottom: 45px;\n    }\n\n    .unproductive-heading {\n        display: flex;\n        flex-direction: column;\n\n        gap: 25px;\n    }\n\n    .unproductive-heading h2 {\n        font-size: 51px;\n        letter-spacing: -2px;\n    }\n\n    .unproductive-heading p {\n        font-size: 15px;\n    }\n\n\n    \/* IMAGE *\/\n\n    .unproductive-image {\n        height: 420px;\n    }\n\n    .unproductive-image-text {\n        left: 25px;\n        right: 25px;\n        bottom: 25px;\n    }\n\n    .unproductive-image-text strong {\n        font-size: 36px;\n    }\n\n\n    \/* TRANSFORMATION *\/\n\n    .land-transformation {\n        display: flex;\n        flex-direction: column;\n\n        gap: 45px;\n\n        margin-top: 60px;\n        padding-top: 40px;\n    }\n\n    .transformation-intro h3 {\n        font-size: 30px;\n    }\n\n    .transformation-items {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .transformation-item,\n    .transformation-item:nth-child(even) {\n        grid-template-columns: 40px 1fr;\n\n        padding: 25px 0;\n\n        border-left: none;\n    }\n\n\n    \/* STATEMENT *\/\n\n    .unproductive-statement {\n        margin-top: 70px;\n    }\n\n    .unproductive-statement p {\n        font-size: 31px;\n    }\n\n}\n\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width: 400px) {\n\n    .unproductive-heading h2 {\n        font-size: 44px;\n    }\n\n    .unproductive-image {\n        height: 360px;\n    }\n\n    .unproductive-image-text strong {\n        font-size: 31px;\n    }\n\n    .unproductive-statement p {\n        font-size: 27px;\n    }\n\n}\n<\/style><\/p>\n<section id=\"unproductive-land\" class=\"unproductive-land\">\n<div class=\"unproductive-land-container\"><!-- TOP -->\n<div class=\"unproductive-land-top\"><span class=\"unproductive-eyebrow\"> 05 \u2014 UNPRODUCTIVE LAND <\/span>\n<div class=\"unproductive-heading\">\n<h2>From Unproductive<br \/>to <em>Productive.<\/em><\/h2>\n<p>Land is one of the most valuable resources in a village. When managed properly, even underutilized land can become a source of food, income, and opportunity.<\/p>\n<\/div>\n<\/div>\n<!-- MAIN VISUAL -->\n<div class=\"unproductive-land-visual\">\n<div class=\"unproductive-image\"><img decoding=\"async\" src=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/61.webp\" alt=\"Land with potential for agricultural development\"  title=\"Food &amp; Agriculture\" \/>\n<div class=\"unproductive-image-overlay\">\u00a0<\/div>\n<div class=\"unproductive-image-text\">THE OPPORTUNITY<strong> Every piece of land<br \/>has potential. <\/strong><\/div>\n<\/div>\n<\/div>\n<!-- TRANSFORMATION -->\n<div class=\"land-transformation\">\n<div class=\"transformation-intro\">OUR FOCUS\n<h3>Turning land<br \/>into opportunity.<\/h3>\n<\/div>\n<div class=\"transformation-items\">\n<div class=\"transformation-item\"><span class=\"transformation-number\"> 01 <\/span>\n<div>\n<h4>Identify<\/h4>\n<p>Understanding the condition, potential, and challenges of available land.<\/p>\n<\/div>\n<\/div>\n<div class=\"transformation-item\"><span class=\"transformation-number\"> 02 <\/span>\n<div>\n<h4>Restore<\/h4>\n<p>Improving soil, water management, and the overall productivity of the land.<\/p>\n<\/div>\n<\/div>\n<div class=\"transformation-item\"><span class=\"transformation-number\"> 03 <\/span>\n<div>\n<h4>Develop<\/h4>\n<p>Introducing suitable crops, technology, and agricultural practices.<\/p>\n<\/div>\n<\/div>\n<div class=\"transformation-item\"><span class=\"transformation-number\"> 04 <\/span>\n<div>\n<h4>Sustain<\/h4>\n<p>Building productive systems that can continue to benefit communities over time.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<!-- BOTTOM STATEMENT -->\n<div class=\"unproductive-statement\">\n<p>Productive land creates more than food. <strong>It creates possibilities.<\/strong><\/p>\n<\/div>\n<\/div>\n<\/section>\n\n<p><style data-wp-block-html=\"css\">\n\/* =========================================\n   GREEN AGRICULTURE\n========================================= *\/\n\n.green-agriculture {\n    padding: 140px 0;\n\n    background: #eef0e7;\n\n    overflow: hidden;\n}\n\n.green-agriculture-container {\n    width: min(1180px, 90%);\n    margin: 0 auto;\n}\n\n\n\/* =========================================\n   HEADER\n========================================= *\/\n\n.green-agriculture-header {\n    display: grid;\n\n    grid-template-columns: 1fr 0.75fr;\n\n    gap: 100px;\n\n    align-items: end;\n\n    margin-bottom: 70px;\n}\n\n.green-agriculture-eyebrow {\n    display: inline-block;\n\n    margin-bottom: 25px;\n\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2px;\n\n    color: #a87928;\n}\n\n.green-agriculture-header h2 {\n    margin: 0;\n\n    font-size: clamp(55px, 6vw, 82px);\n    line-height: 0.95;\n\n    font-weight: 500;\n    letter-spacing: -3px;\n\n    color: #384a2b;\n}\n\n.green-agriculture-header h2 em {\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-weight: 400;\n\n    color: #a87928;\n}\n\n\n\/* =========================================\n   INTRO\n========================================= *\/\n\n.green-agriculture-intro {\n    padding-bottom: 5px;\n}\n\n.green-agriculture-intro p {\n    max-width: 430px;\n\n    margin: 0 0 20px;\n\n    font-size: 16px;\n    line-height: 1.8;\n\n    color: #687264;\n}\n\n.green-agriculture-intro p:last-child {\n    margin-bottom: 0;\n}\n\n\n\/* =========================================\n   FEATURE IMAGE\n========================================= *\/\n\n.green-agriculture-feature {\n    position: relative;\n\n    width: 100%;\n    height: 520px;\n\n    overflow: hidden;\n\n    background: #384a2b;\n}\n\n.green-agriculture-feature img {\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n    transition: transform 0.8s ease;\n}\n\n.green-agriculture-feature:hover img {\n    transform: scale(1.04);\n}\n\n.green-feature-overlay {\n    position: absolute;\n    inset: 0;\n\n    background:\n        linear-gradient(\n            to top,\n            rgba(30, 40, 25, 0.85) 0%,\n            rgba(30, 40, 25, 0.25) 55%,\n            transparent 80%\n        );\n}\n\n\n\/* =========================================\n   FEATURE CONTENT\n========================================= *\/\n\n.green-feature-content {\n    position: absolute;\n\n    z-index: 2;\n\n    left: 45px;\n    right: 45px;\n    bottom: 40px;\n}\n\n.green-feature-content span {\n    display: block;\n\n    margin-bottom: 15px;\n\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 2px;\n\n    color: #d5b05d;\n}\n\n.green-feature-content h3 {\n    max-width: 650px;\n\n    margin: 0;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-size: clamp(32px, 4vw, 52px);\n    line-height: 1.1;\n\n    font-weight: 400;\n\n    color: #ffffff;\n}\n\n\n\/* =========================================\n   GRID\n========================================= *\/\n\n.green-agriculture-grid {\n    display: grid;\n\n    grid-template-columns: repeat(2, 1fr);\n\n    margin-top: 18px;\n\n    border-top: 1px solid rgba(56, 74, 43, 0.15);\n    border-left: 1px solid rgba(56, 74, 43, 0.15);\n}\n\n\n\/* =========================================\n   ITEM\n========================================= *\/\n\n.green-agriculture-item {\n    display: grid;\n\n    grid-template-columns: 55px 1fr;\n\n    gap: 20px;\n\n    min-height: 330px;\n\n    padding: 38px 40px;\n\n    border-right: 1px solid rgba(56, 74, 43, 0.15);\n    border-bottom: 1px solid rgba(56, 74, 43, 0.15);\n\n    transition:\n        background 0.3s ease,\n        transform 0.3s ease;\n}\n\n.green-agriculture-item:hover {\n    background: #e4e8dc;\n}\n\n\n\/* =========================================\n   NUMBER\n========================================= *\/\n\n.green-item-number {\n    padding-top: 3px;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-size: 24px;\n\n    color: #a87928;\n}\n\n\n\/* =========================================\n   ICON\n========================================= *\/\n\n.green-item-icon {\n    width: 48px;\n    height: 48px;\n\n    margin-bottom: 25px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #4f6834;\n}\n\n.green-item-icon svg {\n    width: 42px;\n    height: 42px;\n}\n\n\n\/* =========================================\n   LABEL\n========================================= *\/\n\n.green-item-label {\n    display: block;\n\n    margin-bottom: 10px;\n\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 1.7px;\n\n    color: #a87928;\n}\n\n\n\/* =========================================\n   TITLE\n========================================= *\/\n\n.green-item-content h3 {\n    max-width: 280px;\n\n    margin: 0 0 15px;\n\n    font-size: 29px;\n    line-height: 1.05;\n\n    font-weight: 500;\n\n    color: #384a2b;\n}\n\n\n\/* =========================================\n   DESCRIPTION\n========================================= *\/\n\n.green-item-content p {\n    max-width: 360px;\n\n    margin: 0;\n\n    font-size: 13px;\n    line-height: 1.75;\n\n    color: #687264;\n}\n\n\n\/* =========================================\n   BOTTOM\n========================================= *\/\n\n.green-agriculture-bottom {\n    display: grid;\n\n    grid-template-columns: 1fr 2fr;\n\n    gap: 50px;\n\n    align-items: center;\n\n    margin-top: 85px;\n}\n\n.green-bottom-line {\n    height: 1px;\n\n    background: rgba(56, 74, 43, 0.25);\n}\n\n.green-agriculture-bottom p {\n    max-width: 600px;\n\n    margin: 0;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-size: 27px;\n    line-height: 1.3;\n\n    color: #384a2b;\n}\n\n.green-agriculture-bottom p span {\n    display: block;\n\n    margin-bottom: 12px;\n\n    font-family: Arial, sans-serif;\n\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 2px;\n\n    color: #a87928;\n}\n\n.green-agriculture-bottom strong {\n    font-weight: 400;\n\n    color: #a87928;\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1000px) {\n\n    .green-agriculture {\n        padding: 110px 0;\n    }\n\n    .green-agriculture-header {\n        grid-template-columns: 1fr 1fr;\n\n        gap: 50px;\n    }\n\n    .green-agriculture-feature {\n        height: 480px;\n    }\n\n    .green-agriculture-item {\n        min-height: 310px;\n\n        padding: 30px;\n    }\n\n    .green-agriculture-bottom {\n        margin-top: 70px;\n    }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 650px) {\n\n    .green-agriculture {\n        padding: 85px 0;\n    }\n\n    .green-agriculture-container {\n        width: 88%;\n    }\n\n    .green-agriculture-header {\n        display: flex;\n        flex-direction: column;\n\n        gap: 30px;\n\n        margin-bottom: 50px;\n    }\n\n    .green-agriculture-header h2 {\n        font-size: 52px;\n\n        letter-spacing: -2px;\n    }\n\n    .green-agriculture-intro p {\n        font-size: 15px;\n    }\n\n\n    \/* FEATURE *\/\n\n    .green-agriculture-feature {\n        height: 420px;\n    }\n\n    .green-feature-content {\n        left: 25px;\n        right: 25px;\n        bottom: 25px;\n    }\n\n    .green-feature-content h3 {\n        font-size: 34px;\n    }\n\n\n    \/* GRID *\/\n\n    .green-agriculture-grid {\n        display: flex;\n        flex-direction: column;\n\n        margin-top: 15px;\n    }\n\n    .green-agriculture-item {\n        grid-template-columns: 40px 1fr;\n\n        min-height: auto;\n\n        padding: 30px 25px;\n    }\n\n    .green-item-content h3 {\n        font-size: 27px;\n    }\n\n\n    \/* BOTTOM *\/\n\n    .green-agriculture-bottom {\n        display: flex;\n        flex-direction: column;\n\n        align-items: flex-start;\n\n        gap: 30px;\n\n        margin-top: 60px;\n    }\n\n    .green-bottom-line {\n        width: 100%;\n    }\n\n    .green-agriculture-bottom p {\n        font-size: 25px;\n    }\n\n}\n\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width: 400px) {\n\n    .green-agriculture-header h2 {\n        font-size: 45px;\n    }\n\n    .green-agriculture-feature {\n        height: 360px;\n    }\n\n    .green-feature-content h3 {\n        font-size: 30px;\n    }\n\n    .green-agriculture-item {\n        padding: 25px 20px;\n    }\n\n    .green-item-icon {\n        margin-bottom: 20px;\n    }\n\n    .green-item-content h3 {\n        font-size: 24px;\n    }\n\n}\n<\/style><\/p>\n<section id=\"green-agriculture\" class=\"green-agriculture\">\n<div class=\"green-agriculture-container\"><!-- HEADER -->\n<div class=\"green-agriculture-header\">\n<div><span class=\"green-agriculture-eyebrow\"> 06 \u2014 GREEN AGRICULTURE <\/span>\n<h2>Growing More.<br \/><em>Wasting Less.<\/em><\/h2>\n<\/div>\n<div class=\"green-agriculture-intro\">\n<p>Agriculture must produce enough food without exhausting the resources that future generations depend on.<\/p>\n<p>We promote practical approaches that combine productivity, affordability, environmental responsibility, and farmer knowledge.<\/p>\n<\/div>\n<\/div>\n<!-- FEATURED IMAGE -->\n<div class=\"green-agriculture-feature\"><img decoding=\"async\" src=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/39974.webp\" alt=\"Green and sustainable agriculture\"  title=\"Food &amp; Agriculture\" \/>\n<div class=\"green-feature-overlay\">\u00a0<\/div>\n<div class=\"green-feature-content\">A DIFFERENT WAY TO FARM\n<h3>Sustainable agriculture starts with practical solutions.<\/h3>\n<\/div>\n<\/div>\n<!-- FOUR APPROACHES -->\n<div class=\"green-agriculture-grid\"><!-- 01 -->\n<article class=\"green-agriculture-item\">\n<div class=\"green-item-number\">01<\/div>\n<div class=\"green-item-content\">\n<div class=\"green-item-icon\">\u00a0<\/div>\n<span class=\"green-item-label\"> SOIL &amp; NUTRIENTS <\/span>\n<h3>Eco-Friendly Fertilizer<\/h3>\n<p>Encouraging the use of environmentally friendly fertilizers and locally available resources to maintain healthy soil and productive crops.<\/p>\n<\/div>\n<\/article>\n<!-- 02 -->\n<article class=\"green-agriculture-item\">\n<div class=\"green-item-number\">02<\/div>\n<div class=\"green-item-content\">\n<div class=\"green-item-icon\">\u00a0<\/div>\n<span class=\"green-item-label\"> WATER MANAGEMENT <\/span>\n<h3>Efficient Irrigation<\/h3>\n<p>Improving water use through simple, efficient irrigation approaches that reduce unnecessary consumption.<\/p>\n<\/div>\n<\/article>\n<!-- 03 -->\n<article class=\"green-agriculture-item\">\n<div class=\"green-item-number\">03<\/div>\n<div class=\"green-item-content\">\n<div class=\"green-item-icon\">\u00a0<\/div>\n<span class=\"green-item-label\"> APPROPRIATE TECHNOLOGY <\/span>\n<h3>Low-Cost Technology<\/h3>\n<p>Introducing simple technologies that are affordable, maintainable, and relevant to local agricultural conditions.<\/p>\n<\/div>\n<\/article>\n<!-- 04 -->\n<article class=\"green-agriculture-item\">\n<div class=\"green-item-number\">04<\/div>\n<div class=\"green-item-content\">\n<div class=\"green-item-icon\">\u00a0<\/div>\n<span class=\"green-item-label\"> CAPACITY BUILDING <\/span>\n<h3>Farmer Education<\/h3>\n<p>Sharing knowledge and practical skills so farmers can make better decisions and improve their own agricultural systems.<\/p>\n<\/div>\n<\/article>\n<\/div>\n<!-- BOTTOM STATEMENT -->\n<div class=\"green-agriculture-bottom\">\n<div class=\"green-bottom-line\">\u00a0<\/div>\n<p>OUR PRINCIPLE Sustainability should be <strong>simple enough to practice.<\/strong><\/p>\n<\/div>\n<\/div>\n<\/section>\n\n<p><style data-wp-block-html=\"css\">\n\/* =========================================\n   OUR APPROACH\n========================================= *\/\n\n.food-approach {\n    position: relative;\n\n    padding: 140px 0;\n\n    background: #f4f3ec;\n\n    overflow: hidden;\n}\n\n.food-approach-container {\n    width: min(1180px, 90%);\n    margin: 0 auto;\n}\n\n\n\/* =========================================\n   HEADER\n========================================= *\/\n\n.food-approach-header {\n    display: grid;\n\n    grid-template-columns: 1fr 0.75fr;\n\n    gap: 100px;\n\n    align-items: end;\n\n    margin-bottom: 85px;\n}\n\n.food-approach-eyebrow {\n    display: inline-block;\n\n    margin-bottom: 25px;\n\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2px;\n\n    color: #a87928;\n}\n\n.food-approach-title h2 {\n    margin: 0;\n\n    font-size: clamp(55px, 6vw, 82px);\n    line-height: 0.95;\n\n    font-weight: 500;\n    letter-spacing: -3px;\n\n    color: #384a2b;\n}\n\n.food-approach-title h2 em {\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-weight: 400;\n\n    color: #a87928;\n}\n\n.food-approach-intro p {\n    max-width: 440px;\n\n    margin: 0;\n\n    font-size: 17px;\n    line-height: 1.8;\n\n    color: #687264;\n}\n\n\n\/* =========================================\n   LIST\n========================================= *\/\n\n.food-approach-list {\n    border-top: 1px solid rgba(56, 74, 43, 0.2);\n}\n\n\n\/* =========================================\n   ITEM\n========================================= *\/\n\n.food-approach-item {\n    display: grid;\n\n    grid-template-columns: 80px 1fr 130px;\n\n    gap: 30px;\n\n    min-height: 290px;\n\n    padding: 45px 0;\n\n    border-bottom: 1px solid rgba(56, 74, 43, 0.2);\n\n    transition: background 0.35s ease;\n}\n\n.food-approach-item:hover {\n    background: rgba(255, 255, 255, 0.5);\n}\n\n\n\/* =========================================\n   NUMBER\n========================================= *\/\n\n.approach-number {\n    padding-top: 4px;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-size: 25px;\n\n    color: #a87928;\n}\n\n\n\/* =========================================\n   MAIN\n========================================= *\/\n\n.approach-main {\n    display: grid;\n\n    grid-template-columns: 90px 1fr;\n\n    gap: 40px;\n}\n\n\n\/* =========================================\n   ICON\n========================================= *\/\n\n.approach-icon {\n    width: 70px;\n    height: 70px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #4f6834;\n\n    border: 1px solid rgba(79, 104, 52, 0.3);\n\n    border-radius: 50%;\n\n    transition:\n        background 0.3s ease,\n        color 0.3s ease;\n}\n\n.food-approach-item:hover .approach-icon {\n    background: #4f6834;\n    color: #ffffff;\n}\n\n.approach-icon svg {\n    width: 42px;\n    height: 42px;\n}\n\n\n\/* =========================================\n   TEXT\n========================================= *\/\n\n.approach-text > span {\n    display: block;\n\n    margin-bottom: 13px;\n\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 1.8px;\n\n    color: #a87928;\n}\n\n.approach-text h3 {\n    margin: 0 0 18px;\n\n    font-size: 38px;\n    line-height: 1;\n\n    font-weight: 500;\n    letter-spacing: -1px;\n\n    color: #384a2b;\n}\n\n.approach-text p {\n    max-width: 520px;\n\n    margin: 0;\n\n    font-size: 14px;\n    line-height: 1.8;\n\n    color: #687264;\n}\n\n\n\/* =========================================\n   SIDE\n========================================= *\/\n\n.approach-side {\n    align-self: center;\n\n    text-align: right;\n}\n\n.approach-side span {\n    display: block;\n\n    margin-bottom: 7px;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-size: 28px;\n\n    color: rgba(56, 74, 43, 0.18);\n}\n\n.approach-side p {\n    margin: 0;\n\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n\n    color: #687264;\n}\n\n\n\/* =========================================\n   CLOSING\n========================================= *\/\n\n.food-approach-closing {\n    display: flex;\n\n    flex-direction: column;\n    align-items: center;\n\n    margin-top: 110px;\n\n    text-align: center;\n}\n\n.closing-mark {\n    display: flex;\n\n    gap: 6px;\n\n    margin-bottom: 30px;\n}\n\n.closing-mark span {\n    width: 6px;\n    height: 6px;\n\n    display: block;\n\n    border-radius: 50%;\n\n    background: #a87928;\n}\n\n.food-approach-closing p {\n    margin: 0;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-size: clamp(27px, 4vw, 45px);\n    line-height: 1.25;\n\n    font-weight: 400;\n\n    color: #384a2b;\n}\n\n.food-approach-closing em {\n    font-weight: 400;\n\n    color: #a87928;\n}\n\n.food-approach-closing strong {\n    font-weight: 400;\n\n    color: #4f6834;\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1000px) {\n\n    .food-approach {\n        padding: 110px 0;\n    }\n\n    .food-approach-header {\n        grid-template-columns: 1fr 1fr;\n\n        gap: 50px;\n\n        margin-bottom: 65px;\n    }\n\n    .food-approach-item {\n        grid-template-columns: 60px 1fr 90px;\n\n        gap: 20px;\n\n        min-height: 270px;\n    }\n\n    .approach-main {\n        grid-template-columns: 70px 1fr;\n\n        gap: 30px;\n    }\n\n    .approach-icon {\n        width: 60px;\n        height: 60px;\n    }\n\n    .approach-text h3 {\n        font-size: 33px;\n    }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 650px) {\n\n    .food-approach {\n        padding: 85px 0;\n    }\n\n    .food-approach-container {\n        width: 88%;\n    }\n\n    .food-approach-header {\n        display: flex;\n        flex-direction: column;\n\n        gap: 30px;\n\n        margin-bottom: 55px;\n    }\n\n    .food-approach-title h2 {\n        font-size: 52px;\n\n        letter-spacing: -2px;\n    }\n\n    .food-approach-intro p {\n        font-size: 15px;\n    }\n\n\n    \/* ITEMS *\/\n\n    .food-approach-item {\n        display: flex;\n        flex-direction: column;\n\n        gap: 20px;\n\n        min-height: auto;\n\n        padding: 32px 0;\n    }\n\n    .approach-main {\n        display: grid;\n\n        grid-template-columns: 65px 1fr;\n\n        gap: 25px;\n    }\n\n    .approach-icon {\n        width: 58px;\n        height: 58px;\n    }\n\n    .approach-icon svg {\n        width: 36px;\n        height: 36px;\n    }\n\n    .approach-text h3 {\n        font-size: 30px;\n    }\n\n    .approach-text p {\n        font-size: 13px;\n    }\n\n\n    \/* SIDE *\/\n\n    .approach-side {\n        display: flex;\n\n        align-items: center;\n\n        gap: 10px;\n\n        margin-left: 90px;\n\n        text-align: left;\n    }\n\n    .approach-side span {\n        margin: 0;\n\n        font-size: 20px;\n    }\n\n\n    \/* CLOSING *\/\n\n    .food-approach-closing {\n        margin-top: 75px;\n    }\n\n    .food-approach-closing p {\n        font-size: 29px;\n    }\n\n}\n\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width: 400px) {\n\n    .food-approach-title h2 {\n        font-size: 45px;\n    }\n\n    .approach-main {\n        grid-template-columns: 55px 1fr;\n\n        gap: 20px;\n    }\n\n    .approach-icon {\n        width: 50px;\n        height: 50px;\n    }\n\n    .approach-text h3 {\n        font-size: 26px;\n    }\n\n    .approach-side {\n        margin-left: 75px;\n    }\n\n    .food-approach-closing p {\n        font-size: 26px;\n    }\n\n}\n<\/style><\/p>\n<section id=\"our-approach\" class=\"food-approach\">\n<div class=\"food-approach-container\"><!-- HEADER -->\n<div class=\"food-approach-header\">\n<div class=\"food-approach-title\"><span class=\"food-approach-eyebrow\"> 07 \u2014 OUR APPROACH <\/span>\n<h2>Solutions That<br \/><em>Work.<\/em><\/h2>\n<\/div>\n<div class=\"food-approach-intro\">\n<p>We believe sustainable development does not always require complicated solutions. The most meaningful innovations are often simple, affordable, and designed around the people who will use them.<\/p>\n<\/div>\n<\/div>\n<!-- APPROACH LIST -->\n<div class=\"food-approach-list\"><!-- ITEM 01 -->\n<article class=\"food-approach-item\">\n<div class=\"approach-number\">01<\/div>\n<div class=\"approach-main\">\n<div class=\"approach-icon\">\u00a0<\/div>\n<div class=\"approach-text\">PRINCIPLE 01\n<h3>Appropriate<br \/>Technology<\/h3>\n<p>Technology should respond to real needs. We focus on solutions that are practical, understandable, and suitable for local conditions.<\/p>\n<\/div>\n<\/div>\n<div class=\"approach-side\">01\n<p>Relevant<\/p>\n<\/div>\n<\/article>\n<!-- ITEM 02 -->\n<article class=\"food-approach-item\">\n<div class=\"approach-number\">02<\/div>\n<div class=\"approach-main\">\n<div class=\"approach-icon\">\u00a0<\/div>\n<div class=\"approach-text\">PRINCIPLE 02\n<h3>Low<br \/>Cost<\/h3>\n<p>Sustainable solutions need to be accessible. We prioritize approaches that can be adopted, maintained, and developed by communities.<\/p>\n<\/div>\n<\/div>\n<div class=\"approach-side\">02\n<p>Accessible<\/p>\n<\/div>\n<\/article>\n<!-- ITEM 03 -->\n<article class=\"food-approach-item\">\n<div class=\"approach-number\">03<\/div>\n<div class=\"approach-main\">\n<div class=\"approach-icon\">\u00a0<\/div>\n<div class=\"approach-text\">PRINCIPLE 03\n<h3>Eco<br \/>Friendly<\/h3>\n<p>Development should protect the resources it depends on. Our approach considers soil, water, energy, and the wider environment.<\/p>\n<\/div>\n<\/div>\n<div class=\"approach-side\">03\n<p>Responsible<\/p>\n<\/div>\n<\/article>\n<!-- ITEM 04 -->\n<article class=\"food-approach-item\">\n<div class=\"approach-number\">04<\/div>\n<div class=\"approach-main\">\n<div class=\"approach-icon\">\u00a0<\/div>\n<div class=\"approach-text\">PRINCIPLE 04\n<h3>Community<br \/>Impact<\/h3>\n<p>The ultimate measure of a solution is its impact on people. We work alongside communities so change can grow from within.<\/p>\n<\/div>\n<\/div>\n<div class=\"approach-side\">04\n<p>Empowering<\/p>\n<\/div>\n<\/article>\n<\/div>\n<!-- CLOSING STATEMENT -->\n<div class=\"food-approach-closing\">\n<div class=\"closing-mark\">\u00a0<\/div>\n<p>Better agriculture is not only about <em>what we grow.<\/em><br \/>It is about <strong>how we grow together.<\/strong><\/p>\n<\/div>\n<\/div>\n<\/section>\n\n<p><style data-wp-block-html=\"css\">\n\/* =========================================\n   FOOD & AGRICULTURE CTA\n========================================= *\/\n\n.food-agri-cta {\n    position: relative;\n\n    min-height: 720px;\n\n    padding: 110px 0 40px;\n\n    display: flex;\n    align-items: center;\n\n    background: #384a2b;\n\n    color: #ffffff;\n\n    overflow: hidden;\n}\n\n\n\/* =========================================\n   BACKGROUND\n========================================= *\/\n\n.food-agri-cta-bg {\n    position: absolute;\n\n    inset: 0;\n\n    pointer-events: none;\n\n    background:\n        radial-gradient(\n            circle at 85% 20%,\n            rgba(213, 176, 93, 0.12),\n            transparent 30%\n        ),\n        radial-gradient(\n            circle at 10% 90%,\n            rgba(117, 140, 53, 0.13),\n            transparent 30%\n        );\n}\n\n\n\/* =========================================\n   DECORATIVE CIRCLES\n========================================= *\/\n\n.food-agri-cta::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 650px;\n    height: 650px;\n\n    top: -330px;\n    right: -180px;\n\n    border: 1px solid rgba(213, 176, 93, 0.16);\n\n    border-radius: 50%;\n}\n\n.food-agri-cta::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 850px;\n    height: 850px;\n\n    top: -430px;\n    right: -280px;\n\n    border: 1px solid rgba(213, 176, 93, 0.08);\n\n    border-radius: 50%;\n}\n\n\n\/* =========================================\n   CONTAINER\n========================================= *\/\n\n.food-agri-cta-container {\n    position: relative;\n\n    z-index: 2;\n\n    width: min(1180px, 90%);\n\n    min-height: 600px;\n\n    margin: 0 auto;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n}\n\n\n\/* =========================================\n   EYEBROW\n========================================= *\/\n\n.food-agri-cta-eyebrow {\n    display: inline-block;\n\n    font-size: 10px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    color: #d5b05d;\n}\n\n\n\/* =========================================\n   MAIN\n========================================= *\/\n\n.food-agri-cta-main {\n    display: grid;\n\n    grid-template-columns: 1.15fr 0.85fr;\n\n    gap: 100px;\n\n    align-items: center;\n\n    margin: auto 0;\n}\n\n\n\/* =========================================\n   TITLE\n========================================= *\/\n\n.food-agri-cta-title h2 {\n    margin: 0;\n\n    font-size: clamp(65px, 8vw, 105px);\n\n    line-height: 0.9;\n\n    font-weight: 400;\n\n    letter-spacing: -5px;\n\n    color: #ffffff;\n}\n\n.food-agri-cta-title h2 em {\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-weight: 400;\n\n    color: #d5b05d;\n}\n\n\n\/* =========================================\n   CONTENT\n========================================= *\/\n\n.food-agri-cta-content {\n    max-width: 440px;\n}\n\n.food-agri-cta-lead {\n    margin: 0 0 20px;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-size: 25px;\n    line-height: 1.3;\n\n    color: #ffffff;\n}\n\n.food-agri-cta-content > p:not(.food-agri-cta-lead) {\n    margin: 0;\n\n    font-size: 14px;\n    line-height: 1.85;\n\n    color: rgba(255, 255, 255, 0.65);\n}\n\n\n\/* =========================================\n   ACTIONS\n========================================= *\/\n\n.food-agri-cta-actions {\n    display: flex;\n    align-items: center;\n\n    gap: 15px;\n\n    margin-top: 35px;\n}\n\n.food-agri-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    min-height: 52px;\n\n    padding: 0 25px;\n\n    text-decoration: none;\n\n    font-size: 12px;\n    font-weight: 700;\n\n    letter-spacing: 0.5px;\n\n    transition:\n        background 0.3s ease,\n        color 0.3s ease,\n        border 0.3s ease;\n}\n\n\n\/* PRIMARY *\/\n\n.food-agri-btn-primary {\n    gap: 15px;\n\n    background: #d5b05d;\n\n    color: #384a2b;\n}\n\n.food-agri-btn-primary span {\n    font-size: 17px;\n\n    transition: transform 0.3s ease;\n}\n\n.food-agri-btn-primary:hover {\n    background: #ffffff;\n}\n\n.food-agri-btn-primary:hover span {\n    transform: translate(4px, -4px);\n}\n\n\n\/* SECONDARY *\/\n\n.food-agri-btn-secondary {\n    border: 1px solid rgba(255, 255, 255, 0.35);\n\n    color: #ffffff;\n}\n\n.food-agri-btn-secondary:hover {\n    background: #ffffff;\n\n    color: #384a2b;\n\n    border-color: #ffffff;\n}\n\n\n\/* =========================================\n   BOTTOM\n========================================= *\/\n\n.food-agri-cta-bottom {\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    padding-top: 25px;\n\n    border-top: 1px solid rgba(255, 255, 255, 0.18);\n}\n\n.food-agri-cta-bottom span {\n    font-size: 9px;\n\n    font-weight: 700;\n\n    letter-spacing: 1.7px;\n\n    color: rgba(255, 255, 255, 0.45);\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1000px) {\n\n    .food-agri-cta {\n        min-height: 650px;\n\n        padding: 90px 0 35px;\n    }\n\n    .food-agri-cta-container {\n        min-height: 550px;\n    }\n\n    .food-agri-cta-main {\n        grid-template-columns: 1fr 1fr;\n\n        gap: 50px;\n    }\n\n    .food-agri-cta-title h2 {\n        font-size: 75px;\n\n        letter-spacing: -3px;\n    }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 650px) {\n\n    .food-agri-cta {\n        min-height: auto;\n\n        padding: 80px 0 30px;\n    }\n\n    .food-agri-cta-container {\n        width: 88%;\n\n        min-height: 620px;\n    }\n\n    .food-agri-cta-main {\n        display: flex;\n        flex-direction: column;\n\n        align-items: flex-start;\n\n        gap: 50px;\n\n        margin: 90px 0 80px;\n    }\n\n    .food-agri-cta-title h2 {\n        font-size: 58px;\n\n        line-height: 0.92;\n\n        letter-spacing: -3px;\n    }\n\n    .food-agri-cta-lead {\n        font-size: 22px;\n    }\n\n    .food-agri-cta-content > p:not(.food-agri-cta-lead) {\n        font-size: 13px;\n    }\n\n    .food-agri-cta-actions {\n        flex-wrap: wrap;\n    }\n\n    .food-agri-btn {\n        min-height: 50px;\n    }\n\n    .food-agri-cta-bottom {\n        gap: 15px;\n\n        flex-wrap: wrap;\n    }\n\n}\n\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width: 400px) {\n\n    .food-agri-cta-title h2 {\n        font-size: 50px;\n    }\n\n    .food-agri-cta-main {\n        margin-top: 75px;\n    }\n\n    .food-agri-cta-actions {\n        flex-direction: column;\n        align-items: stretch;\n\n        width: 100%;\n    }\n\n    .food-agri-btn {\n        width: 100%;\n    }\n\n    .food-agri-cta-bottom {\n        flex-direction: column;\n        align-items: flex-start;\n    }\n\n}\n<\/style><\/p>\n<section class=\"food-agri-cta\">\n<div class=\"food-agri-cta-bg\">\u00a0<\/div>\n<div class=\"food-agri-cta-container\"><!-- EYEBROW --> <span class=\"food-agri-cta-eyebrow\"> 08 \u2014 BE PART OF US <\/span> <!-- MAIN CONTENT -->\n<div class=\"food-agri-cta-main\">\n<div class=\"food-agri-cta-title\">\n<h2>Let&#8217;s Grow<br \/>a Better <em>Future.<\/em><\/h2>\n<\/div>\n<div class=\"food-agri-cta-content\">\n<p class=\"food-agri-cta-lead\">Sustainable food systems are built together.<\/p>\n<p>Whether through knowledge, technology, partnerships, or community action, there is always a way to contribute to a more resilient and sustainable food future.<\/p>\n<div class=\"food-agri-cta-actions\"><a class=\"food-agri-btn food-agri-btn-primary\" href=\"#contact\"> Be Part of Us \u2197 <\/a> <a class=\"food-agri-btn food-agri-btn-secondary\" href=\"#contact\"> Contact DIDESA <\/a><\/div>\n<\/div>\n<\/div>\n<!-- BOTTOM -->\n<div class=\"food-agri-cta-bottom\">FOOD &amp; AGRICULTURE DIDESA SUSTAINABLE VILLAGES<\/div>\n<\/div>\n<\/section>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>02 \u2014 FOOD SECURITY Enough Foodfor All. Food security begins with the ability to produce, access, and sustain enough nutritious food for every community. We believe that villages can become stronger when agriculture is productive, farmers are empowered, and local food systems are built to last. Explore Our Agriculture \u2197 01 Resilient Food Systems Strengthening [&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-7070","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 initiatives in food security, agricultural development, green agriculture, and sustainable farming for stronger rural communities\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/didesa.org\/id\/food-agriculture\/\" \/>\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=\"Food &amp; Agriculture | Food Security &amp; Green Agriculture | DIDESA\" \/>\n\t\t<meta property=\"og:description\" content=\"Discover DIDESA initiatives in food security, agricultural development, green agriculture, and sustainable farming for stronger rural communities\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/didesa.org\/id\/food-agriculture\/\" \/>\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-02T13:11:41+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-09-21T08:42:23+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Food &amp; Agriculture | Food Security &amp; Green Agriculture | DIDESA\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Discover DIDESA initiatives in food security, agricultural development, green agriculture, and sustainable farming for stronger 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\\\/food-agriculture\\\/#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\\\/food-agriculture\\\/#listItem\",\"name\":\"Food &#038; Agriculture\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/food-agriculture\\\/#listItem\",\"position\":2,\"name\":\"Food &#038; Agriculture\",\"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\\\/food-agriculture\\\/#organizationLogo\",\"width\":2506,\"height\":1242,\"caption\":\"logo 2v\"},\"image\":{\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/food-agriculture\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/food-agriculture\\\/#webpage\",\"url\":\"https:\\\/\\\/didesa.org\\\/id\\\/food-agriculture\\\/\",\"name\":\"Food & Agriculture | Food Security & Green Agriculture | DIDESA\",\"description\":\"Discover DIDESA initiatives in food security, agricultural development, green agriculture, and sustainable farming for stronger rural communities\",\"inLanguage\":\"id-ID\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/food-agriculture\\\/#breadcrumblist\"},\"datePublished\":\"2026-09-02T13:11:41+00:00\",\"dateModified\":\"2026-09-21T08:42:23+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":"Food & Agriculture | Food Security & Green Agriculture | DIDESA","description":"Discover DIDESA initiatives in food security, agricultural development, green agriculture, and sustainable farming for stronger rural communities","canonical_url":"https:\/\/didesa.org\/id\/food-agriculture\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/didesa.org\/id\/food-agriculture\/#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\/food-agriculture\/#listItem","name":"Food &#038; Agriculture"}},{"@type":"ListItem","@id":"https:\/\/didesa.org\/id\/food-agriculture\/#listItem","position":2,"name":"Food &#038; Agriculture","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\/food-agriculture\/#organizationLogo","width":2506,"height":1242,"caption":"logo 2v"},"image":{"@id":"https:\/\/didesa.org\/id\/food-agriculture\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/didesa.org\/id\/food-agriculture\/#webpage","url":"https:\/\/didesa.org\/id\/food-agriculture\/","name":"Food & Agriculture | Food Security & Green Agriculture | DIDESA","description":"Discover DIDESA initiatives in food security, agricultural development, green agriculture, and sustainable farming for stronger rural communities","inLanguage":"id-ID","isPartOf":{"@id":"https:\/\/didesa.org\/id\/#website"},"breadcrumb":{"@id":"https:\/\/didesa.org\/id\/food-agriculture\/#breadcrumblist"},"datePublished":"2026-09-02T13:11:41+00:00","dateModified":"2026-09-21T08:42:23+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":"Food &amp; Agriculture | Food Security &amp; Green Agriculture | DIDESA","og:description":"Discover DIDESA initiatives in food security, agricultural development, green agriculture, and sustainable farming for stronger rural communities","og:url":"https:\/\/didesa.org\/id\/food-agriculture\/","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-02T13:11:41+00:00","article:modified_time":"2026-09-21T08:42:23+00:00","twitter:card":"summary_large_image","twitter:title":"Food &amp; Agriculture | Food Security &amp; Green Agriculture | DIDESA","twitter:description":"Discover DIDESA initiatives in food security, agricultural development, green agriculture, and sustainable farming for stronger rural communities","twitter:image":"https:\/\/didesa.org\/wp-content\/uploads\/2026\/08\/cropped-Logo-2V-scaled-1.png"},"aioseo_meta_data":{"post_id":"7070","title":"Food &amp; Agriculture | Food Security &amp; Green Agriculture | DIDESA","description":"Discover DIDESA initiatives in food security, agricultural development, green agriculture, and sustainable farming for stronger 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-02 13:11:28","updated":"2026-09-21 09:23: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\tFood &amp; Agriculture\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/didesa.org\/id\/"},{"label":"Food &#038; Agriculture","link":"https:\/\/didesa.org\/id\/food-agriculture\/"}],"_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\/7070","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=7070"}],"version-history":[{"count":21,"href":"https:\/\/didesa.org\/id\/wp-json\/wp\/v2\/pages\/7070\/revisions"}],"predecessor-version":[{"id":7184,"href":"https:\/\/didesa.org\/id\/wp-json\/wp\/v2\/pages\/7070\/revisions\/7184"}],"wp:attachment":[{"href":"https:\/\/didesa.org\/id\/wp-json\/wp\/v2\/media?parent=7070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}