{"id":7056,"date":"2026-09-01T08:53:38","date_gmt":"2026-09-01T08:53:38","guid":{"rendered":"https:\/\/didesa.org\/?page_id=7056"},"modified":"2026-09-24T07:15:29","modified_gmt":"2026-09-24T07:15:29","slug":"venue","status":"publish","type":"page","link":"https:\/\/didesa.org\/id\/venue\/","title":{"rendered":"Lokasi"},"content":{"rendered":"<div data-spectra-id=\"spectra-mt5ndhnm-0adf03\"\tclass=\"spectra-is-root-container alignfull spectra-overlay-color wp-block-spectra-container is-vertical is-content-justification-left is-nowrap is-layout-flex wp-container-spectra-container-is-layout-3b60b0f2 wp-block-spectra-container-is-layout-flex\" data-orientation=\"vertical\"\t>\n\t\n\n<style data-wp-block-html=\"css\">\n\/* =========================================\n   DIDESA \u2014 VENUE HERO\n========================================= *\/\n\n.didesa-venue-hero {\n  position: relative;\n  overflow: hidden;\n  padding: 110px 30px;\n  background: #f3f7f8;\n  font-family: Arial, Helvetica, sans-serif;\n  width : 1200px;\n}\n\n.venue-hero-container {\n  max-width: 1200px;\n  margin: 0 auto;\n\n  display: grid;\n  grid-template-columns: 1fr 0.95fr;\n\n  align-items: center;\n\n  gap: 80px;\n}\n\n\n\/* =========================================\n   LEFT CONTENT\n========================================= *\/\n\n.venue-hero-content {\n  max-width: 1200px;\n}\n\n\n\/* Eyebrow *\/\n\n.venue-hero-eyebrow {\n  display: flex;\n  align-items: center;\n\n  gap: 12px;\n\n  margin-bottom: 20px;\n\n  color: #d39a05;\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: 2.5px;\n}\n\n.venue-hero-eyebrow span {\n  display: block;\n\n  width: 30px;\n  height: 2px;\n\n  background: #d39a05;\n}\n\n\n\/* =========================================\n   HEADING\n========================================= *\/\n\n.venue-hero-content h1 {\n  margin: 0 0 25px;\n\n  color: #0b3f4a;\n\n  font-size: clamp(48px, 5vw, 70px);\n\n  line-height: 1.02;\n\n  font-weight: 700;\n\n  letter-spacing: -2.5px;\n}\n\n.venue-hero-content h1 strong {\n  display: block;\n\n  color: #d39a05;\n\n  font-weight: 700;\n}\n\n\n\/* =========================================\n   DESCRIPTION\n========================================= *\/\n\n.venue-hero-content &gt; p {\n  max-width: 580px;\n\n  margin: 0 0 35px;\n\n  color: #64747a;\n\n  font-size: 15px;\n\n  line-height: 1.85;\n}\n\n\n\/* =========================================\n   BUTTONS\n========================================= *\/\n\n.venue-hero-buttons {\n  display: flex;\n  align-items: center;\n\n  gap: 25px;\n}\n\n\n\/* Primary Button *\/\n\n.venue-btn-primary {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 18px;\n\n  padding: 16px 23px;\n\n  background: #0b4d5a;\n\n  color: #ffffff;\n\n  text-decoration: none;\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: 0.8px;\n\n  text-transform: uppercase;\n\n  transition: all 0.3s ease;\n}\n\n.venue-btn-primary span {\n  color: #d39a05;\n\n  font-size: 17px;\n\n  transition: transform 0.3s ease;\n}\n\n.venue-btn-primary:hover {\n  background: #d39a05;\n}\n\n.venue-btn-primary:hover span {\n  color: #ffffff;\n\n  transform: translateX(5px);\n}\n\n\n\/* Secondary Link *\/\n\n.venue-btn-link {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  padding-bottom: 7px;\n\n  color: #0b4d5a;\n\n  border-bottom: 1px solid #d39a05;\n\n  text-decoration: none;\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: 0.6px;\n\n  text-transform: uppercase;\n\n  transition: all 0.3s ease;\n}\n\n.venue-btn-link span {\n  color: #d39a05;\n\n  font-size: 13px;\n}\n\n.venue-btn-link:hover {\n  color: #d39a05;\n}\n\n\n\/* =========================================\n   RIGHT VISUAL\n========================================= *\/\n\n.venue-hero-visual {\n  position: relative;\n\n  min-height: 530px;\n}\n\n\n\/* =========================================\n   IMAGE\n========================================= *\/\n\n.venue-hero-image {\n  position: absolute;\n\n  top: 0;\n  right: 0;\n\n  width: 90%;\n  height: 490px;\n\n  overflow: hidden;\n\n  background-color: #0b4d5a;\n\n  \/*\n    GANTI URL INI DENGAN\n    FOTO VENUE DIDESA\n  *\/\n\n  background-image:\n    linear-gradient(\n      135deg,\n      rgba(11, 63, 74, 0.08),\n      rgba(11, 63, 74, 0.72)\n    ),\n    url(\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/rice-field-bali.webp\");\n\n  background-size: cover;\n\n  background-position: center;\n\n  transition: transform 0.5s ease;\n}\n\n\n\/* Image Hover *\/\n\n.venue-hero-image:hover {\n  transform: scale(1.015);\n}\n\n\n\/* =========================================\n   IMAGE OVERLAY\n========================================= *\/\n\n.venue-image-overlay {\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(5, 35, 42, 0.82),\n      rgba(5, 35, 42, 0.05) 65%\n    );\n}\n\n\n\/* =========================================\n   IMAGE CONTENT\n========================================= *\/\n\n.venue-image-info {\n  position: absolute;\n\n  left: 40px;\n  bottom: 45px;\n\n  z-index: 2;\n}\n\n.venue-image-small {\n  display: block;\n\n  margin-bottom: 15px;\n\n  color: #d39a05;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 2px;\n}\n\n.venue-image-info h2 {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: 32px;\n\n  line-height: 1.1;\n\n  font-weight: 600;\n\n  letter-spacing: -0.5px;\n}\n\n\n\/* =========================================\n   DECORATIVE SQUARE\n========================================= *\/\n\n.venue-decoration-square {\n  position: absolute;\n\n  top: 45px;\n  right: 0;\n\n  width: 110px;\n  height: 110px;\n\n  border: 1px solid #d39a05;\n\n  z-index: 3;\n\n  pointer-events: none;\n}\n\n\n\/* =========================================\n   DECORATIVE BLOCK\n========================================= *\/\n\n.venue-decoration-block {\n  position: absolute;\n\n  left: 0;\n  bottom: 20px;\n\n  width: 90px;\n  height: 90px;\n\n  background: #d39a05;\n\n  z-index: 3;\n\n  pointer-events: none;\n}\n\n\n\/* =========================================\n   COUNTER\n========================================= *\/\n\n.venue-image-counter {\n  position: absolute;\n\n  right: -5px;\n  bottom: 5px;\n\n  display: flex;\n  align-items: center;\n\n  gap: 8px;\n\n  z-index: 5;\n\n  color: #0b3f4a;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n}\n\n.venue-image-counter strong {\n  color: #d39a05;\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-venue-hero {\n    padding: 80px 25px;\n  }\n\n  .venue-hero-container {\n    grid-template-columns: 1fr;\n\n    gap: 60px;\n  }\n\n  .venue-hero-content {\n    max-width: 700px;\n  }\n\n  .venue-hero-visual {\n    width: 100%;\n\n    max-width: 700px;\n\n    min-height: 450px;\n  }\n\n  .venue-hero-image {\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-venue-hero {\n    padding: 65px 20px;\n  }\n\n  .venue-hero-container {\n    gap: 50px;\n  }\n\n\n  \/* Heading *\/\n\n  .venue-hero-content h1 {\n    font-size: 43px;\n\n    letter-spacing: -1.8px;\n  }\n\n  .venue-hero-content &gt; p {\n    font-size: 13px;\n\n    line-height: 1.75;\n  }\n\n\n  \/* Buttons *\/\n\n  .venue-hero-buttons {\n    flex-direction: column;\n\n    align-items: flex-start;\n\n    gap: 17px;\n  }\n\n\n  \/* Visual *\/\n\n  .venue-hero-visual {\n    min-height: 350px;\n  }\n\n  .venue-hero-image {\n    width: 92%;\n\n    height: 330px;\n  }\n\n  .venue-image-info {\n    left: 25px;\n\n    bottom: 30px;\n  }\n\n  .venue-image-info h2 {\n    font-size: 24px;\n  }\n\n\n  \/* Decorations *\/\n\n  .venue-decoration-square {\n    width: 70px;\n    height: 70px;\n\n    top: 25px;\n  }\n\n  .venue-decoration-block {\n    width: 60px;\n    height: 60px;\n\n    bottom: 10px;\n  }\n\n\n  \/* Counter *\/\n\n  .venue-image-counter {\n    right: 0;\n    bottom: 0;\n  }\n\n}\n\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width: 400px) {\n\n  .venue-hero-content h1 {\n    font-size: 38px;\n  }\n\n  .venue-hero-image {\n    width: 88%;\n  }\n\n  .venue-image-info h2 {\n    font-size: 21px;\n  }\n\n}\n<\/style>\n\n<section class=\"didesa-venue-hero\">\n\n  <div class=\"venue-hero-container\">\n\n    <!-- LEFT CONTENT -->\n    <div class=\"venue-hero-content\">\n\n      <div class=\"venue-hero-eyebrow\">\n        <span><\/span>\n        DIDESA VENUE\n      <\/div>\n\n      <h1>\n        A Place to\n        <strong>Connect, Learn &amp; Grow.<\/strong>\n      <\/h1>\n\n      <p>\n        A sustainable space where people come together to learn,\n        exchange ideas, experience nature, and grow through\n        meaningful community experiences.\n      <\/p>\n\n      <div class=\"venue-hero-buttons\">\n\n        <a href=\"#venue-introduction\" class=\"venue-btn-primary\">\n          Explore Venue\n          <span>\u2192<\/span>\n        <\/a>\n\n        <a href=\"#venue-location\" class=\"venue-btn-link\">\n          Find Our Location\n          <span>\u2197<\/span>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- RIGHT IMAGE -->\n    <div class=\"venue-hero-visual\">\n\n      <div class=\"venue-hero-image\">\n\n        <div class=\"venue-image-overlay\"><\/div>\n\n        <div class=\"venue-image-info\">\n\n          <span class=\"venue-image-small\">\n            DIDESA COMMUNITY SPACE\n          <\/span>\n\n          <h2>\n            Connect.<br>\n            Learn.<br>\n            Grow.\n          <\/h2>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- Decorative Elements -->\n\n      <div class=\"venue-decoration-square\"><\/div>\n\n      <div class=\"venue-decoration-block\"><\/div>\n\n\n      <!-- Image Counter -->\n\n      <div class=\"venue-image-counter\">\n        <strong>01<\/strong>\n        <span>VENUE<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================\n   DIDESA \u2014 VENUE INTRODUCTION\n========================================= *\/\n\n.didesa-venue-intro {\n  position: relative;\n\n  background: #ffffff;\n\n  padding: 110px 30px;\n\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.venue-intro-container {\n  max-width: 1200px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns: 0.95fr 1fr;\n\n  align-items: center;\n\n  gap: 90px;\n}\n\n\n\/* =========================================\n   VISUAL\n========================================= *\/\n\n.venue-intro-visual {\n  position: relative;\n\n  min-height: 650px;\n}\n\n\n\/* =========================================\n   IMAGE\n========================================= *\/\n\n.venue-intro-image {\n  position: absolute;\n\n  top: 0;\n  left: 0;\n\n  width: 92%;\n  height: 610px;\n\n  overflow: hidden;\n\n  background-color: #0b4d5a;\n\n  background-image:\n    linear-gradient(\n      135deg,\n      rgba(11, 63, 74, 0.05),\n      rgba(11, 63, 74, 0.65)\n    ),\n    url(\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/147297.webp\");\n\n  background-size: cover;\n\n  background-position: center;\n\n  transition: transform 0.5s ease;\n}\n\n.venue-intro-image:hover {\n  transform: scale(1.015);\n}\n\n\n\/* =========================================\n   IMAGE OVERLAY\n========================================= *\/\n\n.venue-intro-overlay {\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(5, 35, 42, 0.75),\n      rgba(5, 35, 42, 0.05) 60%\n    );\n}\n\n\n\/* =========================================\n   IMAGE CAPTION\n========================================= *\/\n\n.venue-intro-image-caption {\n  position: absolute;\n\n  left: 35px;\n  bottom: 35px;\n\n  z-index: 2;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  color: #ffffff;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n}\n\n.venue-intro-image-caption span {\n  color: #d39a05;\n\n  font-size: 28px;\n\n  letter-spacing: -1px;\n}\n\n\n\/* =========================================\n   ACCENT\n========================================= *\/\n\n.venue-intro-accent {\n  position: absolute;\n\n  right: 0;\n  bottom: 0;\n\n  width: 110px;\n  height: 110px;\n\n  background: #d39a05;\n\n  z-index: 3;\n}\n\n\n\/* =========================================\n   CONTENT\n========================================= *\/\n\n.venue-intro-content {\n  max-width: 570px;\n}\n\n\n\/* =========================================\n   LABEL\n========================================= *\/\n\n.venue-intro-label {\n  display: flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  margin-bottom: 20px;\n\n  color: #d39a05;\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 2.5px;\n}\n\n.venue-intro-label span {\n  display: block;\n\n  width: 30px;\n  height: 2px;\n\n  background: #d39a05;\n}\n\n\n\/* =========================================\n   HEADING\n========================================= *\/\n\n.venue-intro-content h2 {\n  margin: 0 0 25px;\n\n  color: #0b3f4a;\n\n  font-size: clamp(40px, 4vw, 58px);\n\n  line-height: 1.05;\n\n  font-weight: 700;\n\n  letter-spacing: -2px;\n}\n\n.venue-intro-content h2 strong {\n  color: #d39a05;\n}\n\n\n\/* =========================================\n   PARAGRAPH\n========================================= *\/\n\n.venue-intro-lead {\n  margin: 0 0 18px;\n\n  color: #123e47;\n\n  font-size: 17px;\n\n  line-height: 1.7;\n\n  font-weight: 500;\n}\n\n.venue-intro-content > p:not(.venue-intro-lead) {\n  margin: 0 0 35px;\n\n  color: #718086;\n\n  font-size: 13px;\n\n  line-height: 1.85;\n}\n\n\n\/* =========================================\n   SUSTAINABLE ENVIRONMENT\n========================================= *\/\n\n.venue-sustainable {\n  display: grid;\n\n  grid-template-columns: 60px 1fr;\n\n  gap: 20px;\n\n  padding: 25px 0;\n\n  border-top: 1px solid #d8e1e3;\n\n  border-bottom: 1px solid #d8e1e3;\n}\n\n\n\/* Icon *\/\n\n.venue-sustainable-icon {\n  width: 50px;\n  height: 50px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  background: #0b4d5a;\n}\n\n.venue-sustainable-icon svg {\n  width: 24px;\n  height: 24px;\n\n  fill: none;\n\n  stroke: #ffffff;\n\n  stroke-width: 1.5;\n\n  stroke-linecap: round;\n\n  stroke-linejoin: round;\n}\n\n\n\/* Content *\/\n\n.venue-sustainable-label {\n  margin-bottom: 7px;\n\n  color: #d39a05;\n\n  font-size: 8px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.8px;\n}\n\n.venue-sustainable-content h3 {\n  margin: 0 0 8px;\n\n  color: #123e47;\n\n  font-size: 19px;\n\n  font-weight: 700;\n}\n\n.venue-sustainable-content p {\n  margin: 0;\n\n  color: #718086;\n\n  font-size: 11px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================\n   HIGHLIGHTS\n========================================= *\/\n\n.venue-intro-highlights {\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n\n  margin-top: 30px;\n}\n\n.venue-intro-highlight {\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  padding-right: 15px;\n\n  border-right: 1px solid #d8e1e3;\n}\n\n.venue-intro-highlight:last-child {\n  border-right: none;\n\n  padding-left: 15px;\n}\n\n.venue-intro-highlight:nth-child(2) {\n  padding-left: 15px;\n}\n\n.venue-intro-highlight strong {\n  color: #d39a05;\n\n  font-size: 20px;\n\n  font-weight: 700;\n}\n\n.venue-intro-highlight span {\n  color: #64747a;\n\n  font-size: 9px;\n\n  line-height: 1.4;\n\n  font-weight: 700;\n\n  text-transform: uppercase;\n\n  letter-spacing: 0.5px;\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1000px) {\n\n  .didesa-venue-intro {\n    padding: 80px 25px;\n  }\n\n  .venue-intro-container {\n    grid-template-columns: 1fr;\n\n    gap: 70px;\n  }\n\n  .venue-intro-visual {\n    width: 100%;\n\n    max-width: 700px;\n\n    min-height: 500px;\n  }\n\n  .venue-intro-image {\n    width: 92%;\n\n    height: 470px;\n  }\n\n  .venue-intro-content {\n    max-width: 700px;\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 650px) {\n\n  .didesa-venue-intro {\n    padding: 65px 20px;\n  }\n\n  .venue-intro-container {\n    gap: 50px;\n  }\n\n\n  \/* Visual *\/\n\n  .venue-intro-visual {\n    min-height: 390px;\n  }\n\n  .venue-intro-image {\n    width: 90%;\n\n    height: 370px;\n  }\n\n  .venue-intro-image-caption {\n    left: 25px;\n\n    bottom: 25px;\n  }\n\n  .venue-intro-accent {\n    width: 65px;\n\n    height: 65px;\n  }\n\n\n  \/* Heading *\/\n\n  .venue-intro-content h2 {\n    font-size: 36px;\n\n    letter-spacing: -1.5px;\n  }\n\n  .venue-intro-lead {\n    font-size: 15px;\n  }\n\n  .venue-intro-content > p:not(.venue-intro-lead) {\n    font-size: 12px;\n  }\n\n\n  \/* Sustainable *\/\n\n  .venue-sustainable {\n    grid-template-columns: 50px 1fr;\n\n    gap: 15px;\n  }\n\n  .venue-sustainable-icon {\n    width: 45px;\n\n    height: 45px;\n  }\n\n\n  \/* Highlights *\/\n\n  .venue-intro-highlights {\n    grid-template-columns: 1fr;\n\n    gap: 15px;\n  }\n\n  .venue-intro-highlight,\n  .venue-intro-highlight:nth-child(2),\n  .venue-intro-highlight:last-child {\n    padding: 0 0 15px;\n\n    border-right: none;\n\n    border-bottom: 1px solid #d8e1e3;\n  }\n\n  .venue-intro-highlight:last-child {\n    border-bottom: none;\n  }\n\n}\n\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width: 400px) {\n\n  .venue-intro-image {\n    width: 88%;\n\n    height: 340px;\n  }\n\n  .venue-intro-visual {\n    min-height: 360px;\n  }\n\n  .venue-intro-content h2 {\n    font-size: 33px;\n  }\n\n}\n<\/style>\n\n<section class=\"didesa-venue-intro\" id=\"venue-introduction\">\n\n  <div class=\"venue-intro-container\">\n\n    <!-- IMAGE -->\n    <div class=\"venue-intro-visual\">\n\n      <div class=\"venue-intro-image\">\n        <div class=\"venue-intro-overlay\"><\/div>\n\n        <div class=\"venue-intro-image-caption\">\n          <span>02<\/span>\n          DIDESA VENUE\n        <\/div>\n      <\/div>\n\n      <div class=\"venue-intro-accent\"><\/div>\n\n    <\/div>\n\n\n    <!-- CONTENT -->\n    <div class=\"venue-intro-content\">\n\n      <div class=\"venue-intro-label\">\n        <span><\/span>\n        VENUE INTRODUCTION\n      <\/div>\n\n      <h2>\n        More Than a Place.<br>\n        <strong>A Place to Grow.<\/strong>\n      <\/h2>\n\n      <p class=\"venue-intro-lead\">\n        DIDESA Venue is a space designed to bring people, ideas, and\n        experiences together in a natural and sustainable environment.\n      <\/p>\n\n      <p>\n        Located within a living rural environment, the venue provides an\n        opportunity for individuals, communities, organizations, and\n        institutions to learn, connect, collaborate, and experience\n        sustainable living in practice.\n      <\/p>\n\n\n      <!-- SUSTAINABLE ENVIRONMENT -->\n      <div class=\"venue-sustainable\">\n\n        <div class=\"venue-sustainable-icon\">\n\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M12 21V10\"><\/path>\n            <path d=\"M12 10C8 10 6 8 6 5c4 0 6 2 6 5z\"><\/path>\n            <path d=\"M12 14c4 0 6-2 6-5-4 0-6 2-6 5z\"><\/path>\n            <path d=\"M7 21h10\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n        <div class=\"venue-sustainable-content\">\n\n          <div class=\"venue-sustainable-label\">\n            OUR ENVIRONMENT\n          <\/div>\n\n          <h3>\n            Sustainable Environment\n          <\/h3>\n\n          <p>\n            We integrate nature, agriculture, learning spaces, and\n            community activities to create an environment where\n            sustainability can be experienced, not just discussed.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- SMALL HIGHLIGHTS -->\n      <div class=\"venue-intro-highlights\">\n\n        <div class=\"venue-intro-highlight\">\n          <strong>01<\/strong>\n          <span>Natural<br>Environment<\/span>\n        <\/div>\n\n        <div class=\"venue-intro-highlight\">\n          <strong>02<\/strong>\n          <span>Learning<br>Space<\/span>\n        <\/div>\n\n        <div class=\"venue-intro-highlight\">\n          <strong>03<\/strong>\n          <span>Community<br>Experience<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================\n   DIDESA \u2014 VENUE EXPERIENCE\n========================================= *\/\n\n.didesa-venue-experience {\n\n  background: #f3f7f8;\n\n  padding: 110px 30px;\n\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.venue-experience-container {\n\n  max-width: 1200px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================\n   HEADER\n========================================= *\/\n\n.venue-experience-header {\n\n  margin-bottom: 65px;\n}\n\n.venue-experience-label {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  margin-bottom: 20px;\n\n  color: #d39a05;\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 2.5px;\n}\n\n.venue-experience-label span {\n\n  display: block;\n\n  width: 30px;\n\n  height: 2px;\n\n  background: #d39a05;\n}\n\n\n\/* =========================================\n   HEADING\n========================================= *\/\n\n.venue-experience-heading {\n\n  display: grid;\n\n  grid-template-columns: 1fr 0.8fr;\n\n  gap: 80px;\n\n  align-items: end;\n}\n\n.venue-experience-heading h2 {\n\n  margin: 0;\n\n  color: #0b3f4a;\n\n  font-size: clamp(42px, 5vw, 64px);\n\n  line-height: 1.02;\n\n  letter-spacing: -2px;\n\n  font-weight: 700;\n}\n\n.venue-experience-heading h2 strong {\n\n  color: #d39a05;\n\n  font-weight: 700;\n}\n\n.venue-experience-heading p {\n\n  margin: 0;\n\n  color: #64747a;\n\n  font-size: 14px;\n\n  line-height: 1.85;\n}\n\n\n\/* =========================================\n   GRID\n========================================= *\/\n\n.venue-experience-grid {\n\n  display: grid;\n\n  grid-template-columns: repeat(2, 1fr);\n\n  gap: 25px;\n}\n\n\n\/* =========================================\n   CARD\n========================================= *\/\n\n.venue-experience-card {\n\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  min-height: 390px;\n\n  background: #ffffff;\n\n  overflow: hidden;\n\n  transition:\n    transform 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n.venue-experience-card:hover {\n\n  transform: translateY(-6px);\n\n  box-shadow:\n    0 18px 45px rgba(11, 63, 74, 0.10);\n}\n\n\n\/* =========================================\n   IMAGE\n========================================= *\/\n\n.venue-experience-image {\n\n  position: relative;\n\n  min-height: 390px;\n\n  overflow: hidden;\n\n  background-color: #0b4d5a;\n\n  background-size: cover;\n\n  background-position: center;\n}\n\n\n\/* =========================================\n   IMAGES\n========================================= *\/\n\n.venue-experience-learning\n.venue-experience-image {\n\n  background-image:\n    linear-gradient(\n      rgba(11, 63, 74, 0.10),\n      rgba(11, 63, 74, 0.72)\n    ),\n    url(\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-02-at-10.56.34-2.webp\");\n}\n\n.venue-experience-community\n.venue-experience-image {\n\n  background-image:\n    linear-gradient(\n      rgba(11, 63, 74, 0.10),\n      rgba(11, 63, 74, 0.72)\n    ),\n    url(\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-02-at-10.57.21-1.webp\");\n}\n\n.venue-experience-agriculture\n.venue-experience-image {\n\n  background-image:\n    linear-gradient(\n      rgba(11, 63, 74, 0.10),\n      rgba(11, 63, 74, 0.72)\n    ),\n    url(\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-02-at-10.56.34-1-1.webp\");\n}\n\n.venue-experience-sustainability\n.venue-experience-image {\n\n  background-image:\n    linear-gradient(\n      rgba(11, 63, 74, 0.10),\n      rgba(11, 63, 74, 0.72)\n    ),\n    url(\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/v-4.webp\");\n}\n\n\n\/* =========================================\n   OVERLAY\n========================================= *\/\n\n.venue-experience-overlay {\n\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(5, 35, 42, 0.78),\n      rgba(5, 35, 42, 0.05) 70%\n    );\n}\n\n\n\/* =========================================\n   IMAGE NUMBER\n========================================= *\/\n\n.venue-experience-number {\n\n  position: absolute;\n\n  top: 22px;\n\n  left: 22px;\n\n  z-index: 2;\n\n  color: #ffffff;\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n}\n\n\n\/* =========================================\n   CATEGORY\n========================================= *\/\n\n.venue-experience-category {\n\n  position: absolute;\n\n  top: 24px;\n\n  right: 22px;\n\n  z-index: 2;\n\n  color: #d39a05;\n\n  font-size: 8px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n}\n\n\n\/* =========================================\n   IMAGE TITLE\n========================================= *\/\n\n.venue-experience-image-title {\n\n  position: absolute;\n\n  left: 25px;\n\n  bottom: 25px;\n\n  z-index: 2;\n\n  color: #ffffff;\n\n  font-size: 22px;\n\n  font-weight: 700;\n\n  letter-spacing: 1px;\n}\n\n\n\/* =========================================\n   CONTENT\n========================================= *\/\n\n.venue-experience-content {\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n\n  padding: 35px;\n}\n\n\n\/* Number *\/\n\n.venue-experience-content-number {\n\n  margin-bottom: 20px;\n\n  color: #d39a05;\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n}\n\n\n\/* Heading *\/\n\n.venue-experience-content h3 {\n\n  margin: 0 0 15px;\n\n  color: #123e47;\n\n  font-size: 24px;\n\n  line-height: 1.15;\n\n  letter-spacing: -0.5px;\n\n  font-weight: 700;\n}\n\n\n\/* Description *\/\n\n.venue-experience-content p {\n\n  margin: 0 0 25px;\n\n  color: #718086;\n\n  font-size: 11px;\n\n  line-height: 1.75;\n}\n\n\n\/* =========================================\n   LINK\n========================================= *\/\n\n.venue-experience-link {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  align-self: flex-start;\n\n  color: #0b4d5a;\n\n  text-decoration: none;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 0.7px;\n\n  text-transform: uppercase;\n}\n\n.venue-experience-link span {\n\n  color: #d39a05;\n\n  font-size: 17px;\n\n  transition: transform 0.3s ease;\n}\n\n.venue-experience-link:hover span {\n\n  transform: translateX(6px);\n}\n\n\n\/* =========================================\n   BOTTOM STATEMENT\n========================================= *\/\n\n.venue-experience-bottom {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 20px;\n\n  margin-top: 45px;\n}\n\n.venue-experience-bottom-line {\n\n  width: 45px;\n\n  height: 2px;\n\n  background: #d39a05;\n\n  flex-shrink: 0;\n}\n\n.venue-experience-bottom p {\n\n  margin: 0;\n\n  color: #64747a;\n\n  font-size: 11px;\n\n  line-height: 1.5;\n}\n\n.venue-experience-bottom strong {\n\n  color: #123e47;\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1000px) {\n\n  .didesa-venue-experience {\n\n    padding: 80px 25px;\n  }\n\n  .venue-experience-heading {\n\n    grid-template-columns: 1fr;\n\n    gap: 25px;\n  }\n\n  .venue-experience-grid {\n\n    grid-template-columns: 1fr;\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 650px) {\n\n  .didesa-venue-experience {\n\n    padding: 65px 20px;\n  }\n\n  .venue-experience-header {\n\n    margin-bottom: 45px;\n  }\n\n  .venue-experience-heading h2 {\n\n    font-size: 38px;\n\n    letter-spacing: -1.5px;\n  }\n\n  .venue-experience-heading p {\n\n    font-size: 13px;\n\n    line-height: 1.75;\n  }\n\n\n  \/* Card *\/\n\n  .venue-experience-card {\n\n    grid-template-columns: 1fr;\n\n  }\n\n  .venue-experience-image {\n\n    min-height: 260px;\n\n    height: 260px;\n  }\n\n  .venue-experience-content {\n\n    padding: 28px;\n  }\n\n  .venue-experience-content h3 {\n\n    font-size: 22px;\n  }\n\n\n  \/* Bottom *\/\n\n  .venue-experience-bottom {\n\n    margin-top: 35px;\n  }\n\n}\n\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width: 400px) {\n\n  .venue-experience-heading h2 {\n\n    font-size: 34px;\n  }\n\n  .venue-experience-image {\n\n    height: 230px;\n\n    min-height: 230px;\n  }\n\n  .venue-experience-content {\n\n    padding: 24px;\n  }\n\n}\n<\/style>\n\n<section class=\"didesa-venue-experience\">\n\n  <div class=\"venue-experience-container\">\n\n    <!-- HEADER -->\n    <div class=\"venue-experience-header\">\n\n      <div class=\"venue-experience-label\">\n        <span><\/span>\n        VENUE EXPERIENCE\n      <\/div>\n\n      <div class=\"venue-experience-heading\">\n\n        <h2>\n          Experience.<br>\n          <strong>Learn. Connect. Grow.<\/strong>\n        <\/h2>\n\n        <p>\n          DIDESA Venue offers more than a physical space. It is an environment\n          where learning, community, agriculture, and sustainability come\n          together to create meaningful experiences.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- EXPERIENCE GRID -->\n    <div class=\"venue-experience-grid\">\n\n\n      <!-- 01 LEARNING -->\n      <article class=\"venue-experience-card venue-experience-learning\">\n\n        <div class=\"venue-experience-image\">\n\n          <div class=\"venue-experience-overlay\"><\/div>\n\n          <div class=\"venue-experience-number\">\n            01\n          <\/div>\n\n          <div class=\"venue-experience-category\">\n            EXPERIENCE\n          <\/div>\n\n          <div class=\"venue-experience-image-title\">\n            LEARNING\n          <\/div>\n\n        <\/div>\n\n        <div class=\"venue-experience-content\">\n\n          <div class=\"venue-experience-content-number\">\n            01\n          <\/div>\n\n          <h3>\n            Learn Through<br>\n            Experience\n          <\/h3>\n\n          <p>\n            A space for workshops, training, discussions, and knowledge\n            exchange where participants can learn through real experiences.\n          <\/p>\n\n          <a href=\"#\" class=\"venue-experience-link\">\n            Discover Learning\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 02 COMMUNITY -->\n      <article class=\"venue-experience-card venue-experience-community\">\n\n        <div class=\"venue-experience-image\">\n\n          <div class=\"venue-experience-overlay\"><\/div>\n\n          <div class=\"venue-experience-number\">\n            02\n          <\/div>\n\n          <div class=\"venue-experience-category\">\n            EXPERIENCE\n          <\/div>\n\n          <div class=\"venue-experience-image-title\">\n            KOMUNITAS\n          <\/div>\n\n        <\/div>\n\n        <div class=\"venue-experience-content\">\n\n          <div class=\"venue-experience-content-number\">\n            02\n          <\/div>\n\n          <h3>\n            Connect With<br>\n            People &amp; Ideas\n          <\/h3>\n\n          <p>\n            A welcoming environment for communities, organizations,\n            and individuals to meet, collaborate, and exchange ideas.\n          <\/p>\n\n          <a href=\"#\" class=\"venue-experience-link\">\n            Discover Community\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 03 AGRICULTURE -->\n      <article class=\"venue-experience-card venue-experience-agriculture\">\n\n        <div class=\"venue-experience-image\">\n\n          <div class=\"venue-experience-overlay\"><\/div>\n\n          <div class=\"venue-experience-number\">\n            03\n          <\/div>\n\n          <div class=\"venue-experience-category\">\n            EXPERIENCE\n          <\/div>\n\n          <div class=\"venue-experience-image-title\">\n            AGRICULTURE\n          <\/div>\n\n        <\/div>\n\n        <div class=\"venue-experience-content\">\n\n          <div class=\"venue-experience-content-number\">\n            03\n          <\/div>\n\n          <h3>\n            Discover<br>\n            Sustainable Agriculture\n          <\/h3>\n\n          <p>\n            Experience agriculture in practice through gardens, farming\n            activities, local food systems, and community-based practices.\n          <\/p>\n\n          <a href=\"#\" class=\"venue-experience-link\">\n            Explore Agriculture\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 04 SUSTAINABILITY -->\n      <article class=\"venue-experience-card venue-experience-sustainability\">\n\n        <div class=\"venue-experience-image\">\n\n          <div class=\"venue-experience-overlay\"><\/div>\n\n          <div class=\"venue-experience-number\">\n            04\n          <\/div>\n\n          <div class=\"venue-experience-category\">\n            EXPERIENCE\n          <\/div>\n\n          <div class=\"venue-experience-image-title\">\n            SUSTAINABILITY\n          <\/div>\n\n        <\/div>\n\n        <div class=\"venue-experience-content\">\n\n          <div class=\"venue-experience-content-number\">\n            04\n          <\/div>\n\n          <h3>\n            Experience<br>\n            Sustainable Living\n          <\/h3>\n\n          <p>\n            Discover practical approaches to sustainability through water,\n            waste management, natural resources, and responsible living.\n          <\/p>\n\n          <a href=\"#\" class=\"venue-experience-link\">\n            Explore Sustainability\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- BOTTOM STATEMENT -->\n    <div class=\"venue-experience-bottom\">\n\n      <div class=\"venue-experience-bottom-line\"><\/div>\n\n      <p>\n        <strong>Four experiences.<\/strong>\n        One place to learn, connect, and grow together.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================\n   DIDESA \u2014 VENUE FACILITIES\n========================================= *\/\n\n.didesa-venue-facilities {\n  background: #ffffff;\n  padding: 110px 30px;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.venue-facilities-container {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n\n\/* =========================================\n   HEADER\n========================================= *\/\n\n.venue-facilities-header {\n  margin-bottom: 65px;\n}\n\n.venue-facilities-label {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n\n  margin-bottom: 20px;\n\n  color: #d39a05;\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: 2.5px;\n}\n\n.venue-facilities-label span {\n  width: 30px;\n  height: 2px;\n\n  background: #d39a05;\n\n  display: inline-block;\n}\n\n\n\/* =========================================\n   HEADING\n========================================= *\/\n\n.venue-facilities-heading {\n  display: grid;\n\n  grid-template-columns: 1fr 0.8fr;\n\n  gap: 80px;\n\n  align-items: end;\n}\n\n.venue-facilities-heading h2 {\n  margin: 0;\n\n  color: #0b3f4a;\n\n  font-size: clamp(42px, 5vw, 64px);\n\n  line-height: 1.02;\n\n  letter-spacing: -2px;\n\n  font-weight: 700;\n}\n\n.venue-facilities-heading h2 strong {\n  color: #d39a05;\n}\n\n.venue-facilities-heading p {\n  margin: 0;\n\n  color: #64747a;\n\n  font-size: 14px;\n\n  line-height: 1.85;\n}\n\n\n\/* =========================================\n   FACILITIES LIST\n========================================= *\/\n\n.venue-facilities-list {\n  display: flex;\n  flex-direction: column;\n\n  border-top: 1px solid #d8e1e3;\n}\n\n\n\/* =========================================\n   FACILITY ITEM\n========================================= *\/\n\n.venue-facility-item {\n  display: grid;\n\n  grid-template-columns: 55px 310px 1fr;\n\n  gap: 35px;\n\n  align-items: center;\n\n  padding: 30px 0;\n\n  border-bottom: 1px solid #d8e1e3;\n\n  transition:\n    background 0.3s ease,\n    transform 0.3s ease;\n}\n\n.venue-facility-item:hover {\n  background: #f5f8f8;\n\n  transform: translateX(5px);\n}\n\n\n\/* =========================================\n   NUMBER\n========================================= *\/\n\n.venue-facility-number {\n  color: #d39a05;\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n}\n\n\n\/* =========================================\n   IMAGE\n========================================= *\/\n\n.venue-facility-image {\n  position: relative;\n\n  width: 100%;\n  height: 190px;\n\n  overflow: hidden;\n\n  background-color: #0b4d5a;\n\n  background-size: cover;\n  background-position: center;\n\n  transition: transform 0.4s ease;\n}\n\n.venue-facility-item:hover .venue-facility-image {\n  transform: scale(1.02);\n}\n\n\n\/* =========================================\n   IMAGES\n========================================= *\/\n\n.venue-facility-image-01 {\n  background-image:\n    linear-gradient(\n      rgba(11, 63, 74, 0.10),\n      rgba(11, 63, 74, 0.65)\n    ),\n    url(\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/rice-teresses.webp\");\n}\n\n.venue-facility-image-02 {\n  background-image:\n    linear-gradient(\n      rgba(11, 63, 74, 0.10),\n      rgba(11, 63, 74, 0.65)\n    ),\n    url(\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/1983.webp\");\n}\n\n.venue-facility-image-03 {\n  background-image:\n    linear-gradient(\n      rgba(11, 63, 74, 0.10),\n      rgba(11, 63, 74, 0.65)\n    ),\n    url(\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/fields-bali-are-photographed-from-drone.webp\");\n}\n\n.venue-facility-image-04 {\n  background-image:\n    linear-gradient(\n      rgba(11, 63, 74, 0.10),\n      rgba(11, 63, 74, 0.65)\n    ),\n    url(\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/farmers-tending-crops-agricultural-field.webp\");\n}\n\n\n\/* =========================================\n   IMAGE OVERLAY\n========================================= *\/\n\n.venue-facility-image-overlay {\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(5, 35, 42, 0.65),\n      rgba(5, 35, 42, 0.05)\n    );\n}\n\n\n\/* =========================================\n   IMAGE LABEL\n========================================= *\/\n\n.venue-facility-image > span {\n  position: absolute;\n\n  left: 18px;\n  bottom: 15px;\n\n  z-index: 2;\n\n  color: #ffffff;\n\n  font-size: 8px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n}\n\n\n\/* =========================================\n   CONTENT\n========================================= *\/\n\n.venue-facility-content {\n  max-width: 570px;\n}\n\n.venue-facility-category {\n  margin-bottom: 10px;\n\n  color: #d39a05;\n\n  font-size: 8px;\n\n  font-weight: 700;\n\n  letter-spacing: 2px;\n}\n\n.venue-facility-content h3 {\n  margin: 0 0 13px;\n\n  color: #123e47;\n\n  font-size: 27px;\n\n  line-height: 1.12;\n\n  letter-spacing: -0.7px;\n\n  font-weight: 700;\n}\n\n.venue-facility-content p {\n  max-width: 520px;\n\n  margin: 0 0 18px;\n\n  color: #718086;\n\n  font-size: 12px;\n\n  line-height: 1.75;\n}\n\n\n\/* =========================================\n   FEATURES\n========================================= *\/\n\n.venue-facility-content ul {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 8px 20px;\n\n  margin: 0;\n\n  padding: 0;\n\n  list-style: none;\n}\n\n.venue-facility-content li {\n  position: relative;\n\n  padding-left: 12px;\n\n  color: #64747a;\n\n  font-size: 9px;\n\n  font-weight: 600;\n}\n\n.venue-facility-content li::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  top: 5px;\n\n  width: 4px;\n  height: 4px;\n\n  background: #d39a05;\n}\n\n\n\/* =========================================\n   FOOTER\n========================================= *\/\n\n.venue-facilities-footer {\n  display: flex;\n\n  align-items: center;\n\n  gap: 20px;\n\n  margin-top: 45px;\n}\n\n.venue-facilities-footer-line {\n  width: 45px;\n  height: 2px;\n\n  background: #d39a05;\n\n  flex-shrink: 0;\n}\n\n.venue-facilities-footer p {\n  margin: 0;\n\n  color: #718086;\n\n  font-size: 11px;\n}\n\n.venue-facilities-footer strong {\n  color: #123e47;\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1000px) {\n\n  .didesa-venue-facilities {\n    padding: 80px 25px;\n  }\n\n  .venue-facilities-heading {\n    grid-template-columns: 1fr;\n\n    gap: 25px;\n  }\n\n  .venue-facility-item {\n    grid-template-columns: 45px 280px 1fr;\n\n    gap: 25px;\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 700px) {\n\n  .didesa-venue-facilities {\n    padding: 65px 20px;\n  }\n\n  .venue-facilities-header {\n    margin-bottom: 45px;\n  }\n\n  .venue-facilities-heading h2 {\n    font-size: 38px;\n\n    letter-spacing: -1.5px;\n  }\n\n  .venue-facilities-heading p {\n    font-size: 13px;\n\n    line-height: 1.75;\n  }\n\n\n  \/* Facility *\/\n\n  .venue-facility-item {\n    grid-template-columns: 1fr;\n\n    gap: 18px;\n\n    padding: 30px 0;\n  }\n\n  .venue-facility-number {\n    order: 1;\n  }\n\n  .venue-facility-image {\n    order: 2;\n\n    height: 240px;\n  }\n\n  .venue-facility-content {\n    order: 3;\n\n    max-width: none;\n  }\n\n  .venue-facility-content h3 {\n    font-size: 23px;\n  }\n\n  .venue-facility-content p {\n    font-size: 11px;\n  }\n\n\n  \/* Footer *\/\n\n  .venue-facilities-footer {\n    margin-top: 35px;\n  }\n\n}\n\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width: 400px) {\n\n  .venue-facilities-heading h2 {\n    font-size: 34px;\n  }\n\n  .venue-facility-image {\n    height: 210px;\n  }\n\n  .venue-facility-content h3 {\n    font-size: 21px;\n  }\n\n}\n<\/style>\n\n<section class=\"didesa-venue-facilities\" id=\"venue-facilities\">\n\n  <div class=\"venue-facilities-container\">\n\n    <!-- HEADER -->\n    <div class=\"venue-facilities-header\">\n\n      <div class=\"venue-facilities-label\">\n        <span><\/span>\n        FACILITIES\n      <\/div>\n\n      <div class=\"venue-facilities-heading\">\n\n        <h2>\n          Spaces Designed<br>\n          <strong>for Experience.<\/strong>\n        <\/h2>\n\n        <p>\n          Thoughtfully designed spaces that support learning, collaboration,\n          community activities, and meaningful experiences within a sustainable\n          environment.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- FACILITIES LIST -->\n    <div class=\"venue-facilities-list\">\n\n\n      <!-- FACILITY 01 -->\n      <article class=\"venue-facility-item\">\n\n        <div class=\"venue-facility-number\">\n          01\n        <\/div>\n\n        <div class=\"venue-facility-image venue-facility-image-01\">\n          <div class=\"venue-facility-image-overlay\"><\/div>\n\n          <span>SPACE 01<\/span>\n        <\/div>\n\n        <div class=\"venue-facility-content\">\n\n          <div class=\"venue-facility-category\">\n            LEARNING\n          <\/div>\n\n          <h3>\n            Learning &amp;<br>\n            Training Space\n          <\/h3>\n\n          <p>\n            A comfortable space for workshops, training sessions,\n            seminars, discussions, and knowledge sharing.\n          <\/p>\n\n          <ul>\n            <li>Flexible seating<\/li>\n            <li>Presentation area<\/li>\n            <li>Discussion space<\/li>\n          <\/ul>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- FACILITY 02 -->\n      <article class=\"venue-facility-item\">\n\n        <div class=\"venue-facility-number\">\n          02\n        <\/div>\n\n        <div class=\"venue-facility-image venue-facility-image-02\">\n          <div class=\"venue-facility-image-overlay\"><\/div>\n\n          <span>SPACE 02<\/span>\n        <\/div>\n\n        <div class=\"venue-facility-content\">\n\n          <div class=\"venue-facility-category\">\n            KOMUNITAS\n          <\/div>\n\n          <h3>\n            Community<br>\n            Gathering Space\n          <\/h3>\n\n          <p>\n            An open and welcoming area designed for community gatherings,\n            collaboration, networking, and shared activities.\n          <\/p>\n\n          <ul>\n            <li>Open gathering area<\/li>\n            <li>Community activities<\/li>\n            <li>Networking space<\/li>\n          <\/ul>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- FACILITY 03 -->\n      <article class=\"venue-facility-item\">\n\n        <div class=\"venue-facility-number\">\n          03\n        <\/div>\n\n        <div class=\"venue-facility-image venue-facility-image-03\">\n          <div class=\"venue-facility-image-overlay\"><\/div>\n\n          <span>SPACE 03<\/span>\n        <\/div>\n\n        <div class=\"venue-facility-content\">\n\n          <div class=\"venue-facility-category\">\n            AGRICULTURE\n          <\/div>\n\n          <h3>\n            Agriculture<br>\n            Experience Area\n          <\/h3>\n\n          <p>\n            A living space where visitors can experience agriculture,\n            gardening, food production, and local farming practices.\n          <\/p>\n\n          <ul>\n            <li>Demonstration garden<\/li>\n            <li>Farming activities<\/li>\n            <li>Local food experience<\/li>\n          <\/ul>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- FACILITY 04 -->\n      <article class=\"venue-facility-item\">\n\n        <div class=\"venue-facility-number\">\n          04\n        <\/div>\n\n        <div class=\"venue-facility-image venue-facility-image-04\">\n          <div class=\"venue-facility-image-overlay\"><\/div>\n\n          <span>SPACE 04<\/span>\n        <\/div>\n\n        <div class=\"venue-facility-content\">\n\n          <div class=\"venue-facility-category\">\n            SUSTAINABILITY\n          <\/div>\n\n          <h3>\n            Sustainable<br>\n            Living Area\n          <\/h3>\n\n          <p>\n            A practical environment for discovering sustainable approaches\n            to water, waste, energy, agriculture, and everyday living.\n          <\/p>\n\n          <ul>\n            <li>Water solutions<\/li>\n            <li>Waste management<\/li>\n            <li>Eco practices<\/li>\n          <\/ul>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- FOOTER -->\n    <div class=\"venue-facilities-footer\">\n\n      <div class=\"venue-facilities-footer-line\"><\/div>\n\n      <p>\n        <strong>Designed for people.<\/strong>\n        Connected with nature.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================\n   DIDESA \u2014 VENUE GALLERY\n========================================= *\/\n\n.didesa-venue-gallery {\n  background: #f3f7f8;\n  padding: 110px 30px;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.venue-gallery-container {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n\n\/* =========================================\n   HEADER\n========================================= *\/\n\n.venue-gallery-header {\n  margin-bottom: 65px;\n}\n\n.venue-gallery-label {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n\n  margin-bottom: 20px;\n\n  color: #d39a05;\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: 2.5px;\n}\n\n.venue-gallery-label span {\n  display: block;\n\n  width: 30px;\n  height: 2px;\n\n  background: #d39a05;\n}\n\n\n\/* =========================================\n   HEADING\n========================================= *\/\n\n.venue-gallery-heading {\n  display: grid;\n\n  grid-template-columns: 1fr 0.8fr;\n\n  gap: 80px;\n\n  align-items: end;\n}\n\n.venue-gallery-heading h2 {\n  margin: 0;\n\n  color: #0b3f4a;\n\n  font-size: clamp(42px, 5vw, 64px);\n\n  line-height: 1.02;\n\n  letter-spacing: -2px;\n\n  font-weight: 700;\n}\n\n.venue-gallery-heading h2 strong {\n  color: #d39a05;\n}\n\n.venue-gallery-heading p {\n  margin: 0;\n\n  color: #64747a;\n\n  font-size: 14px;\n\n  line-height: 1.85;\n}\n\n\n\/* =========================================\n   GALLERY GRID\n========================================= *\/\n\n.venue-gallery-grid {\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n\n  grid-template-rows: 280px 280px;\n\n  gap: 15px;\n}\n\n\n\/* =========================================\n   GALLERY ITEM\n========================================= *\/\n\n.venue-gallery-item {\n  position: relative;\n\n  overflow: hidden;\n\n  background: #0b4d5a;\n\n  cursor: pointer;\n}\n\n.venue-gallery-item img {\n  width: 100%;\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n\n  transition:\n    transform 0.6s ease;\n}\n\n.venue-gallery-item:hover img {\n  transform: scale(1.06);\n}\n\n\n\/* =========================================\n   ASYMMETRIC LAYOUT\n========================================= *\/\n\n\/* Main image *\/\n\n.venue-gallery-main {\n  grid-column: span 2;\n\n  grid-row: span 2;\n}\n\n\n\/* Image 02 *\/\n\n.venue-gallery-item-02 {\n  grid-column: span 1;\n}\n\n\n\/* Image 03 *\/\n\n.venue-gallery-item-03 {\n  grid-column: span 1;\n}\n\n\n\/* Image 04 *\/\n\n.venue-gallery-item-04 {\n  grid-column: span 1;\n}\n\n\n\/* Image 05 *\/\n\n.venue-gallery-item-05 {\n  grid-column: span 1;\n}\n\n\n\/* Image 06 *\/\n\n.venue-gallery-item-06 {\n  grid-column: span 2;\n}\n\n\n\/* =========================================\n   OVERLAY\n========================================= *\/\n\n.venue-gallery-overlay {\n  position: absolute;\n\n  inset: 0;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: space-between;\n\n  padding: 22px;\n\n  background:\n    linear-gradient(\n      to bottom,\n      rgba(5, 35, 42, 0.30),\n      transparent 35%,\n      rgba(5, 35, 42, 0.80)\n    );\n\n  opacity: 0.95;\n\n  transition:\n    background 0.4s ease;\n}\n\n.venue-gallery-item:hover .venue-gallery-overlay {\n  background:\n    linear-gradient(\n      to bottom,\n      rgba(5, 35, 42, 0.35),\n      transparent 30%,\n      rgba(5, 35, 42, 0.88)\n    );\n}\n\n\n\/* =========================================\n   NUMBER\n========================================= *\/\n\n.venue-gallery-number {\n  color: #ffffff;\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n}\n\n\n\/* =========================================\n   CAPTION\n========================================= *\/\n\n.venue-gallery-caption {\n  transform: translateY(5px);\n\n  transition:\n    transform 0.4s ease;\n}\n\n.venue-gallery-item:hover .venue-gallery-caption {\n  transform: translateY(0);\n}\n\n.venue-gallery-caption small {\n  display: block;\n\n  margin-bottom: 7px;\n\n  color: #d39a05;\n\n  font-size: 8px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.7px;\n}\n\n.venue-gallery-caption h3 {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: 17px;\n\n  line-height: 1.2;\n\n  font-weight: 600;\n}\n\n\n\/* Main caption *\/\n\n.venue-gallery-main .venue-gallery-caption h3 {\n  font-size: 27px;\n}\n\n\n\/* =========================================\n   FOOTER\n========================================= *\/\n\n.venue-gallery-footer {\n  display: flex;\n\n  align-items: center;\n\n  gap: 20px;\n\n  margin-top: 40px;\n}\n\n.venue-gallery-footer-line {\n  width: 45px;\n  height: 2px;\n\n  flex-shrink: 0;\n\n  background: #d39a05;\n}\n\n.venue-gallery-footer p {\n  margin: 0;\n\n  color: #718086;\n\n  font-size: 11px;\n}\n\n.venue-gallery-footer strong {\n  color: #123e47;\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1000px) {\n\n  .didesa-venue-gallery {\n    padding: 80px 25px;\n  }\n\n  .venue-gallery-heading {\n    grid-template-columns: 1fr;\n\n    gap: 25px;\n  }\n\n  .venue-gallery-grid {\n    grid-template-columns: repeat(2, 1fr);\n\n    grid-template-rows: 300px 220px 220px;\n  }\n\n  .venue-gallery-main {\n    grid-column: span 2;\n\n    grid-row: span 1;\n  }\n\n  .venue-gallery-item-06 {\n    grid-column: span 2;\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 650px) {\n\n  .didesa-venue-gallery {\n    padding: 65px 20px;\n  }\n\n  .venue-gallery-header {\n    margin-bottom: 45px;\n  }\n\n  .venue-gallery-heading h2 {\n    font-size: 38px;\n\n    letter-spacing: -1.5px;\n  }\n\n  .venue-gallery-heading p {\n    font-size: 13px;\n\n    line-height: 1.75;\n  }\n\n\n  \/* Grid *\/\n\n  .venue-gallery-grid {\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    grid-template-rows:\n      300px\n      200px\n      200px\n      240px;\n\n    gap: 10px;\n  }\n\n\n  \/* Main *\/\n\n  .venue-gallery-main {\n    grid-column: span 2;\n\n    grid-row: span 1;\n  }\n\n\n  \/* Small images *\/\n\n  .venue-gallery-item-02,\n  .venue-gallery-item-03,\n  .venue-gallery-item-04,\n  .venue-gallery-item-05 {\n    grid-column: span 1;\n  }\n\n\n  \/* Last *\/\n\n  .venue-gallery-item-06 {\n    grid-column: span 2;\n  }\n\n\n  \/* Overlay *\/\n\n  .venue-gallery-overlay {\n    padding: 16px;\n  }\n\n  .venue-gallery-caption h3 {\n    font-size: 14px;\n  }\n\n  .venue-gallery-main .venue-gallery-caption h3 {\n    font-size: 22px;\n  }\n\n  .venue-gallery-caption small {\n    font-size: 7px;\n  }\n\n}\n\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width: 400px) {\n\n  .venue-gallery-heading h2 {\n    font-size: 34px;\n  }\n\n  .venue-gallery-grid {\n    grid-template-rows:\n      260px\n      180px\n      180px\n      210px;\n  }\n\n  .venue-gallery-main .venue-gallery-caption h3 {\n    font-size: 20px;\n  }\n\n}\n<\/style>\n\n<section class=\"didesa-venue-gallery\" id=\"venue-gallery\">\n\n  <div class=\"venue-gallery-container\">\n\n    <!-- HEADER -->\n    <div class=\"venue-gallery-header\">\n\n      <div class=\"venue-gallery-label\">\n        <span><\/span>\n        GALLERY\n      <\/div>\n\n      <div class=\"venue-gallery-heading\">\n\n        <h2>\n          A Glimpse Into<br>\n          <strong>DIDESA Venue.<\/strong>\n        <\/h2>\n\n        <p>\n          Explore the spaces, people, activities, and natural environment\n          that make DIDESA Venue a place for learning, connection,\n          and meaningful experiences.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- GALLERY GRID -->\n    <div class=\"venue-gallery-grid\">\n\n      <!-- MAIN IMAGE -->\n      <div class=\"venue-gallery-item venue-gallery-main\">\n\n        <img decoding=\"async\" src=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/planting-organic-rice-farmland.webp\" alt=\"DIDESA Venue\" loading=\"lazy\" title=\"Lokasi\">\n\n        <div class=\"venue-gallery-overlay\">\n\n          <span class=\"venue-gallery-number\">01<\/span>\n\n          <div class=\"venue-gallery-caption\">\n            <small>DIDESA VENUE<\/small>\n            <h3>Where Nature Meets Community<\/h3>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- IMAGE 02 -->\n      <div class=\"venue-gallery-item venue-gallery-item-02\">\n\n        <img decoding=\"async\" src=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/18198.webp\" alt=\"DIDESA learning activity\" loading=\"lazy\" title=\"Lokasi\">\n\n        <div class=\"venue-gallery-overlay\">\n\n          <span class=\"venue-gallery-number\">02<\/span>\n\n          <div class=\"venue-gallery-caption\">\n            <small>LEARNING<\/small>\n            <h3>Learning Together<\/h3>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- IMAGE 03 -->\n      <div class=\"venue-gallery-item venue-gallery-item-03\">\n\n        <img decoding=\"async\" src=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/2352.webp\" alt=\"DIDESA community activity\" loading=\"lazy\" title=\"Lokasi\">\n\n        <div class=\"venue-gallery-overlay\">\n\n          <span class=\"venue-gallery-number\">03<\/span>\n\n          <div class=\"venue-gallery-caption\">\n            <small>KOMUNITAS<\/small>\n            <h3>Growing Together<\/h3>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- IMAGE 04 -->\n      <div class=\"venue-gallery-item venue-gallery-item-04\">\n\n        <img decoding=\"async\" src=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/967.webp\" alt=\"DIDESA agriculture\" loading=\"lazy\" title=\"Lokasi\">\n\n        <div class=\"venue-gallery-overlay\">\n\n          <span class=\"venue-gallery-number\">04<\/span>\n\n          <div class=\"venue-gallery-caption\">\n            <small>AGRICULTURE<\/small>\n            <h3>Connected With Nature<\/h3>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- IMAGE 05 -->\n      <div class=\"venue-gallery-item venue-gallery-item-05\">\n\n        <img decoding=\"async\" src=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/closeup-shot-hand-young-lady-covered-by-red-jacket-with-green-field.webp\" alt=\"DIDESA sustainable environment\" loading=\"lazy\" title=\"Lokasi\">\n\n        <div class=\"venue-gallery-overlay\">\n\n          <span class=\"venue-gallery-number\">05<\/span>\n\n          <div class=\"venue-gallery-caption\">\n            <small>SUSTAINABILITY<\/small>\n            <h3>Living Sustainably<\/h3>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- IMAGE 06 -->\n      <div class=\"venue-gallery-item venue-gallery-item-06\">\n\n        <img decoding=\"async\" src=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/09\/32.webp\" alt=\"DIDESA venue activity\" loading=\"lazy\" title=\"Lokasi\">\n\n        <div class=\"venue-gallery-overlay\">\n\n          <span class=\"venue-gallery-number\">06<\/span>\n\n          <div class=\"venue-gallery-caption\">\n            <small>EXPERIENCE<\/small>\n            <h3>Moments That Matter<\/h3>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- GALLERY FOOTER -->\n    <div class=\"venue-gallery-footer\">\n\n      <div class=\"venue-gallery-footer-line\"><\/div>\n\n      <p>\n        <strong>Explore the experience.<\/strong>\n        Discover DIDESA Venue.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================\n   DIDESA \u2014 VENUE ACTIVITIES\n========================================= *\/\n\n.didesa-venue-activities {\n  background: #ffffff;\n\n  padding: 110px 30px;\n\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.venue-activities-container {\n  max-width: 1200px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================\n   HEADER\n========================================= *\/\n\n.venue-activities-header {\n  margin-bottom: 65px;\n}\n\n.venue-activities-label {\n  display: flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  margin-bottom: 20px;\n\n  color: #d39a05;\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 2.5px;\n}\n\n.venue-activities-label span {\n  display: block;\n\n  width: 30px;\n\n  height: 2px;\n\n  background: #d39a05;\n}\n\n\n\/* =========================================\n   HEADING\n========================================= *\/\n\n.venue-activities-heading {\n  display: grid;\n\n  grid-template-columns: 1fr 0.8fr;\n\n  gap: 80px;\n\n  align-items: end;\n}\n\n.venue-activities-heading h2 {\n  margin: 0;\n\n  color: #0b3f4a;\n\n  font-size: clamp(42px, 5vw, 64px);\n\n  line-height: 1.02;\n\n  letter-spacing: -2px;\n\n  font-weight: 700;\n}\n\n.venue-activities-heading h2 strong {\n  color: #d39a05;\n}\n\n.venue-activities-heading p {\n  margin: 0;\n\n  color: #64747a;\n\n  font-size: 14px;\n\n  line-height: 1.85;\n}\n\n\n\/* =========================================\n   ACTIVITIES LIST\n========================================= *\/\n\n.venue-activities-list {\n  border-top: 1px solid #d8e1e3;\n}\n\n\n\/* =========================================\n   ACTIVITY ITEM\n========================================= *\/\n\n.venue-activity {\n  display: grid;\n\n  grid-template-columns: 55px 60px 1fr 30px;\n\n  align-items: center;\n\n  gap: 25px;\n\n  padding: 27px 0;\n\n  border-bottom: 1px solid #d8e1e3;\n\n  transition:\n    background 0.3s ease,\n    padding 0.3s ease;\n}\n\n.venue-activity:hover {\n  padding-left: 15px;\n\n  padding-right: 15px;\n\n  background: #f3f7f8;\n}\n\n\n\/* =========================================\n   NUMBER\n========================================= *\/\n\n.venue-activity-number {\n  color: #d39a05;\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n}\n\n\n\/* =========================================\n   ICON\n========================================= *\/\n\n.venue-activity-icon {\n  width: 52px;\n\n  height: 52px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  background: #0b4d5a;\n\n  transition:\n    background 0.3s ease;\n}\n\n.venue-activity:hover .venue-activity-icon {\n  background: #d39a05;\n}\n\n.venue-activity-icon svg {\n  width: 23px;\n\n  height: 23px;\n\n  fill: none;\n\n  stroke: #ffffff;\n\n  stroke-width: 1.5;\n\n  stroke-linecap: round;\n\n  stroke-linejoin: round;\n}\n\n\n\/* =========================================\n   CONTENT\n========================================= *\/\n\n.venue-activity-content {\n  padding-right: 30px;\n}\n\n.venue-activity-category {\n  display: block;\n\n  margin-bottom: 7px;\n\n  color: #d39a05;\n\n  font-size: 8px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.8px;\n}\n\n.venue-activity-content h3 {\n  margin: 0 0 8px;\n\n  color: #123e47;\n\n  font-size: 20px;\n\n  line-height: 1.25;\n\n  font-weight: 700;\n}\n\n.venue-activity-content p {\n  max-width: 650px;\n\n  margin: 0;\n\n  color: #718086;\n\n  font-size: 11px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================\n   ARROW\n========================================= *\/\n\n.venue-activity-arrow {\n  color: #d39a05;\n\n  font-size: 22px;\n\n  transition:\n    transform 0.3s ease;\n}\n\n.venue-activity:hover .venue-activity-arrow {\n  transform: translateX(7px);\n}\n\n\n\/* =========================================\n   CTA\n========================================= *\/\n\n.venue-activities-cta {\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 30px;\n\n  margin-top: 50px;\n\n  padding: 38px 45px;\n\n  background: #0b4d5a;\n}\n\n.venue-activities-cta-content > span {\n  display: block;\n\n  margin-bottom: 10px;\n\n  color: #d39a05;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 2px;\n}\n\n.venue-activities-cta h3 {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: clamp(22px, 3vw, 30px);\n\n  line-height: 1.2;\n\n  font-weight: 600;\n}\n\n.venue-activities-cta h3 strong {\n  color: #d39a05;\n}\n\n\n\/* =========================================\n   BUTTON\n========================================= *\/\n\n.venue-activities-button {\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 18px;\n\n  flex-shrink: 0;\n\n  padding: 15px 22px;\n\n  background: #d39a05;\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: all 0.3s ease;\n}\n\n.venue-activities-button span {\n  font-size: 16px;\n\n  transition: transform 0.3s ease;\n}\n\n.venue-activities-button:hover {\n  background: #ffffff;\n\n  color: #0b4d5a;\n}\n\n.venue-activities-button:hover span {\n  transform: translateX(5px);\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1000px) {\n\n  .didesa-venue-activities {\n    padding: 80px 25px;\n  }\n\n  .venue-activities-heading {\n    grid-template-columns: 1fr;\n\n    gap: 25px;\n  }\n\n  .venue-activity {\n    grid-template-columns: 45px 55px 1fr 25px;\n\n    gap: 20px;\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 650px) {\n\n  .didesa-venue-activities {\n    padding: 65px 20px;\n  }\n\n  .venue-activities-header {\n    margin-bottom: 45px;\n  }\n\n  .venue-activities-heading h2 {\n    font-size: 38px;\n\n    letter-spacing: -1.5px;\n  }\n\n  .venue-activities-heading p {\n    font-size: 13px;\n\n    line-height: 1.75;\n  }\n\n\n  \/* Activity *\/\n\n  .venue-activity {\n    grid-template-columns: 35px 50px 1fr;\n\n    gap: 15px;\n\n    padding: 25px 0;\n  }\n\n  .venue-activity:hover {\n    padding-left: 0;\n\n    padding-right: 0;\n  }\n\n  .venue-activity-arrow {\n    display: none;\n  }\n\n  .venue-activity-icon {\n    width: 45px;\n\n    height: 45px;\n  }\n\n  .venue-activity-icon svg {\n    width: 20px;\n\n    height: 20px;\n  }\n\n  .venue-activity-content {\n    padding-right: 0;\n  }\n\n  .venue-activity-content h3 {\n    font-size: 17px;\n  }\n\n  .venue-activity-content p {\n    font-size: 10px;\n  }\n\n\n  \/* CTA *\/\n\n  .venue-activities-cta {\n    flex-direction: column;\n\n    align-items: flex-start;\n\n    padding: 30px 25px;\n\n    margin-top: 35px;\n  }\n\n  .venue-activities-cta h3 {\n    font-size: 23px;\n  }\n\n  .venue-activities-button {\n    width: 100%;\n  }\n\n}\n\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width: 400px) {\n\n  .venue-activities-heading h2 {\n    font-size: 34px;\n  }\n\n  .venue-activity {\n    grid-template-columns: 30px 45px 1fr;\n\n    gap: 12px;\n  }\n\n  .venue-activity-icon {\n    width: 42px;\n\n    height: 42px;\n  }\n\n  .venue-activity-content h3 {\n    font-size: 16px;\n  }\n\n}\n<\/style>\n\n<section class=\"didesa-venue-activities\" id=\"venue-activities\">\n\n  <div class=\"venue-activities-container\">\n\n    <!-- HEADER -->\n    <div class=\"venue-activities-header\">\n\n      <div class=\"venue-activities-label\">\n        <span><\/span>\n        ACTIVITIES\n      <\/div>\n\n      <div class=\"venue-activities-heading\">\n\n        <h2>\n          Spaces That<br>\n          <strong>Come Alive.<\/strong>\n        <\/h2>\n\n        <p>\n          From learning sessions and community gatherings to agricultural\n          experiences and sustainability activities, DIDESA Venue provides\n          space for meaningful activities and shared experiences.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- ACTIVITIES -->\n    <div class=\"venue-activities-list\">\n\n\n      <!-- ACTIVITY 01 -->\n      <article class=\"venue-activity\">\n\n        <div class=\"venue-activity-number\">\n          01\n        <\/div>\n\n        <div class=\"venue-activity-icon\">\n\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M4 5h16v11H8l-4 4V5z\"><\/path>\n            <path d=\"M8 9h8\"><\/path>\n            <path d=\"M8 12h5\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n        <div class=\"venue-activity-content\">\n\n          <span class=\"venue-activity-category\">\n            LEARNING\n          <\/span>\n\n          <h3>\n            Workshops &amp; Training\n          <\/h3>\n\n          <p>\n            Host workshops, training sessions, seminars, and knowledge-sharing\n            activities in a supportive and inspiring environment.\n          <\/p>\n\n        <\/div>\n\n        <div class=\"venue-activity-arrow\">\n          \u2192\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ACTIVITY 02 -->\n      <article class=\"venue-activity\">\n\n        <div class=\"venue-activity-number\">\n          02\n        <\/div>\n\n        <div class=\"venue-activity-icon\">\n\n          <svg viewbox=\"0 0 24 24\">\n            <circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>\n            <circle cx=\"17\" cy=\"9\" r=\"2.5\"><\/circle>\n            <path d=\"M3.5 19c.5-3 2.5-5 5.5-5s5 2 5.5 5\"><\/path>\n            <path d=\"M14 14.5c2.5 0 4.5 1.5 5 4.5\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n        <div class=\"venue-activity-content\">\n\n          <span class=\"venue-activity-category\">\n            KOMUNITAS\n          <\/span>\n\n          <h3>\n            Community Gatherings\n          <\/h3>\n\n          <p>\n            Bring people together for community meetings, networking,\n            discussions, celebrations, and collaborative activities.\n          <\/p>\n\n        <\/div>\n\n        <div class=\"venue-activity-arrow\">\n          \u2192\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ACTIVITY 03 -->\n      <article class=\"venue-activity\">\n\n        <div class=\"venue-activity-number\">\n          03\n        <\/div>\n\n        <div class=\"venue-activity-icon\">\n\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M12 21V10\"><\/path>\n            <path d=\"M12 10c-4 0-6-2-6-5 4 0 6 2 6 5z\"><\/path>\n            <path d=\"M12 14c4 0 6-2 6-5-4 0-6 2-6 5z\"><\/path>\n            <path d=\"M7 21h10\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n        <div class=\"venue-activity-content\">\n\n          <span class=\"venue-activity-category\">\n            AGRICULTURE\n          <\/span>\n\n          <h3>\n            Farming &amp; Agriculture Experience\n          <\/h3>\n\n          <p>\n            Experience practical agriculture through gardening, planting,\n            harvesting, food production, and interaction with local practices.\n          <\/p>\n\n        <\/div>\n\n        <div class=\"venue-activity-arrow\">\n          \u2192\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ACTIVITY 04 -->\n      <article class=\"venue-activity\">\n\n        <div class=\"venue-activity-number\">\n          04\n        <\/div>\n\n        <div class=\"venue-activity-icon\">\n\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M12 21V9\"><\/path>\n            <path d=\"M12 9c-3.5 0-6-2-6-5 3.5 0 6 2 6 5z\"><\/path>\n            <path d=\"M12 13c3.5 0 6-2 6-5-3.5 0-6 2-6 5z\"><\/path>\n            <path d=\"M5 21h14\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n        <div class=\"venue-activity-content\">\n\n          <span class=\"venue-activity-category\">\n            SUSTAINABILITY\n          <\/span>\n\n          <h3>\n            Sustainable Living Activities\n          <\/h3>\n\n          <p>\n            Explore practical sustainability through water management,\n            waste reduction, agriculture, natural resources, and eco-friendly\n            practices.\n          <\/p>\n\n        <\/div>\n\n        <div class=\"venue-activity-arrow\">\n          \u2192\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ACTIVITY 05 -->\n      <article class=\"venue-activity\">\n\n        <div class=\"venue-activity-number\">\n          05\n        <\/div>\n\n        <div class=\"venue-activity-icon\">\n\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M3 21h18\"><\/path>\n            <path d=\"M5 21V9l7-5 7 5v12\"><\/path>\n            <path d=\"M9 21v-6h6v6\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n        <div class=\"venue-activity-content\">\n\n          <span class=\"venue-activity-category\">\n            COLLABORATION\n          <\/span>\n\n          <h3>\n            Meetings &amp; Retreats\n          <\/h3>\n\n          <p>\n            Create productive moments for organizational meetings, team\n            retreats, strategic discussions, and collaborative planning.\n          <\/p>\n\n        <\/div>\n\n        <div class=\"venue-activity-arrow\">\n          \u2192\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ACTIVITY 06 -->\n      <article class=\"venue-activity\">\n\n        <div class=\"venue-activity-number\">\n          06\n        <\/div>\n\n        <div class=\"venue-activity-icon\">\n\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M5 20h14\"><\/path>\n            <path d=\"M7 20V8\"><\/path>\n            <path d=\"M17 20V8\"><\/path>\n            <path d=\"M4 8h16\"><\/path>\n            <path d=\"M8 8l4-4 4 4\"><\/path>\n            <path d=\"M9 13h6\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n        <div class=\"venue-activity-content\">\n\n          <span class=\"venue-activity-category\">\n            EXPERIENCE\n          <\/span>\n\n          <h3>\n            Educational Visits\n          <\/h3>\n\n          <p>\n            A place for schools, universities, organizations, and groups\n            to discover rural development and sustainable practices firsthand.\n          <\/p>\n\n        <\/div>\n\n        <div class=\"venue-activity-arrow\">\n          \u2192\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- CTA -->\n    <div class=\"venue-activities-cta\">\n\n      <div class=\"venue-activities-cta-content\">\n\n        <span>\n          PLAN AN ACTIVITY\n        <\/span>\n\n        <h3>\n          Have an idea for an activity?\n          <strong>Let&#8217;s make it happen.<\/strong>\n        <\/h3>\n\n      <\/div>\n\n      <a href=\"#venue-contact\" class=\"venue-activities-button\">\n        Talk to Our Team\n        <span>\u2192<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================\n   DIDESA \u2014 VENUE LOCATION\n========================================= *\/\n\n.didesa-venue-location {\n  background: #f3f7f8;\n\n  padding: 110px 30px;\n\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.venue-location-container {\n  max-width: 1200px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================\n   HEADER\n========================================= *\/\n\n.venue-location-header {\n  margin-bottom: 60px;\n}\n\n.venue-location-label {\n  display: flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  margin-bottom: 20px;\n\n  color: #d39a05;\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 2.5px;\n}\n\n.venue-location-label span {\n  width: 30px;\n\n  height: 2px;\n\n  background: #d39a05;\n\n  display: inline-block;\n}\n\n\n\/* =========================================\n   HEADING\n========================================= *\/\n\n.venue-location-heading {\n  display: grid;\n\n  grid-template-columns: 1fr 0.8fr;\n\n  gap: 80px;\n\n  align-items: end;\n}\n\n.venue-location-heading h2 {\n  margin: 0;\n\n  color: #0b3f4a;\n\n  font-size: clamp(42px, 5vw, 64px);\n\n  line-height: 1.02;\n\n  letter-spacing: -2px;\n\n  font-weight: 700;\n}\n\n.venue-location-heading h2 strong {\n  color: #d39a05;\n}\n\n.venue-location-heading p {\n  margin: 0;\n\n  color: #64747a;\n\n  font-size: 14px;\n\n  line-height: 1.85;\n}\n\n\n\/* =========================================\n   MAIN GRID\n========================================= *\/\n\n.venue-location-grid {\n  display: grid;\n\n  grid-template-columns: 1.25fr 0.75fr;\n\n  min-height: 530px;\n\n  background: #ffffff;\n}\n\n\n\/* =========================================\n   MAP\n========================================= *\/\n\n.venue-map {\n  position: relative;\n\n  min-height: 530px;\n\n  overflow: hidden;\n\n  background: #dfe7e8;\n}\n\n.venue-map iframe {\n  display: block;\n\n  width: 100%;\n\n  height: 100%;\n\n  min-height: 530px;\n\n  filter: grayscale(0.2);\n}\n\n\n\/* Map Label *\/\n\n.venue-map-label {\n  position: absolute;\n\n  left: 25px;\n\n  bottom: 25px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  gap: 4px;\n\n  padding: 13px 16px;\n\n  background: rgba(11, 63, 74, 0.92);\n\n  color: #ffffff;\n\n  font-size: 12px;\n\n  font-weight: 700;\n\n  letter-spacing: 1px;\n}\n\n.venue-map-label span {\n  color: #d39a05;\n\n  font-size: 7px;\n\n  letter-spacing: 2px;\n}\n\n\n\/* =========================================\n   INFO\n========================================= *\/\n\n.venue-location-info {\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n\n  padding: 50px;\n}\n\n.venue-location-info-top {\n  margin-bottom: 30px;\n}\n\n.venue-location-info-label {\n  display: block;\n\n  margin-bottom: 10px;\n\n  color: #d39a05;\n\n  font-size: 8px;\n\n  font-weight: 700;\n\n  letter-spacing: 2px;\n}\n\n.venue-location-info-top h3 {\n  margin: 0;\n\n  color: #123e47;\n\n  font-size: 29px;\n\n  line-height: 1.1;\n\n  letter-spacing: -0.8px;\n\n  font-weight: 700;\n}\n\n\n\/* =========================================\n   DETAILS\n========================================= *\/\n\n.venue-location-detail {\n  display: grid;\n\n  grid-template-columns: 42px 1fr;\n\n  gap: 15px;\n\n  padding: 17px 0;\n\n  border-top: 1px solid #d8e1e3;\n}\n\n.venue-location-detail-icon {\n  width: 38px;\n\n  height: 38px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  background: #f3f7f8;\n}\n\n.venue-location-detail-icon svg {\n  width: 18px;\n\n  height: 18px;\n\n  fill: none;\n\n  stroke: #0b4d5a;\n\n  stroke-width: 1.5;\n\n  stroke-linecap: round;\n\n  stroke-linejoin: round;\n}\n\n.venue-location-detail span {\n  display: block;\n\n  margin-bottom: 6px;\n\n  color: #d39a05;\n\n  font-size: 7px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.7px;\n}\n\n.venue-location-detail p {\n  margin: 0;\n\n  color: #64747a;\n\n  font-size: 10px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================\n   BUTTON\n========================================= *\/\n\n.venue-location-button {\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  align-self: flex-start;\n\n  gap: 18px;\n\n  margin-top: 25px;\n\n  padding: 15px 22px;\n\n  background: #0b4d5a;\n\n  color: #ffffff;\n\n  text-decoration: none;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 0.8px;\n\n  text-transform: uppercase;\n\n  transition: all 0.3s ease;\n}\n\n.venue-location-button span {\n  color: #d39a05;\n\n  font-size: 16px;\n\n  transition: transform 0.3s ease;\n}\n\n.venue-location-button:hover {\n  background: #d39a05;\n}\n\n.venue-location-button:hover span {\n  color: #ffffff;\n\n  transform: translate(3px, -3px);\n}\n\n\n\/* =========================================\n   BOTTOM NOTE\n========================================= *\/\n\n.venue-location-bottom {\n  display: flex;\n\n  align-items: center;\n\n  gap: 18px;\n\n  margin-top: 35px;\n}\n\n.venue-location-bottom > span {\n  width: 45px;\n\n  height: 2px;\n\n  flex-shrink: 0;\n\n  background: #d39a05;\n}\n\n.venue-location-bottom p {\n  margin: 0;\n\n  color: #718086;\n\n  font-size: 11px;\n\n  line-height: 1.6;\n}\n\n.venue-location-bottom strong {\n  color: #123e47;\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1000px) {\n\n  .didesa-venue-location {\n    padding: 80px 25px;\n  }\n\n  .venue-location-heading {\n    grid-template-columns: 1fr;\n\n    gap: 25px;\n  }\n\n  .venue-location-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .venue-map {\n    min-height: 450px;\n  }\n\n  .venue-map iframe {\n    min-height: 450px;\n  }\n\n  .venue-location-info {\n    padding: 45px;\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 650px) {\n\n  .didesa-venue-location {\n    padding: 65px 20px;\n  }\n\n  .venue-location-header {\n    margin-bottom: 45px;\n  }\n\n  .venue-location-heading h2 {\n    font-size: 38px;\n\n    letter-spacing: -1.5px;\n  }\n\n  .venue-location-heading p {\n    font-size: 13px;\n\n    line-height: 1.75;\n  }\n\n\n  \/* Map *\/\n\n  .venue-map {\n    min-height: 350px;\n  }\n\n  .venue-map iframe {\n    min-height: 350px;\n  }\n\n\n  \/* Info *\/\n\n  .venue-location-info {\n    padding: 35px 25px;\n  }\n\n  .venue-location-info-top h3 {\n    font-size: 25px;\n  }\n\n  .venue-location-detail {\n    grid-template-columns: 38px 1fr;\n\n    gap: 12px;\n  }\n\n\n  \/* Button *\/\n\n  .venue-location-button {\n    width: 100%;\n  }\n\n\n  \/* Bottom *\/\n\n  .venue-location-bottom {\n    align-items: flex-start;\n  }\n\n}\n\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width: 400px) {\n\n  .venue-location-heading h2 {\n    font-size: 34px;\n  }\n\n  .venue-map {\n    min-height: 300px;\n  }\n\n  .venue-map iframe {\n    min-height: 300px;\n  }\n\n  .venue-location-info {\n    padding: 30px 20px;\n  }\n\n}\n<\/style>\n\n<section class=\"didesa-venue-location\" id=\"venue-location\">\n\n  <div class=\"venue-location-container\">\n\n    <!-- HEADER -->\n    <div class=\"venue-location-header\">\n\n      <div class=\"venue-location-label\">\n        <span><\/span>\n        LOCATION\n      <\/div>\n\n      <div class=\"venue-location-heading\">\n\n        <h2>\n          Come and<br>\n          <strong>Experience DIDESA.<\/strong>\n        <\/h2>\n\n        <p>\n          Whether you are joining a learning program, visiting with a group,\n          or simply exploring sustainable rural practices, we would be happy\n          to welcome you to DIDESA.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- LOCATION CONTENT -->\n    <div class=\"venue-location-grid\">\n\n\n      <!-- MAP -->\n      <div class=\"venue-map\">\n\n        <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=YOUR_GOOGLE_MAPS_EMBED_CODE\" width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\">\n        <\/iframe>\n\n        <div class=\"venue-map-label\">\n          <span>LOCATION<\/span>\n          DIDESA\n        <\/div>\n\n      <\/div>\n\n\n      <!-- INFO -->\n      <div class=\"venue-location-info\">\n\n        <div class=\"venue-location-info-top\">\n\n          <span class=\"venue-location-info-label\">\n            VISIT US\n          <\/span>\n\n          <h3>\n            DIDESA<br>\n            Community Venue\n          <\/h3>\n\n        <\/div>\n\n\n        <!-- ADDRESS -->\n        <div class=\"venue-location-detail\">\n\n          <div class=\"venue-location-detail-icon\">\n            <svg viewbox=\"0 0 24 24\">\n              <path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0z\"><\/path>\n              <circle cx=\"12\" cy=\"10\" r=\"2.5\"><\/circle>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <span>ADDRESS<\/span>\n\n            <p>\n              Your DIDESA address goes here,\n              Village, District, Region, Indonesia.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n\n        <!-- VISITING HOURS -->\n        <div class=\"venue-location-detail\">\n\n          <div class=\"venue-location-detail-icon\">\n\n            <svg viewbox=\"0 0 24 24\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n              <path d=\"M12 7v5l3 2\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <div>\n            <span>VISITING HOURS<\/span>\n\n            <p>\n              Monday \u2013 Friday<br>\n              08:00 \u2013 17:00 WIB\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n\n        <!-- CONTACT -->\n        <div class=\"venue-location-detail\">\n\n          <div class=\"venue-location-detail-icon\">\n\n            <svg viewbox=\"0 0 24 24\">\n              <path d=\"M22 16.9v3a2 2 0 0 1-2.2 2              19.8 19.8 0 0 1-8.6-3.1              19.5 19.5 0 0 1-6-6              19.8 19.8 0 0 1-3.1-8.6              A2 2 0 0 1 4.1 2h3              a2 2 0 0 1 2 1.7              c.1 1 .4 2 .7 2.9              a2 2 0 0 1-.5 2.1L8 10              a16 16 0 0 0 6 6l1.3-1.3              a2 2 0 0 1 2.1-.5              c.9.3 1.9.6 2.9.7              A2 2 0 0 1 22 16.9z\">\n              <\/path>\n            <\/svg>\n\n          <\/div>\n\n          <div>\n            <span>CONTACT<\/span>\n\n            <p>\n              +62 816 1856 333<br>\n              sapa@didesa.org\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n\n        <!-- BUTTON -->\n        <a href=\"https:\/\/maps.google.com\/\" target=\"_blank\" rel=\"noopener\" class=\"venue-location-button\">\n          Get Directions\n          <span>\u2197<\/span>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- BOTTOM NOTE -->\n    <div class=\"venue-location-bottom\">\n\n      <span><\/span>\n\n      <p>\n        <strong>Planning a visit?<\/strong>\n        Contact us before your arrival so we can prepare the best experience\n        for you and your group.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>","protected":false},"excerpt":{"rendered":"<p>02 DIDESA VENUE VENUE INTRODUCTION More Than a Place. A Place to Grow. DIDESA Venue is a space designed to bring people, ideas, and experiences together in a natural and sustainable environment. Located within a living rural environment, the venue provides an opportunity for individuals, communities, organizations, and institutions to learn, connect, collaborate, and experience [&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-7056","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 Venue, its facilities, location, and activities. Learn more about available spaces and opportunities for events and community programs.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/didesa.org\/id\/venue\/\" \/>\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=\"Venue | Desa Rahayu Nusantara Foundation\" \/>\n\t\t<meta property=\"og:description\" content=\"Discover DIDESA Venue, its facilities, location, and activities. Learn more about available spaces and opportunities for events and community programs.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/didesa.org\/id\/venue\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/08\/cropped-Logo-2V-scaled-1.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/didesa.org\/wp-content\/uploads\/2026\/08\/cropped-Logo-2V-scaled-1.png\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-09-01T08:53:38+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-09-24T07:15:29+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Venue | Desa Rahayu Nusantara Foundation\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Discover DIDESA Venue, its facilities, location, and activities. Learn more about available spaces and opportunities for events and community programs.\" \/>\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\\\/venue\\\/#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\\\/venue\\\/#listItem\",\"name\":\"Venue\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/venue\\\/#listItem\",\"position\":2,\"name\":\"Venue\",\"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\\\/venue\\\/#organizationLogo\",\"width\":2506,\"height\":1242,\"caption\":\"logo 2v\"},\"image\":{\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/venue\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/venue\\\/#webpage\",\"url\":\"https:\\\/\\\/didesa.org\\\/id\\\/venue\\\/\",\"name\":\"Venue | Desa Rahayu Nusantara Foundation\",\"description\":\"Discover DIDESA Venue, its facilities, location, and activities. Learn more about available spaces and opportunities for events and community programs.\",\"inLanguage\":\"id-ID\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/didesa.org\\\/id\\\/venue\\\/#breadcrumblist\"},\"datePublished\":\"2026-09-01T08:53:38+00:00\",\"dateModified\":\"2026-09-24T07:15:29+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":"Venue | Desa Rahayu Nusantara Foundation","description":"Discover DIDESA Venue, its facilities, location, and activities. Learn more about available spaces and opportunities for events and community programs.","canonical_url":"https:\/\/didesa.org\/id\/venue\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/didesa.org\/id\/venue\/#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\/venue\/#listItem","name":"Venue"}},{"@type":"ListItem","@id":"https:\/\/didesa.org\/id\/venue\/#listItem","position":2,"name":"Venue","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\/venue\/#organizationLogo","width":2506,"height":1242,"caption":"logo 2v"},"image":{"@id":"https:\/\/didesa.org\/id\/venue\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/didesa.org\/id\/venue\/#webpage","url":"https:\/\/didesa.org\/id\/venue\/","name":"Venue | Desa Rahayu Nusantara Foundation","description":"Discover DIDESA Venue, its facilities, location, and activities. Learn more about available spaces and opportunities for events and community programs.","inLanguage":"id-ID","isPartOf":{"@id":"https:\/\/didesa.org\/id\/#website"},"breadcrumb":{"@id":"https:\/\/didesa.org\/id\/venue\/#breadcrumblist"},"datePublished":"2026-09-01T08:53:38+00:00","dateModified":"2026-09-24T07:15:29+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":"Venue | Desa Rahayu Nusantara Foundation","og:description":"Discover DIDESA Venue, its facilities, location, and activities. Learn more about available spaces and opportunities for events and community programs.","og:url":"https:\/\/didesa.org\/id\/venue\/","og:image":"https:\/\/didesa.org\/wp-content\/uploads\/2026\/08\/cropped-Logo-2V-scaled-1.png","og:image:secure_url":"https:\/\/didesa.org\/wp-content\/uploads\/2026\/08\/cropped-Logo-2V-scaled-1.png","article:published_time":"2026-09-01T08:53:38+00:00","article:modified_time":"2026-09-24T07:15:29+00:00","twitter:card":"summary_large_image","twitter:title":"Venue | Desa Rahayu Nusantara Foundation","twitter:description":"Discover DIDESA Venue, its facilities, location, and activities. Learn more about available spaces and opportunities for events and community programs.","twitter:image":"https:\/\/didesa.org\/wp-content\/uploads\/2026\/08\/cropped-Logo-2V-scaled-1.png"},"aioseo_meta_data":{"post_id":"7056","title":"Venue | Desa Rahayu Nusantara Foundation","description":"Discover DIDESA Venue, its facilities, location, and activities. Learn more about available spaces and opportunities for events and community programs.","keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-09-01 08:52:59","updated":"2026-09-25 06:54:34"},"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\tVenue\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/didesa.org\/id\/"},{"label":"Venue","link":"https:\/\/didesa.org\/id\/venue\/"}],"_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\/7056","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=7056"}],"version-history":[{"count":18,"href":"https:\/\/didesa.org\/id\/wp-json\/wp\/v2\/pages\/7056\/revisions"}],"predecessor-version":[{"id":7200,"href":"https:\/\/didesa.org\/id\/wp-json\/wp\/v2\/pages\/7056\/revisions\/7200"}],"wp:attachment":[{"href":"https:\/\/didesa.org\/id\/wp-json\/wp\/v2\/media?parent=7056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}