{"id":1985,"date":"2026-10-29T23:13:25","date_gmt":"2026-10-29T23:13:25","guid":{"rendered":"https:\/\/sipetalearningstudio.com\/?st-import=d0ff8aac267098373fb2c5a5cac3855e"},"modified":"2026-10-30T05:03:33","modified_gmt":"2026-10-30T05:03:33","slug":"beranda","status":"publish","type":"page","link":"https:\/\/sipetalearningstudio.com\/en\/","title":{"rendered":"Beranda"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1985\" class=\"elementor elementor-1985\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3e5b1f e-flex e-con-boxed e-con e-parent\" data-id=\"a3e5b1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36a4aeb elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"36a4aeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\/* ==========================================\r\n   SiPETA LEARNING STUDIO\r\n   SECTION 01 - HERO LANDING PAGE\r\n   ========================================== *\/\r\n\r\n.sipeta-hero01 {\r\n  --hero-dark: #344D43;\r\n  --hero-sage: #88A48A;\r\n  --hero-muted: #52685E;\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 630px;\r\n  display: flex;\r\n  align-items: center;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  box-sizing: border-box;\r\n\r\n  background-color: #FCF9F4;\r\n  background-image:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(252,249,244,.94) 0%,\r\n      rgba(252,249,244,.81) 25%,\r\n      rgba(252,249,244,.35) 48%,\r\n      rgba(252,249,244,0) 72%\r\n    ),\r\n    url(\"https:\/\/sipetalearningstudio.com\/wp-content\/uploads\/2026\/10\/Buku-Terbuka-Menjadi-Lanskap-Sungai.png\");\r\n\r\n  background-size: cover;\r\n  background-position: center center;\r\n  background-repeat: no-repeat;\r\n\r\n  font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n.sipeta-hero01 *,\r\n.sipeta-hero01 *::before,\r\n.sipeta-hero01 *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.sipeta-hero01 .hero-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 100%;\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n  padding: 85px 45px;\r\n}\r\n\r\n.sipeta-hero01 .hero-content {\r\n  max-width: 650px;\r\n  text-align: left;\r\n}\r\n\r\n\/* Label *\/\r\n.sipeta-hero01 .hero-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-bottom: 25px;\r\n  color: #607E68;\r\n  font-size: 12px;\r\n  font-weight: 750;\r\n  line-height: 1.5;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.sipeta-hero01 .hero-label::before {\r\n  content: \"\";\r\n  width: 35px;\r\n  height: 3px;\r\n  flex-shrink: 0;\r\n  border-radius: 10px;\r\n  background: #E8C3C8;\r\n}\r\n\r\n\/* Main headline *\/\r\n.sipeta-hero01 .hero-title {\r\n  font-family: \"Poppins\", Arial, sans-serif;\r\n  font-size: clamp(46px, 5.3vw, 77px);\r\n  font-weight: 750;\r\n  line-height: 1.12;\r\n  letter-spacing: -2px;\r\n  color: var(--hero-dark);\r\n  margin: 0 0 27px;\r\n}\r\n\r\n.sipeta-hero01 .hero-title span {\r\n  color: var(--hero-sage);\r\n}\r\n\r\n\/* Description *\/\r\n.sipeta-hero01 .hero-description {\r\n  max-width: 580px;\r\n  margin: 0 0 33px;\r\n  color: var(--hero-muted);\r\n  font-size: clamp(16px, 1.4vw, 19px);\r\n  font-weight: 400;\r\n  line-height: 1.8;\r\n}\r\n\r\n\/* Buttons *\/\r\n.sipeta-hero01 .hero-buttons {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n}\r\n\r\n.sipeta-hero01 .hero-button {\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 16px 25px;\r\n  min-height: 55px;\r\n  border-radius: 13px;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  text-decoration: none !important;\r\n  transition:\r\n    background .25s ease,\r\n    transform .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n.sipeta-hero01 .hero-button-primary {\r\n  background: var(--hero-dark);\r\n  color: #FFFFFF !important;\r\n  border: 1px solid var(--hero-dark);\r\n}\r\n\r\n.sipeta-hero01 .hero-button-primary:hover {\r\n  background: #496B57;\r\n  color: #FFFFFF !important;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 8px 22px rgba(52,77,67,.16);\r\n}\r\n\r\n.sipeta-hero01 .hero-button-secondary {\r\n  background: rgba(255,255,255,.88);\r\n  color: var(--hero-dark) !important;\r\n  border: 1px solid #B9CEB8;\r\n}\r\n\r\n.sipeta-hero01 .hero-button-secondary:hover {\r\n  background: #FFFFFF;\r\n  color: var(--hero-dark) !important;\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.sipeta-hero01 a:focus-visible {\r\n  outline: 3px solid #344D43;\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .sipeta-hero01 {\r\n    min-height: 570px;\r\n    background-position: 58% center;\r\n  }\r\n\r\n  .sipeta-hero01 .hero-inner {\r\n    padding: 70px 35px;\r\n  }\r\n\r\n  .sipeta-hero01 .hero-content {\r\n    max-width: 570px;\r\n  }\r\n\r\n  .sipeta-hero01 .hero-title {\r\n    font-size: clamp(43px, 6vw, 65px);\r\n  }\r\n}\r\n\r\n\/* Smartphone *\/\r\n@media (max-width: 767px) {\r\n  .sipeta-hero01 {\r\n    min-height: 660px;\r\n    align-items: flex-start;\r\n    background-image:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(252,249,244,.96) 0%,\r\n        rgba(252,249,244,.92) 37%,\r\n        rgba(252,249,244,.25) 73%,\r\n        rgba(252,249,244,0) 100%\r\n      ),\r\n      url(\"https:\/\/sipetalearningstudio.com\/wp-content\/uploads\/2026\/10\/Buku-Terbuka-Menjadi-Lanskap-Sungai.png\");\r\n\r\n    background-position: 64% bottom;\r\n  }\r\n\r\n  .sipeta-hero01 .hero-inner {\r\n    padding: 55px 22px 250px;\r\n  }\r\n\r\n  .sipeta-hero01 .hero-content {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .sipeta-hero01 .hero-label {\r\n    font-size: 10px;\r\n    letter-spacing: 1.2px;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .sipeta-hero01 .hero-title {\r\n    font-size: clamp(38px, 9vw, 52px);\r\n    line-height: 1.15;\r\n    letter-spacing: -1px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .sipeta-hero01 .hero-description {\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .sipeta-hero01 .hero-buttons {\r\n    gap: 10px;\r\n  }\r\n\r\n  .sipeta-hero01 .hero-button {\r\n    padding: 13px 18px;\r\n    min-height: 48px;\r\n    font-size: 13px;\r\n  }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n  .sipeta-hero01 .hero-buttons {\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .sipeta-hero01 .hero-button {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .sipeta-hero01 .hero-button {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- SECTION 01 : HERO SiPETA -->\r\n\r\n<section class=\"sipeta-hero01\" id=\"beranda-sipeta\">\r\n\r\n  <div class=\"hero-inner\">\r\n\r\n    <div class=\"hero-content\">\r\n\r\n      <div class=\"hero-label\">\r\n        PENDIDIKAN IKLIM BERBASIS KONTEKS LOKAL\r\n      <\/div>\r\n\r\n      <h1 class=\"hero-title\">\r\n        Research.<br>\r\n        Learn. <span>Adapt.<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"hero-description\">\r\n        Menghubungkan sains, pengetahuan lokal,\r\n        dan aksi iklim melalui pembelajaran\r\n        kontekstual yang bermakna.\r\n      <\/p>\r\n\r\n      <div class=\"hero-buttons\">\r\n\r\n        <a\r\n          href=\"\/en\/si-peta-iklim-model\/\"\r\n          class=\"hero-button hero-button-primary\">\r\n          Jelajahi Si-PETA IKLIM\r\n          <span aria-hidden=\"true\">&#8594;<\/span>\r\n        <\/a>\r\n\r\n        <a\r\n          href=\"#mengenal-sipeta\"\r\n          class=\"hero-button hero-button-secondary\">\r\n          Mengenal SiPETA\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-723386b e-flex e-con-boxed e-con e-parent\" data-id=\"723386b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5873e49 elementor-widget elementor-widget-html\" data-id=\"5873e49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\/* ========================================\r\n   SiPETA LEARNING STUDIO\r\n   SECTION 02 - MENGENAL SiPETA\r\n   ======================================== *\/\r\n\r\n.sipeta-section02 {\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  background: #EAF1DF;\r\n  border-radius: 24px;\r\n  padding: 36px 48px;\r\n  font-family: \"Inter\", \"Arial\", sans-serif;\r\n  text-align: center;\r\n}\r\n\r\n.sipeta-section02 *,\r\n.sipeta-section02 *::before,\r\n.sipeta-section02 *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.sipeta-section02 .sipeta-content {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Label *\/\r\n.sipeta-section02 .sipeta-label {\r\n  display: inline-block;\r\n  padding: 12px 20px;\r\n  border-radius: 30px;\r\n  background: #FFFFFF;\r\n  color: #718671;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n\/* Heading *\/\r\n.sipeta-section02 .sipeta-title {\r\n  font-family: \"Poppins\", \"Arial\", sans-serif;\r\n  font-size: clamp(28px, 3.1vw, 38px);\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  letter-spacing: -0.5px;\r\n  color: #344D43;\r\n  margin: 0 0 18px;\r\n}\r\n\r\n\/* Pink divider *\/\r\n.sipeta-section02 .sipeta-divider {\r\n  width: 96px;\r\n  height: 6px;\r\n  background: #E8C3C8;\r\n  border-radius: 20px;\r\n  margin: 0 auto 24px;\r\n}\r\n\r\n\/* Description *\/\r\n.sipeta-section02 .sipeta-description {\r\n  max-width: 1060px;\r\n  margin: 0 auto;\r\n  font-size: clamp(16px, 1.55vw, 21px);\r\n  font-weight: 400;\r\n  line-height: 1.85;\r\n  color: #5D7067;\r\n}\r\n\r\n.sipeta-section02 .sipeta-description strong {\r\n  color: #344D43;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* Buttons *\/\r\n.sipeta-section02 .sipeta-buttons {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  margin-top: 24px;\r\n}\r\n\r\n.sipeta-section02 .sipeta-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  min-height: 60px;\r\n  padding: 15px 22px;\r\n  border-radius: 17px;\r\n  font-family: \"Inter\", \"Arial\", sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  text-align: center;\r\n  text-decoration: none !important;\r\n  transition:\r\n    background-color 0.25s ease,\r\n    transform 0.25s ease,\r\n    box-shadow 0.25s ease;\r\n}\r\n\r\n.sipeta-section02 .sipeta-btn-primary {\r\n  background: #344D43;\r\n  color: #FFFFFF !important;\r\n  border: 1px solid #344D43;\r\n}\r\n\r\n.sipeta-section02 .sipeta-btn-primary:hover {\r\n  background: #496B57;\r\n  color: #FFFFFF !important;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 18px rgba(52,77,67,0.15);\r\n}\r\n\r\n.sipeta-section02 .sipeta-btn-secondary {\r\n  background: #FFFFFF;\r\n  color: #344D43 !important;\r\n  border: 1px solid #C5D5BF;\r\n}\r\n\r\n.sipeta-section02 .sipeta-btn-secondary:hover {\r\n  background: #F7FAF3;\r\n  color: #344D43 !important;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .sipeta-section02 {\r\n    padding: 42px 30px;\r\n  }\r\n\r\n  .sipeta-section02 .sipeta-description {\r\n    font-size: 17px;\r\n  }\r\n}\r\n\r\n\/* Smartphone *\/\r\n@media (max-width: 767px) {\r\n  .sipeta-section02 {\r\n    border-radius: 18px;\r\n    padding: 42px 20px;\r\n  }\r\n\r\n  .sipeta-section02 .sipeta-label {\r\n    font-size: 11px;\r\n    padding: 10px 15px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .sipeta-section02 .sipeta-title {\r\n    font-size: 27px;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .sipeta-section02 .sipeta-divider {\r\n    width: 70px;\r\n    height: 5px;\r\n  }\r\n\r\n  .sipeta-section02 .sipeta-description {\r\n    font-size: 15px;\r\n    line-height: 1.85;\r\n  }\r\n\r\n  .sipeta-section02 .sipeta-buttons {\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    margin-top: 26px;\r\n  }\r\n\r\n  .sipeta-section02 .sipeta-btn {\r\n    width: 100%;\r\n    max-width: 340px;\r\n    min-height: 52px;\r\n    font-size: 14px;\r\n    border-radius: 12px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .sipeta-section02 .sipeta-btn {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- SECTION 02: MENGENAL SiPETA -->\r\n\r\n<section class=\"sipeta-section02\" id=\"mengenal-sipeta\">\r\n\r\n  <div class=\"sipeta-content\">\r\n\r\n    <div class=\"sipeta-label\">\r\n      MENGENAL SiPETA LEARNING STUDIO\r\n    <\/div>\r\n\r\n    <h2 class=\"sipeta-title\">\r\n      Apa Itu SiPETA Learning Studio?\r\n    <\/h2>\r\n\r\n    <div class=\"sipeta-divider\"\r\n         aria-hidden=\"true\"><\/div>\r\n\r\n    <p class=\"sipeta-description\">\r\n      SiPETA Learning Studio merupakan platform\r\n      penelitian dan pembelajaran yang berfokus\r\n      pada pengembangan pendidikan perubahan iklim\r\n      berbasis konteks lokal. Melalui model\r\n      pembelajaran <strong>Si-PETA IKLIM<\/strong>,\r\n      platform ini mengintegrasikan penyelidikan\r\n      ilmiah, lingkungan sekitar, dan pengalaman\r\n      belajar bermakna dalam mengembangkan\r\n      <strong><em>Scientific Sense of Place<\/em><\/strong>\r\n      serta\r\n      <strong><em>Climate Adaptation Capacity<\/em><\/strong>\r\n      siswa.\r\n    <\/p>\r\n\r\n    <div class=\"sipeta-buttons\">\r\n\r\n      <a href=\"\/en\/si-peta-iklim-model\/\"\r\n         class=\"sipeta-btn sipeta-btn-primary\">\r\n        Jelajahi Model Si-PETA IKLIM\r\n        <span aria-hidden=\"true\">&#8594;<\/span>\r\n      <\/a>\r\n\r\n      <a href=\"\/en\/learning-resources\/\"\r\n         class=\"sipeta-btn sipeta-btn-secondary\">\r\n        Akses Sumber Belajar\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1bb3e90 e-flex e-con-boxed e-con e-parent\" data-id=\"1bb3e90\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6693a3 elementor-widget elementor-widget-html\" data-id=\"e6693a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\/* =========================================\r\n   SiPETA LEARNING STUDIO\r\n   SECTION 03 - JELAJAHI SiPETA\r\n   ========================================= *\/\r\n\r\n.sipeta-section03 {\r\n  --s3-dark: #344D43;\r\n  --s3-muted: #5D7067;\r\n  --s3-pink: #E8C3C8;\r\n  width: 100%;\r\n  background: #FCF9F4;\r\n  padding: 85px 30px 95px;\r\n  box-sizing: border-box;\r\n  font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n.sipeta-section03 *,\r\n.sipeta-section03 *::before,\r\n.sipeta-section03 *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Inner container *\/\r\n.sipeta-section03 .s3-container {\r\n  max-width: 1160px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Section heading *\/\r\n.sipeta-section03 .s3-heading {\r\n  text-align: center;\r\n  margin-bottom: 42px;\r\n}\r\n\r\n.sipeta-section03 .s3-label {\r\n  display: inline-block;\r\n  color: #758D79;\r\n  font-weight: 700;\r\n  font-size: 12px;\r\n  letter-spacing: 2px;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.sipeta-section03 .s3-title {\r\n  font-family: \"Poppins\", Arial, sans-serif;\r\n  font-size: clamp(30px, 3.5vw, 42px);\r\n  line-height: 1.3;\r\n  letter-spacing: -.5px;\r\n  font-weight: 650;\r\n  color: var(--s3-dark);\r\n  margin: 0 0 17px;\r\n}\r\n\r\n.sipeta-section03 .s3-line {\r\n  display: block;\r\n  width: 78px;\r\n  height: 5px;\r\n  background: var(--s3-pink);\r\n  border-radius: 20px;\r\n  margin: 0 auto 20px;\r\n}\r\n\r\n.sipeta-section03 .s3-intro {\r\n  color: var(--s3-muted);\r\n  max-width: 720px;\r\n  font-size: 16px;\r\n  line-height: 1.8;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Cards grid *\/\r\n.sipeta-section03 .s3-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 18px;\r\n}\r\n\r\n\/* Individual card *\/\r\n.sipeta-section03 .s3-card {\r\n  border-radius: 22px;\r\n  padding: 28px 23px 24px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 290px;\r\n  border: 1px solid rgba(52,77,67,.06);\r\n  transition: transform .3s ease,\r\n              box-shadow .3s ease;\r\n}\r\n\r\n.sipeta-section03 .s3-card:hover {\r\n  transform: translateY(-7px);\r\n  box-shadow: 0 15px 32px rgba(52,77,67,.1);\r\n}\r\n\r\n.sipeta-section03 .s3-green {\r\n  background: #E8EFDF;\r\n}\r\n\r\n.sipeta-section03 .s3-pink {\r\n  background: #F7E5E9;\r\n}\r\n\r\n.sipeta-section03 .s3-blue {\r\n  background: #E0EEF5;\r\n}\r\n\r\n.sipeta-section03 .s3-yellow {\r\n  background: #FAEECB;\r\n}\r\n\r\n\/* Icon box *\/\r\n.sipeta-section03 .s3-icon {\r\n  width: 58px;\r\n  height: 58px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background: rgba(255,255,255,.8);\r\n  border-radius: 16px;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.sipeta-section03 .s3-icon svg {\r\n  width: 30px;\r\n  height: 30px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\/* Card contents *\/\r\n.sipeta-section03 .s3-card-title {\r\n  font-family: \"Poppins\", Arial, sans-serif;\r\n  font-size: 19px;\r\n  line-height: 1.4;\r\n  font-weight: 650;\r\n  color: var(--s3-dark);\r\n  margin: 0 0 13px;\r\n}\r\n\r\n.sipeta-section03 .s3-card-text {\r\n  font-size: 14px;\r\n  line-height: 1.75;\r\n  color: var(--s3-muted);\r\n  margin: 0 0 24px;\r\n}\r\n\r\n.sipeta-section03 .s3-card-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin-top: auto;\r\n  width: fit-content;\r\n  color: var(--s3-dark) !important;\r\n  text-decoration: none !important;\r\n  font-weight: 700;\r\n  font-size: 13px;\r\n}\r\n\r\n.sipeta-section03 .s3-card-link:hover {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 4px;\r\n}\r\n\r\n.sipeta-section03 .s3-card-link:focus-visible {\r\n  outline: 2px solid var(--s3-dark);\r\n  outline-offset: 5px;\r\n  border-radius: 3px;\r\n}\r\n\r\n.sipeta-section03 .s3-arrow {\r\n  font-size: 19px;\r\n  transition: transform .2s ease;\r\n}\r\n\r\n.sipeta-section03 .s3-card-link:hover .s3-arrow {\r\n  transform: translate(3px, -2px);\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .sipeta-section03 .s3-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .sipeta-section03 .s3-card {\r\n    min-height: 260px;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 600px) {\r\n  .sipeta-section03 {\r\n    padding: 60px 18px 70px;\r\n  }\r\n\r\n  .sipeta-section03 .s3-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .sipeta-section03 .s3-title {\r\n    font-size: 29px;\r\n  }\r\n\r\n  .sipeta-section03 .s3-intro {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .sipeta-section03 .s3-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  .sipeta-section03 .s3-card {\r\n    min-height: 0;\r\n    padding: 25px 22px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .sipeta-section03 .s3-card,\r\n  .sipeta-section03 .s3-arrow {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- SECTION 03 : JELAJAHI SiPETA -->\r\n\r\n<section class=\"sipeta-section03\" id=\"jelajahi-sipeta\">\r\n  <div class=\"s3-container\">\r\n\r\n    <header class=\"s3-heading\">\r\n      <span class=\"s3-label\">\r\n        JELAJAHI SiPETA\r\n      <\/span>\r\n\r\n      <h2 class=\"s3-title\">\r\n        Temukan dan Pelajari\r\n      <\/h2>\r\n\r\n      <span class=\"s3-line\"\r\n            aria-hidden=\"true\"><\/span>\r\n\r\n      <p class=\"s3-intro\">\r\n        Jelajahi model pembelajaran, proses PETAA,\r\n        isu perubahan iklim, serta penelitian dan\r\n        publikasi ilmiah melalui SiPETA Learning Studio.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"s3-grid\">\r\n\r\n      <!-- CARD 1 -->\r\n      <article class=\"s3-card s3-green\">\r\n\r\n        <div class=\"s3-icon\" style=\"color:#607F69\">\r\n          <svg viewbox=\"0 0 24 24\"\r\n               aria-hidden=\"true\">\r\n            <path d=\"M12 7c-3-2-6-2-9-1v13c3-1 6-1 9 1\"\/>\r\n            <path d=\"M12 7c3-2 6-2 9-1v13c-3-1-6-1-9 1\"\/>\r\n            <path d=\"M12 7v13\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3 class=\"s3-card-title\">\r\n          Model Si-PETA IKLIM\r\n        <\/h3>\r\n\r\n        <p class=\"s3-card-text\">\r\n          Kenali landasan teoretis, karakteristik,\r\n          dan tujuan model pembelajaran perubahan\r\n          iklim berbasis konteks lokal.\r\n        <\/p>\r\n\r\n        <a class=\"s3-card-link\"\r\n           href=\"\/en\/si-peta-iklim-model\/\">\r\n          Pelajari Model\r\n          <span class=\"s3-arrow\"\r\n                aria-hidden=\"true\">&#8599;<\/span>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <!-- CARD 2 -->\r\n      <article class=\"s3-card s3-pink\">\r\n\r\n        <div class=\"s3-icon\" style=\"color:#B57785\">\r\n          <svg viewbox=\"0 0 24 24\"\r\n               aria-hidden=\"true\">\r\n            <circle cx=\"5\" cy=\"5\" r=\"2\"\/>\r\n            <circle cx=\"19\" cy=\"19\" r=\"2\"\/>\r\n            <path d=\"M7 5h8a4 4 0 0 1 0 8H9a4 4 0 0 0 0 8h8\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3 class=\"s3-card-title\">\r\n          Proses Pembelajaran PETAA\r\n        <\/h3>\r\n\r\n        <p class=\"s3-card-text\">\r\n          Temukan lima tahapan pembelajaran:\r\n          Pahami, Eksplorasi, Telaah, Aksi,\r\n          serta Asesmen dan Adaptasi.\r\n        <\/p>\r\n\r\n        <a class=\"s3-card-link\"\r\n           href=\"\/en\/petaa-learning-process\/\">\r\n          Jelajahi Tahapan\r\n          <span class=\"s3-arrow\"\r\n                aria-hidden=\"true\">&#8599;<\/span>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <!-- CARD 3 -->\r\n      <article class=\"s3-card s3-blue\">\r\n\r\n        <div class=\"s3-icon\" style=\"color:#628DA3\">\r\n          <svg viewbox=\"0 0 24 24\"\r\n               aria-hidden=\"true\">\r\n            <circle cx=\"17\" cy=\"7\" r=\"3\"\/>\r\n            <path d=\"M4 16a5 5 0 0 1 9-3\"\/>\r\n            <path d=\"M7 20h11a4 4 0 0 0 0-8h-1\"\/>\r\n            <path d=\"M2 20h3\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3 class=\"s3-card-title\">\r\n          Pembelajaran Iklim\r\n        <\/h3>\r\n\r\n        <p class=\"s3-card-text\">\r\n          Pelajari perubahan iklim, dinamika\r\n          lingkungan, dan strategi adaptasi\r\n          melalui fenomena lokal Merauke.\r\n        <\/p>\r\n\r\n        <a class=\"s3-card-link\"\r\n           href=\"\/en\/climate-learning\/\">\r\n          Eksplorasi Iklim\r\n          <span class=\"s3-arrow\"\r\n                aria-hidden=\"true\">&#8599;<\/span>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <!-- CARD 4 -->\r\n      <article class=\"s3-card s3-yellow\">\r\n\r\n        <div class=\"s3-icon\" style=\"color:#B18A3B\">\r\n          <svg viewbox=\"0 0 24 24\"\r\n               aria-hidden=\"true\">\r\n            <path d=\"m8 3 7 7\"\/>\r\n            <path d=\"m13 2 3 3-3 3\"\/>\r\n            <path d=\"M8 7l4 4\"\/>\r\n            <path d=\"M12 11a4 4 0 1 0 4 4\"\/>\r\n            <path d=\"M4 21h16\"\/>\r\n            <path d=\"M7 21v-3\"\/>\r\n            <path d=\"M17 21v-3\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3 class=\"s3-card-title\">\r\n          Penelitian &amp; Publikasi\r\n        <\/h3>\r\n\r\n        <p class=\"s3-card-text\">\r\n          Akses hasil penelitian, artikel ilmiah,\r\n          serta perkembangan riset tentang\r\n          Scientific Sense of Place dan\r\n          Climate Adaptation Capacity.\r\n        <\/p>\r\n\r\n        <a class=\"s3-card-link\"\r\n           href=\"\/en\/research-publications\/\">\r\n          Lihat Publikasi\r\n          <span class=\"s3-arrow\"\r\n                aria-hidden=\"true\">&#8599;<\/span>\r\n        <\/a>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb217a0 e-flex e-con-boxed e-con e-parent\" data-id=\"cb217a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-864d1d7 elementor-widget elementor-widget-html\" data-id=\"864d1d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\/* ===========================================\r\n   SiPETA LEARNING STUDIO\r\n   SECTION 04 - KABAR TERBARU\r\n   =========================================== *\/\r\n\r\n.sipeta-section04 {\r\n  --s4-dark: #344D43;\r\n  --s4-muted: #607469;\r\n  --s4-pink: #E8C3C8;\r\n\r\n  width: 100%;\r\n  padding: 85px 24px 90px;\r\n  background: #F7F8F3;\r\n  font-family: \"Inter\", Arial, sans-serif;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.sipeta-section04 *,\r\n.sipeta-section04 *::before,\r\n.sipeta-section04 *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.sipeta-section04 .s4-container {\r\n  max-width: 1160px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Heading *\/\r\n.sipeta-section04 .s4-heading {\r\n  text-align: center;\r\n  margin-bottom: 42px;\r\n}\r\n\r\n.sipeta-section04 .s4-label {\r\n  display: inline-block;\r\n  font-size: 12px;\r\n  letter-spacing: 2px;\r\n  font-weight: 700;\r\n  color: #738C78;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.sipeta-section04 .s4-title {\r\n  font-family: \"Poppins\", Arial, sans-serif;\r\n  font-size: clamp(29px, 3.5vw, 42px);\r\n  line-height: 1.3;\r\n  font-weight: 650;\r\n  color: var(--s4-dark);\r\n  margin: 0 0 18px;\r\n}\r\n\r\n.sipeta-section04 .s4-divider {\r\n  width: 78px;\r\n  height: 5px;\r\n  background: var(--s4-pink);\r\n  border-radius: 20px;\r\n  display: block;\r\n  margin: 0 auto 22px;\r\n}\r\n\r\n.sipeta-section04 .s4-intro {\r\n  max-width: 720px;\r\n  margin: 0 auto;\r\n  font-size: 16px;\r\n  line-height: 1.8;\r\n  color: var(--s4-muted);\r\n}\r\n\r\n\/* Cards *\/\r\n.sipeta-section04 .s4-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 22px;\r\n}\r\n\r\n.sipeta-section04 .s4-card {\r\n  min-width: 0;\r\n  border: 1px solid #E3E9E0;\r\n  background: #FFFFFF;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n.sipeta-section04 .s4-card:hover {\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 15px 35px rgba(52,77,67,.09);\r\n}\r\n\r\n.sipeta-section04 .s4-media {\r\n  aspect-ratio: 16 \/ 10;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: #E7EEE8;\r\n}\r\n\r\n.sipeta-section04 .s4-media img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n  transition: transform .35s ease;\r\n}\r\n\r\n.sipeta-section04 .s4-card:hover img {\r\n  transform: scale(1.04);\r\n}\r\n\r\n.sipeta-section04 .s4-body {\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  padding: 25px 24px 27px;\r\n}\r\n\r\n.sipeta-section04 .s4-category {\r\n  font-size: 11px;\r\n  font-weight: 750;\r\n  letter-spacing: 1.4px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 13px;\r\n}\r\n\r\n.sipeta-section04 .s4-cat-pink {\r\n  color: #A96E7C;\r\n}\r\n\r\n.sipeta-section04 .s4-cat-green {\r\n  color: #668B70;\r\n}\r\n\r\n.sipeta-section04 .s4-cat-blue {\r\n  color: #648AA0;\r\n}\r\n\r\n.sipeta-section04 .s4-card-title {\r\n  font-family: \"Poppins\", Arial, sans-serif;\r\n  font-size: 19px;\r\n  line-height: 1.45;\r\n  font-weight: 650;\r\n  color: var(--s4-dark);\r\n  margin: 0 0 13px;\r\n}\r\n\r\n.sipeta-section04 .s4-description {\r\n  font-size: 14px;\r\n  line-height: 1.8;\r\n  color: var(--s4-muted);\r\n  margin: 0 0 25px;\r\n}\r\n\r\n.sipeta-section04 .s4-link {\r\n  margin-top: auto;\r\n  display: inline-flex;\r\n  width: fit-content;\r\n  align-items: center;\r\n  gap: 8px;\r\n  color: var(--s4-dark) !important;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  text-decoration: none !important;\r\n}\r\n\r\n.sipeta-section04 .s4-link:hover {\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 4px;\r\n}\r\n\r\n\/* Bottom button *\/\r\n.sipeta-section04 .s4-bottom {\r\n  text-align: center;\r\n  margin-top: 38px;\r\n}\r\n\r\n.sipeta-section04 .s4-all-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 15px 25px;\r\n  background: #FFFFFF;\r\n  color: var(--s4-dark) !important;\r\n  border: 1px solid #BDCFB7;\r\n  border-radius: 12px;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  text-decoration: none !important;\r\n  transition: background .2s ease,\r\n              transform .2s ease;\r\n}\r\n\r\n.sipeta-section04 .s4-all-button:hover {\r\n  background: #E8EFDF;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.sipeta-section04 a:focus-visible {\r\n  outline: 2px solid #344D43;\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .sipeta-section04 .s4-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 680px) {\r\n  .sipeta-section04 {\r\n    padding: 60px 18px 70px;\r\n  }\r\n\r\n  .sipeta-section04 .s4-title {\r\n    font-size: 29px;\r\n  }\r\n\r\n  .sipeta-section04 .s4-intro {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .sipeta-section04 .s4-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 17px;\r\n  }\r\n\r\n  .sipeta-section04 .s4-body {\r\n    padding: 22px 21px 24px;\r\n  }\r\n\r\n  .sipeta-section04 .s4-card-title {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .sipeta-section04 .s4-all-button {\r\n    width: 100%;\r\n    max-width: 340px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .sipeta-section04 .s4-card,\r\n  .sipeta-section04 .s4-media img,\r\n  .sipeta-section04 .s4-all-button {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- SECTION 04 - KABAR TERBARU -->\r\n\r\n<section class=\"sipeta-section04\" id=\"kabar-sipeta\">\r\n\r\n  <div class=\"s4-container\">\r\n\r\n    <header class=\"s4-heading\">\r\n\r\n      <span class=\"s4-label\">\r\n        INFORMASI &amp; INSPIRASI\r\n      <\/span>\r\n\r\n      <h2 class=\"s4-title\">\r\n        Kabar Terbaru dari SiPETA\r\n      <\/h2>\r\n\r\n      <span class=\"s4-divider\"\r\n            aria-hidden=\"true\"><\/span>\r\n\r\n      <p class=\"s4-intro\">\r\n        Temukan informasi, bahan pembelajaran,\r\n        dan perkembangan penelitian terbaru\r\n        dari SiPETA Learning Studio.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n    <div class=\"s4-grid\">\r\n\r\n      <!-- KARTU 1: ARTIKEL -->\r\n      <article class=\"s4-card\">\r\n\r\n        <div class=\"s4-media\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/placehold.co\/800x500\/E8C3C8\/344D43.png?text=Artikel+SiPETA\"\r\n            alt=\"Tempat gambar artikel SiPETA\"\r\n            loading=\"lazy\" title=\"Beranda\">\r\n        <\/div>\r\n\r\n        <div class=\"s4-body\">\r\n\r\n          <span class=\"s4-category s4-cat-pink\">\r\n            ARTIKEL\r\n          <\/span>\r\n\r\n          <h3 class=\"s4-card-title\">\r\n            Pembelajaran IPA Berbasis\r\n            Lingkungan Lokal\r\n          <\/h3>\r\n\r\n          <p class=\"s4-description\">\r\n            Menghubungkan pengalaman peserta\r\n            didik dengan lingkungan sekitar\r\n            melalui pembelajaran IPA kontekstual.\r\n          <\/p>\r\n\r\n          <a class=\"s4-link\"\r\n             href=\"\/en\/artikel\/\">\r\n            Baca Selengkapnya &#8599;\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- KARTU 2: SUMBER BELAJAR -->\r\n      <article class=\"s4-card\">\r\n\r\n        <div class=\"s4-media\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/placehold.co\/800x500\/BDD1B8\/344D43.png?text=Sumber+Belajar\"\r\n            alt=\"Tempat gambar sumber belajar SiPETA\"\r\n            loading=\"lazy\" title=\"Beranda\">\r\n        <\/div>\r\n\r\n        <div class=\"s4-body\">\r\n\r\n          <span class=\"s4-category s4-cat-green\">\r\n            SUMBER BELAJAR\r\n          <\/span>\r\n\r\n          <h3 class=\"s4-card-title\">\r\n            Perangkat Pembelajaran\r\n            Si-PETA IKLIM\r\n          <\/h3>\r\n\r\n          <p class=\"s4-description\">\r\n            Jelajahi modul, lembar kerja,\r\n            dan panduan pembelajaran\r\n            perubahan iklim berbasis\r\n            konteks lokal.\r\n          <\/p>\r\n\r\n          <a class=\"s4-link\"\r\n             href=\"\/en\/learning-resources\/\">\r\n            Jelajahi Materi &#8599;\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- KARTU 3: PENELITIAN -->\r\n      <article class=\"s4-card\">\r\n\r\n        <div class=\"s4-media\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/placehold.co\/800x500\/CBE3EC\/344D43.png?text=Penelitian+SiPETA\"\r\n            alt=\"Tempat gambar penelitian SiPETA\"\r\n            loading=\"lazy\" title=\"Beranda\">\r\n        <\/div>\r\n\r\n        <div class=\"s4-body\">\r\n\r\n          <span class=\"s4-category s4-cat-blue\">\r\n            PENELITIAN\r\n          <\/span>\r\n\r\n          <h3 class=\"s4-card-title\">\r\n            Riset Pendidikan\r\n            dan Adaptasi Iklim\r\n          <\/h3>\r\n\r\n          <p class=\"s4-description\">\r\n            Ikuti perkembangan penelitian\r\n            mengenai Scientific Sense of Place,\r\n            Climate Adaptation Capacity,\r\n            dan model Si-PETA IKLIM.\r\n          <\/p>\r\n\r\n          <a class=\"s4-link\"\r\n             href=\"\/en\/research-publications\/\">\r\n            Lihat Penelitian &#8599;\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"s4-bottom\">\r\n      <a class=\"s4-all-button\"\r\n         href=\"\/en\/research-publications\/\">\r\n        Lihat Semua Publikasi &nbsp; &#8594;\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b7ff48 e-flex e-con-boxed e-con e-parent\" data-id=\"2b7ff48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad62725 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"ad62725\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\/* =========================================\r\n   SiPETA LEARNING STUDIO\r\n   SECTION 05 - KOLABORASI\r\n   ========================================= *\/\r\n\r\n.sipeta-section05 {\r\n  --s5-dark: #344D43;\r\n  --s5-muted: #5D7067;\r\n  --s5-pink: #E8C3C8;\r\n\r\n  width: 100%;\r\n  background: #E8EFDF;\r\n  padding: 85px 25px 90px;\r\n  box-sizing: border-box;\r\n  font-family: \"Inter\", Arial, sans-serif;\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.sipeta-section05 *,\r\n.sipeta-section05 *::before,\r\n.sipeta-section05 *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Soft background decoration *\/\r\n.sipeta-section05::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 290px;\r\n  height: 290px;\r\n  border-radius: 50%;\r\n  background: rgba(232,195,200,.28);\r\n  top: -180px;\r\n  left: -130px;\r\n  pointer-events: none;\r\n}\r\n\r\n.sipeta-section05::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 290px;\r\n  height: 290px;\r\n  border-radius: 50%;\r\n  background: rgba(203,227,236,.45);\r\n  bottom: -190px;\r\n  right: -120px;\r\n  pointer-events: none;\r\n}\r\n\r\n.sipeta-section05 .s5-container {\r\n  max-width: 950px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Label *\/\r\n.sipeta-section05 .s5-label {\r\n  display: inline-block;\r\n  padding: 10px 20px;\r\n  border-radius: 30px;\r\n  background: rgba(255,255,255,.85);\r\n  color: #66816A;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.4px;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n\/* Icon *\/\r\n.sipeta-section05 .s5-icon {\r\n  width: 72px;\r\n  height: 72px;\r\n  border-radius: 50%;\r\n  margin: 0 auto 23px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #F4DDE3;\r\n  color: #9B6475;\r\n}\r\n\r\n.sipeta-section05 .s5-icon svg {\r\n  width: 37px;\r\n  height: 37px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.65;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\/* Heading *\/\r\n.sipeta-section05 .s5-title {\r\n  font-family: \"Poppins\", Arial, sans-serif;\r\n  font-size: clamp(30px, 3.5vw, 43px);\r\n  line-height: 1.3;\r\n  font-weight: 650;\r\n  color: var(--s5-dark);\r\n  margin: 0 0 20px;\r\n}\r\n\r\n.sipeta-section05 .s5-line {\r\n  display: block;\r\n  width: 80px;\r\n  height: 5px;\r\n  border-radius: 20px;\r\n  background: var(--s5-pink);\r\n  margin: 0 auto 25px;\r\n}\r\n\r\n\/* Description *\/\r\n.sipeta-section05 .s5-description {\r\n  max-width: 850px;\r\n  margin: 0 auto;\r\n  color: var(--s5-muted);\r\n  font-size: 17px;\r\n  line-height: 1.9;\r\n}\r\n\r\n\/* Action buttons *\/\r\n.sipeta-section05 .s5-actions {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 14px;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  margin-top: 32px;\r\n}\r\n\r\n.sipeta-section05 .s5-btn {\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 15px 26px;\r\n  min-height: 54px;\r\n  border-radius: 13px;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  text-decoration: none !important;\r\n  transition:\r\n    transform .25s ease,\r\n    background-color .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n.sipeta-section05 .s5-btn-primary {\r\n  background: var(--s5-dark);\r\n  color: #FFFFFF !important;\r\n  border: 1px solid var(--s5-dark);\r\n}\r\n\r\n.sipeta-section05 .s5-btn-primary:hover {\r\n  background: #496B57;\r\n  color: #FFFFFF !important;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 8px 22px rgba(52,77,67,.16);\r\n}\r\n\r\n.sipeta-section05 .s5-btn-secondary {\r\n  background: #FFFFFF;\r\n  color: var(--s5-dark) !important;\r\n  border: 1px solid #BDCFB7;\r\n}\r\n\r\n.sipeta-section05 .s5-btn-secondary:hover {\r\n  background: #F7FAF3;\r\n  color: var(--s5-dark) !important;\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* Collaboration areas *\/\r\n.sipeta-section05 .s5-tags {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  margin-top: 38px;\r\n}\r\n\r\n.sipeta-section05 .s5-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  padding: 12px 18px;\r\n  border-radius: 30px;\r\n  font-size: 13px;\r\n  font-weight: 650;\r\n  color: var(--s5-dark);\r\n}\r\n\r\n.sipeta-section05 .s5-tag svg {\r\n  width: 19px;\r\n  height: 19px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.sipeta-section05 .s5-tag-pink {\r\n  background: #F6E2E6;\r\n}\r\n\r\n.sipeta-section05 .s5-tag-blue {\r\n  background: #DDECF4;\r\n}\r\n\r\n.sipeta-section05 .s5-tag-yellow {\r\n  background: #F8ECCB;\r\n}\r\n\r\n.sipeta-section05 a:focus-visible {\r\n  outline: 2px solid #344D43;\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .sipeta-section05 {\r\n    padding: 75px 28px;\r\n  }\r\n}\r\n\r\n\/* Smartphone *\/\r\n@media (max-width: 767px) {\r\n  .sipeta-section05 {\r\n    padding: 60px 20px 65px;\r\n  }\r\n\r\n  .sipeta-section05 .s5-label {\r\n    font-size: 11px;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .sipeta-section05 .s5-title {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .sipeta-section05 .s5-description {\r\n    font-size: 15px;\r\n    line-height: 1.85;\r\n  }\r\n\r\n  .sipeta-section05 .s5-actions {\r\n    flex-direction: column;\r\n    gap: 12px;\r\n  }\r\n\r\n  .sipeta-section05 .s5-btn {\r\n    width: 100%;\r\n    max-width: 330px;\r\n  }\r\n\r\n  .sipeta-section05 .s5-tags {\r\n    gap: 10px;\r\n    margin-top: 30px;\r\n  }\r\n\r\n  .sipeta-section05 .s5-tag {\r\n    font-size: 12px;\r\n    padding: 10px 14px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .sipeta-section05 .s5-btn {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- SECTION 05: KOLABORASI -->\r\n\r\n<section class=\"sipeta-section05\" id=\"kolaborasi-sipeta\">\r\n\r\n  <div class=\"s5-container\">\r\n\r\n    <!-- Label -->\r\n    <span class=\"s5-label\">\r\n      KOLABORASI &amp; KEMITRAAN\r\n    <\/span>\r\n\r\n    <!-- Icon -->\r\n    <div class=\"s5-icon\" aria-hidden=\"true\">\r\n      <svg viewbox=\"0 0 24 24\">\r\n        <path d=\"m2 12 3-3 4 2 3-3 3 2 4-1 3 3\"\/>\r\n        <path d=\"m2 12 5 6 3-1 2 2 3-2 2 1 5-6\"\/>\r\n        <path d=\"m9 11 3 3 3-2\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <!-- Heading -->\r\n    <h2 class=\"s5-title\">\r\n      Bersama Mengembangkan Pendidikan Iklim\r\n    <\/h2>\r\n\r\n    <span class=\"s5-line\" aria-hidden=\"true\"><\/span>\r\n\r\n    <!-- Description -->\r\n    <p class=\"s5-description\">\r\n      SiPETA Learning Studio membuka peluang kolaborasi\r\n      bersama guru, sekolah, perguruan tinggi, peneliti,\r\n      dan komunitas dalam pengembangan pembelajaran\r\n      IPA kontekstual, penelitian pendidikan, serta\r\n      penguatan kapasitas adaptasi terhadap\r\n      perubahan iklim.\r\n    <\/p>\r\n\r\n    <!-- Buttons -->\r\n    <div class=\"s5-actions\">\r\n\r\n      <a\r\n        href=\"\/en\/contact\/\"\r\n        class=\"s5-btn s5-btn-primary\">\r\n        Hubungi Kami\r\n        <span aria-hidden=\"true\">&#8594;<\/span>\r\n      <\/a>\r\n\r\n      <a\r\n        href=\"\/en\/about-the-researcher\/\"\r\n        class=\"s5-btn s5-btn-secondary\">\r\n        Tentang Peneliti\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n    <!-- Collaboration tags -->\r\n    <div class=\"s5-tags\">\r\n\r\n      <span class=\"s5-tag s5-tag-pink\">\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <circle cx=\"10\" cy=\"10\" r=\"5\"\/>\r\n          <path d=\"M14 14l6 6\"\/>\r\n          <path d=\"M8 10h4M10 8v4\"\/>\r\n        <\/svg>\r\n        Kolaborasi Riset\r\n      <\/span>\r\n\r\n      <span class=\"s5-tag s5-tag-blue\">\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M3 21V7l9-4 9 4v14\"\/>\r\n          <path d=\"M3 21h18M9 21v-6h6v6\"\/>\r\n          <path d=\"M8 9h1M15 9h1\"\/>\r\n        <\/svg>\r\n        Kemitraan Sekolah\r\n      <\/span>\r\n\r\n      <span class=\"s5-tag s5-tag-yellow\">\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M9 18h6\"\/>\r\n          <path d=\"M10 21h4\"\/>\r\n          <path d=\"M8 15a7 7 0 1 1 8 0l-1 3H9z\"\/>\r\n        <\/svg>\r\n        Inovasi Pembelajaran\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>PENDIDIKAN IKLIM BERBASIS KONTEKS LOKAL Research. Learn. Adapt. Menghubungkan sains, pengetahuan lokal, dan aksi iklim melalui pembelajaran kontekstual yang bermakna. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","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":"","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":"default","ast-page-background-enabled":"default","ast-page-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":"","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-5)","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-5)","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-5)","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":""}},"footnotes":""},"class_list":["post-1985","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Beranda - Si-PETA Learning Studio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sipetalearningstudio.com\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Beranda - Si-PETA Learning Studio\" \/>\n<meta property=\"og:description\" content=\"PENDIDIKAN IKLIM BERBASIS KONTEKS LOKAL Research. Learn. Adapt. Menghubungkan sains, pengetahuan lokal, dan aksi iklim melalui pembelajaran kontekstual yang bermakna. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sipetalearningstudio.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Si-PETA Learning Studio\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-30T05:03:33+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sipetalearningstudio.com\\\/\",\"url\":\"https:\\\/\\\/sipetalearningstudio.com\\\/\",\"name\":\"Beranda - Si-PETA Learning Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sipetalearningstudio.com\\\/#website\"},\"datePublished\":\"2026-10-29T23:13:25+00:00\",\"dateModified\":\"2026-10-30T05:03:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sipetalearningstudio.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sipetalearningstudio.com\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sipetalearningstudio.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sipetalearningstudio.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Beranda\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sipetalearningstudio.com\\\/#website\",\"url\":\"https:\\\/\\\/sipetalearningstudio.com\\\/\",\"name\":\"Si-PETA Learning Studio\",\"description\":\"Research. Learn. Adapt.\",\"publisher\":{\"@id\":\"https:\\\/\\\/sipetalearningstudio.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sipetalearningstudio.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sipetalearningstudio.com\\\/#organization\",\"name\":\"Si-PETA Learning Studio\",\"url\":\"https:\\\/\\\/sipetalearningstudio.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sipetalearningstudio.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/sipetalearningstudio.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/cropped-cropped-Logo-SiPETA_-Lanskap-Pembelajaran-Pastel.png\",\"contentUrl\":\"https:\\\/\\\/sipetalearningstudio.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/cropped-cropped-Logo-SiPETA_-Lanskap-Pembelajaran-Pastel.png\",\"width\":1772,\"height\":591,\"caption\":\"Si-PETA Learning Studio\"},\"image\":{\"@id\":\"https:\\\/\\\/sipetalearningstudio.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Beranda - Si-PETA Learning Studio","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sipetalearningstudio.com\/en\/","og_locale":"en_US","og_type":"article","og_title":"Beranda - Si-PETA Learning Studio","og_description":"PENDIDIKAN IKLIM BERBASIS KONTEKS LOKAL Research. Learn. Adapt. Menghubungkan sains, pengetahuan lokal, dan aksi iklim melalui pembelajaran kontekstual yang bermakna. [&hellip;]","og_url":"https:\/\/sipetalearningstudio.com\/en\/","og_site_name":"Si-PETA Learning Studio","article_modified_time":"2026-10-30T05:03:33+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sipetalearningstudio.com\/","url":"https:\/\/sipetalearningstudio.com\/","name":"Beranda - Si-PETA Learning Studio","isPartOf":{"@id":"https:\/\/sipetalearningstudio.com\/#website"},"datePublished":"2026-10-29T23:13:25+00:00","dateModified":"2026-10-30T05:03:33+00:00","breadcrumb":{"@id":"https:\/\/sipetalearningstudio.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sipetalearningstudio.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sipetalearningstudio.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sipetalearningstudio.com\/"},{"@type":"ListItem","position":2,"name":"Beranda"}]},{"@type":"WebSite","@id":"https:\/\/sipetalearningstudio.com\/#website","url":"https:\/\/sipetalearningstudio.com\/","name":"Si-PETA Learning Studio","description":"Research. Learn. Adapt.","publisher":{"@id":"https:\/\/sipetalearningstudio.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sipetalearningstudio.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sipetalearningstudio.com\/#organization","name":"Si-PETA Learning Studio","url":"https:\/\/sipetalearningstudio.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sipetalearningstudio.com\/#\/schema\/logo\/image\/","url":"https:\/\/sipetalearningstudio.com\/wp-content\/uploads\/2026\/10\/cropped-cropped-Logo-SiPETA_-Lanskap-Pembelajaran-Pastel.png","contentUrl":"https:\/\/sipetalearningstudio.com\/wp-content\/uploads\/2026\/10\/cropped-cropped-Logo-SiPETA_-Lanskap-Pembelajaran-Pastel.png","width":1772,"height":591,"caption":"Si-PETA Learning Studio"},"image":{"@id":"https:\/\/sipetalearningstudio.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/sipetalearningstudio.com\/en\/wp-json\/wp\/v2\/pages\/1985","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sipetalearningstudio.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sipetalearningstudio.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sipetalearningstudio.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sipetalearningstudio.com\/en\/wp-json\/wp\/v2\/comments?post=1985"}],"version-history":[{"count":25,"href":"https:\/\/sipetalearningstudio.com\/en\/wp-json\/wp\/v2\/pages\/1985\/revisions"}],"predecessor-version":[{"id":2043,"href":"https:\/\/sipetalearningstudio.com\/en\/wp-json\/wp\/v2\/pages\/1985\/revisions\/2043"}],"wp:attachment":[{"href":"https:\/\/sipetalearningstudio.com\/en\/wp-json\/wp\/v2\/media?parent=1985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}