Our Journey to HCAA 2027\u20132036 \u2014 PPAS<\/title>\n<style>\n\/* ================================================================\n MODULE 00 \u2014 GLOBAL DESIGN SYSTEM (PROFESSIONAL EDTECH)\n================================================================ *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n.ppas-journey {\n \/* Brand Colors - Corporate & Trustworthy *\/\n --pj-primary: #1B4332;\n --pj-primary-dark: #143326;\n --pj-primary-light: #E8F0E4;\n --pj-secondary: #C65D3E;\n --pj-secondary-light: #F5E6D8;\n --pj-navy: #2C2C2C;\n --pj-slate: #6B6B6B;\n --pj-slate-light: #A79D91;\n --pj-white: #FFFFFF;\n --pj-bg: #FAF3E8;\n --pj-border: #E5D5A8;\n --pj-success: #2D5016;\n --pj-warning: #C9A961;\n --pj-danger: #C65D3E;\n \n \/* Typography *\/\n --pj-font-display: 'Inter', sans-serif;\n --pj-font-body: 'Inter', sans-serif;\n \n \/* Spacing *\/\n --pj-space-xs: 0.5rem;\n --pj-space-sm: 0.75rem;\n --pj-space-md: 1rem;\n --pj-space-lg: 1.5rem;\n --pj-space-xl: 2rem;\n --pj-space-2xl: 3rem;\n --pj-space-3xl: 4rem;\n --pj-space-4xl: 5rem;\n \n \/* Radius - Subtle & Professional *\/\n --pj-radius-sm: 6px;\n --pj-radius-md: 12px;\n --pj-radius-lg: 16px;\n --pj-radius-full: 9999px;\n \n \/* Shadows - Soft & Subtle *\/\n --pj-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n --pj-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n --pj-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);\n \n \/* Transitions *\/\n --pj-transition-fast: 150ms ease;\n --pj-transition-base: 300ms ease;\n\n background: var(--pj-white);\n color: var(--pj-navy);\n font-family: var(--pj-font-body);\n line-height: 1.6;\n overflow-x: hidden;\n position: relative;\n}\n\n.ppas-journey *,\n.ppas-journey *::before,\n.ppas-journey *::after {\n box-sizing: border-box;\n}\n\n.ppas-journey img {\n max-width: 100%;\n display: block;\n height: auto;\n}\n\n.ppas-journey a {\n text-decoration: none;\n color: inherit;\n}\n\n.ppas-journey button {\n font-family: inherit;\n cursor: pointer;\n border: none;\n background: none;\n}\n\n.ppas-journey ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n\/* Typography *\/\n.ppas-journey h1,\n.ppas-journey h2,\n.ppas-journey h3,\n.ppas-journey h4 {\n font-family: var(--pj-font-display);\n font-weight: 800;\n line-height: 1.2;\n color: var(--pj-navy);\n margin: 0;\n letter-spacing: -0.02em;\n}\n\n.ppas-journey h1 {\n font-size: clamp(2.5rem, 5vw, 4rem);\n}\n\n.ppas-journey h2 {\n font-size: clamp(1.8rem, 3.5vw, 2.5rem);\n}\n\n.ppas-journey h3 {\n font-size: clamp(1.25rem, 2vw, 1.5rem);\n}\n\n.ppas-journey p {\n font-size: 1.125rem;\n color: var(--pj-slate);\n line-height: 1.7;\n margin: 0;\n max-width: 65ch;\n}\n\n\/* Container *\/\n.ppas-journey .pj-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n}\n\n\/* Buttons - Clean & Professional *\/\n.ppas-journey .pj-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n padding: 0.875rem 1.75rem;\n font-family: var(--pj-font-display);\n font-size: 1rem;\n font-weight: 600;\n border-radius: var(--pj-radius-sm);\n border: 2px solid transparent;\n cursor: pointer;\n transition: all var(--pj-transition-fast);\n white-space: nowrap;\n min-height: 48px;\n min-width: 48px;\n box-shadow: var(--pj-shadow-sm);\n}\n\n.ppas-journey .pj-btn:hover {\n transform: translateY(-1px);\n box-shadow: var(--pj-shadow-md);\n}\n\n.ppas-journey .pj-btn:active {\n transform: translateY(0);\n}\n\n.ppas-journey .pj-btn svg {\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n transition: transform var(--pj-transition-fast);\n}\n\n.ppas-journey .pj-btn:hover svg {\n transform: translateX(3px);\n}\n\n.ppas-journey .pj-btn:focus-visible {\n outline: 3px solid var(--pj-primary);\n outline-offset: 2px;\n}\n\n.ppas-journey .pj-btn-primary {\n background: var(--pj-primary);\n color: white;\n}\n\n.ppas-journey .pj-btn-primary:hover {\n background: var(--pj-primary-dark);\n}\n\n.ppas-journey .pj-btn-secondary {\n background: var(--pj-white);\n color: var(--pj-navy);\n border-color: var(--pj-border);\n}\n\n.ppas-journey .pj-btn-secondary:hover {\n border-color: var(--pj-primary);\n color: var(--pj-primary);\n}\n\n.ppas-journey .pj-btn-outline {\n background: transparent;\n color: var(--pj-primary);\n border: 2px solid var(--pj-primary);\n}\n\n.ppas-journey .pj-btn-outline:hover {\n background: var(--pj-primary);\n color: white;\n}\n\n.ppas-journey .pj-btn-sm {\n padding: 0.5rem 1rem;\n font-size: 0.875rem;\n min-height: 40px;\n}\n\n\/* Section Labels - Clean & Minimal *\/\n.ppas-journey .pj-eyebrow {\n display: inline-block;\n font-family: var(--pj-font-display);\n font-size: 0.8125rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--pj-primary);\n margin-bottom: var(--pj-space-md);\n background: var(--pj-primary-light);\n padding: 0.25rem 0.75rem;\n border-radius: var(--pj-radius-sm);\n}\n\n\/* Sections *\/\n.ppas-journey .pj-section {\n padding: var(--pj-space-4xl) 0;\n position: relative;\n}\n\n.ppas-journey .pj-section-alt {\n background: var(--pj-bg);\n}\n\n.ppas-journey .pj-section-header {\n margin-bottom: var(--pj-space-3xl);\n max-width: 700px;\n}\n\n.ppas-journey .pj-section-header h2 {\n margin-bottom: var(--pj-space-md);\n}\n\n\/* Cards - Minimalist & Clean *\/\n.ppas-journey .pj-card {\n background: var(--pj-white);\n border-radius: var(--pj-radius-md);\n padding: var(--pj-space-lg);\n box-shadow: var(--pj-shadow-sm);\n border: 1px solid var(--pj-border);\n transition: transform var(--pj-transition-base), box-shadow var(--pj-transition-base);\n}\n\n.ppas-journey .pj-card:hover {\n transform: translateY(-2px);\n box-shadow: var(--pj-shadow-md);\n}\n\n\/* Reveal Animation *\/\n.ppas-journey .pj-reveal {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.ppas-journey .pj-reveal.is-visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ppas-journey .pj-reveal {\n opacity: 1 !important;\n transform: none !important;\n transition: none !important;\n }\n}\n\n\n\/* ================================================================\n QUICK NAVIGATION \u2014 STICKY SECTION MENU\n Helps returning visitors jump directly to the section they need.\n================================================================ *\/\n.ppas-journey {\n --pj-nav-height: 64px;\n}\n\n.ppas-journey .pj-quick-nav {\n position: sticky;\n top: 0;\n z-index: 900;\n width: 100%;\n background: rgba(255,255,255,0.96);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border-bottom: 1px solid var(--pj-border);\n box-shadow: 0 2px 10px rgba(15,23,42,0.06);\n}\n\n.ppas-journey .pj-quick-nav__inner {\n max-width: 1200px;\n min-height: var(--pj-nav-height);\n margin: 0 auto;\n padding: 0 2rem;\n display: flex;\n align-items: center;\n gap: 0.25rem;\n overflow-x: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n}\n\n.ppas-journey .pj-quick-nav__inner::-webkit-scrollbar {\n display: none;\n}\n\n.ppas-journey .pj-quick-nav__link {\n flex: 0 0 auto;\n min-height: 40px;\n padding: 0.55rem 0.85rem;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--pj-radius-sm);\n color: var(--pj-slate);\n font-family: var(--pj-font-display);\n font-size: 0.82rem;\n font-weight: 600;\n white-space: nowrap;\n transition: background var(--pj-transition-fast), color var(--pj-transition-fast);\n}\n\n.ppas-journey .pj-quick-nav__link:hover {\n background: var(--pj-primary-light);\n color: var(--pj-primary);\n}\n\n.ppas-journey .pj-quick-nav__link.is-active {\n background: var(--pj-primary);\n color: var(--pj-white);\n}\n\n.ppas-journey .pj-quick-nav__link:focus-visible {\n outline: 2px solid var(--pj-primary);\n outline-offset: 2px;\n}\n\n.ppas-journey [id] {\n scroll-margin-top: calc(var(--pj-nav-height) + 20px);\n}\n\n@media (max-width: 768px) {\n .ppas-journey {\n --pj-nav-height: 56px;\n }\n\n .ppas-journey .pj-quick-nav__inner {\n min-height: var(--pj-nav-height);\n padding: 0 0.75rem;\n gap: 0.15rem;\n }\n\n .ppas-journey .pj-quick-nav__link {\n min-height: 38px;\n padding: 0.45rem 0.7rem;\n font-size: 0.75rem;\n }\n}\n\n\/* Language Switcher (Clean Toggle) *\/\n.ppas-journey .pj-lang-switcher {\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 1000;\n background: rgba(255,255,255,0.95);\n backdrop-filter: blur(8px);\n border: 1px solid var(--pj-border);\n border-radius: var(--pj-radius-sm);\n padding: 4px;\n display: flex;\n gap: 4px;\n box-shadow: var(--pj-shadow-sm);\n}\n\n.ppas-journey .pj-lang-switcher button {\n padding: 0.5rem 1rem;\n border-radius: var(--pj-radius-sm);\n font-family: var(--pj-font-display);\n font-size: 0.8125rem;\n font-weight: 600;\n border: none;\n background: transparent;\n color: var(--pj-slate);\n cursor: pointer;\n transition: all var(--pj-transition-fast);\n min-height: 36px;\n}\n\n.ppas-journey .pj-lang-switcher button:hover {\n background: var(--pj-bg);\n}\n\n.ppas-journey .pj-lang-switcher button.is-active {\n background: var(--pj-primary);\n color: white;\n}\n\n.ppas-journey .pj-lang-switcher button:focus-visible {\n outline: 2px solid var(--pj-primary);\n outline-offset: 2px;\n}\n\n@media (max-width: 640px) {\n .ppas-journey .pj-lang-switcher {\n top: 10px;\n right: 10px;\n }\n \n .ppas-journey .pj-lang-switcher button {\n padding: 0.4rem 0.75rem;\n font-size: 0.75rem;\n }\n}\n\n\/* ================================================================\n MODULE 01 \u2014 HERO SECTION (CENTERED, DATA-DRIVEN)\n================================================================ *\/\n.ppas-journey .pj-hero {\n background: var(--pj-white);\n padding: var(--pj-space-4xl) 0;\n padding-top: 140px;\n text-align: center;\n}\n\n.ppas-journey .pj-hero__grid {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.ppas-journey .pj-hero__tagline {\n font-family: var(--pj-font-display);\n font-size: clamp(1.5rem, 2.5vw, 2rem);\n font-weight: 600;\n color: var(--pj-primary);\n margin: var(--pj-space-sm) 0 var(--pj-space-lg);\n line-height: 1.2;\n}\n\n.ppas-journey .pj-hero__desc {\n max-width: 700px;\n margin-bottom: var(--pj-space-xl);\n}\n\n.ppas-journey .pj-hero__location {\n display: inline-flex;\n align-items: center;\n gap: var(--pj-space-sm);\n padding: var(--pj-space-sm) var(--pj-space-md);\n background: var(--pj-bg);\n border-radius: var(--pj-radius-full);\n font-size: 0.9375rem;\n font-weight: 500;\n color: var(--pj-slate);\n margin-bottom: var(--pj-space-xl);\n border: 1px solid var(--pj-border);\n}\n\n.ppas-journey .pj-hero__location svg {\n width: 18px;\n height: 18px;\n color: var(--pj-primary);\n flex-shrink: 0;\n}\n\n.ppas-journey .pj-hero__actions {\n display: flex;\n gap: var(--pj-space-md);\n flex-wrap: wrap;\n justify-content: center;\n margin-bottom: var(--pj-space-2xl);\n}\n\n.ppas-journey .pj-hero__visual {\n width: 100%;\n max-width: 1200px;\n margin-top: var(--pj-space-xl);\n border-radius: var(--pj-radius-lg);\n overflow: hidden;\n box-shadow: var(--pj-shadow-lg);\n border: 1px solid var(--pj-border);\n}\n\n.ppas-journey .pj-hero__visual img {\n width: 100%;\n height: auto;\n display: block;\n}\n\n\/* HERO IMAGE \u2014 MAXIMUM WIDTH \/ REDUCED EMPTY SPACE\n The image intentionally breaks out of the 1200px text container\n so it can fill the wide empty area while remaining responsive. *\/\n.ppas-journey .pj-hero__visual {\n width: min(1400px, calc(100vw - 48px));\n max-width: none;\n margin-top: var(--pj-space-xl);\n margin-left: 50%;\n margin-right: 0;\n transform: translateX(-50%);\n}\n\n.ppas-journey .pj-hero__visual img {\n width: 100%;\n height: auto;\n display: block;\n}\n\n@media (max-width: 768px) {\n .ppas-journey .pj-hero__grid {\n max-width: 100%;\n }\n\n .ppas-journey .pj-hero__visual {\n width: 100%;\n max-width: 100%;\n margin-left: 0;\n margin-right: 0;\n transform: none;\n }\n}\n\n\/* Stats Bar *\/\n\n.ppas-journey .pj-hero__stats {\n display: flex;\n justify-content: center;\n gap: var(--pj-space-3xl);\n margin-top: var(--pj-space-2xl);\n padding-top: var(--pj-space-xl);\n border-top: 1px solid var(--pj-border);\n width: 100%;\n}\n\n.ppas-journey .pj-hero__stat {\n text-align: center;\n}\n\n.ppas-journey .pj-hero__stat-value {\n font-family: var(--pj-font-display);\n font-size: 2rem;\n font-weight: 800;\n color: var(--pj-primary);\n line-height: 1;\n margin-bottom: 0.25rem;\n}\n\n.ppas-journey .pj-hero__stat-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--pj-slate);\n}\n\n@media (max-width: 768px) {\n .ppas-journey .pj-hero__stats {\n flex-direction: column;\n gap: var(--pj-space-xl);\n }\n}\n\n\/* ================================================================\n MODULE 02 \u2014 HCAA SECTION (SPLIT, PROFESSIONAL)\n================================================================ *\/\n.ppas-journey .pj-hcaa {\n background: var(--pj-bg);\n}\n\n.ppas-journey .pj-hcaa__grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--pj-space-3xl);\n align-items: center;\n}\n\n.ppas-journey .pj-hcaa__badge {\n display: inline-flex;\n align-items: center;\n gap: var(--pj-space-sm);\n background: var(--pj-primary);\n color: white;\n padding: 0.4em 1em;\n border-radius: var(--pj-radius-sm);\n font-family: var(--pj-font-display);\n font-weight: 600;\n font-size: 0.8125rem;\n margin-bottom: var(--pj-space-md);\n}\n\n.ppas-journey .pj-hcaa__years {\n font-family: var(--pj-font-display);\n font-weight: 800;\n font-size: clamp(2.5rem, 5vw, 4rem);\n color: var(--pj-primary);\n margin: var(--pj-space-sm) 0;\n line-height: 1;\n}\n\n.ppas-journey .pj-hcaa__features {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--pj-space-md);\n margin: var(--pj-space-xl) 0;\n}\n\n.ppas-journey .pj-hcaa__feature {\n padding: var(--pj-space-md);\n background: var(--pj-white);\n border-radius: var(--pj-radius-md);\n border: 1px solid var(--pj-border);\n box-shadow: var(--pj-shadow-sm);\n}\n\n.ppas-journey .pj-hcaa__feature-text {\n font-size: 0.9375rem;\n font-weight: 600;\n color: var(--pj-navy);\n line-height: 1.4;\n}\n\n.ppas-journey .pj-hcaa__visual {\n border-radius: var(--pj-radius-lg);\n overflow: hidden;\n box-shadow: var(--pj-shadow-lg);\n border: 1px solid var(--pj-border);\n}\n\n.ppas-journey .pj-hcaa__visual img {\n width: 100%;\n height: auto;\n display: block;\n}\n\n@media (max-width: 1024px) {\n .ppas-journey .pj-hcaa__grid {\n grid-template-columns: 1fr;\n }\n \n .ppas-journey .pj-hcaa__features {\n grid-template-columns: 1fr;\n }\n}\n\n\/* ================================================================\n MODULE 03 \u2014 TIMELINE SECTION (VERTICAL STEPPER ON DESKTOP)\n================================================================ *\/\n.ppas-journey .pj-timeline {\n background: var(--pj-white);\n}\n\n.ppas-journey .pj-timeline__track {\n display: flex;\n flex-direction: column;\n gap: 0;\n position: relative;\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* Vertical Line *\/\n.ppas-journey .pj-timeline__track::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: 40px;\n width: 2px;\n background: var(--pj-border);\n}\n\n.ppas-journey .pj-timeline__item {\n display: grid;\n grid-template-columns: 80px 1fr;\n gap: var(--pj-space-lg);\n padding: var(--pj-space-md) 0;\n position: relative;\n}\n\n.ppas-journey .pj-timeline__dot {\n width: 80px;\n height: 80px;\n border-radius: 50%;\n overflow: hidden;\n border: 4px solid var(--pj-white);\n box-shadow: 0 0 0 2px var(--pj-border);\n background: var(--pj-bg);\n position: relative;\n z-index: 2;\n}\n\n.ppas-journey .pj-timeline__dot img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.ppas-journey .pj-timeline__content {\n padding-top: var(--pj-space-sm);\n}\n\n.ppas-journey .pj-timeline__year {\n display: inline-block;\n font-family: var(--pj-font-display);\n font-weight: 700;\n font-size: 0.875rem;\n color: var(--pj-primary);\n margin-bottom: var(--pj-space-xs);\n}\n\n.ppas-journey .pj-timeline__item h3 {\n font-size: 1.25rem;\n margin-bottom: var(--pj-space-xs);\n font-family: var(--pj-font-display);\n color: var(--pj-navy);\n}\n\n.ppas-journey .pj-timeline__item > p {\n font-size: 0.9375rem;\n color: var(--pj-slate);\n margin-bottom: var(--pj-space-sm);\n}\n\n.ppas-journey .pj-timeline__toggle {\n padding: 0.5rem 1rem;\n background: var(--pj-bg);\n border: 1px solid var(--pj-border);\n border-radius: var(--pj-radius-sm);\n font-family: var(--pj-font-display);\n font-size: 0.8125rem;\n font-weight: 600;\n color: var(--pj-primary);\n cursor: pointer;\n transition: all var(--pj-transition-fast);\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n min-height: 40px;\n}\n\n.ppas-journey .pj-timeline__toggle:hover {\n background: var(--pj-primary);\n color: white;\n border-color: var(--pj-primary);\n}\n\n.ppas-journey .pj-timeline__toggle:focus-visible {\n outline: 2px solid var(--pj-primary);\n outline-offset: 2px;\n}\n\n.ppas-journey .pj-timeline__toggle svg {\n width: 16px;\n height: 16px;\n transition: transform var(--pj-transition-fast);\n}\n\n.ppas-journey .pj-timeline__item[aria-expanded=\"true\"] .pj-timeline__toggle svg {\n transform: rotate(180deg);\n}\n\n.ppas-journey .pj-timeline__more {\n display: none;\n padding: var(--pj-space-md);\n background: var(--pj-bg);\n border-radius: var(--pj-radius-md);\n margin-top: var(--pj-space-sm);\n font-size: 0.9375rem;\n color: var(--pj-slate);\n line-height: 1.6;\n animation: pjSlideDown 0.3s ease;\n border-left: 4px solid var(--pj-primary);\n}\n\n@keyframes pjSlideDown {\n from {\n opacity: 0;\n transform: translateY(-10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.ppas-journey .pj-timeline__item[aria-expanded=\"true\"] .pj-timeline__more {\n display: block;\n}\n\n\/* Mobile Timeline *\/\n@media (max-width: 768px) {\n .ppas-journey .pj-timeline__track::before {\n left: 20px;\n }\n \n .ppas-journey .pj-timeline__item {\n grid-template-columns: 60px 1fr;\n gap: var(--pj-space-md);\n }\n \n .ppas-journey .pj-timeline__dot {\n width: 60px;\n height: 60px;\n }\n \n .ppas-journey .pj-timeline__toggle {\n width: 100%;\n justify-content: center;\n }\n}\n\n\/* ================================================================\n MODULE 04 \u2014 EVERY CHILD SECTION (SPLIT, PROFESSIONAL)\n================================================================ *\/\n.ppas-journey .pj-child {\n background: var(--pj-bg);\n}\n\n.ppas-journey .pj-child__grid {\n display: grid;\n grid-template-columns: 0.9fr 1.1fr;\n gap: var(--pj-space-3xl);\n align-items: center;\n}\n\n.ppas-journey .pj-child__photo {\n position: relative;\n border-radius: var(--pj-radius-lg);\n overflow: hidden;\n box-shadow: var(--pj-shadow-lg);\n border: 1px solid var(--pj-border);\n}\n\n.ppas-journey .pj-child__photo img {\n width: 100%;\n height: auto;\n display: block;\n}\n\n.ppas-journey .pj-child__tag {\n position: absolute;\n top: var(--pj-space-md);\n left: var(--pj-space-md);\n background: var(--pj-white);\n color: var(--pj-primary);\n padding: 0.6em 1.2em;\n border-radius: var(--pj-radius-sm);\n font-family: var(--pj-font-display);\n font-weight: 600;\n font-size: 0.8125rem;\n box-shadow: var(--pj-shadow-md);\n border: 1px solid var(--pj-border);\n}\n\n.ppas-journey .pj-child__heading {\n margin-bottom: var(--pj-space-lg);\n}\n\n.ppas-journey .pj-child__heading span {\n display: block;\n}\n\n.ppas-journey .pj-child__heading .highlight {\n color: var(--pj-primary);\n}\n\n.ppas-journey .pj-belief-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: var(--pj-space-md);\n margin-top: var(--pj-space-xl);\n}\n\n.ppas-journey .pj-belief-card {\n text-align: center;\n padding: var(--pj-space-md);\n background: var(--pj-white);\n border-radius: var(--pj-radius-md);\n border: 1px solid var(--pj-border);\n box-shadow: var(--pj-shadow-sm);\n transition: transform var(--pj-transition-fast), box-shadow var(--pj-transition-fast);\n}\n\n.ppas-journey .pj-belief-card:hover {\n transform: translateY(-2px);\n box-shadow: var(--pj-shadow-md);\n}\n\n.ppas-journey .pj-belief-card__icon {\n width: 48px;\n height: 48px;\n margin: 0 auto var(--pj-space-sm);\n background: var(--pj-primary-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--pj-primary);\n font-family: var(--pj-font-display);\n font-weight: 700;\n font-size: 1.125rem;\n}\n\n\/* Lightweight inline SVG icons \u2014 no additional image files *\/\n.ppas-journey .pj-belief-card__icon svg {\n width: 26px;\n height: 26px;\n display: block;\n stroke: currentColor;\n fill: none;\n stroke-width: 1.8;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.ppas-journey .pj-people-row__icon svg {\n width: 23px;\n height: 23px;\n display: block;\n stroke: currentColor;\n fill: none;\n stroke-width: 1.7;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.ppas-journey .pj-belief-card h4 {\n font-family: var(--pj-font-display);\n font-size: 1rem;\n margin-bottom: 0.3em;\n color: var(--pj-navy);\n}\n\n.ppas-journey .pj-belief-card p {\n font-size: 0.85rem;\n}\n\n@media (max-width: 1024px) {\n .ppas-journey .pj-child__grid {\n grid-template-columns: 1fr;\n }\n \n .ppas-journey .pj-belief-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 640px) {\n .ppas-journey .pj-belief-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* ================================================================\n MODULE 05 \u2014 ECOSYSTEM SECTION (FEATURE GRID)\n================================================================ *\/\n.ppas-journey .pj-ecosystem {\n background: var(--pj-white);\n}\n\n.ppas-journey .pj-ecosystem__grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: var(--pj-space-md);\n}\n\n.ppas-journey .pj-eco-card {\n background: var(--pj-white);\n border-radius: var(--pj-radius-md);\n overflow: hidden;\n border: 1px solid var(--pj-border);\n box-shadow: var(--pj-shadow-sm);\n display: flex;\n flex-direction: column;\n transition: transform var(--pj-transition-fast), box-shadow var(--pj-transition-fast);\n}\n\n.ppas-journey .pj-eco-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--pj-shadow-md);\n}\n\n.ppas-journey .pj-eco-card__photo {\n aspect-ratio: 4\/3;\n overflow: hidden;\n background: var(--pj-bg);\n border-bottom: 1px solid var(--pj-border);\n}\n\n.ppas-journey .pj-eco-card__photo img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.ppas-journey .pj-eco-card__body {\n padding: var(--pj-space-md);\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n\n.ppas-journey .pj-eco-card__badge {\n display: inline-block;\n font-family: var(--pj-font-display);\n font-size: 0.6875rem;\n font-weight: 700;\n color: var(--pj-primary);\n background: var(--pj-primary-light);\n padding: 0.25em 0.75em;\n border-radius: var(--pj-radius-sm);\n margin-bottom: var(--pj-space-sm);\n align-self: flex-start;\n}\n\n.ppas-journey .pj-eco-card--read .pj-eco-card__badge { color: #059669; background: #ECFDF5; }\n.ppas-journey .pj-eco-card--create .pj-eco-card__badge { color: #1B4332; background: #E8F0E4; }\n.ppas-journey .pj-eco-card--experience .pj-eco-card__badge { color: #7C3AED; background: #F5F3FF; }\n.ppas-journey .pj-eco-card--grow .pj-eco-card__badge { color: #D97706; background: #FFFBEB; }\n.ppas-journey .pj-eco-card--share .pj-eco-card__badge { color: #DB2777; background: #FDF2F8; }\n\n.ppas-journey .pj-eco-card ul {\n display: grid;\n gap: 0.4em;\n margin-top: auto;\n}\n\n.ppas-journey .pj-eco-card li {\n font-size: 0.8125rem;\n color: var(--pj-slate);\n padding-left: 1.2em;\n position: relative;\n}\n\n.ppas-journey .pj-eco-card li::before {\n content: '\u2022';\n position: absolute;\n left: 0;\n color: var(--pj-primary);\n}\n\n@media (max-width: 1100px) {\n .ppas-journey .pj-ecosystem__grid {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n@media (max-width: 768px) {\n .ppas-journey .pj-ecosystem__grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 560px) {\n .ppas-journey .pj-ecosystem__grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* ================================================================\n MODULE 06 \u2014 FESTIVALS SECTION (CARD GRID)\n================================================================ *\/\n.ppas-journey .pj-festivals {\n background: var(--pj-bg);\n}\n\n.ppas-journey .pj-festivals__grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: var(--pj-space-lg);\n}\n\n.ppas-journey .pj-fest-card {\n background: var(--pj-white);\n border-radius: var(--pj-radius-md);\n overflow: hidden;\n border: 1px solid var(--pj-border);\n box-shadow: var(--pj-shadow-sm);\n display: flex;\n flex-direction: column;\n transition: transform var(--pj-transition-fast), box-shadow var(--pj-transition-fast);\n}\n\n.ppas-journey .pj-fest-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--pj-shadow-md);\n}\n\n.ppas-journey .pj-fest-card__accent {\n height: 4px;\n width: 100%;\n}\n\n.ppas-journey .pj-fest-card__photo {\n aspect-ratio: 16\/10;\n background: var(--pj-bg);\n overflow: hidden;\n border-bottom: 1px solid var(--pj-border);\n}\n\n.ppas-journey .pj-fest-card__photo img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.ppas-journey .pj-fest-card__body {\n padding: var(--pj-space-md);\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n\n.ppas-journey .pj-fest-card h3 {\n color: var(--pj-navy);\n font-size: 1.125rem;\n margin-bottom: var(--pj-space-xs);\n font-family: var(--pj-font-display);\n}\n\n.ppas-journey .pj-fest-card p {\n font-size: 0.875rem;\n margin-bottom: var(--pj-space-sm);\n}\n\n.ppas-journey .pj-fest-card__body p:last-child {\n margin-bottom: var(--pj-space-md);\n}\n\n@media (max-width: 1100px) {\n .ppas-journey .pj-festivals__grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 768px) {\n .ppas-journey .pj-festivals__grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* ================================================================\n MODULE 06A \u2014 STORYTELLING REVEAL \/ RUANG BERCERITA\n A gentle wind-down \/ wind-up interaction for storytelling stories.\n=============================================================== *\/\n.ppas-journey .pj-story-reveal{\n margin-top: var(--pj-space-md);\n border-top: 1px solid var(--pj-border);\n padding-top: var(--pj-space-md);\n}\n\n.ppas-journey .pj-story-reveal__toggle{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:.45rem;\n min-height:40px;\n padding:.55rem 1rem;\n background:transparent;\n color:var(--pj-primary);\n border:1.5px solid var(--pj-primary);\n border-radius:var(--pj-radius-sm);\n font-family:var(--pj-font-display);\n font-size:.8125rem;\n font-weight:700;\n cursor:pointer;\n transition:all .2s ease;\n}\n\n.ppas-journey .pj-story-reveal__toggle:hover{\n background:var(--pj-primary);\n color:#fff;\n transform:translateY(-1px);\n}\n\n.ppas-journey .pj-story-reveal__toggle:focus-visible{\n outline:3px solid var(--pj-warning);\n outline-offset:3px;\n}\n\n.ppas-journey .pj-story-reveal__toggle svg{\n width:16px;\n height:16px;\n fill:none;\n stroke:currentColor;\n stroke-width:1.8;\n stroke-linecap:round;\n stroke-linejoin:round;\n transition:transform .25s ease;\n}\n\n.ppas-journey .pj-story-reveal__toggle[aria-expanded=\"true\"] svg{\n transform:rotate(180deg);\n}\n\n.ppas-journey .pj-story-reveal__panel{\n display:block;\n max-height:0;\n overflow:hidden;\n opacity:0;\n transition:max-height .45s ease, opacity .25s ease;\n}\n\n.ppas-journey .pj-story-reveal__panel-inner{\n overflow:visible;\n}\n\n.ppas-journey .pj-story-reveal__panel-content{\n padding-top:0;\n transform:translateY(-8px);\n transition:transform .38s ease, padding-top .38s ease;\n}\n\n.ppas-journey .pj-story-reveal__panel-content p{\n font-size:.875rem;\n line-height:1.65;\n color:var(--pj-slate);\n margin:0 0 .75rem;\n}\n\n.ppas-journey .pj-story-reveal__panel-content p:last-child{\n margin-bottom:0;\n}\n\n.ppas-journey .pj-story-reveal__label{\n display:inline-block;\n margin-bottom:.35rem;\n color:var(--pj-secondary);\n font-size:.72rem;\n font-weight:800;\n letter-spacing:.07em;\n text-transform:uppercase;\n}\n\n.ppas-journey .pj-story-reveal.is-open .pj-story-reveal__panel{\n max-height:900px;\n opacity:1;\n}\n\n.ppas-journey .pj-story-reveal.is-open .pj-story-reveal__panel-content{\n padding-top:.85rem;\n transform:translateY(0);\n}\n\n@media (prefers-reduced-motion: reduce){\n .ppas-journey .pj-story-reveal__panel,\n .ppas-journey .pj-story-reveal__panel-content,\n .ppas-journey .pj-story-reveal__toggle svg{\n transition:none !important;\n }\n}\n\n@media (prefers-reduced-motion: reduce){\n .ppas-journey .pj-story-reveal__panel{\n transition:none !important;\n }\n .ppas-journey .pj-story-reveal__panel-content{\n transition:none !important;\n }\n}\n\n\/* ================================================================\n MODULE 07+08 \u2014 KNOWLEDGE & TOGETHER (SPLIT)\n================================================================ *\/\n.ppas-journey .pj-together {\n background: var(--pj-white);\n}\n\n.ppas-journey .pj-together__grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--pj-space-3xl);\n margin-bottom: var(--pj-space-3xl);\n}\n\n.ppas-journey .pj-together__icon {\n width: 48px;\n height: 48px;\n background: var(--pj-primary);\n border-radius: var(--pj-radius-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: var(--pj-space-md);\n color: white;\n font-family: var(--pj-font-display);\n font-weight: 700;\n font-size: 1.25rem;\n}\n\n\/* Semantic inline SVG icons for Knowledge & Community *\/\n.ppas-journey .pj-together__icon svg {\n width: 25px;\n height: 25px;\n display: block;\n fill: none;\n stroke: currentColor;\n stroke-width: 1.8;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.ppas-journey .pj-knowledge ul {\n display: grid;\n gap: 0.5em;\n margin: var(--pj-space-md) 0 var(--pj-space-lg);\n}\n\n.ppas-journey .pj-knowledge li {\n font-size: 0.9375rem;\n color: var(--pj-slate);\n padding-left: 1.5em;\n position: relative;\n}\n\n.ppas-journey .pj-knowledge li::before {\n content: '\u2192';\n position: absolute;\n left: 0;\n color: var(--pj-primary);\n font-weight: 600;\n}\n\n.ppas-journey .pj-community p {\n margin-bottom: var(--pj-space-lg);\n}\n\n.ppas-journey .pj-people-row {\n display: flex;\n flex-wrap: wrap;\n gap: var(--pj-space-lg);\n}\n\n.ppas-journey .pj-people-row__item {\n text-align: center;\n font-size: 0.8125rem;\n font-weight: 600;\n color: var(--pj-slate);\n min-width: 70px;\n}\n\n.ppas-journey .pj-people-row__icon {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background: var(--pj-bg);\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 0.4em;\n color: var(--pj-primary);\n font-weight: 700;\n font-size: 0.75rem;\n border: 1px solid var(--pj-border);\n}\n\n.ppas-journey .pj-together__photos {\n display: grid;\n grid-template-columns: 1fr 1.5fr;\n gap: var(--pj-space-md);\n}\n\n.ppas-journey .pj-together__photos img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: var(--pj-radius-md);\n border: 1px solid var(--pj-border);\n}\n\n@media (max-width: 1024px) {\n .ppas-journey .pj-together__grid {\n grid-template-columns: 1fr;\n }\n \n .ppas-journey .pj-together__photos {\n grid-template-columns: 1fr;\n }\n}\n\n@media (max-width: 640px) {\n .ppas-journey .pj-people-row {\n gap: var(--pj-space-md);\n }\n \n .ppas-journey .pj-people-row__item {\n min-width: 60px;\n font-size: 0.75rem;\n }\n \n .ppas-journey .pj-people-row__icon {\n width: 40px;\n height: 40px;\n font-size: 0.625rem;\n }\n}\n\n\/* ================================================================\n MODULE 09 \u2014 NEXT CHAPTER SECTION (CENTERED CTA)\n================================================================ *\/\n.ppas-journey .pj-next {\n background: var(--pj-primary);\n padding: var(--pj-space-4xl) 0;\n text-align: center;\n}\n\n.ppas-journey .pj-next__grid {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.ppas-journey .pj-next__heading {\n margin-bottom: var(--pj-space-lg);\n color: var(--pj-white);\n}\n\n.ppas-journey .pj-next__heading span {\n display: block;\n}\n\n.ppas-journey .pj-next__heading .highlight {\n color: var(--pj-warning);\n}\n\n.ppas-journey .pj-next p {\n color: rgba(255,255,255,0.9);\n margin-bottom: var(--pj-space-xl);\n}\n\n.ppas-journey .pj-next__actions {\n display: flex;\n gap: var(--pj-space-md);\n flex-wrap: wrap;\n justify-content: center;\n}\n\n.ppas-journey .pj-next__actions .pj-btn-primary {\n background: var(--pj-white);\n color: var(--pj-primary);\n}\n\n.ppas-journey .pj-next__actions .pj-btn-primary:hover {\n background: var(--pj-bg);\n}\n\n.ppas-journey .pj-next__actions .pj-btn-secondary {\n background: transparent;\n color: var(--pj-white);\n border-color: rgba(255,255,255,0.5);\n}\n\n.ppas-journey .pj-next__actions .pj-btn-secondary:hover {\n border-color: var(--pj-white);\n background: rgba(255,255,255,0.1);\n}\n\n@media (max-width: 768px) {\n .ppas-journey .pj-next__actions {\n flex-direction: column;\n width: 100%;\n }\n \n .ppas-journey .pj-next__actions .pj-btn {\n width: 100%;\n }\n}\n\n \/* NEXT CHAPTER \u2014 SINGLE CTA \/ LITERARY CLOSING *\/\n .ppas-journey .pj-next__story{\n color:rgba(255,255,255,0.9);\n margin-bottom:var(--pj-space-xl);\n }\n\n .ppas-journey .pj-next__closing{\n margin-top:var(--pj-space-lg);\n color:rgba(255,255,255,0.72);\n font-size:0.9375rem;\n font-style:italic;\n letter-spacing:0.01em;\n }\n\n @media (max-width: 768px){\n .ppas-journey .pj-next__story{\n font-size:1rem;\n line-height:1.65;\n }\n\n .ppas-journey .pj-next__closing{\n font-size:0.875rem;\n }\n }\n\n\/* Utility *\/\n.ppas-journey .pj-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n\/* ================================================================\n PPAS PALETTE 2 \u2014 HIGH-CONTRAST REFINEMENT\n HCAA section: explicit light text on dark green background.\n Designed to remain readable in both light and dark OS\/browser modes.\n Content, structure and functionality are intentionally unchanged.\n================================================================ *\/\n.ppas-journey .pj-hcaa{\n background:#174D3A;\n color:#FFFFFF;\n}\n\n\/* IMPORTANT: override the global charcoal heading rule *\/\n.ppas-journey .pj-hcaa h2,\n.ppas-journey .pj-hcaa h3,\n.ppas-journey .pj-hcaa .pj-hcaa__heading{\n color:#FFFFFF !important;\n text-shadow:0 1px 1px rgba(0,0,0,.18);\n}\n\n.ppas-journey .pj-hcaa p,\n.ppas-journey .pj-hcaa .pj-hcaa__desc{\n color:#F8F3E8 !important;\n opacity:1 !important;\n}\n\n.ppas-journey .pj-hcaa__badge{\n background:#D96B49;\n color:#FFFFFF !important;\n border:1px solid rgba(255,255,255,.12);\n box-shadow:0 4px 12px rgba(0,0,0,.14);\n}\n\n.ppas-journey .pj-hcaa__years{\n color:#F3C969 !important;\n text-shadow:0 2px 0 rgba(0,0,0,.10);\n}\n\n.ppas-journey .pj-hcaa__features{\n gap:1rem;\n}\n\n.ppas-journey .pj-hcaa__feature{\n background:rgba(255,255,255,.075) !important;\n border:1.5px solid #F3C969 !important;\n box-shadow:0 5px 18px rgba(0,0,0,.10);\n backdrop-filter:blur(4px);\n -webkit-backdrop-filter:blur(4px);\n}\n\n.ppas-journey .pj-hcaa__feature-text{\n color:#FFFFFF !important;\n font-weight:700;\n text-shadow:0 1px 1px rgba(0,0,0,.12);\n}\n\n\/* HCAA IMAGE \u2014 LARGER EDITORIAL PRESENCE\n Keep the text readable on the left, but let the HCAA image\n occupy more of the available visual space on the right. *\/\n.ppas-journey .pj-hcaa__grid{\n grid-template-columns: 0.82fr 1.18fr;\n gap: var(--pj-space-3xl);\n}\n\n.ppas-journey .pj-hcaa__visual{\n width: calc(100% + max(0px, (100vw - 1200px) \/ 2));\n max-width: none;\n justify-self: start;\n}\n\n.ppas-journey .pj-hcaa__visual img{\n width: 100%;\n min-height: 460px;\n height: 100%;\n object-fit: cover;\n object-position: center;\n display: block;\n}\n\n@media (max-width: 1024px){\n .ppas-journey .pj-hcaa__grid{\n grid-template-columns: 1fr;\n }\n\n .ppas-journey .pj-hcaa__visual{\n width: 100%;\n max-width: 100%;\n }\n\n .ppas-journey .pj-hcaa__visual img{\n min-height: 360px;\n height: auto;\n }\n}\n\n\/* HCAA CTA: high contrast against forest green *\/\n.ppas-journey .pj-hcaa__actions{\n display:flex;\n flex-wrap:wrap;\n align-items:center;\n gap:0.75rem;\n margin-top:var(--pj-space-lg);\n}\n\n.ppas-journey .pj-hcaa__actions .pj-btn{\n margin:0;\n}\n\n.ppas-journey .pj-hcaa .pj-btn-primary{\n background:#F3C969 !important;\n color:#174D3A !important;\n border-color:#F3C969 !important;\n font-weight:800;\n box-shadow:0 6px 18px rgba(0,0,0,.16);\n}\n\n.ppas-journey .pj-hcaa .pj-btn-secondary{\n background:transparent !important;\n color:#F3C969 !important;\n border-color:#F3C969 !important;\n font-weight:800;\n box-shadow:none;\n}\n\n.ppas-journey .pj-hcaa .pj-btn-secondary:hover{\n background:rgba(243,201,105,.12) !important;\n color:#FFE09A !important;\n border-color:#FFE09A !important;\n}\n\n@media (max-width:640px){\n .ppas-journey .pj-hcaa__actions{\n flex-direction:column;\n align-items:stretch;\n }\n .ppas-journey .pj-hcaa__actions .pj-btn{\n width:100%;\n }\n}\n\n.ppas-journey .pj-hcaa .pj-btn-primary:hover{\n background:#FFE09A !important;\n color:#123B2D !important;\n border-color:#FFE09A !important;\n}\n\n.ppas-journey .pj-hcaa .pj-btn-primary:focus-visible{\n outline:3px solid #FFFFFF !important;\n outline-offset:3px;\n}\n\n.ppas-journey .pj-hcaa__visual{\n border:1.5px solid rgba(243,201,105,.9);\n box-shadow:0 14px 35px rgba(0,0,0,.22);\n background:#123B2D;\n}\n\n\/* ================================================================\n STORY BRIDGE \u2014 CONNECT HCAA TO THE JOURNEY\n================================================================ *\/\n.ppas-journey .pj-story-bridge{\n background:#F5EBD8;\n padding-top:clamp(48px,6vw,80px);\n padding-bottom:clamp(48px,6vw,80px);\n}\n.ppas-journey .pj-story-bridge__inner{\n max-width:900px;\n margin:0 auto;\n text-align:center;\n}\n.ppas-journey .pj-story-bridge__inner h2{\n max-width:780px;\n margin:0 auto 1rem;\n font-family:Georgia,'Times New Roman',serif;\n font-size:clamp(2rem,4vw,3.35rem);\n line-height:1.08;\n color:#1B4332;\n}\n.ppas-journey .pj-story-bridge__inner p{\n max-width:760px;\n margin:0 auto 1.5rem;\n color:#4B4B4B;\n font-size:1.05rem;\n line-height:1.8;\n}\n.ppas-journey .pj-story-bridge__link{\n display:inline-flex;\n align-items:center;\n padding:.75rem 1.1rem;\n border-bottom:2px solid #C65D3E;\n color:#1B4332;\n font-weight:800;\n text-decoration:none;\n transition:transform .2s ease,color .2s ease;\n}\n.ppas-journey .pj-story-bridge__link:hover{\n color:#C65D3E;\n transform:translateY(2px);\n}\n.ppas-journey .pj-hcaa__lead{\n margin:.85rem 0 .2rem;\n color:#F3C969;\n font-size:.78rem;\n font-weight:800;\n letter-spacing:.14em;\n text-transform:uppercase;\n}\n.ppas-journey .pj-hcaa .pj-hcaa__lead + h2{\n margin-top:.35rem;\n}\n@media (max-width:600px){\n .ppas-journey .pj-story-bridge__inner h2{font-size:2rem}\n .ppas-journey .pj-story-bridge__inner p{font-size:1rem}\n}\n\n\/* ================================================================\n PALETTE 2 \u2014 REST OF PAGE\n================================================================ *\/\n.ppas-journey .pj-hero{background:#FAF3E8}\n.ppas-journey .pj-hero__tagline{color:#C65D3E}\n.ppas-journey .pj-quick-nav{background:rgba(250,243,232,.96);border-color:#E5D5A8}\n.ppas-journey .pj-quick-nav__link:hover{background:#E8F0E4;color:#1B4332}\n.ppas-journey .pj-quick-nav__link.is-active{background:#1B4332;color:#FAF3E8}\n.ppas-journey .pj-lang-switcher{background:#FAF3E8;border-color:#E5D5A8}\n.ppas-journey .pj-lang-switcher button.is-active{background:#1B4332}\n.ppas-journey .pj-eyebrow{color:#C65D3E;background:#F5E6D8}\n.ppas-journey .pj-btn-primary{background:#1B4332}\n.ppas-journey .pj-btn-primary:hover{background:#2D5016}\n.ppas-journey .pj-btn-secondary{background:#C65D3E;color:#FAF3E8}\n.ppas-journey .pj-btn-secondary:hover{background:#D4764E}\n.ppas-journey .pj-btn-outline{color:#1B4332;border-color:#1B4332}\n.ppas-journey .pj-btn-outline:hover{background:#1B4332;color:#FAF3E8}\n.ppas-journey .pj-timeline__year{color:#C65D3E}\n.ppas-journey .pj-timeline__toggle{background:#F5EBD8;border-color:#E5D5A8;color:#1B4332}\n.ppas-journey .pj-timeline__toggle:hover{background:#1B4332;border-color:#1B4332;color:#FFFFFF}\n.ppas-journey .pj-timeline__more{background:#E8F0E4;border-left-color:#1B4332;color:#2C2C2C}\n.ppas-journey .pj-child{background:#FAF3E8}\n.ppas-journey .pj-child__heading .highlight{color:#C65D3E}\n.ppas-journey .pj-belief-card{background:#F5EBD8;border-top:3px solid #1B4332}\n.ppas-journey .pj-belief-card__icon{background:#C65D3E;color:#FAF3E8}\n.ppas-journey .pj-ecosystem{background:#E8F0E4}\n.ppas-journey .pj-eco-card--read{border-top:4px solid #1B4332}\n.ppas-journey .pj-eco-card--create{border-top:4px solid #C65D3E}\n.ppas-journey .pj-eco-card--experience{border-top:4px solid #C9A961}\n.ppas-journey .pj-eco-card--grow{border-top:4px solid #2D5016}\n.ppas-journey .pj-eco-card--share{border-top:4px solid #D4764E}\n.ppas-journey .pj-eco-card li::before{color:#C65D3E}\n.ppas-journey .pj-festivals{background:#FAF3E8}\n.ppas-journey .pj-fest-card:nth-child(1) .pj-fest-card__accent{background:#1B4332!important}\n.ppas-journey .pj-fest-card:nth-child(2) .pj-fest-card__accent{background:#C65D3E!important}\n.ppas-journey .pj-fest-card:nth-child(3) .pj-fest-card__accent{background:#C9A961!important}\n.ppas-journey .pj-fest-card:nth-child(4) .pj-fest-card__accent{background:#2D5016!important}\n.ppas-journey .pj-together{background:#E8F0E4}\n.ppas-journey .pj-next{background:#1B4332}\n.ppas-journey .pj-next .highlight{color:#F3C969}\n\n\/* ================================================================\n DARK-MODE SAFETY NET\n We keep the intended palette instead of allowing the OS to make\n automatic low-contrast substitutions.\n================================================================ *\/\n@media (prefers-color-scheme: dark){\n .ppas-journey .pj-hcaa{background:#174D3A;color:#FFFFFF}\n .ppas-journey .pj-hcaa h2,\n .ppas-journey .pj-hcaa h3{color:#FFFFFF !important}\n .ppas-journey .pj-hcaa p{color:#F8F3E8 !important}\n .ppas-journey .pj-hcaa__feature-text{color:#FFFFFF !important}\n .ppas-journey .pj-hcaa .pj-btn-primary{background:#F3C969 !important;color:#174D3A !important}\n}\n\n\/* Minimal context bar \u2014 added without changing existing images or links *\/\n.ppas-journey .pj-context-bar{background:#f5f1e8;border-bottom:1px solid rgba(23,77,58,.12);}\n.ppas-journey .pj-context-bar__inner{max-width:1200px;margin:0 auto;padding:10px 24px;font-size:.82rem;color:#174D3A;font-weight:700;letter-spacing:.02em;}\n@media(max-width:768px){.ppas-journey .pj-context-bar__inner{padding:9px 16px;font-size:.75rem;}}\n<\/style>\n<style id=\"ppas-timeline-larger-responsive\">\n\/* TIMELINE IMAGES \u2014 LARGER + RESPONSIVE *\/\n.ppas-journey .pj-timeline__track{\n max-width: 980px;\n}\n.ppas-journey .pj-timeline__track::before{\n left: 60px;\n}\n.ppas-journey .pj-timeline__item{\n grid-template-columns: 120px 1fr;\n gap: var(--pj-space-xl);\n padding: 1.15rem 0;\n}\n.ppas-journey .pj-timeline__dot{\n width: 120px;\n height: 120px;\n border-width: 4px;\n box-shadow: 0 0 0 2px var(--pj-border), 0 8px 20px rgba(0,0,0,.08);\n}\n.ppas-journey .pj-timeline__dot img{\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.ppas-journey .pj-timeline__content{\n padding-top: 1.25rem;\n}\n\n\/* iPad \/ tablet *\/\n@media (max-width: 1024px){\n .ppas-journey .pj-timeline__track{\n max-width: 900px;\n }\n .ppas-journey .pj-timeline__track::before{\n left: 48px;\n }\n .ppas-journey .pj-timeline__item{\n grid-template-columns: 96px 1fr;\n gap: var(--pj-space-lg);\n }\n .ppas-journey .pj-timeline__dot{\n width: 96px;\n height: 96px;\n }\n .ppas-journey .pj-timeline__content{\n padding-top: 0.9rem;\n }\n}\n\n\/* Phones *\/\n@media (max-width: 768px){\n .ppas-journey .pj-timeline__track{\n width: 100%;\n max-width: 100%;\n }\n .ppas-journey .pj-timeline__track::before{\n left: 36px;\n }\n .ppas-journey .pj-timeline__item{\n grid-template-columns: 72px 1fr;\n gap: var(--pj-space-md);\n padding: 0.85rem 0;\n }\n .ppas-journey .pj-timeline__dot{\n width: 72px;\n height: 72px;\n border-width: 3px;\n }\n .ppas-journey .pj-timeline__content{\n padding-top: 0.35rem;\n min-width: 0;\n }\n .ppas-journey .pj-timeline__item h3{\n font-size: 1.05rem;\n }\n .ppas-journey .pj-timeline__item > p{\n font-size: 0.9rem;\n }\n}\n\n\/* Small phones *\/\n@media (max-width: 480px){\n .ppas-journey .pj-timeline__track::before{\n left: 32px;\n }\n .ppas-journey .pj-timeline__item{\n grid-template-columns: 64px 1fr;\n gap: 0.75rem;\n }\n .ppas-journey .pj-timeline__dot{\n width: 64px;\n height: 64px;\n }\n .ppas-journey .pj-timeline__year{\n font-size: 0.7rem;\n }\n .ppas-journey .pj-timeline__item h3{\n font-size: 0.98rem;\n }\n}\n<\/style>\n<style id=\"ppas-knowledge-infohub-refinement\">\n\/* ================================================================\n KNOWLEDGE & RESEARCH \u2014 SELANGOR INFO HUB\n Informational block: no CTA, no placeholder feature list.\n================================================================ *\/\n.ppas-journey .pj-knowledge{\n position:relative;\n}\n\n.ppas-journey .pj-knowledge__eyebrow{\n display:inline-block;\n margin-bottom:0.55rem;\n font-family:var(--pj-font-display);\n font-size:0.72rem;\n font-weight:800;\n letter-spacing:0.12em;\n color:var(--pj-secondary);\n}\n\n.ppas-journey .pj-knowledge__title{\n margin-bottom:0.65rem;\n color:var(--pj-navy);\n font-size:clamp(1.65rem,3vw,2.25rem);\n line-height:1.15;\n}\n\n.ppas-journey .pj-knowledge__tagline{\n margin-bottom:0.9rem;\n color:var(--pj-primary);\n font-size:1.05rem;\n font-weight:600;\n line-height:1.5;\n}\n\n.ppas-journey .pj-knowledge__description{\n max-width:58ch;\n margin-bottom:1.25rem;\n font-size:0.96rem;\n line-height:1.7;\n}\n\n.ppas-journey .pj-knowledge__location{\n display:inline-flex;\n align-items:center;\n gap:0.55rem;\n padding:0.6rem 0.85rem;\n border:1px solid var(--pj-border);\n border-radius:var(--pj-radius-sm);\n background:var(--pj-bg);\n color:var(--pj-primary);\n font-family:var(--pj-font-display);\n font-size:0.72rem;\n font-weight:800;\n letter-spacing:0.07em;\n}\n\n.ppas-journey .pj-knowledge__location span:first-child{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n width:22px;\n height:22px;\n border-radius:50%;\n background:var(--pj-primary);\n color:#fff;\n font-size:0.75rem;\n line-height:1;\n}\n\n@media (max-width:1024px){\n .ppas-journey .pj-knowledge__description{\n max-width:65ch;\n }\n}\n\n@media (max-width:640px){\n .ppas-journey .pj-knowledge__eyebrow{\n font-size:0.66rem;\n }\n\n .ppas-journey .pj-knowledge__title{\n font-size:1.75rem;\n }\n\n .ppas-journey .pj-knowledge__tagline{\n font-size:1rem;\n }\n\n .ppas-journey .pj-knowledge__description{\n font-size:0.92rem;\n }\n\n .ppas-journey .pj-knowledge__location{\n width:100%;\n justify-content:flex-start;\n font-size:0.67rem;\n }\n}\n<\/style>\n<meta content=\"Our Journey to HCAA 2027\u20132036 \u2014 Pustaka Raja Tun Uda and PPAS.\" name=\"description\"\/>\n<style id=\"ppas-multimodal-chapter06-styles\">\n\/* CHAPTER 06 \u2014 multimodal story experience *\/\n.ppas-journey .pj-story-path {\n margin: 22px 0 24px;\n padding: 18px 16px 16px;\n border: 1px solid rgba(201,169,97,.45);\n border-radius: 18px;\n background: rgba(250,243,232,.72);\n overflow: hidden;\n}\n.ppas-journey .pj-story-path__title {\n margin: 0 0 14px;\n font-size: .78rem;\n font-weight: 800;\n letter-spacing: .08em;\n text-transform: uppercase;\n color: #C65D3E;\n}\n.ppas-journey .pj-story-path__flow {\n display: grid;\n grid-template-columns: repeat(5, minmax(0,1fr));\n gap: 8px;\n align-items: start;\n}\n.ppas-journey .pj-story-path__step {\n position: relative;\n text-align: center;\n min-width: 0;\n}\n.ppas-journey .pj-story-path__step:not(:last-child)::after {\n content: '';\n position: absolute;\n top: 20px;\n left: calc(50% + 22px);\n width: calc(100% - 44px + 8px);\n height: 1px;\n background: linear-gradient(90deg,#C9A961,#E5D5A8);\n transform-origin: left center;\n animation: pjStoryLine 1.1s ease both;\n}\n.ppas-journey .pj-story-path__icon {\n position: relative;\n z-index: 1;\n width: 42px;\n height: 42px;\n margin: 0 auto 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid #E5D5A8;\n border-radius: 50%;\n background: #FAF3E8;\n color: #1B4332;\n transition: transform .28s ease, background .28s ease, color .28s ease;\n}\n.ppas-journey .pj-story-path__step:hover .pj-story-path__icon,\n.ppas-journey .pj-story-path__step:focus-within .pj-story-path__icon {\n transform: translateY(-4px) scale(1.06);\n background: #1B4332;\n color: #FAF3E8;\n}\n.ppas-journey .pj-story-path__icon svg {\n width: 21px;\n height: 21px;\n fill: none;\n stroke: currentColor;\n stroke-width: 1.7;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n.ppas-journey .pj-story-path__label {\n display: block;\n font-size: .78rem;\n line-height: 1.25;\n font-weight: 750;\n color: #2C2C2C;\n}\n.ppas-journey .pj-story-quote {\n margin: 20px 0;\n padding: 18px 20px;\n border-left: 3px solid #C65D3E;\n border-radius: 0 14px 14px 0;\n background: #E8F0E4;\n}\n.ppas-journey .pj-story-quote p {\n margin: 0;\n font-size: clamp(1.05rem, 2vw, 1.32rem);\n line-height: 1.45;\n font-weight: 700;\n color: #1B4332;\n}\n.ppas-journey .pj-story-audio {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n margin-top: 8px;\n padding: 10px 14px;\n border: 1px solid #C9A961;\n border-radius: 999px;\n background: #FAF3E8;\n color: #1B4332;\n font: inherit;\n font-weight: 750;\n cursor: pointer;\n transition: transform .25s ease, background .25s ease, color .25s ease;\n}\n.ppas-journey .pj-story-audio:hover,\n.ppas-journey .pj-story-audio:focus-visible {\n transform: translateY(-2px);\n background: #1B4332;\n color: #FAF3E8;\n}\n.ppas-journey .pj-story-audio svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\n.ppas-journey .pj-story-audio.is-speaking { background: #C65D3E; border-color: #C65D3E; color: #fff; }\n@keyframes pjStoryLine { from { transform: scaleX(0); opacity: .2; } to { transform: scaleX(1); opacity: 1; } }\n@media (max-width: 720px) {\n .ppas-journey .pj-story-path__flow { grid-template-columns: 1fr; gap: 12px; }\n .ppas-journey .pj-story-path__step { display: grid; grid-template-columns: 46px 1fr; gap: 10px; align-items: center; text-align: left; }\n .ppas-journey .pj-story-path__icon { margin: 0; }\n .ppas-journey .pj-story-path__step:not(:last-child)::after { left: 21px; top: 46px; width: 1px; height: 12px; transform-origin: top center; animation-name: pjStoryLineVertical; }\n}\n@keyframes pjStoryLineVertical { from { transform: scaleY(0); opacity: .2; } to { transform: scaleY(1); opacity: 1; } }\n@media (prefers-reduced-motion: reduce) {\n .ppas-journey .pj-story-path__step::after { animation: none !important; }\n .ppas-journey .pj-story-path__icon, .ppas-journey .pj-story-audio { transition: none !important; }\n}\n<\/style>\n\n\n<style id=\"pj-hero-original-size-centered-fix\">\n\/* HERO IMAGE \u2014 ORIGINAL SIZE + CENTERED\n Keep the complete original image visible.\n Do NOT make it full-bleed and do NOT crop it.\n The image is centered within the Elementor HTML widget area. *\/\n.ppas-journey .pj-hero__visual {\n width: min(1200px, calc(100% - 48px)) !important;\n max-width: 1200px !important;\n margin-top: var(--pj-space-xl);\n margin-left: auto !important;\n margin-right: auto !important;\n transform: none !important;\n position: relative;\n left: auto !important;\n box-sizing: border-box;\n border-radius: var(--pj-radius-lg);\n overflow: hidden;\n}\n\n.ppas-journey .pj-hero__visual img {\n width: 100% !important;\n max-width: 100% !important;\n height: auto !important;\n display: block;\n object-fit: contain !important;\n object-position: center center !important;\n}\n\n@media (max-width: 768px) {\n .ppas-journey .pj-hero__visual {\n width: calc(100% - 24px) !important;\n max-width: calc(100% - 24px) !important;\n margin-left: auto !important;\n margin-right: auto !important;\n border-radius: var(--pj-radius-md);\n }\n}\n<\/style>\n\n\n<style id=\"pj-hcaa-balanced-layout\">\n\/* HCAA DESTINATION SECTION \u2014 BALANCED TWO-COLUMN LAYOUT\n Keep text and image visually centred as one composition. *\/\n.ppas-journey .pj-hcaa__grid {\n width: min(100%, 1340px);\n max-width: 1340px;\n margin-left: auto !important;\n margin-right: auto !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);\n column-gap: clamp(2.5rem, 4vw, 4.5rem);\n box-sizing: border-box;\n}\n\n.ppas-journey .pj-hcaa__grid > div:first-child {\n min-width: 0;\n}\n\n.ppas-journey .pj-hcaa__visual {\n width: 100%;\n max-width: none;\n justify-self: stretch;\n}\n\n@media (max-width: 1400px) {\n .ppas-journey .pj-hcaa__grid {\n width: calc(100% - 4rem);\n max-width: 1340px;\n }\n}\n\n@media (max-width: 1024px) {\n .ppas-journey .pj-hcaa__grid {\n width: calc(100% - 3rem);\n grid-template-columns: 1fr;\n gap: 2.5rem;\n }\n}\n\n@media (max-width: 768px) {\n .ppas-journey .pj-hcaa__grid {\n width: calc(100% - 2rem);\n gap: 2rem;\n }\n}\n<\/style>\n\n<\/head>\n<body>\n<div class=\"ppas-journey\"><div class=\"pj-context-bar\"><div class=\"pj-context-bar__inner\"><span>PPAS \/ HCAA 2027\u20132036 \/ Our Journey<\/span><\/div><\/div>\n\n<div aria-label=\"Language selector\" class=\"pj-lang-switcher\" role=\"group\">\n<button aria-label=\"Tukar ke Bahasa Melayu\" aria-pressed=\"true\" class=\"pj-lang-btn is-active\" data-lang=\"my\" type=\"button\">\n BM\n <\/button>\n<button aria-label=\"Switch to English\" aria-pressed=\"false\" class=\"pj-lang-btn\" data-lang=\"en\" type=\"button\">\n EN\n <\/button>\n<\/div>\n\n<nav aria-label=\"Quick section navigation\" class=\"pj-quick-nav\">\n<div class=\"pj-quick-nav__inner\">\n<a class=\"pj-quick-nav__link is-active\" data-en=\"Home\" data-my=\"Utama\" href=\"#top\">Utama<\/a>\n<a class=\"pj-quick-nav__link\" data-en=\"HCAA 2027-2036\" data-my=\"HCAA 2027-2036\" href=\"#hcaa\">HCAA<\/a>\n<a class=\"pj-quick-nav__link\" data-en=\"Our Journey\" data-my=\"Sejarah\" href=\"#journey\">Perjalanan Kami<\/a>\n<a class=\"pj-quick-nav__link\" data-en=\"Every Child\" data-my=\"Setiap Kanak-Kanak\" href=\"#belief\">Setiap Kanak-Kanak<\/a>\n<a class=\"pj-quick-nav__link\" data-en=\"Activities\" data-my=\"Aktiviti\" href=\"#activities\">Apa Yang Kami Lakukan<\/a>\n<a class=\"pj-quick-nav__link\" data-en=\"Festivals\" data-my=\"Festival\" href=\"#festivals\">Festival<\/a>\n<a class=\"pj-quick-nav__link\" data-en=\"Knowledge\" data-my=\"Hab Ilmu\" href=\"#knowledge\">Hab Ilmu<\/a>\n<a class=\"pj-quick-nav__link\" data-en=\"Community\" data-my=\"Komuniti\" href=\"#community\">Komuniti<\/a>\n<a class=\"pj-quick-nav__link\" data-en=\"Next Chapter\" data-my=\"Bab Seterusnya\" href=\"#next\">Bab Seterusnya<\/a>\n<\/div>\n<\/nav>\n\n<section aria-labelledby=\"pj-hero-heading\" class=\"pj-hero pj-section\" id=\"top\">\n<div class=\"pj-container pj-hero__grid\">\n<span class=\"pj-eyebrow\" data-en=\"THE JOURNEY\" data-my=\"PERJALANAN KAMI\">PERJALANAN KAMI<\/span>\n<h1 data-en=\"Pustaka Raja Tun Uda\" data-my=\"Pustaka Raja Tun Uda\" id=\"pj-hero-heading\">Pustaka Raja Tun Uda<\/h1>\n<p class=\"pj-hero__tagline\" data-en=\"Where Stories Begin\" data-my=\"Tempat Bermulanya Kisah\">Tempat Bermulanya Kisah<\/p>\n<p class=\"pj-hero__desc\" data-en=\"For generations, this has been more than a place to find a book. It has been a place where a child can discover a new world, a family can find time to be together, and a small idea can grow into a dream.\" data-my=\"Di sini, sebuah buku boleh menjadi permulaan kepada sesuatu yang lebih besar \u2014 seorang anak menemui dunia baharu, sebuah keluarga menemukan masa untuk bersama, dan sebuah idea kecil tumbuh menjadi impian.\">Di sini, sebuah buku boleh menjadi permulaan kepada sesuatu yang lebih besar \u2014 seorang anak menemui dunia baharu, sebuah keluarga menemukan masa untuk bersama, dan sebuah idea kecil tumbuh menjadi impian.<\/p>\n<div class=\"pj-hero__location\">\n<svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\">\n<path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n<circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n<\/svg>\n<span>Shah Alam, Selangor, Malaysia<\/span>\n<\/div>\n<div class=\"pj-hero__actions\">\n<a aria-label=\"Terokai Raja Tun Uda\" class=\"pj-btn pj-btn-primary\" data-en=\"Explore Raja Tun Uda\" data-my=\"Terokai Raja Tun Uda\" href=\"https:\/\/www.ppas.gov.my\/pustaka-raja-tun-uda-copy\/\">\n Terokai Raja Tun Uda\n <svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\">\n<path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n<\/svg>\n<\/a>\n<button aria-label=\"Tonton video kisah perpustakaan\" class=\"pj-btn pj-btn-secondary\" data-en=\"Watch the Story\" data-my=\"Tonton Kisahnya\" data-video=\"https:\/\/www.youtube.com\/embed\/Qttu13NRFvQ\" onclick=\"openJourneyVideo(this)\" type=\"button\">\n<svg aria-hidden=\"true\" fill=\"currentColor\" viewbox=\"0 0 24 24\">\n<path d=\"M8 5v14l11-7z\"><\/path>\n<\/svg>\n Tonton Kisahnya\n <\/button>\n<\/div>\n<div class=\"pj-hero__visual pj-reveal\" data-pj-reveal=\"\">\n\n<img decoding=\"async\" alt=\"Pustaka Raja Tun Uda library building at dusk with Malaysian families reading together\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/prtu_membaca_bersama_hero_section_2.png\"\/>\n<\/div>\n<\/div>\n<\/section>\n\n<section aria-labelledby=\"pj-hcaa-heading\" class=\"pj-section pj-hcaa\" id=\"hcaa\">\n<div class=\"pj-container pj-hcaa__grid\">\n<div class=\"pj-reveal\" data-pj-reveal=\"\">\n<div class=\"pj-hcaa__badge\" data-en=\"HANS CHRISTIAN ANDERSEN AWARD\" data-my=\"ANUGERAH HANS CHRISTIAN ANDERSEN\">ANUGERAH HANS CHRISTIAN ANDERSEN<\/div>\n<div class=\"pj-hcaa__years\">2027 \u2013 2036<\/div>\n<div class=\"pj-hcaa__lead\" data-en=\"A destination on our journey\" data-my=\"Destinasi perjalanan kami\">Destinasi perjalanan kami<\/div>\n<h2 data-en=\"Malaysia Opens the Next Chapter\" data-my=\"Malaysia Membuka Bab Baharu\" id=\"pj-hcaa-heading\">Malaysia Membuka Bab Baharu<\/h2>\n<p data-en=\"The Hans Christian Andersen Award marks a new chapter \u2014 creating space for more young readers, more creators and more voices from around the world to meet here.\" data-my=\"Anugerah Hans Christian Andersen menandakan satu bab baharu \u2014 sebuah ruang untuk lebih ramai anak mengenal cerita, lebih ramai pencipta berkarya, dan lebih banyak suara dari dunia bertemu di sini.\">Anugerah Hans Christian Andersen menandakan satu bab baharu \u2014 sebuah ruang untuk lebih ramai anak mengenal cerita, lebih ramai pencipta berkarya, dan lebih banyak suara dari dunia bertemu di sini.<\/p>\n<div class=\"pj-hcaa__features\">\n<div class=\"pj-hcaa__feature\">\n<div class=\"pj-hcaa__feature-text\" data-en=\"A global literary award\" data-my=\"Anugerah kesusasteraan bertaraf global\">Anugerah kesusasteraan bertaraf global<\/div>\n<\/div>\n<div class=\"pj-hcaa__feature\">\n<div class=\"pj-hcaa__feature-text\" data-en=\"A platform for young readers\" data-my=\"Platform untuk pembaca muda\">Platform untuk pembaca muda<\/div>\n<\/div>\n<div class=\"pj-hcaa__feature\">\n<div class=\"pj-hcaa__feature-text\" data-en=\"Stronger international connections\" data-my=\"Perhubungan antarabangsa yang lebih erat\">Perhubungan antarabangsa yang lebih erat<\/div>\n<\/div>\n<div class=\"pj-hcaa__feature\">\n<div class=\"pj-hcaa__feature-text\" data-en=\"Creative spaces for tomorrow\" data-my=\"Ruang kreatif untuk masa depan\">Ruang kreatif untuk masa depan<\/div>\n<\/div>\n<\/div>\n<div class=\"pj-hcaa__actions\" role=\"group\" aria-label=\"HCAA links\">\n<a aria-label=\"Lihat perjalanan menuju HCAA\" class=\"pj-btn pj-btn-primary\" data-en=\"See the Journey\" data-my=\"Lihat Perjalanannya\" href=\"#journey\">\n Lihat Perjalanannya\n <svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\">\n<path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n<\/svg>\n<\/a>\n<a aria-label=\"Kenali HCAA\" class=\"pj-btn pj-btn-secondary\" data-en=\"Learn About HCAA\" data-my=\"Kenali HCAA\" href=\"https:\/\/www.ppas.gov.my\/hcaa_my\/\">\n Kenali HCAA\n <svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\">\n<path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n<\/svg>\n<\/a>\n<\/div>\n<\/div>\n<div class=\"pj-hcaa__visual pj-reveal\" data-pj-reveal=\"\">\n\n<img decoding=\"async\" alt=\"Malaysian child reading a storybook with cityscape in background\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/hcaa_prtu_people_banner.png\"\/>\n<\/div>\n<\/div>\n<\/section>\n\n<section aria-labelledby=\"pj-story-bridge-heading\" class=\"pj-section pj-story-bridge\">\n<div class=\"pj-container\">\n<div class=\"pj-story-bridge__inner pj-reveal\" data-pj-reveal=\"\">\n<span class=\"pj-eyebrow\" data-en=\"BEFORE THIS CHAPTER\" data-my=\"SEBELUM BAB INI\">SEBELUM BAB INI<\/span>\n<h2 data-en=\"HCAA is not the beginning. It is the next chapter.\" data-my=\"HCAA bukan titik permulaan. Ia ialah bab seterusnya.\" id=\"pj-story-bridge-heading\">HCAA bukan titik permulaan. Ia ialah bab seterusnya.<\/h2>\n<p data-en=\"So, what brought us here? Follow the chapters that shaped Pustaka Raja Tun Uda \u2014 from building a culture of reading, to nurturing young creators, growing a children's literature ecosystem and opening connections with the world.\" data-my=\"Jadi, apakah perjalanan yang membawa kita ke sini? Ikuti bab-bab yang membentuk Pustaka Raja Tun Uda \u2014 daripada membina budaya membaca, kepada memperkasa pencipta muda, membina ekosistem kesusasteraan kanak-kanak dan membuka hubungan dengan dunia.\">Jadi, apakah perjalanan yang membawa kita ke sini? Ikuti bab-bab yang membentuk Pustaka Raja Tun Uda \u2014 daripada membina budaya membaca, kepada memperkasa pencipta muda, membina ekosistem kesusasteraan kanak-kanak dan membuka hubungan dengan dunia.<\/p>\n<a class=\"pj-story-bridge__link\" data-en=\"Follow the Journey \u2193\" data-my=\"Ikuti Perjalanan \u2193\" href=\"#journey\">Ikuti Perjalanan \u2193<\/a>\n<\/div>\n<\/div>\n<\/section>\n\n<section aria-labelledby=\"pj-timeline-heading\" class=\"pj-section pj-timeline\" id=\"journey\">\n<div class=\"pj-container\">\n<div class=\"pj-section-header pj-reveal\" data-pj-reveal=\"\">\n<span class=\"pj-eyebrow\" data-en=\"THIS IS THE JOURNEY\" data-my=\"INILAH PERJALANANNYA\">INILAH PERJALANANNYA<\/span>\n<h2 data-en=\"From reading, to creating. From programmes, to an ecosystem. From Selangor, to the world.\" data-my=\"Daripada membaca, kepada mencipta. Daripada program, kepada ekosistem. Daripada Selangor, kepada dunia.\" id=\"pj-timeline-heading\">Daripada membaca, kepada mencipta. Daripada program, kepada ekosistem. Daripada Selangor, kepada dunia.<\/h2>\n<\/div>\n<ul aria-label=\"Chapters of PPAS journey\" class=\"pj-timeline__track pj-reveal\" data-pj-reveal=\"\" role=\"list\">\n\n<li aria-expanded=\"false\" class=\"pj-timeline__item\" data-pj-timeline-item=\"\">\n<div class=\"pj-timeline__dot\">\n\n<img decoding=\"async\" alt=\"\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/aktiviti-membaca_PPAS.jpg\"\/>\n<\/div>\n<div class=\"pj-timeline__content\">\n<span class=\"pj-timeline__year\" data-en=\"CHAPTER 01\" data-my=\"BAB 01\">CHAPTER 01<\/span>\n<h3 data-en=\"Reading & Promotion\" data-my=\"Promosi Membaca\">Reading & Promotion<\/h3>\n<p data-en=\"Nurturing a love of books, one child and one family at a time.\" data-my=\"Menyemai rasa cinta kepada buku, satu anak dan satu keluarga pada satu masa.\">Nurturing a love of books, one child and one family at a time.<\/p>\n<button aria-controls=\"timeline-more-chapter-01\" aria-expanded=\"false\" class=\"pj-timeline__toggle\" type=\"button\">\n<span data-en=\"Open This Chapter\" data-my=\"Buka Bab Ini\">Buka Bab Ini<\/span>\n<svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\">\n<path d=\"M6 9l6 6 6-6\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"pj-timeline__more\" data-en=\"Reading was brought closer to everyday life \u2014 so books could be part of children\u2019s and families\u2019 lives, not only something they found in a library.\" data-my=\"Kami membawa membaca lebih dekat kepada kehidupan seharian \u2014 supaya buku bukan hanya ditemui di perpustakaan, tetapi turut hadir dalam dunia anak-anak dan keluarga mereka.\" id=\"timeline-more-chapter-01\">Kami membawa membaca lebih dekat kepada kehidupan seharian \u2014 supaya buku bukan hanya ditemui di perpustakaan, tetapi turut hadir dalam dunia anak-anak dan keluarga mereka.<\/div>\n<\/div>\n<\/li>\n\n<li aria-expanded=\"false\" class=\"pj-timeline__item\" data-pj-timeline-item=\"\">\n<div class=\"pj-timeline__dot\">\n\n<img decoding=\"async\" alt=\"\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/reading_promotion.jpg\"\/>\n<\/div>\n<div class=\"pj-timeline__content\">\n<span class=\"pj-timeline__year\" data-en=\"CHAPTER 02\" data-my=\"BAB 02\">CHAPTER 02<\/span>\n<h3 data-en=\"Pop Membaca Campaign\" data-my=\"Kempen Pop Membaca\">Pop Membaca Campaign<\/h3>\n<p data-en=\"We wanted books to come closer to people, rather than asking people to come looking for them.\" data-my=\"Kami mahu buku datang kepada masyarakat, bukan menunggu masyarakat datang mencarinya.\">We wanted books to come closer to people, rather than asking people to come looking for them.<\/p>\n<button aria-controls=\"timeline-more-chapter-02\" aria-expanded=\"false\" class=\"pj-timeline__toggle\" type=\"button\">\n<span data-en=\"Open This Chapter\" data-my=\"Buka Bab Ini\">Buka Bab Ini<\/span>\n<svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\">\n<path d=\"M6 9l6 6 6-6\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"pj-timeline__more\" data-en=\"Books were taken to places where people naturally gather \u2014 community centres, night markets and public events \u2014 because everyone deserves the chance to meet a story.\" data-my=\"Buku dibawa ke tempat orang ramai berkumpul \u2014 ke pusat komuniti, pasar malam dan acara awam \u2014 kerana setiap orang berhak mempunyai peluang untuk bertemu sebuah cerita.\" id=\"timeline-more-chapter-02\">Buku dibawa ke tempat orang ramai berkumpul \u2014 ke pusat komuniti, pasar malam dan acara awam \u2014 kerana setiap orang berhak mempunyai peluang untuk bertemu sebuah cerita.<\/div>\n<\/div>\n<\/li>\n\n<li aria-expanded=\"false\" class=\"pj-timeline__item\" data-pj-timeline-item=\"\">\n<div class=\"pj-timeline__dot\">\n\n<img decoding=\"async\" alt=\"\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/scbf2026.jpg\"\/>\n<\/div>\n<div class=\"pj-timeline__content\">\n<span class=\"pj-timeline__year\" data-en=\"CHAPTER 03\" data-my=\"BAB 03\">CHAPTER 03<\/span>\n<h3 data-en=\"Selangor Children\u2019s Literature Festival (SCLF)\" data-my=\"Festival Sastera Kanak-Kanak Selangor\">Selangor Children\u2019s Literature Festival<\/h3>\n<p data-en=\"Rooted in the Selangor Children\u2019s Book Fair, it has blossomed into a larger journey \u2014 nurturing stories, imagination, and a lasting love for children\u2019s literature.\" data-my=\"Berakar daripada Pesta Buku Kanak-Kanak Selangor, lalu berkembang menjadi sebuah perjalanan yang lebih besar untuk dunia sastera kanak-kanak.\">Giving children\u2019s books, ideas and local talent a place to be seen, heard and celebrated.<\/p>\n<button aria-controls=\"timeline-more-chapter-03\" aria-expanded=\"false\" class=\"pj-timeline__toggle\" type=\"button\">\n<span data-en=\"Open This Chapter\" data-my=\"Buka Bab Ini\">Buka Bab Ini<\/span>\n<svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\">\n<path d=\"M6 9l6 6 6-6\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"pj-timeline__more\" data-en=\"Here, writers, illustrators, publishers and young readers come together to share their work and celebrate the world of books.\" data-my=\"Di sinilah penulis, ilustrator, penerbit dan pembaca muda dapat bertemu, berkongsi karya dan meraikan dunia buku bersama-sama.\" id=\"timeline-more-chapter-03\">Di sinilah penulis, ilustrator, penerbit dan pembaca muda dapat bertemu, berkongsi karya dan meraikan dunia buku bersama-sama.<\/div>\n<\/div>\n<\/li>\n\n<li aria-expanded=\"false\" class=\"pj-timeline__item\" data-pj-timeline-item=\"\">\n<div class=\"pj-timeline__dot\">\n\n<img decoding=\"async\" alt=\"Yusof Gajah Illustration Award\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2024\/09\/YGIA-02-2.png\"\/>\n<\/div>\n<div class=\"pj-timeline__content\">\n<span class=\"pj-timeline__year\" data-en=\"CHAPTER 04\" data-my=\"BAB 04\">CHAPTER 04<\/span>\n<h3 data-en=\"Yusof Gajah Illustration Award\" data-my=\"Anugerah Ilustrasi Yusof Gajah\">Yusof Gajah Illustration Award<\/h3>\n<p data-en=\"Where imagination finds its colours, and stories begin to speak through pictures.\" data-my=\"Di sinilah imaginasi menemukan warnanya, dan cerita mula berbicara melalui gambar.\">Where imagination finds its colours, and stories begin to speak through pictures.<\/p>\n<button aria-controls=\"timeline-more-chapter-04\" aria-expanded=\"false\" class=\"pj-timeline__toggle\" type=\"button\">\n<span data-en=\"Open This Chapter\" data-my=\"Buka Bab Ini\">Buka Bab Ini<\/span>\n<svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\">\n<path d=\"M6 9l6 6 6-6\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"pj-timeline__more\" data-en=\"Our journey through children\u2019s literature is not only about encouraging children to read. It is also about nurturing the people who create the stories they love. Through the Yusof Gajah Illustration Award, PPAS celebrates visual storytelling and creates a platform for illustrators to develop, share and be recognised for their work.\" data-my=\"Perjalanan kami dalam kesusasteraan kanak-kanak bukan sekadar tentang menggalakkan kanak-kanak membaca. Ia juga tentang membina dan menyokong bakat yang mencipta cerita yang mereka gemari. Melalui Yusof Gajah Illustration Award, PPAS meraikan penceritaan visual serta menyediakan platform untuk ilustrator mengembangkan bakat, berkongsi karya dan mendapat pengiktirafan.\" id=\"timeline-more-chapter-04\">Our journey through children\u2019s literature is not only about encouraging children to read. It is also about nurturing the people who create the stories they love. Through the Yusof Gajah Illustration Award, PPAS celebrates visual storytelling and creates a platform for illustrators to develop, share and be recognised for their work.<\/div>\n<\/div>\n<\/li>\n\n<li aria-expanded=\"false\" class=\"pj-timeline__item\" data-pj-timeline-item=\"\">\n<div class=\"pj-timeline__dot\">\n\n<img decoding=\"async\" alt=\"\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/research_and_archieve.png\"\/>\n<\/div>\n<div class=\"pj-timeline__content\">\n<span class=\"pj-timeline__year\" data-en=\"CHAPTER 05\" data-my=\"BAB 05\">CHAPTER 05<\/span>\n<h3 data-en=\"Heritage & Archive\" data-my=\"Warisan & Arkib\">Research & Archive<\/h3>\n<p data-en=\"What we preserve today becomes knowledge and stories that can be passed on to the generations after us.\" data-my=\"Apa yang kita simpan hari ini menjadi cerita dan ilmu yang boleh diwariskan kepada generasi akan datang.\">What we preserve today becomes knowledge and stories that can be passed on to the generations after us.<\/p>\n<button aria-controls=\"timeline-more-chapter-05\" aria-expanded=\"false\" class=\"pj-timeline__toggle\" type=\"button\">\n<span data-en=\"Open This Chapter\" data-my=\"Buka Bab Ini\">Buka Bab Ini<\/span>\n<svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\">\n<path d=\"M6 9l6 6 6-6\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"pj-timeline__more\" data-en=\"We preserve works, knowledge and the journey of children\u2019s literature so that what is built today is not lost, and future generations can continue to learn from it.\" data-my=\"Kami menyimpan karya, pengetahuan dan jejak perjalanan kesusasteraan kanak-kanak supaya apa yang dibina hari ini tidak hilang, dan generasi akan datang masih boleh belajar daripadanya.\" id=\"timeline-more-chapter-05\">Kami menyimpan karya, pengetahuan dan jejak perjalanan kesusasteraan kanak-kanak supaya apa yang dibina hari ini tidak hilang, dan generasi akan datang masih boleh belajar daripadanya.<\/div>\n<\/div>\n<\/li>\n\n<li aria-expanded=\"false\" class=\"pj-timeline__item\" data-pj-timeline-item=\"\">\n<div class=\"pj-timeline__dot\">\n\n<img decoding=\"async\" alt=\"\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/international_partnership_ppas.jpg\"\/>\n<\/div>\n<div class=\"pj-timeline__content\">\n<span class=\"pj-timeline__year\" data-en=\"CHAPTER 06\" data-my=\"BAB 06\">CHAPTER 06<\/span>\n<h3 data-en=\"International Partnerships\" data-my=\"Perkongsian Antarabangsa\">International Partnerships<\/h3>\n<p data-en=\"When we share stories, distances feel smaller and we learn to understand one another.\" data-my=\"Apabila kita berkongsi cerita, jarak menjadi lebih dekat dan kita belajar memahami satu sama lain.\">When we share stories, distances feel smaller and we learn to understand one another.<\/p>\n<button aria-controls=\"timeline-more-chapter-06\" aria-expanded=\"false\" class=\"pj-timeline__toggle\" type=\"button\">\n<span data-en=\"Open This Chapter\" data-my=\"Buka Bab Ini\">Buka Bab Ini<\/span>\n<svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\">\n<path d=\"M6 9l6 6 6-6\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"pj-timeline__more\" id=\"timeline-more-chapter-06\">\n <p class=\"pj-story-audio-copy\" data-my=\"Kami mula menyedari bahawa cerita yang baik tidak seharusnya berhenti di tempat ia bermula. Kita sudah melihat pelbagai cerita dilahirkan, karya dihasilkan dan bakat tempatan berkembang. Melalui Yusof Gajah Illustration Award, kita mula menyediakan ruang untuk pencipta berkongsi karya dan mendapat pengiktirafan. Namun, sebuah cerita memerlukan jambatan untuk sampai lebih jauh \u2014 menghubungkan pencipta dengan pembaca, karya dengan penerbit, dan bakat tempatan dengan dunia. Sebab itu kami mahu belajar daripada mereka yang telah membawa karya mereka melangkaui sempadan \u2014 memahami bagaimana sebuah cerita boleh berkembang daripada sebuah idea, menjadi karya, diterbitkan, dikongsikan dan akhirnya menemui pembaca di serata dunia.\" data-en=\"We began to realise that a good story should not have to stop where it begins. We have seen stories take shape, works come to life and local talent grow. Through the Yusof Gajah Illustration Award, we began creating space for creators to share their work and be recognised. Yet a story needs bridges to travel further \u2014 connecting creators with readers, works with publishers, and local talent with the world. That is why we want to learn from those who have taken their work beyond borders \u2014 to understand how a story can grow from an idea, become a work, be published, shared and eventually find readers around the world.\">Kami mula menyedari bahawa cerita yang baik tidak seharusnya berhenti di tempat ia bermula. Kita sudah melihat pelbagai cerita dilahirkan, karya dihasilkan dan bakat tempatan berkembang. Melalui Yusof Gajah Illustration Award, kita mula menyediakan ruang untuk pencipta berkongsi karya dan mendapat pengiktirafan. Namun, sebuah cerita memerlukan jambatan untuk sampai lebih jauh \u2014 menghubungkan pencipta dengan pembaca, karya dengan penerbit, dan bakat tempatan dengan dunia. Sebab itu kami mahu belajar daripada mereka yang telah membawa karya mereka melangkaui sempadan \u2014 memahami bagaimana sebuah cerita boleh berkembang daripada sebuah idea, menjadi karya, diterbitkan, dikongsikan dan akhirnya menemui pembaca di serata dunia.<\/p>\n\n <div class=\"pj-story-quote\">\n <p data-my=\"Sebuah kisah mungkin bermula di satu tempat. Namun maknanya boleh sampai jauh lebih luas.\" data-en=\"A story may begin in one place. But its meaning can travel much further.\">Sebuah kisah mungkin bermula di satu tempat. Namun maknanya boleh sampai jauh lebih luas.<\/p>\n <\/div>\n\n <div class=\"pj-story-path\" aria-label=\"From a story to a wider world\">\n <div class=\"pj-story-path__title\" data-my=\"Daripada sebuah kisah, ke dunia yang lebih luas\" data-en=\"From a story to a wider world\">Daripada sebuah kisah, ke dunia yang lebih luas<\/div>\n <div class=\"pj-story-path__flow\">\n <div class=\"pj-story-path__step\">\n <div class=\"pj-story-path__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 3H11v16H6.5A2.5 2.5 0 0 0 4 21.5z\"\/><path d=\"M20 5.5A2.5 2.5 0 0 0 17.5 3H13v16h4.5a2.5 2.5 0 0 1 2.5 2.5z\"\/><\/svg><\/div>\n <span class=\"pj-story-path__label\" data-my=\"Kisah\" data-en=\"Story\">Kisah<\/span>\n <\/div>\n <div class=\"pj-story-path__step\">\n <div class=\"pj-story-path__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20l1.7-5.2L16.8 3.7a2.1 2.1 0 0 1 3 3L8.7 17.8z\"\/><path d=\"M14.8 5.7l3.5 3.5\"\/><\/svg><\/div>\n <span class=\"pj-story-path__label\" data-my=\"Karya\" data-en=\"Create\">Karya<\/span>\n <\/div>\n <div class=\"pj-story-path__step\">\n <div class=\"pj-story-path__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 4h14v16H5z\"\/><path d=\"M8 8h8M8 12h8M8 16h5\"\/><\/svg><\/div>\n <span class=\"pj-story-path__label\" data-my=\"Terbit\" data-en=\"Publish\">Terbit<\/span>\n <\/div>\n <div class=\"pj-story-path__step\">\n <div class=\"pj-story-path__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 6h16v11H4z\"\/><path d=\"M8 20h8M12 17v3\"\/><path d=\"M8 10l3 3 5-5\"\/><\/svg><\/div>\n <span class=\"pj-story-path__label\" data-my=\"Kongsi\" data-en=\"Share\">Kongsi<\/span>\n <\/div>\n <div class=\"pj-story-path__step\">\n <div class=\"pj-story-path__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><path d=\"M3.8 12h16.4M12 3.5c2.2 2.4 3.3 5.2 3.3 8.5S14.2 18.1 12 20.5M12 3.5C9.8 5.9 8.7 8.7 8.7 12s1.1 6.1 3.3 8.5\"\/><\/svg><\/div>\n <span class=\"pj-story-path__label\" data-my=\"Dunia\" data-en=\"World\">Dunia<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <button class=\"pj-story-audio\" type=\"button\" data-my-label=\"Dengar Bab Ini\" data-en-label=\"Listen to This Chapter\" aria-label=\"Dengar Bab Ini\">\n <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M4 10v4h4l5 4V6l-5 4z\"\/><path d=\"M16 9.5a4 4 0 0 1 0 5M18.5 7a7 7 0 0 1 0 10\"\/><\/svg>\n <span>Dengar Bab Ini<\/span>\n <\/button>\n<\/div>\n<\/div>\n<\/li>\n\n<li aria-expanded=\"false\" class=\"pj-timeline__item\" data-pj-timeline-item=\"\">\n<div class=\"pj-timeline__dot\">\n\n<img decoding=\"async\" alt=\"\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/strenghtening_ecosystem_ppas.jpg\"\/>\n<\/div>\n<div class=\"pj-timeline__content\">\n<span class=\"pj-timeline__year\" data-en=\"CHAPTER 07\" data-my=\"BAB 07\">CHAPTER 07<\/span>\n<h3 data-en=\"Strengthening the Ecosystem\" data-my=\"Memperkukuh Ekosistem\">Strengthening the Ecosystem<\/h3>\n<p data-en=\"This journey continues to grow as more people read, create, teach and share.\" data-my=\"Perjalanan ini terus hidup apabila semakin ramai membaca, mencipta, mengajar dan berkongsi.\">This journey continues to grow as more people read, create, teach and share.<\/p>\n<button aria-controls=\"timeline-more-chapter-07\" aria-expanded=\"false\" class=\"pj-timeline__toggle\" type=\"button\">\n<span data-en=\"Open This Chapter\" data-my=\"Buka Bab Ini\">Buka Bab Ini<\/span>\n<svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\">\n<path d=\"M6 9l6 6 6-6\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"pj-timeline__more\" data-en=\"Today, this journey brings together readers, writers, illustrators, publishers, educators and communities, because the future of literacy cannot be built by one group alone.\" data-my=\"Hari ini, perjalanan itu melibatkan ramai \u2014 pembaca, penulis, ilustrator, penerbit, pendidik dan komuniti \u2014 kerana masa depan literasi tidak dibina oleh satu pihak sahaja.\" id=\"timeline-more-chapter-07\">Hari ini, perjalanan itu melibatkan ramai \u2014 pembaca, penulis, ilustrator, penerbit, pendidik dan komuniti \u2014 kerana masa depan literasi tidak dibina oleh satu pihak sahaja.<\/div>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/section>\n\n<section aria-labelledby=\"pj-child-heading\" class=\"pj-section pj-child\" id=\"belief\">\n<div class=\"pj-container pj-child__grid\">\n<div class=\"pj-child__photo pj-reveal\" data-pj-reveal=\"\">\n\n<img decoding=\"async\" alt=\"Young Malaysian girl smiling with stack of colorful storybooks\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/pembaca_kecil_peluang_besar5.jpg\"\/>\n<span class=\"pj-child__tag\" data-en=\"Small Readers, Big Possibilities\" data-my=\"Pembaca Kecil, Peluang Besar\">Pembaca Kecil, Peluang Besar<\/span>\n<\/div>\n<div class=\"pj-reveal\" data-pj-reveal=\"\">\n<span class=\"pj-eyebrow\" data-en=\"OUR BELIEF\" data-my=\"PERCAYAAN KAMI\">PERCAYAAN KAMI<\/span>\n<h2 class=\"pj-child__heading\" id=\"pj-child-heading\">\n<span data-en=\"Every Child\" data-my=\"Setiap Kanak-Kanak\">Setiap Kanak-Kanak<\/span>\n<span class=\"highlight\" data-en=\"Deserves a Story That Matters\" data-my=\"Berhak Menemui Kisah Yang Bermakna\">Berhak Menemui Kisah Yang Bermakna<\/span>\n<\/h2>\n<p data-en=\"We believe every child deserves a story that makes them curious, gives them courage to dream, and helps them believe in themselves. That is why we keep creating spaces to read, create and grow together.\" data-my=\"Kami percaya setiap anak berhak menemukan sebuah cerita yang membuat mereka ingin tahu, berani bermimpi dan percaya pada diri sendiri. Sebab itu, kami terus membuka ruang untuk membaca, mencipta dan membesar bersama.\">Kami percaya setiap anak berhak menemukan sebuah cerita yang membuat mereka ingin tahu, berani bermimpi dan percaya pada diri sendiri. Sebab itu, kami terus membuka ruang untuk membaca, mencipta dan membesar bersama.<\/p>\n<a class=\"pj-btn pj-btn-outline\" data-en=\"Discover Our Journey\" data-my=\"Terokai Perjalanan Kami\" href=\"#journey\" style=\"margin-top: var(--pj-space-md)\">\n Terokai Perjalanan Kami \u2192\n <\/a>\n<div class=\"pj-belief-grid\">\n<div class=\"pj-belief-card\">\n<div class=\"pj-belief-card__icon\" aria-hidden=\"true\">\n<svg viewBox=\"0 0 24 24\"><path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 3H11v16H6.5A2.5 2.5 0 0 0 4 21.5z\"\/><path d=\"M20 5.5A2.5 2.5 0 0 0 17.5 3H13v16h4.5a2.5 2.5 0 0 1 2.5 2.5z\"\/><\/svg>\n<\/div>\n<h4 data-en=\"Read\" data-my=\"Baca\">Baca<\/h4>\n<p data-en=\"We want reading to feel close, joyful and naturally part of everyday life.\" data-my=\"Kami mahu membaca terasa dekat, menyeronokkan dan menjadi sebahagian daripada hidup.\">Kami mahu membaca terasa dekat, menyeronokkan dan menjadi sebahagian daripada hidup.<\/p>\n<\/div>\n<div class=\"pj-belief-card\">\n<div class=\"pj-belief-card__icon\" aria-hidden=\"true\">\n<svg viewBox=\"0 0 24 24\"><path d=\"M12 3l.9 2.7L15.5 7l-2.6.9L12 10.5l-.9-2.6L8.5 7l2.6-1.3z\"\/><path d=\"M18.5 11l.5 1.5 1.5.5-1.5.5-.5 1.5-.5-1.5-1.5-.5 1.5-.5z\"\/><path d=\"M7 13l1 3 3 1-3 1-1 3-1-3-3-1 3-1z\"\/><\/svg>\n<\/div>\n<h4 data-en=\"Imagine\" data-my=\"Bayangkan\">Bayangkan<\/h4>\n<p data-en=\"Sometimes, one small story can open a world we never imagined.\" data-my=\"Kadang-kadang, sebuah kisah kecil boleh membuka dunia yang belum pernah kita bayangkan.\">Kadang-kadang, sebuah kisah kecil boleh membuka dunia yang belum pernah kita bayangkan.<\/p>\n<\/div>\n<div class=\"pj-belief-card\">\n<div class=\"pj-belief-card__icon\" aria-hidden=\"true\">\n<svg viewBox=\"0 0 24 24\"><path d=\"M4 20l1.7-5.2L16.8 3.7a2.1 2.1 0 0 1 3 3L8.7 17.8z\"\/><path d=\"M14.8 5.7l3.5 3.5\"\/><path d=\"M4 20l3.8-1.2\"\/><\/svg>\n<\/div>\n<h4 data-en=\"Create\" data-my=\"Cipta\">Cipta<\/h4>\n<p data-en=\"Children are not only readers; they have stories and ideas of their own to create.\" data-my=\"Anak-anak bukan hanya pembaca; mereka juga mempunyai cerita dan idea untuk dicipta.\">Anak-anak bukan hanya pembaca; mereka juga mempunyai cerita dan idea untuk dicipta.<\/p>\n<\/div>\n<div class=\"pj-belief-card\">\n<div class=\"pj-belief-card__icon\" aria-hidden=\"true\">\n<svg viewBox=\"0 0 24 24\"><path d=\"M4 5.5h10a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3H9l-4 3v-3.2a3 3 0 0 1-1-2.3v-5.5a3 3 0 0 1 3-3z\"\/><path d=\"M14 8.5h4a3 3 0 0 1 3 3v3a3 3 0 0 1-1 2.3V19l-3.5-2.5H14\"\/><\/svg>\n<\/div>\n<h4 data-en=\"Connect\" data-my=\"Hubungkan\">Hubungkan<\/h4>\n<p data-en=\"A story can bring different people together and remind us that we are not alone.\" data-my=\"Sebuah cerita boleh menemukan orang yang berbeza dan membuat kita rasa tidak bersendirian.\">Sebuah cerita boleh menemukan orang yang berbeza dan membuat kita rasa tidak bersendirian.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section aria-labelledby=\"pj-ecosystem-heading\" class=\"pj-section pj-ecosystem\" id=\"activities\">\n<div class=\"pj-container\">\n<div class=\"pj-section-header pj-reveal\" data-pj-reveal=\"\">\n<span class=\"pj-eyebrow\" data-en=\"FROM READING TO CREATING\" data-my=\"DARIPADA MEMBACA KEPADA MENCIPTA\">DARIPADA MEMBACA KEPADA MENCIPTA<\/span>\n<h2 data-en=\"When children begin to read, they discover more than books. They begin to question, imagine, create and share with others.\" data-my=\"Apabila anak-anak mula membaca, mereka bukan sekadar mengenal buku. Mereka mula bertanya, membayangkan, mencipta dan berkongsi dengan orang lain.\" id=\"pj-ecosystem-heading\">Apabila anak-anak mula membaca, mereka bukan sekadar mengenal buku. Mereka mula bertanya, membayangkan, mencipta dan berkongsi dengan orang lain.<\/h2>\n<\/div>\n<div class=\"pj-ecosystem__grid pj-reveal\" data-pj-reveal=\"\">\n<div class=\"pj-eco-card pj-eco-card--read\">\n<div class=\"pj-eco-card__photo\">\n\n<img decoding=\"async\" alt=\"Children listening to storytelling session\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/children_listening_storytelling_session2.jpg\"\/>\n<\/div>\n<div class=\"pj-eco-card__body\">\n<span class=\"pj-eco-card__badge\" data-en=\"READ\" data-my=\"BACA\">BACA<\/span>\n<ul>\n<li data-en=\"Storytelling\" data-my=\"Bercerita\">Bercerita<\/li>\n<li data-en=\"Pop Membaca\" data-my=\"Pop Membaca\">Pop Membaca<\/li>\n<li data-en=\"Reading campaigns\" data-my=\"Kempen membaca\">Kempen membaca<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"pj-eco-card pj-eco-card--create\">\n<div class=\"pj-eco-card__photo\">\n\n<img decoding=\"async\" alt=\"Children drawing and illustrating together\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/children_drawing_illustrating_together.jpg\"\/>\n<\/div>\n<div class=\"pj-eco-card__body\">\n<span class=\"pj-eco-card__badge\" data-en=\"CREATE\" data-my=\"CIPTA\">CIPTA<\/span>\n<ul>\n<li data-en=\"Drawing & Illustration\" data-my=\"Lukisan & ilustrasi\">Lukisan & ilustrasi<\/li>\n<li data-en=\"Creative writing\" data-my=\"Penulisan kreatif\">Penulisan kreatif<\/li>\n<li data-en=\"Comics\" data-my=\"Komik\">Komik<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"pj-eco-card pj-eco-card--experience\">\n<div class=\"pj-eco-card__photo\">\n\n<img decoding=\"async\" alt=\"Children enjoying puppet show\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/children_enjoying_puppet.jpg\"\/>\n<\/div>\n<div class=\"pj-eco-card__body\">\n<span class=\"pj-eco-card__badge\" data-en=\"EXPERIENCE\" data-my=\"ALAMI\">ALAMI<\/span>\n<ul>\n<li data-en=\"Theatre\" data-my=\"Teater\">Teater<\/li>\n<li data-en=\"Puppetry\" data-my=\"Boneka\">Boneka<\/li>\n<li data-en=\"Hands-on activities\" data-my=\"Aktiviti langsung\">Aktiviti langsung<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"pj-eco-card pj-eco-card--grow\">\n<div class=\"pj-eco-card__photo\">\n\n<img decoding=\"async\" alt=\"Family participating in library programme\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/family_participating_library_programme.jpg\"\/>\n<\/div>\n<div class=\"pj-eco-card__body\">\n<span class=\"pj-eco-card__badge\" data-en=\"GROW TOGETHER\" data-my=\"MELANGKAH BERSAMA\">BESAR BERSAMA<\/span>\n<ul>\n<li data-en=\"Family programmes\" data-my=\"Program keluarga\">Program keluarga<\/li>\n<li data-en=\"School outreach\" data-my=\"Jangkauan sekolah\">Jangkauan sekolah<\/li>\n<li data-en=\"Community programmes\" data-my=\"Program komuniti\">Program komuniti<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"pj-eco-card pj-eco-card--share\">\n<div class=\"pj-eco-card__photo\">\n\n<img decoding=\"async\" alt=\"Group photo at children's book festival\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/group_photo_scbf.jpg\"\/>\n<\/div>\n<div class=\"pj-eco-card__body\">\n<span class=\"pj-eco-card__badge\" data-en=\"SHARE\" data-my=\"KONGSI\">KONGSI<\/span>\n<ul>\n<li data-en=\"Festivals\" data-my=\"Festival\">Festival<\/li>\n<li data-en=\"Exhibitions\" data-my=\"Pameran\">Pameran<\/li>\n<li data-en=\"International programmes\" data-my=\"Program antarabangsa\">Program antarabangsa<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section aria-labelledby=\"pj-festivals-heading\" class=\"pj-section pj-festivals\" id=\"festivals\">\n<div class=\"pj-container\">\n<div class=\"pj-section-header pj-reveal\" data-pj-reveal=\"\">\n<span class=\"pj-eyebrow\" data-en=\"WHEN STORIES BRING US TOGETHER\" data-my=\"APABILA KISAH MENYATUKAN KITA\">APABILA KISAH MENYATUKAN KITA<\/span>\n<h2 data-en=\"At every festival, we see the same thing: when a story is shared, people come closer \u2014 to read, listen, create and celebrate together.\" data-my=\"Di setiap festival, kami melihat perkara yang sama: apabila sebuah cerita dikongsi, orang ramai datang lebih dekat \u2014 untuk membaca, mendengar, mencipta dan meraikan bersama.\" id=\"pj-festivals-heading\">Di setiap festival, kami melihat perkara yang sama: apabila sebuah cerita dikongsi, orang ramai datang lebih dekat \u2014 untuk membaca, mendengar, mencipta dan meraikan bersama.<\/h2>\n<\/div>\n<div class=\"pj-festivals__grid pj-reveal\" data-pj-reveal=\"\">\n<article class=\"pj-fest-card\">\n<div class=\"pj-fest-card__accent\" style=\"background: var(--pj-purple)\"><\/div>\n<div class=\"pj-fest-card__photo\">\n\n<img decoding=\"async\" alt=\"Crowd at Selangor Children's Literature Festival\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/crow_sclf_2026.jpg\"\/>\n<\/div>\n<div class=\"pj-fest-card__body\" id=\"sclf\">\n<h3>SCLF<\/h3>\n<p><strong data-en=\"Selangor Children's Literature Festival\" data-my=\"Festival Kesusasteraan Kanak-Kanak Selangor\">Festival Kesusasteraan Kanak-Kanak Selangor<\/strong><\/p>\n<p data-en=\"A place where stories, creativity and readers meet.\" data-my=\"Tempat cerita, kreativiti dan pembaca bertemu.\">Tempat cerita, kreativiti dan pembaca bertemu.<\/p>\n<a class=\"pj-btn pj-btn-outline pj-btn-sm\" data-en=\"Discover More\" data-my=\"Ketahui Lagi\" href=\"http:\/\/www.ppas.gov.my\/sclf\/\">Ketahui Lagi \u2192<\/a>\n<\/div>\n<\/article>\n<article class=\"pj-fest-card\">\n<div class=\"pj-fest-card__accent\" style=\"background: var(--pj-teal)\"><\/div>\n<div class=\"pj-fest-card__photo\">\n\n<img decoding=\"async\" alt=\"Child reading at Selangor Children's Book Fair\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/child_reading_at_selangor_children_book_fair.jpg\"\/>\n<\/div>\n<div class=\"pj-fest-card__body\" id=\"scbf\">\n<h3>SIBF<\/h3>\n<p><strong data-en=\"Selangor International Book Fair\" data-my=\"Pesta Buku Antarabangsa Selangor\">Pesta Buku Antarabangsa Selangor<\/strong><\/p>\n<p data-en=\"Bringing the world closer through books, stories and connections across cultures.\" data-my=\"Membawa dunia lebih dekat melalui buku, cerita dan pertemuan yang merentas budaya\">Membawa buku lebih dekat kepada masyarakat dan menjadikan membaca pengalaman yang dikongsi bersama.<\/p>\n<a class=\"pj-btn pj-btn-outline pj-btn-sm\" data-en=\"Discover More\" data-my=\"Ketahui Lagi\" href=\"https:\/\/sibf.my\/\">Ketahui Lagi \u2192<\/a>\n<\/div>\n<\/article>\n<article class=\"pj-fest-card\">\n<div class=\"pj-fest-card__accent\" style=\"background: var(--pj-terracotta)\"><\/div>\n<div class=\"pj-fest-card__photo\">\n\n<img decoding=\"async\" alt=\"Yusof Gajah Illustration Award\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/ygia_pemenang_2025.jpg\"\/>\n<\/div>\n<div class=\"pj-fest-card__body\">\n<h3>YGIA<\/h3>\n<p><strong data-en=\"Yusof Gajah Illustration Award\" data-my=\"Anugerah Ilustrasi Yusof Gajah\">Anugerah Ilustrasi Yusof Gajah<\/strong><\/p>\n<p data-en=\"Celebrating visual storytelling and creating a platform for illustrators to develop, share and be recognised for their work.\" data-my=\"Meraikan penceritaan visual dan menyediakan ruang untuk ilustrator mengembangkan bakat, berkongsi karya serta mendapat pengiktirafan.\">Meraikan penceritaan visual dan menyediakan ruang untuk ilustrator mengembangkan bakat, berkongsi karya serta mendapat pengiktirafan.<\/p>\n<a class=\"pj-btn pj-btn-outline pj-btn-sm\" data-en=\"Discover More\" data-my=\"Ketahui Lagi\" href=\"https:\/\/sibf.my\/ygia\/\">Ketahui Lagi \u2192<\/a>\n<\/div>\n<\/article>\n<article class=\"pj-fest-card\">\n<div class=\"pj-fest-card__accent\" style=\"background: var(--pj-marigold)\"><\/div>\n<div class=\"pj-fest-card__photo\">\n\n<img decoding=\"async\" alt=\"Performer at Storytelling Festival\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/performer_storytelling_festival.jpg\"\/>\n<\/div>\n<div class=\"pj-fest-card__body\" id=\"storytelling\">\n<h3 data-en=\"A Space for Stories\" data-my=\"Ruang Bercerita\">Ruang Bercerita<\/h3>\n<p data-en=\"When voice, movement and story come together, a story feels alive before us.\" data-my=\"Apabila suara, gerak dan cerita bertemu, sebuah kisah terasa hidup di hadapan kita.\">Apabila suara, gerak dan cerita bertemu, sebuah kisah terasa hidup di hadapan kita.<\/p>\n\n<div class=\"pj-story-reveal\" data-pj-story-reveal aria-expanded=\"false\">\n <button class=\"pj-story-reveal__toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"pj-storytelling-panel\" data-en-label=\"Open Story\" data-my-label=\"Buka Kisah\">\n <span data-en=\"Open Story\" data-my=\"Buka Kisah\">Buka Kisah<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M6 9l6 6 6-6\"\/>\n <\/svg>\n <\/button>\n\n <div class=\"pj-story-reveal__panel\" id=\"pj-storytelling-panel\" aria-hidden=\"true\">\n <div class=\"pj-story-reveal__panel-inner\">\n <div class=\"pj-story-reveal__panel-content\">\n <span class=\"pj-story-reveal__label\" data-en=\"Stories We Create Together\" data-my=\"Kisah Yang Kita Bina Bersama\">Kisah Yang Kita Bina Bersama<\/span>\n\n <p data-en=\"We work with agencies, departments, NGOs and other partners to bring storytelling closer to children and communities. Through stories, songs, conversations and creative activities, children are given space to listen, imagine, learn and connect.\" data-my=\"Kami bekerjasama dengan agensi, jabatan, NGO dan pelbagai rakan untuk membawa pengalaman bercerita lebih dekat kepada kanak-kanak dan komuniti. Melalui cerita, lagu, perbualan dan aktiviti kreatif, anak-anak diberi ruang untuk mendengar, membayangkan, belajar dan berhubung.\">Kami bekerjasama dengan agensi, jabatan, NGO dan pelbagai rakan untuk membawa pengalaman bercerita lebih dekat kepada kanak-kanak dan komuniti. Melalui cerita, lagu, perbualan dan aktiviti kreatif, anak-anak diberi ruang untuk mendengar, membayangkan, belajar dan berhubung.<\/p>\n\n <p data-en=\"One of these journeys is our collaboration with YAWAS through \u201cRiang Ria Dunia Membaca\u201d \u2014 a storytelling initiative that has been nurturing a love of reading and helping children discover language, culture and the world through stories.\" data-my=\"Salah satu perjalanan ini ialah kerjasama bersama YAWAS melalui \u201cRiang Ria Dunia Membaca\u201d \u2014 sebuah inisiatif bercerita yang menyemai minat membaca dan membantu anak-anak mengenali bahasa, budaya dan dunia melalui cerita.\">Salah satu perjalanan ini ialah kerjasama bersama YAWAS melalui \u201cRiang Ria Dunia Membaca\u201d \u2014 sebuah inisiatif bercerita yang menyemai minat membaca dan membantu anak-anak mengenali bahasa, budaya dan dunia melalui cerita.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<\/div>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n\n<section aria-labelledby=\"pj-knowledge-heading\" class=\"pj-section pj-together\" id=\"knowledge\">\n<div class=\"pj-container\">\n<div class=\"pj-together__grid\">\n<div class=\"pj-knowledge pj-reveal\" data-pj-reveal=\"\">\n<div class=\"pj-together__icon\" aria-hidden=\"true\" title=\"Pengetahuan & Penyelidikan\">\n<svg viewBox=\"0 0 24 24\">\n<path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 3H11v17H6.5A2.5 2.5 0 0 0 4 22.5z\"\/>\n<path d=\"M20 5.5A2.5 2.5 0 0 0 17.5 3H13v17h4.5a2.5 2.5 0 0 1 2.5 2.5z\"\/>\n<circle cx=\"17.5\" cy=\"16.5\" r=\"3.2\"\/>\n<path d=\"M19.8 18.8L22 21\"\/>\n<\/svg>\n<\/div>\n<div class=\"pj-knowledge__eyebrow\" data-en=\"KNOWLEDGE & RESEARCH\" data-my=\"PENGETAHUAN & PENYELIDIKAN\">PENGETAHUAN & PENYELIDIKAN<\/div>\n<h2 class=\"pj-knowledge__title\" data-en=\"Selangor Info Hub\" data-my=\"Selangor Info Hub\" id=\"pj-knowledge-heading\">Selangor Info Hub<\/h2>\n<p class=\"pj-knowledge__tagline\" data-en=\"A dedicated space for discovering Selangor.\" data-my=\"Ruang khusus untuk mengenali Selangor.\">\n Ruang khusus untuk mengenali Selangor.\n <\/p>\n<p class=\"pj-knowledge__description\" data-en=\"Located on Level 4 of Pustaka Raja Tun Uda, the Selangor Info Hub provides a space for visitors to discover information, resources and knowledge about Selangor.\" data-my=\"Terletak di Aras 4 Pustaka Raja Tun Uda, Selangor Info Hub menyediakan ruang untuk pengunjung meneroka maklumat, sumber dan pengetahuan berkaitan Selangor.\">\n Terletak di Aras 4 Pustaka Raja Tun Uda, Selangor Info Hub menyediakan ruang untuk pengunjung meneroka maklumat, sumber dan pengetahuan berkaitan Selangor.\n <\/p>\n<div class=\"pj-knowledge__location\" data-en=\"LEVEL 4 \u00b7 PUSTAKA RAJA TUN UDA\" data-my=\"ARAS 4 \u00b7 PUSTAKA RAJA TUN UDA\">\n<span aria-hidden=\"true\">\u2197<\/span>\n<span>ARAS 4 \u00b7 PUSTAKA RAJA TUN UDA<\/span>\n<\/div>\n<\/div>\n<div class=\"pj-community pj-reveal\" data-pj-reveal=\"\" id=\"community\">\n<div class=\"pj-together__icon\" style=\"background: var(--pj-success);\" aria-hidden=\"true\" title=\"Komuniti\">\n<svg viewBox=\"0 0 24 24\">\n<circle cx=\"9\" cy=\"8\" r=\"3\"\/>\n<circle cx=\"17\" cy=\"9\" r=\"2.5\"\/>\n<path d=\"M3.5 20a5.5 5.5 0 0 1 11 0\"\/>\n<path d=\"M14 19a4.5 4.5 0 0 1 7 0\"\/>\n<path d=\"M11 13.5l2 1.5 2-1.5\"\/>\n<\/svg>\n<\/div>\n<h2 data-en=\"A Journey Built Together\" data-my=\"Perjalanan Dibina Bersama\">Perjalanan Dibina Bersama<\/h2>\n<p data-en=\"This journey has never been built by one person or one group alone. It has grown because children read, families accompany them, teachers guide them, writers share their stories, and many others continue to believe that a story can change a person.\" data-my=\"Perjalanan ini tidak pernah dibina oleh seorang atau satu pihak sahaja. Ia tumbuh kerana ada anak yang membaca, keluarga yang menemani, guru yang membimbing, penulis yang berkongsi cerita dan ramai lagi yang terus percaya bahawa sebuah kisah boleh mengubah seseorang.\">Perjalanan ini tidak pernah dibina oleh seorang atau satu pihak sahaja. Ia tumbuh kerana ada anak yang membaca, keluarga yang menemani, guru yang membimbing, penulis yang berkongsi cerita dan ramai lagi yang terus percaya bahawa sebuah kisah boleh mengubah seseorang.<\/p>\n<div class=\"pj-people-row\">\n<div class=\"pj-people-row__item\">\n<div class=\"pj-people-row__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8\" r=\"3\"\/><path d=\"M3.5 19a5.5 5.5 0 0 1 11 0\"\/><circle cx=\"17\" cy=\"9\" r=\"2.2\"\/><path d=\"M14.5 18a4.2 4.2 0 0 1 6 0\"\/><\/svg><\/div>\n<span data-en=\"Children\" data-my=\"Kanak-Kanak\">Kanak-Kanak<\/span>\n<\/div>\n<div class=\"pj-people-row__item\">\n<div class=\"pj-people-row__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"8\" cy=\"8\" r=\"2.7\"\/><circle cx=\"16\" cy=\"8\" r=\"2.7\"\/><circle cx=\"12\" cy=\"12\" r=\"2.5\"\/><path d=\"M3.5 19a4.5 4.5 0 0 1 9 0\"\/><path d=\"M11.5 19a4.5 4.5 0 0 1 9 0\"\/><path d=\"M8 20a4 4 0 0 1 8 0\"\/><\/svg><\/div>\n<span data-en=\"Families\" data-my=\"Keluarga\">Keluarga<\/span>\n<\/div>\n<div class=\"pj-people-row__item\">\n<div class=\"pj-people-row__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 5h16v11H4z\"\/><path d=\"M8 20h8\"\/><path d=\"M12 16v4\"\/><path d=\"M8 9h8\"\/><path d=\"M9 12h6\"\/><\/svg><\/div>\n<span data-en=\"Teachers\" data-my=\"Guru\">Guru<\/span>\n<\/div>\n<div class=\"pj-people-row__item\">\n<div class=\"pj-people-row__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 3H11v17H6.5A2.5 2.5 0 0 0 4 22.5z\"\/><path d=\"M20 5.5A2.5 2.5 0 0 0 17.5 3H13v17h4.5a2.5 2.5 0 0 1 2.5 2.5z\"\/><\/svg><\/div>\n<span data-en=\"Librarians\" data-my=\"Pustakawan\">Pustakawan<\/span>\n<\/div>\n<div class=\"pj-people-row__item\">\n<div class=\"pj-people-row__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20l1.7-5.2L16.8 3.7a2.1 2.1 0 0 1 3 3L8.7 17.8z\"\/><path d=\"M14.8 5.7l3.5 3.5\"\/><path d=\"M4 20l3.8-1.2\"\/><\/svg><\/div>\n<span data-en=\"Authors\" data-my=\"Penulis\">Penulis<\/span>\n<\/div>\n<div class=\"pj-people-row__item\">\n<div class=\"pj-people-row__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 18.5V20h1.5L19 6.5 17.5 5z\"\/><path d=\"M16 4.5l1.5-1.5L21 6.5 19.5 8z\"\/><path d=\"M7 16l3 3\"\/><\/svg><\/div>\n<span data-en=\"Illustrators\" data-my=\"Ilustrator\">Ilustrator<\/span>\n<\/div>\n<div class=\"pj-people-row__item\">\n<div class=\"pj-people-row__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"8\" cy=\"8\" r=\"3\"\/><circle cx=\"16\" cy=\"8\" r=\"3\"\/><path d=\"M3.5 19a4.5 4.5 0 0 1 9 0\"\/><path d=\"M11.5 19a4.5 4.5 0 0 1 9 0\"\/><path d=\"M9 12h6\"\/><\/svg><\/div>\n<span data-en=\"Partners\" data-my=\"Rakan Kongsi\">Rakan Kongsi<\/span>\n<\/div>\n<div class=\"pj-people-row__item\">\n<div class=\"pj-people-row__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18\"\/><path d=\"M12 3a14 14 0 0 1 0 18\"\/><path d=\"M12 3a14 14 0 0 0 0 18\"\/><\/svg><\/div>\n<span data-en=\"Global\" data-my=\"Global\">Global<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"pj-together__photos pj-reveal\" data-pj-reveal=\"\">\n\n<img decoding=\"async\" alt=\"Library reading room with visitors studying\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/multi_generational_family_reading_together4.jpg\"\/>\n\n<img decoding=\"async\" alt=\"Multi-generational Malaysian family reading together\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/multi_generational_family_reading_together3.jpg\"\/>\n<\/div>\n<\/div>\n<\/section>\n\n<section aria-labelledby=\"pj-next-heading\" class=\"pj-section pj-next\" id=\"next\">\n<div class=\"pj-container pj-next__grid\">\n<span class=\"pj-eyebrow\" data-en=\"LOOKING AHEAD\" data-my=\"MELANGKAH KE HADAPAN\" style=\"background: rgba(255,255,255,0.1); color: white;\">MELANGKAH KE HADAPAN<\/span>\n<h2 class=\"pj-next__heading\" id=\"pj-next-heading\">\n<span data-en=\"The Next Chapter\" data-my=\"Bab Seterusnya\">Bab Seterusnya<\/span>\n<span class=\"highlight\" data-en=\"Starts Here\" data-my=\"Bermula Di Sini\">Bermula Di Sini<\/span>\n<\/h2>\n<p class=\"pj-next__story\" data-en=\"Our story is not finished. After years of creating space to read, create and share stories, the next chapter carries this journey onto a wider stage through HCAA.\" data-my=\"Kisah kita belum selesai. Selepas bertahun-tahun membina ruang untuk membaca, mencipta dan berkongsi cerita, bab seterusnya membawa perjalanan ini ke pentas yang lebih luas melalui HCAA.\">Kisah kita belum selesai. Bab seterusnya diteruskan oleh setiap kanak-kanak yang menemui sebuah buku, setiap pencipta muda yang menemui suara mereka, dan setiap cerita yang melangkaui dinding perpustakaan kita.<\/p>\n<div class=\"pj-next__actions\">\n<a class=\"pj-btn pj-btn-primary\" data-en=\"Visit Raja Tun Uda\" data-my=\"Lawati Raja Tun Uda\" href=\"https:\/\/www.ppas.gov.my\/pustaka-raja-tun-uda-copy\/\">\n Lawati Raja Tun Uda \u2192\n <\/a>\n<\/div>\n<p class=\"pj-next__closing\" data-en=\"More chapters are still being written.\" data-my=\"Lebih banyak bab masih sedang ditulis.\">Lebih banyak bab masih sedang ditulis.<\/p>\n<\/div>\n<\/section>\n<\/div>\n\n<script>\n(function() {\n 'use strict';\n \n \/\/ Configuration\n var CONFIG = {\n LANG_KEY: 'ppasJourneyLang',\n REDUCE_MOTION: window.matchMedia('(prefers-reduced-motion: reduce)').matches\n };\n \n \/\/ State\n var currentLang = 'my';\n var isInitialized = false;\n \n \/**\n * Get language from URL param, localStorage or default\n *\/\n function getInitialLang() {\n var urlParams = new URLSearchParams(window.location.search);\n var urlLang = urlParams.get('lang');\n \n if (urlLang === 'en' || urlLang === 'my') {\n return urlLang;\n }\n \n var stored = window.localStorage.getItem(CONFIG.LANG_KEY);\n if (stored === 'en' || stored === 'my') {\n return stored;\n }\n \n return 'my';\n }\n \n \/**\n * Update all bilingual elements\n *\/\n function updateLanguage(lang) {\n currentLang = lang;\n \n \/\/ Update all elements with data-my and data-en\n document.querySelectorAll('[data-my][data-en]').forEach(function(el) {\n var text = lang === 'en' ? el.getAttribute('data-en') : el.getAttribute('data-my');\n if (text !== null && text !== '') {\n \/\/ Preserve HTML if present\n if (el.innerHTML.indexOf('<') === -1) {\n el.textContent = text;\n } else {\n el.innerHTML = text;\n }\n }\n });\n \n \/\/ Update button states\n document.querySelectorAll('.pj-lang-btn').forEach(function(btn) {\n var btnLang = btn.getAttribute('data-lang');\n var isActive = btnLang === lang;\n btn.classList.toggle('is-active', isActive);\n btn.setAttribute('aria-pressed', String(isActive));\n });\n \n \/\/ Update Ruang Bercerita reveal buttons\n document.querySelectorAll('.pj-story-reveal__toggle').forEach(function(btn) {\n var reveal = btn.closest('[data-pj-story-reveal]');\n var isExpanded = reveal && reveal.classList.contains('is-open');\n var span = btn.querySelector('span');\n if (span) {\n span.textContent = isExpanded\n ? (lang === 'en' ? 'Close Story' : 'Tutup Kisah')\n : (lang === 'en' ? 'Open Story' : 'Buka Kisah');\n }\n btn.setAttribute('aria-expanded', String(!!isExpanded));\n });\n\n \/\/ Update timeline toggle buttons\n document.querySelectorAll('.pj-timeline__toggle').forEach(function(btn) {\n var isExpanded = btn.getAttribute('aria-expanded') === 'true';\n var label = isExpanded ? \n (lang === 'en' ? 'Close This Chapter' : 'Tutup Bab Ini') :\n (lang === 'en' ? 'Open This Chapter' : 'Buka Bab Ini');\n \n var span = btn.querySelector('span');\n if (span) {\n span.textContent = label;\n }\n });\n \n \/\/ Update HTML lang attribute\n document.documentElement.setAttribute('lang', lang === 'en' ? 'en' : 'ms');\n \n \/\/ Store preference\n window.localStorage.setItem(CONFIG.LANG_KEY, lang);\n \n \/\/ Dispatch custom event for other scripts\n document.dispatchEvent(new CustomEvent('ppasJourneyLangChange', {\n detail: { lang: lang }\n }));\n }\n \n \/**\n * Initialize language switcher\n *\/\n function initLanguageSwitcher() {\n var buttons = document.querySelectorAll('.pj-lang-btn');\n \n buttons.forEach(function(btn) {\n btn.addEventListener('click', function() {\n var lang = this.getAttribute('data-lang');\n if (lang !== currentLang) {\n updateLanguage(lang);\n }\n });\n \n btn.addEventListener('keydown', function(e) {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n var lang = this.getAttribute('data-lang');\n if (lang !== currentLang) {\n updateLanguage(lang);\n }\n }\n });\n });\n }\n \n \/**\n * Initialize timeline accordion\n *\/\n function initTimelineAccordion() {\n var items = document.querySelectorAll('[data-pj-timeline-item]');\n \n items.forEach(function(item) {\n var toggle = item.querySelector('.pj-timeline__toggle');\n \n if (!toggle) return;\n \n toggle.addEventListener('click', function() {\n var isExpanded = item.getAttribute('aria-expanded') === 'true';\n var newExpanded = !isExpanded;\n \n \/\/ Update ARIA\n item.setAttribute('aria-expanded', String(newExpanded));\n toggle.setAttribute('aria-expanded', String(newExpanded));\n \n \/\/ Update button text\n var label = newExpanded ? \n (currentLang === 'en' ? 'Close This Chapter' : 'Tutup Bab Ini') :\n (currentLang === 'en' ? 'Open This Chapter' : 'Buka Bab Ini');\n \n var span = toggle.querySelector('span');\n if (span) {\n span.textContent = label;\n }\n });\n \n \/\/ Keyboard accessibility\n toggle.addEventListener('keydown', function(e) {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n this.click();\n }\n });\n });\n }\n \n \/**\n * Initialize the Ruang Bercerita story reveal.\n * This stays on the same card \u2014 it is not a page link.\n *\/\n function initStorytellingReveal() {\n var reveals = document.querySelectorAll('[data-pj-story-reveal]');\n\n reveals.forEach(function(reveal) {\n if (reveal.getAttribute('data-pj-story-bound') === 'true') return;\n\n var toggle = reveal.querySelector('.pj-story-reveal__toggle');\n var panel = reveal.querySelector('.pj-story-reveal__panel');\n\n if (!toggle || !panel) return;\n\n reveal.setAttribute('data-pj-story-bound', 'true');\n\n toggle.addEventListener('click', function() {\n var nextOpen = !reveal.classList.contains('is-open');\n\n reveal.classList.toggle('is-open', nextOpen);\n reveal.setAttribute('aria-expanded', String(nextOpen));\n toggle.setAttribute('aria-expanded', String(nextOpen));\n panel.setAttribute('aria-hidden', String(!nextOpen));\n\n var span = toggle.querySelector('span');\n if (span) {\n span.textContent = nextOpen\n ? (currentLang === 'en' ? 'Close Story' : 'Tutup Kisah')\n : (currentLang === 'en' ? 'Open Story' : 'Buka Kisah');\n }\n });\n });\n }\n\n \/**\n * Initialize scroll reveal\n *\/\n function initScrollReveal() {\n var reveals = document.querySelectorAll('.pj-reveal:not(.pj-observed)');\n \n if (!reveals.length) return;\n \n if (CONFIG.REDUCE_MOTION || !('IntersectionObserver' in window)) {\n reveals.forEach(function(el) {\n el.classList.add('is-visible', 'pj-observed');\n });\n return;\n }\n \n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible', 'pj-observed');\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n \n reveals.forEach(function(el) {\n el.classList.add('pj-observed');\n observer.observe(el);\n });\n }\n \n\n \/**\n * Initialize sticky quick navigation.\n * Highlights the section currently visible and supports smooth scrolling.\n *\/\n function initQuickNavigation() {\n var nav = document.querySelector('.pj-quick-nav');\n if (!nav) return;\n\n var links = Array.prototype.slice.call(\n nav.querySelectorAll('.pj-quick-nav__link')\n );\n\n links.forEach(function(link) {\n link.addEventListener('click', function(e) {\n var href = this.getAttribute('href');\n if (!href || href.charAt(0) !== '#') return;\n\n var target = document.querySelector(href);\n if (!target) return;\n\n e.preventDefault();\n\n target.scrollIntoView({\n behavior: CONFIG.REDUCE_MOTION ? 'auto' : 'smooth',\n block: 'start'\n });\n\n \/\/ Keep the URL useful\/bookmarkable without forcing a page jump.\n if (window.history && window.history.replaceState) {\n window.history.replaceState(null, '', href);\n }\n });\n });\n\n \/\/ Observe the main navigation targets and highlight the current section.\n if ('IntersectionObserver' in window) {\n var targets = links.map(function(link) {\n var href = link.getAttribute('href');\n return href ? document.querySelector(href) : null;\n }).filter(Boolean);\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (!entry.isIntersecting) return;\n\n var activeId = '#' + entry.target.id;\n links.forEach(function(link) {\n var isActive = link.getAttribute('href') === activeId;\n link.classList.toggle('is-active', isActive);\n if (isActive) {\n link.setAttribute('aria-current', 'location');\n } else {\n link.removeAttribute('aria-current');\n }\n });\n });\n }, {\n rootMargin: '-20% 0px -65% 0px',\n threshold: 0\n });\n\n targets.forEach(function(target) {\n observer.observe(target);\n });\n }\n }\n\n \/**\n * Optional browser narration for the Chapter 06 story.\n * Uses the device\/browser speech engine \u2014 no audio file is added.\n *\/\n function initStoryAudio() {\n var button = document.querySelector('.pj-story-audio');\n var copy = document.querySelector('.pj-story-audio-copy');\n if (!button || !copy) return;\n\n if (!('speechSynthesis' in window) || !('SpeechSynthesisUtterance' in window)) {\n button.style.display = 'none';\n return;\n }\n\n function updateAudioLabel() {\n var span = button.querySelector('span');\n if (!span) return;\n var speaking = button.classList.contains('is-speaking');\n if (speaking) {\n span.textContent = currentLang === 'en' ? 'Stop Listening' : 'Hentikan Audio';\n } else {\n span.textContent = currentLang === 'en' ? button.getAttribute('data-en-label') : button.getAttribute('data-my-label');\n }\n }\n\n document.addEventListener('ppasJourneyLangChange', function() {\n if (window.speechSynthesis && window.speechSynthesis.speaking) {\n window.speechSynthesis.cancel();\n button.classList.remove('is-speaking');\n }\n updateAudioLabel();\n });\n\n button.addEventListener('click', function() {\n if (window.speechSynthesis.speaking) {\n window.speechSynthesis.cancel();\n button.classList.remove('is-speaking');\n updateAudioLabel();\n return;\n }\n\n var text = currentLang === 'en' ? copy.getAttribute('data-en') : copy.getAttribute('data-my');\n if (!text) return;\n\n var utterance = new SpeechSynthesisUtterance(text);\n utterance.lang = currentLang === 'en' ? 'en-MY' : 'ms-MY';\n utterance.rate = 0.94;\n utterance.pitch = 1;\n utterance.onstart = function() {\n button.classList.add('is-speaking');\n updateAudioLabel();\n };\n utterance.onend = function() {\n button.classList.remove('is-speaking');\n updateAudioLabel();\n };\n utterance.onerror = function() {\n button.classList.remove('is-speaking');\n updateAudioLabel();\n };\n\n window.speechSynthesis.cancel();\n window.speechSynthesis.speak(utterance);\n });\n\n updateAudioLabel();\n }\n\n \/**\n * Initialize all modules\n *\/\n function init() {\n if (isInitialized) return;\n \n isInitialized = true;\n currentLang = getInitialLang();\n \n \/\/ Initialize components\n initLanguageSwitcher();\n initQuickNavigation();\n initTimelineAccordion();\n initStorytellingReveal();\n initScrollReveal();\n initStoryAudio();\n \n \/\/ Set initial language\n updateLanguage(currentLang);\n \n \/\/ Re-initialize on dynamic content (for Elementor)\n if (window.jQuery && window.jQuery.fn.on) {\n document.addEventListener('DOMNodeInserted', function(e) {\n if (e.target.classList && e.target.classList.contains('elementor-widget-wrap')) {\n setTimeout(function() {\n initScrollReveal();\n initTimelineAccordion();\n initStorytellingReveal();\n }, 100);\n }\n });\n }\n }\n \n \/\/ Initialize when DOM is ready\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', init);\n } else {\n init();\n }\n \n \/\/ Expose API for Elementor\n window.PPASJourney = {\n setLang: updateLanguage,\n getLang: function() { return currentLang; },\n init: init\n };\n \n})();\n<\/script>\n\n<div aria-hidden=\"true\" aria-label=\"Video Kisah Pustaka Raja Tun Uda\" aria-modal=\"true\" class=\"pj-video-modal\" id=\"journeyVideoModal\" role=\"dialog\"><div class=\"pj-video-modal__backdrop\" onclick=\"closeJourneyVideo()\"><\/div><div class=\"pj-video-modal__content\"><button aria-label=\"Tutup video\" class=\"pj-video-modal__close\" onclick=\"closeJourneyVideo()\" type=\"button\">\u00d7<\/button><div class=\"pj-video-modal__video\"><iframe allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\" id=\"journeyVideoFrame\" src=\"\" title=\"Kisah Pustaka Raja Tun Uda\"><\/iframe><\/div><\/div><\/div>\n<style>.pj-video-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.pj-video-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.pj-video-modal__backdrop{position:absolute;inset:0;background:rgba(10,20,15,.88);backdrop-filter:blur(6px)}.pj-video-modal__content{position:relative;z-index:2;width:min(1100px,100%);background:#143326;border:1px solid rgba(201,169,97,.55);border-radius:18px;padding:12px;box-shadow:0 30px 80px rgba(0,0,0,.45);transform:scale(.96);transition:transform .3s ease}.pj-video-modal.is-open .pj-video-modal__content{transform:scale(1)}.pj-video-modal__video{position:relative;width:100%;aspect-ratio:16\/9;overflow:hidden;border-radius:10px;background:#000}.pj-video-modal__video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.pj-video-modal__close{position:absolute;top:-16px;right:-16px;width:42px;height:42px;border:1px solid #C9A961;border-radius:50%;background:#1B4332;color:#FAF3E8;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3}.pj-video-modal__close:hover{background:#C65D3E;transform:rotate(90deg)}@media(max-width:768px){.pj-video-modal{padding:16px}.pj-video-modal__content{padding:8px}.pj-video-modal__close{top:-14px;right:-8px;width:38px;height:38px;font-size:24px}}<\/style>\n<script>function openJourneyVideo(button){const modal=document.getElementById('journeyVideoModal'),frame=document.getElementById('journeyVideoFrame'),url=button.getAttribute('data-video');if(!url)return;frame.src=url+'?autoplay=1&rel=0';modal.classList.add('is-open');modal.setAttribute('aria-hidden','false');document.body.style.overflow='hidden'}function closeJourneyVideo(){const modal=document.getElementById('journeyVideoModal'),frame=document.getElementById('journeyVideoFrame');modal.classList.remove('is-open');modal.setAttribute('aria-hidden','true');frame.src='';document.body.style.overflow=''}document.addEventListener('keydown',function(e){if(e.key==='Escape'){const m=document.getElementById('journeyVideoModal');if(m&&m.classList.contains('is-open'))closeJourneyVideo()}});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Journey to HCAA 2027\u20132036 \u2014 PPAS PPAS \/ HCAA 2027\u20132036 \/ Our Journey BM EN Utama HCAA Perjalanan Kami Setiap Kanak-Kanak Apa Yang Kami Lakukan Festival Hab Ilmu Komuniti Bab Seterusnya PERJALANAN KAMI Pustaka Raja Tun Uda Tempat Bermulanya Kisah Di sini, sebuah buku boleh menjadi permulaan kepada sesuatu yang lebih besar \u2014 seorang <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[],"class_list":["post-16960","page","type-page","status-publish","hentry"],"yoast_head":"\r\n<title>Our Journey to HCAA 2027\u20132036 - Perbadanan Perpustakaan Awam Selangor<\/title>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/www.ppas.gov.my\/en\/our-journey-to-hcaa-2027-2036\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Our Journey to HCAA 2027\u20132036 - Perbadanan Perpustakaan Awam Selangor\" \/>\r\n<meta property=\"og:description\" content=\"Our Journey to HCAA 2027\u20132036 \u2014 PPAS PPAS \/ HCAA 2027\u20132036 \/ Our Journey BM EN Utama HCAA Perjalanan Kami Setiap Kanak-Kanak Apa Yang Kami Lakukan Festival Hab Ilmu Komuniti Bab Seterusnya PERJALANAN KAMI Pustaka Raja Tun Uda Tempat Bermulanya Kisah Di sini, sebuah buku boleh menjadi permulaan kepada sesuatu yang lebih besar \u2014 seorang\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.ppas.gov.my\/en\/our-journey-to-hcaa-2027-2036\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Perbadanan Perpustakaan Awam Selangor\" \/>\r\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/selangorlibrary\" \/>\r\n<meta property=\"article:modified_time\" content=\"2026-09-20T11:01:34+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/prtu_membaca_bersama_hero_section_2.png\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:site\" content=\"@selangorlibrary\" \/>\r\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/\",\"url\":\"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/\",\"name\":\"Our Journey to HCAA 2027\u20132036 - Perbadanan Perpustakaan Awam Selangor\",\"isPartOf\":{\"@id\":\"http:\/\/www.ppas.gov.my\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/prtu_membaca_bersama_hero_section_2.png\",\"datePublished\":\"2026-09-20T06:10:21+00:00\",\"dateModified\":\"2026-09-20T11:01:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#primaryimage\",\"url\":\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/prtu_membaca_bersama_hero_section_2.png\",\"contentUrl\":\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/prtu_membaca_bersama_hero_section_2.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.ppas.gov.my\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Our Journey to HCAA 2027\u20132036\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/www.ppas.gov.my\/en\/#website\",\"url\":\"http:\/\/www.ppas.gov.my\/en\/\",\"name\":\"Perbadanan Perpustakaan Awam Selangor\",\"description\":\"PPAS\",\"publisher\":{\"@id\":\"http:\/\/www.ppas.gov.my\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/www.ppas.gov.my\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/www.ppas.gov.my\/en\/#organization\",\"name\":\"Perbadanan Perpustakaan Awam Selangor\",\"url\":\"http:\/\/www.ppas.gov.my\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/www.ppas.gov.my\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2022\/01\/Logo-Rasmi-for-Website-01.png\",\"contentUrl\":\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2022\/01\/Logo-Rasmi-for-Website-01.png\",\"width\":2325,\"height\":605,\"caption\":\"Perbadanan Perpustakaan Awam Selangor\"},\"image\":{\"@id\":\"http:\/\/www.ppas.gov.my\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/selangorlibrary\",\"https:\/\/x.com\/selangorlibrary\"]}]}<\/script>\r\n","yoast_head_json":{"title":"Our Journey to HCAA 2027\u20132036 - Perbadanan Perpustakaan Awam Selangor","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:\/\/www.ppas.gov.my\/en\/our-journey-to-hcaa-2027-2036\/","og_locale":"en_US","og_type":"article","og_title":"Our Journey to HCAA 2027\u20132036 - Perbadanan Perpustakaan Awam Selangor","og_description":"Our Journey to HCAA 2027\u20132036 \u2014 PPAS PPAS \/ HCAA 2027\u20132036 \/ Our Journey BM EN Utama HCAA Perjalanan Kami Setiap Kanak-Kanak Apa Yang Kami Lakukan Festival Hab Ilmu Komuniti Bab Seterusnya PERJALANAN KAMI Pustaka Raja Tun Uda Tempat Bermulanya Kisah Di sini, sebuah buku boleh menjadi permulaan kepada sesuatu yang lebih besar \u2014 seorang","og_url":"https:\/\/www.ppas.gov.my\/en\/our-journey-to-hcaa-2027-2036\/","og_site_name":"Perbadanan Perpustakaan Awam Selangor","article_publisher":"https:\/\/facebook.com\/selangorlibrary","article_modified_time":"2026-09-20T11:01:34+00:00","og_image":[{"url":"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/prtu_membaca_bersama_hero_section_2.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@selangorlibrary","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/","url":"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/","name":"Our Journey to HCAA 2027\u20132036 - Perbadanan Perpustakaan Awam Selangor","isPartOf":{"@id":"http:\/\/www.ppas.gov.my\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#primaryimage"},"image":{"@id":"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/prtu_membaca_bersama_hero_section_2.png","datePublished":"2026-09-20T06:10:21+00:00","dateModified":"2026-09-20T11:01:34+00:00","breadcrumb":{"@id":"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#primaryimage","url":"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/prtu_membaca_bersama_hero_section_2.png","contentUrl":"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/prtu_membaca_bersama_hero_section_2.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ppas.gov.my\/"},{"@type":"ListItem","position":2,"name":"Our Journey to HCAA 2027\u20132036"}]},{"@type":"WebSite","@id":"http:\/\/www.ppas.gov.my\/en\/#website","url":"http:\/\/www.ppas.gov.my\/en\/","name":"Selangor Public Library Corporation","description":"PPAS","publisher":{"@id":"http:\/\/www.ppas.gov.my\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/www.ppas.gov.my\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/www.ppas.gov.my\/en\/#organization","name":"Selangor Public Library Corporation","url":"http:\/\/www.ppas.gov.my\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/www.ppas.gov.my\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2022\/01\/Logo-Rasmi-for-Website-01.png","contentUrl":"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2022\/01\/Logo-Rasmi-for-Website-01.png","width":2325,"height":605,"caption":"Perbadanan Perpustakaan Awam Selangor"},"image":{"@id":"http:\/\/www.ppas.gov.my\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/selangorlibrary","https:\/\/x.com\/selangorlibrary"]}]}},"_links":{"self":[{"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/pages\/16960","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/comments?post=16960"}],"version-history":[{"count":33,"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/pages\/16960\/revisions"}],"predecessor-version":[{"id":16997,"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/pages\/16960\/revisions\/16997"}],"wp:attachment":[{"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/media?parent=16960"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/folder?post=16960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\n\nOur Journey to HCAA 2027\u20132036 \u2014 PPAS<\/title>\n<style>\n\/* ================================================================\n MODULE 00 \u2014 GLOBAL DESIGN SYSTEM (PROFESSIONAL EDTECH)\n================================================================ *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n.ppas-journey {\n \/* Brand Colors - Corporate & Trustworthy *\/\n --pj-primary: #1B4332;\n --pj-primary-dark: #143326;\n --pj-primary-light: #E8F0E4;\n --pj-secondary: #C65D3E;\n --pj-secondary-light: #F5E6D8;\n --pj-navy: #2C2C2C;\n --pj-slate: #6B6B6B;\n --pj-slate-light: #A79D91;\n --pj-white: #FFFFFF;\n --pj-bg: #FAF3E8;\n --pj-border: #E5D5A8;\n --pj-success: #2D5016;\n --pj-warning: #C9A961;\n --pj-danger: #C65D3E;\n \n \/* Typography *\/\n --pj-font-display: 'Inter', sans-serif;\n --pj-font-body: 'Inter', sans-serif;\n \n \/* Spacing *\/\n --pj-space-xs: 0.5rem;\n --pj-space-sm: 0.75rem;\n --pj-space-md: 1rem;\n --pj-space-lg: 1.5rem;\n --pj-space-xl: 2rem;\n --pj-space-2xl: 3rem;\n --pj-space-3xl: 4rem;\n --pj-space-4xl: 5rem;\n \n \/* Radius - Subtle & Professional *\/\n --pj-radius-sm: 6px;\n --pj-radius-md: 12px;\n --pj-radius-lg: 16px;\n --pj-radius-full: 9999px;\n \n \/* Shadows - Soft & Subtle *\/\n --pj-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n --pj-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n --pj-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);\n \n \/* Transitions *\/\n --pj-transition-fast: 150ms ease;\n --pj-transition-base: 300ms ease;\n\n background: var(--pj-white);\n color: var(--pj-navy);\n font-family: var(--pj-font-body);\n line-height: 1.6;\n overflow-x: hidden;\n position: relative;\n}\n\n.ppas-journey *,\n.ppas-journey *::before,\n.ppas-journey *::after {\n box-sizing: border-box;\n}\n\n.ppas-journey img {\n max-width: 100%;\n display: block;\n height: auto;\n}\n\n.ppas-journey a {\n text-decoration: none;\n color: inherit;\n}\n\n.ppas-journey button {\n font-family: inherit;\n cursor: pointer;\n border: none;\n background: none;\n}\n\n.ppas-journey ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n\/* Typography *\/\n.ppas-journey h1,\n.ppas-journey h2,\n.ppas-journey h3,\n.ppas-journey h4 {\n font-family: var(--pj-font-display);\n font-weight: 800;\n line-height: 1.2;\n color: var(--pj-navy);\n margin: 0;\n letter-spacing: -0.02em;\n}\n\n.ppas-journey h1 {\n font-size: clamp(2.5rem, 5vw, 4rem);\n}\n\n.ppas-journey h2 {\n font-size: clamp(1.8rem, 3.5vw, 2.5rem);\n}\n\n.ppas-journey h3 {\n font-size: clamp(1.25rem, 2vw, 1.5rem);\n}\n\n.ppas-journey p {\n font-size: 1.125rem;\n color: var(--pj-slate);\n line-height: 1.7;\n margin: 0;\n max-width: 65ch;\n}\n\n\/* Container *\/\n.ppas-journey .pj-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n}\n\n\/* Buttons - Clean & Professional *\/\n.ppas-journey .pj-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n padding: 0.875rem 1.75rem;\n font-family: var(--pj-font-display);\n font-size: 1rem;\n font-weight: 600;\n border-radius: var(--pj-radius-sm);\n border: 2px solid transparent;\n cursor: pointer;\n transition: all var(--pj-transition-fast);\n white-space: nowrap;\n min-height: 48px;\n min-width: 48px;\n box-shadow: var(--pj-shadow-sm);\n}\n\n.ppas-journey .pj-btn:hover {\n transform: translateY(-1px);\n box-shadow: var(--pj-shadow-md);\n}\n\n.ppas-journey .pj-btn:active {\n transform: translateY(0);\n}\n\n.ppas-journey .pj-btn svg {\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n transition: transform var(--pj-transition-fast);\n}\n\n.ppas-journey .pj-btn:hover svg {\n transform: translateX(3px);\n}\n\n.ppas-journey .pj-btn:focus-visible {\n outline: 3px solid var(--pj-primary);\n outline-offset: 2px;\n}\n\n.ppas-journey .pj-btn-primary {\n background: var(--pj-primary);\n color: white;\n}\n\n.ppas-journey .pj-btn-primary:hover {\n background: var(--pj-primary-dark);\n}\n\n.ppas-journey .pj-btn-secondary {\n background: var(--pj-white);\n color: var(--pj-navy);\n border-color: var(--pj-border);\n}\n\n.ppas-journey .pj-btn-secondary:hover {\n border-color: var(--pj-primary);\n color: var(--pj-primary);\n}\n\n.ppas-journey .pj-btn-outline {\n background: transparent;\n color: var(--pj-primary);\n border: 2px solid var(--pj-primary);\n}\n\n.ppas-journey .pj-btn-outline:hover {\n background: var(--pj-primary);\n color: white;\n}\n\n.ppas-journey .pj-btn-sm {\n padding: 0.5rem 1rem;\n font-size: 0.875rem;\n min-height: 40px;\n}\n\n\/* Section Labels - Clean & Minimal *\/\n.ppas-journey .pj-eyebrow {\n display: inline-block;\n font-family: var(--pj-font-display);\n font-size: 0.8125rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--pj-primary);\n margin-bottom: var(--pj-space-md);\n background: var(--pj-primary-light);\n padding: 0.25rem 0.75rem;\n border-radius: var(--pj-radius-sm);\n}\n\n\/* Sections *\/\n.ppas-journey .pj-section {\n padding: var(--pj-space-4xl) 0;\n position: relative;\n}\n\n.ppas-journey .pj-section-alt {\n background: var(--pj-bg);\n}\n\n.ppas-journey .pj-section-header {\n margin-bottom: var(--pj-space-3xl);\n max-width: 700px;\n}\n\n.ppas-journey .pj-section-header h2 {\n margin-bottom: var(--pj-space-md);\n}\n\n\/* Cards - Minimalist & Clean *\/\n.ppas-journey .pj-card {\n background: var(--pj-white);\n border-radius: var(--pj-radius-md);\n padding: var(--pj-space-lg);\n box-shadow: var(--pj-shadow-sm);\n border: 1px solid var(--pj-border);\n transition: transform var(--pj-transition-base), box-shadow var(--pj-transition-base);\n}\n\n.ppas-journey .pj-card:hover {\n transform: translateY(-2px);\n box-shadow: var(--pj-shadow-md);\n}\n\n\/* Reveal Animation *\/\n.ppas-journey .pj-reveal {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.ppas-journey .pj-reveal.is-visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ppas-journey .pj-reveal {\n opacity: 1 !important;\n transform: none !important;\n transition: none !important;\n }\n}\n\n\n\/* ================================================================\n QUICK NAVIGATION \u2014 STICKY SECTION MENU\n Helps returning visitors jump directly to the section they need.\n================================================================ *\/\n.ppas-journey {\n --pj-nav-height: 64px;\n}\n\n.ppas-journey .pj-quick-nav {\n position: sticky;\n top: 0;\n z-index: 900;\n width: 100%;\n background: rgba(255,255,255,0.96);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border-bottom: 1px solid var(--pj-border);\n box-shadow: 0 2px 10px rgba(15,23,42,0.06);\n}\n\n.ppas-journey .pj-quick-nav__inner {\n max-width: 1200px;\n min-height: var(--pj-nav-height);\n margin: 0 auto;\n padding: 0 2rem;\n display: flex;\n align-items: center;\n gap: 0.25rem;\n overflow-x: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n}\n\n.ppas-journey .pj-quick-nav__inner::-webkit-scrollbar {\n display: none;\n}\n\n.ppas-journey .pj-quick-nav__link {\n flex: 0 0 auto;\n min-height: 40px;\n padding: 0.55rem 0.85rem;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--pj-radius-sm);\n color: var(--pj-slate);\n font-family: var(--pj-font-display);\n font-size: 0.82rem;\n font-weight: 600;\n white-space: nowrap;\n transition: background var(--pj-transition-fast), color var(--pj-transition-fast);\n}\n\n.ppas-journey .pj-quick-nav__link:hover {\n background: var(--pj-primary-light);\n color: var(--pj-primary);\n}\n\n.ppas-journey .pj-quick-nav__link.is-active {\n background: var(--pj-primary);\n color: var(--pj-white);\n}\n\n.ppas-journey .pj-quick-nav__link:focus-visible {\n outline: 2px solid var(--pj-primary);\n outline-offset: 2px;\n}\n\n.ppas-journey [id] {\n scroll-margin-top: calc(var(--pj-nav-height) + 20px);\n}\n\n@media (max-width: 768px) {\n .ppas-journey {\n --pj-nav-height: 56px;\n }\n\n .ppas-journey .pj-quick-nav__inner {\n min-height: var(--pj-nav-height);\n padding: 0 0.75rem;\n gap: 0.15rem;\n }\n\n .ppas-journey .pj-quick-nav__link {\n min-height: 38px;\n padding: 0.45rem 0.7rem;\n font-size: 0.75rem;\n }\n}\n\n\/* Language Switcher (Clean Toggle) *\/\n.ppas-journey .pj-lang-switcher {\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 1000;\n background: rgba(255,255,255,0.95);\n backdrop-filter: blur(8px);\n border: 1px solid var(--pj-border);\n border-radius: var(--pj-radius-sm);\n padding: 4px;\n display: flex;\n gap: 4px;\n box-shadow: var(--pj-shadow-sm);\n}\n\n.ppas-journey .pj-lang-switcher button {\n padding: 0.5rem 1rem;\n border-radius: var(--pj-radius-sm);\n font-family: var(--pj-font-display);\n font-size: 0.8125rem;\n font-weight: 600;\n border: none;\n background: transparent;\n color: var(--pj-slate);\n cursor: pointer;\n transition: all var(--pj-transition-fast);\n min-height: 36px;\n}\n\n.ppas-journey .pj-lang-switcher button:hover {\n background: var(--pj-bg);\n}\n\n.ppas-journey .pj-lang-switcher button.is-active {\n background: var(--pj-primary);\n color: white;\n}\n\n.ppas-journey .pj-lang-switcher button:focus-visible {\n outline: 2px solid var(--pj-primary);\n outline-offset: 2px;\n}\n\n@media (max-width: 640px) {\n .ppas-journey .pj-lang-switcher {\n top: 10px;\n right: 10px;\n }\n \n .ppas-journey .pj-lang-switcher button {\n padding: 0.4rem 0.75rem;\n font-size: 0.75rem;\n }\n}\n\n\/* ================================================================\n MODULE 01 \u2014 HERO SECTION (CENTERED, DATA-DRIVEN)\n================================================================ *\/\n.ppas-journey .pj-hero {\n background: var(--pj-white);\n padding: var(--pj-space-4xl) 0;\n padding-top: 140px;\n text-align: center;\n}\n\n.ppas-journey .pj-hero__grid {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.ppas-journey .pj-hero__tagline {\n font-family: var(--pj-font-display);\n font-size: clamp(1.5rem, 2.5vw, 2rem);\n font-weight: 600;\n color: var(--pj-primary);\n margin: var(--pj-space-sm) 0 var(--pj-space-lg);\n line-height: 1.2;\n}\n\n.ppas-journey .pj-hero__desc {\n max-width: 700px;\n margin-bottom: var(--pj-space-xl);\n}\n\n.ppas-journey .pj-hero__location {\n display: inline-flex;\n align-items: center;\n gap: var(--pj-space-sm);\n padding: var(--pj-space-sm) var(--pj-space-md);\n background: var(--pj-bg);\n border-radius: var(--pj-radius-full);\n font-size: 0.9375rem;\n font-weight: 500;\n color: var(--pj-slate);\n margin-bottom: var(--pj-space-xl);\n border: 1px solid var(--pj-border);\n}\n\n.ppas-journey .pj-hero__location svg {\n width: 18px;\n height: 18px;\n color: var(--pj-primary);\n flex-shrink: 0;\n}\n\n.ppas-journey .pj-hero__actions {\n display: flex;\n gap: var(--pj-space-md);\n flex-wrap: wrap;\n justify-content: center;\n margin-bottom: var(--pj-space-2xl);\n}\n\n.ppas-journey .pj-hero__visual {\n width: 100%;\n max-width: 1200px;\n margin-top: var(--pj-space-xl);\n border-radius: var(--pj-radius-lg);\n overflow: hidden;\n box-shadow: var(--pj-shadow-lg);\n border: 1px solid var(--pj-border);\n}\n\n.ppas-journey .pj-hero__visual img {\n width: 100%;\n height: auto;\n display: block;\n}\n\n\/* HERO IMAGE \u2014 MAXIMUM WIDTH \/ REDUCED EMPTY SPACE\n The image intentionally breaks out of the 1200px text container\n so it can fill the wide empty area while remaining responsive. *\/\n.ppas-journey .pj-hero__visual {\n width: min(1400px, calc(100vw - 48px));\n max-width: none;\n margin-top: var(--pj-space-xl);\n margin-left: 50%;\n margin-right: 0;\n transform: translateX(-50%);\n}\n\n.ppas-journey .pj-hero__visual img {\n width: 100%;\n height: auto;\n display: block;\n}\n\n@media (max-width: 768px) {\n .ppas-journey .pj-hero__grid {\n max-width: 100%;\n }\n\n .ppas-journey .pj-hero__visual {\n width: 100%;\n max-width: 100%;\n margin-left: 0;\n margin-right: 0;\n transform: none;\n }\n}\n\n\/* Stats Bar *\/\n\n.ppas-journey .pj-hero__stats {\n display: flex;\n justify-content: center;\n gap: var(--pj-space-3xl);\n margin-top: var(--pj-space-2xl);\n padding-top: var(--pj-space-xl);\n border-top: 1px solid var(--pj-border);\n width: 100%;\n}\n\n.ppas-journey .pj-hero__stat {\n text-align: center;\n}\n\n.ppas-journey .pj-hero__stat-value {\n font-family: var(--pj-font-display);\n font-size: 2rem;\n font-weight: 800;\n color: var(--pj-primary);\n line-height: 1;\n margin-bottom: 0.25rem;\n}\n\n.ppas-journey .pj-hero__stat-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--pj-slate);\n}\n\n@media (max-width: 768px) {\n .ppas-journey .pj-hero__stats {\n flex-direction: column;\n gap: var(--pj-space-xl);\n }\n}\n\n\/* ================================================================\n MODULE 02 \u2014 HCAA SECTION (SPLIT, PROFESSIONAL)\n================================================================ *\/\n.ppas-journey .pj-hcaa {\n background: var(--pj-bg);\n}\n\n.ppas-journey .pj-hcaa__grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--pj-space-3xl);\n align-items: center;\n}\n\n.ppas-journey .pj-hcaa__badge {\n display: inline-flex;\n align-items: center;\n gap: var(--pj-space-sm);\n background: var(--pj-primary);\n color: white;\n padding: 0.4em 1em;\n border-radius: var(--pj-radius-sm);\n font-family: var(--pj-font-display);\n font-weight: 600;\n font-size: 0.8125rem;\n margin-bottom: var(--pj-space-md);\n}\n\n.ppas-journey .pj-hcaa__years {\n font-family: var(--pj-font-display);\n font-weight: 800;\n font-size: clamp(2.5rem, 5vw, 4rem);\n color: var(--pj-primary);\n margin: var(--pj-space-sm) 0;\n line-height: 1;\n}\n\n.ppas-journey .pj-hcaa__features {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--pj-space-md);\n margin: var(--pj-space-xl) 0;\n}\n\n.ppas-journey .pj-hcaa__feature {\n padding: var(--pj-space-md);\n background: var(--pj-white);\n border-radius: var(--pj-radius-md);\n border: 1px solid var(--pj-border);\n box-shadow: var(--pj-shadow-sm);\n}\n\n.ppas-journey .pj-hcaa__feature-text {\n font-size: 0.9375rem;\n font-weight: 600;\n color: var(--pj-navy);\n line-height: 1.4;\n}\n\n.ppas-journey .pj-hcaa__visual {\n border-radius: var(--pj-radius-lg);\n overflow: hidden;\n box-shadow: var(--pj-shadow-lg);\n border: 1px solid var(--pj-border);\n}\n\n.ppas-journey .pj-hcaa__visual img {\n width: 100%;\n height: auto;\n display: block;\n}\n\n@media (max-width: 1024px) {\n .ppas-journey .pj-hcaa__grid {\n grid-template-columns: 1fr;\n }\n \n .ppas-journey .pj-hcaa__features {\n grid-template-columns: 1fr;\n }\n}\n\n\/* ================================================================\n MODULE 03 \u2014 TIMELINE SECTION (VERTICAL STEPPER ON DESKTOP)\n================================================================ *\/\n.ppas-journey .pj-timeline {\n background: var(--pj-white);\n}\n\n.ppas-journey .pj-timeline__track {\n display: flex;\n flex-direction: column;\n gap: 0;\n position: relative;\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* Vertical Line *\/\n.ppas-journey .pj-timeline__track::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: 40px;\n width: 2px;\n background: var(--pj-border);\n}\n\n.ppas-journey .pj-timeline__item {\n display: grid;\n grid-template-columns: 80px 1fr;\n gap: var(--pj-space-lg);\n padding: var(--pj-space-md) 0;\n position: relative;\n}\n\n.ppas-journey .pj-timeline__dot {\n width: 80px;\n height: 80px;\n border-radius: 50%;\n overflow: hidden;\n border: 4px solid var(--pj-white);\n box-shadow: 0 0 0 2px var(--pj-border);\n background: var(--pj-bg);\n position: relative;\n z-index: 2;\n}\n\n.ppas-journey .pj-timeline__dot img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.ppas-journey .pj-timeline__content {\n padding-top: var(--pj-space-sm);\n}\n\n.ppas-journey .pj-timeline__year {\n display: inline-block;\n font-family: var(--pj-font-display);\n font-weight: 700;\n font-size: 0.875rem;\n color: var(--pj-primary);\n margin-bottom: var(--pj-space-xs);\n}\n\n.ppas-journey .pj-timeline__item h3 {\n font-size: 1.25rem;\n margin-bottom: var(--pj-space-xs);\n font-family: var(--pj-font-display);\n color: var(--pj-navy);\n}\n\n.ppas-journey .pj-timeline__item > p {\n font-size: 0.9375rem;\n color: var(--pj-slate);\n margin-bottom: var(--pj-space-sm);\n}\n\n.ppas-journey .pj-timeline__toggle {\n padding: 0.5rem 1rem;\n background: var(--pj-bg);\n border: 1px solid var(--pj-border);\n border-radius: var(--pj-radius-sm);\n font-family: var(--pj-font-display);\n font-size: 0.8125rem;\n font-weight: 600;\n color: var(--pj-primary);\n cursor: pointer;\n transition: all var(--pj-transition-fast);\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n min-height: 40px;\n}\n\n.ppas-journey .pj-timeline__toggle:hover {\n background: var(--pj-primary);\n color: white;\n border-color: var(--pj-primary);\n}\n\n.ppas-journey .pj-timeline__toggle:focus-visible {\n outline: 2px solid var(--pj-primary);\n outline-offset: 2px;\n}\n\n.ppas-journey .pj-timeline__toggle svg {\n width: 16px;\n height: 16px;\n transition: transform var(--pj-transition-fast);\n}\n\n.ppas-journey .pj-timeline__item[aria-expanded=\"true\"] .pj-timeline__toggle svg {\n transform: rotate(180deg);\n}\n\n.ppas-journey .pj-timeline__more {\n display: none;\n padding: var(--pj-space-md);\n background: var(--pj-bg);\n border-radius: var(--pj-radius-md);\n margin-top: var(--pj-space-sm);\n font-size: 0.9375rem;\n color: var(--pj-slate);\n line-height: 1.6;\n animation: pjSlideDown 0.3s ease;\n border-left: 4px solid var(--pj-primary);\n}\n\n@keyframes pjSlideDown {\n from {\n opacity: 0;\n transform: translateY(-10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.ppas-journey .pj-timeline__item[aria-expanded=\"true\"] .pj-timeline__more {\n display: block;\n}\n\n\/* Mobile Timeline *\/\n@media (max-width: 768px) {\n .ppas-journey .pj-timeline__track::before {\n left: 20px;\n }\n \n .ppas-journey .pj-timeline__item {\n grid-template-columns: 60px 1fr;\n gap: var(--pj-space-md);\n }\n \n .ppas-journey .pj-timeline__dot {\n width: 60px;\n height: 60px;\n }\n \n .ppas-journey .pj-timeline__toggle {\n width: 100%;\n justify-content: center;\n }\n}\n\n\/* ================================================================\n MODULE 04 \u2014 EVERY CHILD SECTION (SPLIT, PROFESSIONAL)\n================================================================ *\/\n.ppas-journey .pj-child {\n background: var(--pj-bg);\n}\n\n.ppas-journey .pj-child__grid {\n display: grid;\n grid-template-columns: 0.9fr 1.1fr;\n gap: var(--pj-space-3xl);\n align-items: center;\n}\n\n.ppas-journey .pj-child__photo {\n position: relative;\n border-radius: var(--pj-radius-lg);\n overflow: hidden;\n box-shadow: var(--pj-shadow-lg);\n border: 1px solid var(--pj-border);\n}\n\n.ppas-journey .pj-child__photo img {\n width: 100%;\n height: auto;\n display: block;\n}\n\n.ppas-journey .pj-child__tag {\n position: absolute;\n top: var(--pj-space-md);\n left: var(--pj-space-md);\n background: var(--pj-white);\n color: var(--pj-primary);\n padding: 0.6em 1.2em;\n border-radius: var(--pj-radius-sm);\n font-family: var(--pj-font-display);\n font-weight: 600;\n font-size: 0.8125rem;\n box-shadow: var(--pj-shadow-md);\n border: 1px solid var(--pj-border);\n}\n\n.ppas-journey .pj-child__heading {\n margin-bottom: var(--pj-space-lg);\n}\n\n.ppas-journey .pj-child__heading span {\n display: block;\n}\n\n.ppas-journey .pj-child__heading .highlight {\n color: var(--pj-primary);\n}\n\n.ppas-journey .pj-belief-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: var(--pj-space-md);\n margin-top: var(--pj-space-xl);\n}\n\n.ppas-journey .pj-belief-card {\n text-align: center;\n padding: var(--pj-space-md);\n background: var(--pj-white);\n border-radius: var(--pj-radius-md);\n border: 1px solid var(--pj-border);\n box-shadow: var(--pj-shadow-sm);\n transition: transform var(--pj-transition-fast), box-shadow var(--pj-transition-fast);\n}\n\n.ppas-journey .pj-belief-card:hover {\n transform: translateY(-2px);\n box-shadow: var(--pj-shadow-md);\n}\n\n.ppas-journey .pj-belief-card__icon {\n width: 48px;\n height: 48px;\n margin: 0 auto var(--pj-space-sm);\n background: var(--pj-primary-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--pj-primary);\n font-family: var(--pj-font-display);\n font-weight: 700;\n font-size: 1.125rem;\n}\n\n\/* Lightweight inline SVG icons \u2014 no additional image files *\/\n.ppas-journey .pj-belief-card__icon svg {\n width: 26px;\n height: 26px;\n display: block;\n stroke: currentColor;\n fill: none;\n stroke-width: 1.8;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.ppas-journey .pj-people-row__icon svg {\n width: 23px;\n height: 23px;\n display: block;\n stroke: currentColor;\n fill: none;\n stroke-width: 1.7;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.ppas-journey .pj-belief-card h4 {\n font-family: var(--pj-font-display);\n font-size: 1rem;\n margin-bottom: 0.3em;\n color: var(--pj-navy);\n}\n\n.ppas-journey .pj-belief-card p {\n font-size: 0.85rem;\n}\n\n@media (max-width: 1024px) {\n .ppas-journey .pj-child__grid {\n grid-template-columns: 1fr;\n }\n \n .ppas-journey .pj-belief-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 640px) {\n .ppas-journey .pj-belief-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* ================================================================\n MODULE 05 \u2014 ECOSYSTEM SECTION (FEATURE GRID)\n================================================================ *\/\n.ppas-journey .pj-ecosystem {\n background: var(--pj-white);\n}\n\n.ppas-journey .pj-ecosystem__grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: var(--pj-space-md);\n}\n\n.ppas-journey .pj-eco-card {\n background: var(--pj-white);\n border-radius: var(--pj-radius-md);\n overflow: hidden;\n border: 1px solid var(--pj-border);\n box-shadow: var(--pj-shadow-sm);\n display: flex;\n flex-direction: column;\n transition: transform var(--pj-transition-fast), box-shadow var(--pj-transition-fast);\n}\n\n.ppas-journey .pj-eco-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--pj-shadow-md);\n}\n\n.ppas-journey .pj-eco-card__photo {\n aspect-ratio: 4\/3;\n overflow: hidden;\n background: var(--pj-bg);\n border-bottom: 1px solid var(--pj-border);\n}\n\n.ppas-journey .pj-eco-card__photo img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.ppas-journey .pj-eco-card__body {\n padding: var(--pj-space-md);\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n\n.ppas-journey .pj-eco-card__badge {\n display: inline-block;\n font-family: var(--pj-font-display);\n font-size: 0.6875rem;\n font-weight: 700;\n color: var(--pj-primary);\n background: var(--pj-primary-light);\n padding: 0.25em 0.75em;\n border-radius: var(--pj-radius-sm);\n margin-bottom: var(--pj-space-sm);\n align-self: flex-start;\n}\n\n.ppas-journey .pj-eco-card--read .pj-eco-card__badge { color: #059669; background: #ECFDF5; }\n.ppas-journey .pj-eco-card--create .pj-eco-card__badge { color: #1B4332; background: #E8F0E4; }\n.ppas-journey .pj-eco-card--experience .pj-eco-card__badge { color: #7C3AED; background: #F5F3FF; }\n.ppas-journey .pj-eco-card--grow .pj-eco-card__badge { color: #D97706; background: #FFFBEB; }\n.ppas-journey .pj-eco-card--share .pj-eco-card__badge { color: #DB2777; background: #FDF2F8; }\n\n.ppas-journey .pj-eco-card ul {\n display: grid;\n gap: 0.4em;\n margin-top: auto;\n}\n\n.ppas-journey .pj-eco-card li {\n font-size: 0.8125rem;\n color: var(--pj-slate);\n padding-left: 1.2em;\n position: relative;\n}\n\n.ppas-journey .pj-eco-card li::before {\n content: '\u2022';\n position: absolute;\n left: 0;\n color: var(--pj-primary);\n}\n\n@media (max-width: 1100px) {\n .ppas-journey .pj-ecosystem__grid {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n@media (max-width: 768px) {\n .ppas-journey .pj-ecosystem__grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 560px) {\n .ppas-journey .pj-ecosystem__grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* ================================================================\n MODULE 06 \u2014 FESTIVALS SECTION (CARD GRID)\n================================================================ *\/\n.ppas-journey .pj-festivals {\n background: var(--pj-bg);\n}\n\n.ppas-journey .pj-festivals__grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: var(--pj-space-lg);\n}\n\n.ppas-journey .pj-fest-card {\n background: var(--pj-white);\n border-radius: var(--pj-radius-md);\n overflow: hidden;\n border: 1px solid var(--pj-border);\n box-shadow: var(--pj-shadow-sm);\n display: flex;\n flex-direction: column;\n transition: transform var(--pj-transition-fast), box-shadow var(--pj-transition-fast);\n}\n\n.ppas-journey .pj-fest-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--pj-shadow-md);\n}\n\n.ppas-journey .pj-fest-card__accent {\n height: 4px;\n width: 100%;\n}\n\n.ppas-journey .pj-fest-card__photo {\n aspect-ratio: 16\/10;\n background: var(--pj-bg);\n overflow: hidden;\n border-bottom: 1px solid var(--pj-border);\n}\n\n.ppas-journey .pj-fest-card__photo img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.ppas-journey .pj-fest-card__body {\n padding: var(--pj-space-md);\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n\n.ppas-journey .pj-fest-card h3 {\n color: var(--pj-navy);\n font-size: 1.125rem;\n margin-bottom: var(--pj-space-xs);\n font-family: var(--pj-font-display);\n}\n\n.ppas-journey .pj-fest-card p {\n font-size: 0.875rem;\n margin-bottom: var(--pj-space-sm);\n}\n\n.ppas-journey .pj-fest-card__body p:last-child {\n margin-bottom: var(--pj-space-md);\n}\n\n@media (max-width: 1100px) {\n .ppas-journey .pj-festivals__grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 768px) {\n .ppas-journey .pj-festivals__grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* ================================================================\n MODULE 06A \u2014 STORYTELLING REVEAL \/ RUANG BERCERITA\n A gentle wind-down \/ wind-up interaction for storytelling stories.\n=============================================================== *\/\n.ppas-journey .pj-story-reveal{\n margin-top: var(--pj-space-md);\n border-top: 1px solid var(--pj-border);\n padding-top: var(--pj-space-md);\n}\n\n.ppas-journey .pj-story-reveal__toggle{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:.45rem;\n min-height:40px;\n padding:.55rem 1rem;\n background:transparent;\n color:var(--pj-primary);\n border:1.5px solid var(--pj-primary);\n border-radius:var(--pj-radius-sm);\n font-family:var(--pj-font-display);\n font-size:.8125rem;\n font-weight:700;\n cursor:pointer;\n transition:all .2s ease;\n}\n\n.ppas-journey .pj-story-reveal__toggle:hover{\n background:var(--pj-primary);\n color:#fff;\n transform:translateY(-1px);\n}\n\n.ppas-journey .pj-story-reveal__toggle:focus-visible{\n outline:3px solid var(--pj-warning);\n outline-offset:3px;\n}\n\n.ppas-journey .pj-story-reveal__toggle svg{\n width:16px;\n height:16px;\n fill:none;\n stroke:currentColor;\n stroke-width:1.8;\n stroke-linecap:round;\n stroke-linejoin:round;\n transition:transform .25s ease;\n}\n\n.ppas-journey .pj-story-reveal__toggle[aria-expanded=\"true\"] svg{\n transform:rotate(180deg);\n}\n\n.ppas-journey .pj-story-reveal__panel{\n display:block;\n max-height:0;\n overflow:hidden;\n opacity:0;\n transition:max-height .45s ease, opacity .25s ease;\n}\n\n.ppas-journey .pj-story-reveal__panel-inner{\n overflow:visible;\n}\n\n.ppas-journey .pj-story-reveal__panel-content{\n padding-top:0;\n transform:translateY(-8px);\n transition:transform .38s ease, padding-top .38s ease;\n}\n\n.ppas-journey .pj-story-reveal__panel-content p{\n font-size:.875rem;\n line-height:1.65;\n color:var(--pj-slate);\n margin:0 0 .75rem;\n}\n\n.ppas-journey .pj-story-reveal__panel-content p:last-child{\n margin-bottom:0;\n}\n\n.ppas-journey .pj-story-reveal__label{\n display:inline-block;\n margin-bottom:.35rem;\n color:var(--pj-secondary);\n font-size:.72rem;\n font-weight:800;\n letter-spacing:.07em;\n text-transform:uppercase;\n}\n\n.ppas-journey .pj-story-reveal.is-open .pj-story-reveal__panel{\n max-height:900px;\n opacity:1;\n}\n\n.ppas-journey .pj-story-reveal.is-open .pj-story-reveal__panel-content{\n padding-top:.85rem;\n transform:translateY(0);\n}\n\n@media (prefers-reduced-motion: reduce){\n .ppas-journey .pj-story-reveal__panel,\n .ppas-journey .pj-story-reveal__panel-content,\n .ppas-journey .pj-story-reveal__toggle svg{\n transition:none !important;\n }\n}\n\n@media (prefers-reduced-motion: reduce){\n .ppas-journey .pj-story-reveal__panel{\n transition:none !important;\n }\n .ppas-journey .pj-story-reveal__panel-content{\n transition:none !important;\n }\n}\n\n\/* ================================================================\n MODULE 07+08 \u2014 KNOWLEDGE & TOGETHER (SPLIT)\n================================================================ *\/\n.ppas-journey .pj-together {\n background: var(--pj-white);\n}\n\n.ppas-journey .pj-together__grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--pj-space-3xl);\n margin-bottom: var(--pj-space-3xl);\n}\n\n.ppas-journey .pj-together__icon {\n width: 48px;\n height: 48px;\n background: var(--pj-primary);\n border-radius: var(--pj-radius-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: var(--pj-space-md);\n color: white;\n font-family: var(--pj-font-display);\n font-weight: 700;\n font-size: 1.25rem;\n}\n\n\/* Semantic inline SVG icons for Knowledge & Community *\/\n.ppas-journey .pj-together__icon svg {\n width: 25px;\n height: 25px;\n display: block;\n fill: none;\n stroke: currentColor;\n stroke-width: 1.8;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.ppas-journey .pj-knowledge ul {\n display: grid;\n gap: 0.5em;\n margin: var(--pj-space-md) 0 var(--pj-space-lg);\n}\n\n.ppas-journey .pj-knowledge li {\n font-size: 0.9375rem;\n color: var(--pj-slate);\n padding-left: 1.5em;\n position: relative;\n}\n\n.ppas-journey .pj-knowledge li::before {\n content: '\u2192';\n position: absolute;\n left: 0;\n color: var(--pj-primary);\n font-weight: 600;\n}\n\n.ppas-journey .pj-community p {\n margin-bottom: var(--pj-space-lg);\n}\n\n.ppas-journey .pj-people-row {\n display: flex;\n flex-wrap: wrap;\n gap: var(--pj-space-lg);\n}\n\n.ppas-journey .pj-people-row__item {\n text-align: center;\n font-size: 0.8125rem;\n font-weight: 600;\n color: var(--pj-slate);\n min-width: 70px;\n}\n\n.ppas-journey .pj-people-row__icon {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background: var(--pj-bg);\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 0.4em;\n color: var(--pj-primary);\n font-weight: 700;\n font-size: 0.75rem;\n border: 1px solid var(--pj-border);\n}\n\n.ppas-journey .pj-together__photos {\n display: grid;\n grid-template-columns: 1fr 1.5fr;\n gap: var(--pj-space-md);\n}\n\n.ppas-journey .pj-together__photos img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: var(--pj-radius-md);\n border: 1px solid var(--pj-border);\n}\n\n@media (max-width: 1024px) {\n .ppas-journey .pj-together__grid {\n grid-template-columns: 1fr;\n }\n \n .ppas-journey .pj-together__photos {\n grid-template-columns: 1fr;\n }\n}\n\n@media (max-width: 640px) {\n .ppas-journey .pj-people-row {\n gap: var(--pj-space-md);\n }\n \n .ppas-journey .pj-people-row__item {\n min-width: 60px;\n font-size: 0.75rem;\n }\n \n .ppas-journey .pj-people-row__icon {\n width: 40px;\n height: 40px;\n font-size: 0.625rem;\n }\n}\n\n\/* ================================================================\n MODULE 09 \u2014 NEXT CHAPTER SECTION (CENTERED CTA)\n================================================================ *\/\n.ppas-journey .pj-next {\n background: var(--pj-primary);\n padding: var(--pj-space-4xl) 0;\n text-align: center;\n}\n\n.ppas-journey .pj-next__grid {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.ppas-journey .pj-next__heading {\n margin-bottom: var(--pj-space-lg);\n color: var(--pj-white);\n}\n\n.ppas-journey .pj-next__heading span {\n display: block;\n}\n\n.ppas-journey .pj-next__heading .highlight {\n color: var(--pj-warning);\n}\n\n.ppas-journey .pj-next p {\n color: rgba(255,255,255,0.9);\n margin-bottom: var(--pj-space-xl);\n}\n\n.ppas-journey .pj-next__actions {\n display: flex;\n gap: var(--pj-space-md);\n flex-wrap: wrap;\n justify-content: center;\n}\n\n.ppas-journey .pj-next__actions .pj-btn-primary {\n background: var(--pj-white);\n color: var(--pj-primary);\n}\n\n.ppas-journey .pj-next__actions .pj-btn-primary:hover {\n background: var(--pj-bg);\n}\n\n.ppas-journey .pj-next__actions .pj-btn-secondary {\n background: transparent;\n color: var(--pj-white);\n border-color: rgba(255,255,255,0.5);\n}\n\n.ppas-journey .pj-next__actions .pj-btn-secondary:hover {\n border-color: var(--pj-white);\n background: rgba(255,255,255,0.1);\n}\n\n@media (max-width: 768px) {\n .ppas-journey .pj-next__actions {\n flex-direction: column;\n width: 100%;\n }\n \n .ppas-journey .pj-next__actions .pj-btn {\n width: 100%;\n }\n}\n\n \/* NEXT CHAPTER \u2014 SINGLE CTA \/ LITERARY CLOSING *\/\n .ppas-journey .pj-next__story{\n color:rgba(255,255,255,0.9);\n margin-bottom:var(--pj-space-xl);\n }\n\n .ppas-journey .pj-next__closing{\n margin-top:var(--pj-space-lg);\n color:rgba(255,255,255,0.72);\n font-size:0.9375rem;\n font-style:italic;\n letter-spacing:0.01em;\n }\n\n @media (max-width: 768px){\n .ppas-journey .pj-next__story{\n font-size:1rem;\n line-height:1.65;\n }\n\n .ppas-journey .pj-next__closing{\n font-size:0.875rem;\n }\n }\n\n\/* Utility *\/\n.ppas-journey .pj-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n\/* ================================================================\n PPAS PALETTE 2 \u2014 HIGH-CONTRAST REFINEMENT\n HCAA section: explicit light text on dark green background.\n Designed to remain readable in both light and dark OS\/browser modes.\n Content, structure and functionality are intentionally unchanged.\n================================================================ *\/\n.ppas-journey .pj-hcaa{\n background:#174D3A;\n color:#FFFFFF;\n}\n\n\/* IMPORTANT: override the global charcoal heading rule *\/\n.ppas-journey .pj-hcaa h2,\n.ppas-journey .pj-hcaa h3,\n.ppas-journey .pj-hcaa .pj-hcaa__heading{\n color:#FFFFFF !important;\n text-shadow:0 1px 1px rgba(0,0,0,.18);\n}\n\n.ppas-journey .pj-hcaa p,\n.ppas-journey .pj-hcaa .pj-hcaa__desc{\n color:#F8F3E8 !important;\n opacity:1 !important;\n}\n\n.ppas-journey .pj-hcaa__badge{\n background:#D96B49;\n color:#FFFFFF !important;\n border:1px solid rgba(255,255,255,.12);\n box-shadow:0 4px 12px rgba(0,0,0,.14);\n}\n\n.ppas-journey .pj-hcaa__years{\n color:#F3C969 !important;\n text-shadow:0 2px 0 rgba(0,0,0,.10);\n}\n\n.ppas-journey .pj-hcaa__features{\n gap:1rem;\n}\n\n.ppas-journey .pj-hcaa__feature{\n background:rgba(255,255,255,.075) !important;\n border:1.5px solid #F3C969 !important;\n box-shadow:0 5px 18px rgba(0,0,0,.10);\n backdrop-filter:blur(4px);\n -webkit-backdrop-filter:blur(4px);\n}\n\n.ppas-journey .pj-hcaa__feature-text{\n color:#FFFFFF !important;\n font-weight:700;\n text-shadow:0 1px 1px rgba(0,0,0,.12);\n}\n\n\/* HCAA IMAGE \u2014 LARGER EDITORIAL PRESENCE\n Keep the text readable on the left, but let the HCAA image\n occupy more of the available visual space on the right. *\/\n.ppas-journey .pj-hcaa__grid{\n grid-template-columns: 0.82fr 1.18fr;\n gap: var(--pj-space-3xl);\n}\n\n.ppas-journey .pj-hcaa__visual{\n width: calc(100% + max(0px, (100vw - 1200px) \/ 2));\n max-width: none;\n justify-self: start;\n}\n\n.ppas-journey .pj-hcaa__visual img{\n width: 100%;\n min-height: 460px;\n height: 100%;\n object-fit: cover;\n object-position: center;\n display: block;\n}\n\n@media (max-width: 1024px){\n .ppas-journey .pj-hcaa__grid{\n grid-template-columns: 1fr;\n }\n\n .ppas-journey .pj-hcaa__visual{\n width: 100%;\n max-width: 100%;\n }\n\n .ppas-journey .pj-hcaa__visual img{\n min-height: 360px;\n height: auto;\n }\n}\n\n\/* HCAA CTA: high contrast against forest green *\/\n.ppas-journey .pj-hcaa__actions{\n display:flex;\n flex-wrap:wrap;\n align-items:center;\n gap:0.75rem;\n margin-top:var(--pj-space-lg);\n}\n\n.ppas-journey .pj-hcaa__actions .pj-btn{\n margin:0;\n}\n\n.ppas-journey .pj-hcaa .pj-btn-primary{\n background:#F3C969 !important;\n color:#174D3A !important;\n border-color:#F3C969 !important;\n font-weight:800;\n box-shadow:0 6px 18px rgba(0,0,0,.16);\n}\n\n.ppas-journey .pj-hcaa .pj-btn-secondary{\n background:transparent !important;\n color:#F3C969 !important;\n border-color:#F3C969 !important;\n font-weight:800;\n box-shadow:none;\n}\n\n.ppas-journey .pj-hcaa .pj-btn-secondary:hover{\n background:rgba(243,201,105,.12) !important;\n color:#FFE09A !important;\n border-color:#FFE09A !important;\n}\n\n@media (max-width:640px){\n .ppas-journey .pj-hcaa__actions{\n flex-direction:column;\n align-items:stretch;\n }\n .ppas-journey .pj-hcaa__actions .pj-btn{\n width:100%;\n }\n}\n\n.ppas-journey .pj-hcaa .pj-btn-primary:hover{\n background:#FFE09A !important;\n color:#123B2D !important;\n border-color:#FFE09A !important;\n}\n\n.ppas-journey .pj-hcaa .pj-btn-primary:focus-visible{\n outline:3px solid #FFFFFF !important;\n outline-offset:3px;\n}\n\n.ppas-journey .pj-hcaa__visual{\n border:1.5px solid rgba(243,201,105,.9);\n box-shadow:0 14px 35px rgba(0,0,0,.22);\n background:#123B2D;\n}\n\n\/* ================================================================\n STORY BRIDGE \u2014 CONNECT HCAA TO THE JOURNEY\n================================================================ *\/\n.ppas-journey .pj-story-bridge{\n background:#F5EBD8;\n padding-top:clamp(48px,6vw,80px);\n padding-bottom:clamp(48px,6vw,80px);\n}\n.ppas-journey .pj-story-bridge__inner{\n max-width:900px;\n margin:0 auto;\n text-align:center;\n}\n.ppas-journey .pj-story-bridge__inner h2{\n max-width:780px;\n margin:0 auto 1rem;\n font-family:Georgia,'Times New Roman',serif;\n font-size:clamp(2rem,4vw,3.35rem);\n line-height:1.08;\n color:#1B4332;\n}\n.ppas-journey .pj-story-bridge__inner p{\n max-width:760px;\n margin:0 auto 1.5rem;\n color:#4B4B4B;\n font-size:1.05rem;\n line-height:1.8;\n}\n.ppas-journey .pj-story-bridge__link{\n display:inline-flex;\n align-items:center;\n padding:.75rem 1.1rem;\n border-bottom:2px solid #C65D3E;\n color:#1B4332;\n font-weight:800;\n text-decoration:none;\n transition:transform .2s ease,color .2s ease;\n}\n.ppas-journey .pj-story-bridge__link:hover{\n color:#C65D3E;\n transform:translateY(2px);\n}\n.ppas-journey .pj-hcaa__lead{\n margin:.85rem 0 .2rem;\n color:#F3C969;\n font-size:.78rem;\n font-weight:800;\n letter-spacing:.14em;\n text-transform:uppercase;\n}\n.ppas-journey .pj-hcaa .pj-hcaa__lead + h2{\n margin-top:.35rem;\n}\n@media (max-width:600px){\n .ppas-journey .pj-story-bridge__inner h2{font-size:2rem}\n .ppas-journey .pj-story-bridge__inner p{font-size:1rem}\n}\n\n\/* ================================================================\n PALETTE 2 \u2014 REST OF PAGE\n================================================================ *\/\n.ppas-journey .pj-hero{background:#FAF3E8}\n.ppas-journey .pj-hero__tagline{color:#C65D3E}\n.ppas-journey .pj-quick-nav{background:rgba(250,243,232,.96);border-color:#E5D5A8}\n.ppas-journey .pj-quick-nav__link:hover{background:#E8F0E4;color:#1B4332}\n.ppas-journey .pj-quick-nav__link.is-active{background:#1B4332;color:#FAF3E8}\n.ppas-journey .pj-lang-switcher{background:#FAF3E8;border-color:#E5D5A8}\n.ppas-journey .pj-lang-switcher button.is-active{background:#1B4332}\n.ppas-journey .pj-eyebrow{color:#C65D3E;background:#F5E6D8}\n.ppas-journey .pj-btn-primary{background:#1B4332}\n.ppas-journey .pj-btn-primary:hover{background:#2D5016}\n.ppas-journey .pj-btn-secondary{background:#C65D3E;color:#FAF3E8}\n.ppas-journey .pj-btn-secondary:hover{background:#D4764E}\n.ppas-journey .pj-btn-outline{color:#1B4332;border-color:#1B4332}\n.ppas-journey .pj-btn-outline:hover{background:#1B4332;color:#FAF3E8}\n.ppas-journey .pj-timeline__year{color:#C65D3E}\n.ppas-journey .pj-timeline__toggle{background:#F5EBD8;border-color:#E5D5A8;color:#1B4332}\n.ppas-journey .pj-timeline__toggle:hover{background:#1B4332;border-color:#1B4332;color:#FFFFFF}\n.ppas-journey .pj-timeline__more{background:#E8F0E4;border-left-color:#1B4332;color:#2C2C2C}\n.ppas-journey .pj-child{background:#FAF3E8}\n.ppas-journey .pj-child__heading .highlight{color:#C65D3E}\n.ppas-journey .pj-belief-card{background:#F5EBD8;border-top:3px solid #1B4332}\n.ppas-journey .pj-belief-card__icon{background:#C65D3E;color:#FAF3E8}\n.ppas-journey .pj-ecosystem{background:#E8F0E4}\n.ppas-journey .pj-eco-card--read{border-top:4px solid #1B4332}\n.ppas-journey .pj-eco-card--create{border-top:4px solid #C65D3E}\n.ppas-journey .pj-eco-card--experience{border-top:4px solid #C9A961}\n.ppas-journey .pj-eco-card--grow{border-top:4px solid #2D5016}\n.ppas-journey .pj-eco-card--share{border-top:4px solid #D4764E}\n.ppas-journey .pj-eco-card li::before{color:#C65D3E}\n.ppas-journey .pj-festivals{background:#FAF3E8}\n.ppas-journey .pj-fest-card:nth-child(1) .pj-fest-card__accent{background:#1B4332!important}\n.ppas-journey .pj-fest-card:nth-child(2) .pj-fest-card__accent{background:#C65D3E!important}\n.ppas-journey .pj-fest-card:nth-child(3) .pj-fest-card__accent{background:#C9A961!important}\n.ppas-journey .pj-fest-card:nth-child(4) .pj-fest-card__accent{background:#2D5016!important}\n.ppas-journey .pj-together{background:#E8F0E4}\n.ppas-journey .pj-next{background:#1B4332}\n.ppas-journey .pj-next .highlight{color:#F3C969}\n\n\/* ================================================================\n DARK-MODE SAFETY NET\n We keep the intended palette instead of allowing the OS to make\n automatic low-contrast substitutions.\n================================================================ *\/\n@media (prefers-color-scheme: dark){\n .ppas-journey .pj-hcaa{background:#174D3A;color:#FFFFFF}\n .ppas-journey .pj-hcaa h2,\n .ppas-journey .pj-hcaa h3{color:#FFFFFF !important}\n .ppas-journey .pj-hcaa p{color:#F8F3E8 !important}\n .ppas-journey .pj-hcaa__feature-text{color:#FFFFFF !important}\n .ppas-journey .pj-hcaa .pj-btn-primary{background:#F3C969 !important;color:#174D3A !important}\n}\n\n\/* Minimal context bar \u2014 added without changing existing images or links *\/\n.ppas-journey .pj-context-bar{background:#f5f1e8;border-bottom:1px solid rgba(23,77,58,.12);}\n.ppas-journey .pj-context-bar__inner{max-width:1200px;margin:0 auto;padding:10px 24px;font-size:.82rem;color:#174D3A;font-weight:700;letter-spacing:.02em;}\n@media(max-width:768px){.ppas-journey .pj-context-bar__inner{padding:9px 16px;font-size:.75rem;}}\n<\/style>\n<style id=\"ppas-timeline-larger-responsive\">\n\/* TIMELINE IMAGES \u2014 LARGER + RESPONSIVE *\/\n.ppas-journey .pj-timeline__track{\n max-width: 980px;\n}\n.ppas-journey .pj-timeline__track::before{\n left: 60px;\n}\n.ppas-journey .pj-timeline__item{\n grid-template-columns: 120px 1fr;\n gap: var(--pj-space-xl);\n padding: 1.15rem 0;\n}\n.ppas-journey .pj-timeline__dot{\n width: 120px;\n height: 120px;\n border-width: 4px;\n box-shadow: 0 0 0 2px var(--pj-border), 0 8px 20px rgba(0,0,0,.08);\n}\n.ppas-journey .pj-timeline__dot img{\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.ppas-journey .pj-timeline__content{\n padding-top: 1.25rem;\n}\n\n\/* iPad \/ tablet *\/\n@media (max-width: 1024px){\n .ppas-journey .pj-timeline__track{\n max-width: 900px;\n }\n .ppas-journey .pj-timeline__track::before{\n left: 48px;\n }\n .ppas-journey .pj-timeline__item{\n grid-template-columns: 96px 1fr;\n gap: var(--pj-space-lg);\n }\n .ppas-journey .pj-timeline__dot{\n width: 96px;\n height: 96px;\n }\n .ppas-journey .pj-timeline__content{\n padding-top: 0.9rem;\n }\n}\n\n\/* Phones *\/\n@media (max-width: 768px){\n .ppas-journey .pj-timeline__track{\n width: 100%;\n max-width: 100%;\n }\n .ppas-journey .pj-timeline__track::before{\n left: 36px;\n }\n .ppas-journey .pj-timeline__item{\n grid-template-columns: 72px 1fr;\n gap: var(--pj-space-md);\n padding: 0.85rem 0;\n }\n .ppas-journey .pj-timeline__dot{\n width: 72px;\n height: 72px;\n border-width: 3px;\n }\n .ppas-journey .pj-timeline__content{\n padding-top: 0.35rem;\n min-width: 0;\n }\n .ppas-journey .pj-timeline__item h3{\n font-size: 1.05rem;\n }\n .ppas-journey .pj-timeline__item > p{\n font-size: 0.9rem;\n }\n}\n\n\/* Small phones *\/\n@media (max-width: 480px){\n .ppas-journey .pj-timeline__track::before{\n left: 32px;\n }\n .ppas-journey .pj-timeline__item{\n grid-template-columns: 64px 1fr;\n gap: 0.75rem;\n }\n .ppas-journey .pj-timeline__dot{\n width: 64px;\n height: 64px;\n }\n .ppas-journey .pj-timeline__year{\n font-size: 0.7rem;\n }\n .ppas-journey .pj-timeline__item h3{\n font-size: 0.98rem;\n }\n}\n<\/style>\n<style id=\"ppas-knowledge-infohub-refinement\">\n\/* ================================================================\n KNOWLEDGE & RESEARCH \u2014 SELANGOR INFO HUB\n Informational block: no CTA, no placeholder feature list.\n================================================================ *\/\n.ppas-journey .pj-knowledge{\n position:relative;\n}\n\n.ppas-journey .pj-knowledge__eyebrow{\n display:inline-block;\n margin-bottom:0.55rem;\n font-family:var(--pj-font-display);\n font-size:0.72rem;\n font-weight:800;\n letter-spacing:0.12em;\n color:var(--pj-secondary);\n}\n\n.ppas-journey .pj-knowledge__title{\n margin-bottom:0.65rem;\n color:var(--pj-navy);\n font-size:clamp(1.65rem,3vw,2.25rem);\n line-height:1.15;\n}\n\n.ppas-journey .pj-knowledge__tagline{\n margin-bottom:0.9rem;\n color:var(--pj-primary);\n font-size:1.05rem;\n font-weight:600;\n line-height:1.5;\n}\n\n.ppas-journey .pj-knowledge__description{\n max-width:58ch;\n margin-bottom:1.25rem;\n font-size:0.96rem;\n line-height:1.7;\n}\n\n.ppas-journey .pj-knowledge__location{\n display:inline-flex;\n align-items:center;\n gap:0.55rem;\n padding:0.6rem 0.85rem;\n border:1px solid var(--pj-border);\n border-radius:var(--pj-radius-sm);\n background:var(--pj-bg);\n color:var(--pj-primary);\n font-family:var(--pj-font-display);\n font-size:0.72rem;\n font-weight:800;\n letter-spacing:0.07em;\n}\n\n.ppas-journey .pj-knowledge__location span:first-child{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n width:22px;\n height:22px;\n border-radius:50%;\n background:var(--pj-primary);\n color:#fff;\n font-size:0.75rem;\n line-height:1;\n}\n\n@media (max-width:1024px){\n .ppas-journey .pj-knowledge__description{\n max-width:65ch;\n }\n}\n\n@media (max-width:640px){\n .ppas-journey .pj-knowledge__eyebrow{\n font-size:0.66rem;\n }\n\n .ppas-journey .pj-knowledge__title{\n font-size:1.75rem;\n }\n\n .ppas-journey .pj-knowledge__tagline{\n font-size:1rem;\n }\n\n .ppas-journey .pj-knowledge__description{\n font-size:0.92rem;\n }\n\n .ppas-journey .pj-knowledge__location{\n width:100%;\n justify-content:flex-start;\n font-size:0.67rem;\n }\n}\n<\/style>\n<meta content=\"Our Journey to HCAA 2027\u20132036 \u2014 Pustaka Raja Tun Uda and PPAS.\" name=\"description\"\/>\n<style id=\"ppas-multimodal-chapter06-styles\">\n\/* CHAPTER 06 \u2014 multimodal story experience *\/\n.ppas-journey .pj-story-path {\n margin: 22px 0 24px;\n padding: 18px 16px 16px;\n border: 1px solid rgba(201,169,97,.45);\n border-radius: 18px;\n background: rgba(250,243,232,.72);\n overflow: hidden;\n}\n.ppas-journey .pj-story-path__title {\n margin: 0 0 14px;\n font-size: .78rem;\n font-weight: 800;\n letter-spacing: .08em;\n text-transform: uppercase;\n color: #C65D3E;\n}\n.ppas-journey .pj-story-path__flow {\n display: grid;\n grid-template-columns: repeat(5, minmax(0,1fr));\n gap: 8px;\n align-items: start;\n}\n.ppas-journey .pj-story-path__step {\n position: relative;\n text-align: center;\n min-width: 0;\n}\n.ppas-journey .pj-story-path__step:not(:last-child)::after {\n content: '';\n position: absolute;\n top: 20px;\n left: calc(50% + 22px);\n width: calc(100% - 44px + 8px);\n height: 1px;\n background: linear-gradient(90deg,#C9A961,#E5D5A8);\n transform-origin: left center;\n animation: pjStoryLine 1.1s ease both;\n}\n.ppas-journey .pj-story-path__icon {\n position: relative;\n z-index: 1;\n width: 42px;\n height: 42px;\n margin: 0 auto 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid #E5D5A8;\n border-radius: 50%;\n background: #FAF3E8;\n color: #1B4332;\n transition: transform .28s ease, background .28s ease, color .28s ease;\n}\n.ppas-journey .pj-story-path__step:hover .pj-story-path__icon,\n.ppas-journey .pj-story-path__step:focus-within .pj-story-path__icon {\n transform: translateY(-4px) scale(1.06);\n background: #1B4332;\n color: #FAF3E8;\n}\n.ppas-journey .pj-story-path__icon svg {\n width: 21px;\n height: 21px;\n fill: none;\n stroke: currentColor;\n stroke-width: 1.7;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n.ppas-journey .pj-story-path__label {\n display: block;\n font-size: .78rem;\n line-height: 1.25;\n font-weight: 750;\n color: #2C2C2C;\n}\n.ppas-journey .pj-story-quote {\n margin: 20px 0;\n padding: 18px 20px;\n border-left: 3px solid #C65D3E;\n border-radius: 0 14px 14px 0;\n background: #E8F0E4;\n}\n.ppas-journey .pj-story-quote p {\n margin: 0;\n font-size: clamp(1.05rem, 2vw, 1.32rem);\n line-height: 1.45;\n font-weight: 700;\n color: #1B4332;\n}\n.ppas-journey .pj-story-audio {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n margin-top: 8px;\n padding: 10px 14px;\n border: 1px solid #C9A961;\n border-radius: 999px;\n background: #FAF3E8;\n color: #1B4332;\n font: inherit;\n font-weight: 750;\n cursor: pointer;\n transition: transform .25s ease, background .25s ease, color .25s ease;\n}\n.ppas-journey .pj-story-audio:hover,\n.ppas-journey .pj-story-audio:focus-visible {\n transform: translateY(-2px);\n background: #1B4332;\n color: #FAF3E8;\n}\n.ppas-journey .pj-story-audio svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\n.ppas-journey .pj-story-audio.is-speaking { background: #C65D3E; border-color: #C65D3E; color: #fff; }\n@keyframes pjStoryLine { from { transform: scaleX(0); opacity: .2; } to { transform: scaleX(1); opacity: 1; } }\n@media (max-width: 720px) {\n .ppas-journey .pj-story-path__flow { grid-template-columns: 1fr; gap: 12px; }\n .ppas-journey .pj-story-path__step { display: grid; grid-template-columns: 46px 1fr; gap: 10px; align-items: center; text-align: left; }\n .ppas-journey .pj-story-path__icon { margin: 0; }\n .ppas-journey .pj-story-path__step:not(:last-child)::after { left: 21px; top: 46px; width: 1px; height: 12px; transform-origin: top center; animation-name: pjStoryLineVertical; }\n}\n@keyframes pjStoryLineVertical { from { transform: scaleY(0); opacity: .2; } to { transform: scaleY(1); opacity: 1; } }\n@media (prefers-reduced-motion: reduce) {\n .ppas-journey .pj-story-path__step::after { animation: none !important; }\n .ppas-journey .pj-story-path__icon, .ppas-journey .pj-story-audio { transition: none !important; }\n}\n<\/style>\n\n\n<style id=\"pj-hero-original-size-centered-fix\">\n\/* HERO IMAGE \u2014 ORIGINAL SIZE + CENTERED\n Keep the complete original image visible.\n Do NOT make it full-bleed and do NOT crop it.\n The image is centered within the Elementor HTML widget area. *\/\n.ppas-journey .pj-hero__visual {\n width: min(1200px, calc(100% - 48px)) !important;\n max-width: 1200px !important;\n margin-top: var(--pj-space-xl);\n margin-left: auto !important;\n margin-right: auto !important;\n transform: none !important;\n position: relative;\n left: auto !important;\n box-sizing: border-box;\n border-radius: var(--pj-radius-lg);\n overflow: hidden;\n}\n\n.ppas-journey .pj-hero__visual img {\n width: 100% !important;\n max-width: 100% !important;\n height: auto !important;\n display: block;\n object-fit: contain !important;\n object-position: center center !important;\n}\n\n@media (max-width: 768px) {\n .ppas-journey .pj-hero__visual {\n width: calc(100% - 24px) !important;\n max-width: calc(100% - 24px) !important;\n margin-left: auto !important;\n margin-right: auto !important;\n border-radius: var(--pj-radius-md);\n }\n}\n<\/style>\n\n\n<style id=\"pj-hcaa-balanced-layout\">\n\/* HCAA DESTINATION SECTION \u2014 BALANCED TWO-COLUMN LAYOUT\n Keep text and image visually centred as one composition. *\/\n.ppas-journey .pj-hcaa__grid {\n width: min(100%, 1340px);\n max-width: 1340px;\n margin-left: auto !important;\n margin-right: auto !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);\n column-gap: clamp(2.5rem, 4vw, 4.5rem);\n box-sizing: border-box;\n}\n\n.ppas-journey .pj-hcaa__grid > div:first-child {\n min-width: 0;\n}\n\n.ppas-journey .pj-hcaa__visual {\n width: 100%;\n max-width: none;\n justify-self: stretch;\n}\n\n@media (max-width: 1400px) {\n .ppas-journey .pj-hcaa__grid {\n width: calc(100% - 4rem);\n max-width: 1340px;\n }\n}\n\n@media (max-width: 1024px) {\n .ppas-journey .pj-hcaa__grid {\n width: calc(100% - 3rem);\n grid-template-columns: 1fr;\n gap: 2.5rem;\n }\n}\n\n@media (max-width: 768px) {\n .ppas-journey .pj-hcaa__grid {\n width: calc(100% - 2rem);\n gap: 2rem;\n }\n}\n<\/style>\n\n<\/head>\n<body>\n<div class=\"ppas-journey\"><div class=\"pj-context-bar\"><div class=\"pj-context-bar__inner\"><span>PPAS \/ HCAA 2027\u20132036 \/ Our Journey<\/span><\/div><\/div>\n\n<div aria-label=\"Language selector\" class=\"pj-lang-switcher\" role=\"group\">\n<button aria-label=\"Tukar ke Bahasa Melayu\" aria-pressed=\"true\" class=\"pj-lang-btn is-active\" data-lang=\"my\" type=\"button\">\n BM\n <\/button>\n<button aria-label=\"Switch to English\" aria-pressed=\"false\" class=\"pj-lang-btn\" data-lang=\"en\" type=\"button\">\n EN\n <\/button>\n<\/div>\n\n<nav aria-label=\"Quick section navigation\" class=\"pj-quick-nav\">\n<div class=\"pj-quick-nav__inner\">\n<a class=\"pj-quick-nav__link is-active\" data-en=\"Home\" data-my=\"Utama\" href=\"#top\">Utama<\/a>\n<a class=\"pj-quick-nav__link\" data-en=\"HCAA 2027-2036\" data-my=\"HCAA 2027-2036\" href=\"#hcaa\">HCAA<\/a>\n<a class=\"pj-quick-nav__link\" data-en=\"Our Journey\" data-my=\"Sejarah\" href=\"#journey\">Perjalanan Kami<\/a>\n<a class=\"pj-quick-nav__link\" data-en=\"Every Child\" data-my=\"Setiap Kanak-Kanak\" href=\"#belief\">Setiap Kanak-Kanak<\/a>\n<a class=\"pj-quick-nav__link\" data-en=\"Activities\" data-my=\"Aktiviti\" href=\"#activities\">Apa Yang Kami Lakukan<\/a>\n<a class=\"pj-quick-nav__link\" data-en=\"Festivals\" data-my=\"Festival\" href=\"#festivals\">Festival<\/a>\n<a class=\"pj-quick-nav__link\" data-en=\"Knowledge\" data-my=\"Hab Ilmu\" href=\"#knowledge\">Hab Ilmu<\/a>\n<a class=\"pj-quick-nav__link\" data-en=\"Community\" data-my=\"Komuniti\" href=\"#community\">Komuniti<\/a>\n<a class=\"pj-quick-nav__link\" data-en=\"Next Chapter\" data-my=\"Bab Seterusnya\" href=\"#next\">Bab Seterusnya<\/a>\n<\/div>\n<\/nav>\n\n<section aria-labelledby=\"pj-hero-heading\" class=\"pj-hero pj-section\" id=\"top\">\n<div class=\"pj-container pj-hero__grid\">\n<span class=\"pj-eyebrow\" data-en=\"THE JOURNEY\" data-my=\"PERJALANAN KAMI\">PERJALANAN KAMI<\/span>\n<h1 data-en=\"Pustaka Raja Tun Uda\" data-my=\"Pustaka Raja Tun Uda\" id=\"pj-hero-heading\">Pustaka Raja Tun Uda<\/h1>\n<p class=\"pj-hero__tagline\" data-en=\"Where Stories Begin\" data-my=\"Tempat Bermulanya Kisah\">Tempat Bermulanya Kisah<\/p>\n<p class=\"pj-hero__desc\" data-en=\"For generations, this has been more than a place to find a book. It has been a place where a child can discover a new world, a family can find time to be together, and a small idea can grow into a dream.\" data-my=\"Di sini, sebuah buku boleh menjadi permulaan kepada sesuatu yang lebih besar \u2014 seorang anak menemui dunia baharu, sebuah keluarga menemukan masa untuk bersama, dan sebuah idea kecil tumbuh menjadi impian.\">Di sini, sebuah buku boleh menjadi permulaan kepada sesuatu yang lebih besar \u2014 seorang anak menemui dunia baharu, sebuah keluarga menemukan masa untuk bersama, dan sebuah idea kecil tumbuh menjadi impian.<\/p>\n<div class=\"pj-hero__location\">\n<svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\">\n<path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n<circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n<\/svg>\n<span>Shah Alam, Selangor, Malaysia<\/span>\n<\/div>\n<div class=\"pj-hero__actions\">\n<a aria-label=\"Terokai Raja Tun Uda\" class=\"pj-btn pj-btn-primary\" data-en=\"Explore Raja Tun Uda\" data-my=\"Terokai Raja Tun Uda\" href=\"https:\/\/www.ppas.gov.my\/pustaka-raja-tun-uda-copy\/\">\n Terokai Raja Tun Uda\n <svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\">\n<path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n<\/svg>\n<\/a>\n<button aria-label=\"Tonton video kisah perpustakaan\" class=\"pj-btn pj-btn-secondary\" data-en=\"Watch the Story\" data-my=\"Tonton Kisahnya\" data-video=\"https:\/\/www.youtube.com\/embed\/Qttu13NRFvQ\" onclick=\"openJourneyVideo(this)\" type=\"button\">\n<svg aria-hidden=\"true\" fill=\"currentColor\" viewbox=\"0 0 24 24\">\n<path d=\"M8 5v14l11-7z\"><\/path>\n<\/svg>\n Tonton Kisahnya\n <\/button>\n<\/div>\n<div class=\"pj-hero__visual pj-reveal\" data-pj-reveal=\"\">\n\n<img decoding=\"async\" alt=\"Pustaka Raja Tun Uda library building at dusk with Malaysian families reading together\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/prtu_membaca_bersama_hero_section_2.png\"\/>\n<\/div>\n<\/div>\n<\/section>\n\n<section aria-labelledby=\"pj-hcaa-heading\" class=\"pj-section pj-hcaa\" id=\"hcaa\">\n<div class=\"pj-container pj-hcaa__grid\">\n<div class=\"pj-reveal\" data-pj-reveal=\"\">\n<div class=\"pj-hcaa__badge\" data-en=\"HANS CHRISTIAN ANDERSEN AWARD\" data-my=\"ANUGERAH HANS CHRISTIAN ANDERSEN\">ANUGERAH HANS CHRISTIAN ANDERSEN<\/div>\n<div class=\"pj-hcaa__years\">2027 \u2013 2036<\/div>\n<div class=\"pj-hcaa__lead\" data-en=\"A destination on our journey\" data-my=\"Destinasi perjalanan kami\">Destinasi perjalanan kami<\/div>\n<h2 data-en=\"Malaysia Opens the Next Chapter\" data-my=\"Malaysia Membuka Bab Baharu\" id=\"pj-hcaa-heading\">Malaysia Membuka Bab Baharu<\/h2>\n<p data-en=\"The Hans Christian Andersen Award marks a new chapter \u2014 creating space for more young readers, more creators and more voices from around the world to meet here.\" data-my=\"Anugerah Hans Christian Andersen menandakan satu bab baharu \u2014 sebuah ruang untuk lebih ramai anak mengenal cerita, lebih ramai pencipta berkarya, dan lebih banyak suara dari dunia bertemu di sini.\">Anugerah Hans Christian Andersen menandakan satu bab baharu \u2014 sebuah ruang untuk lebih ramai anak mengenal cerita, lebih ramai pencipta berkarya, dan lebih banyak suara dari dunia bertemu di sini.<\/p>\n<div class=\"pj-hcaa__features\">\n<div class=\"pj-hcaa__feature\">\n<div class=\"pj-hcaa__feature-text\" data-en=\"A global literary award\" data-my=\"Anugerah kesusasteraan bertaraf global\">Anugerah kesusasteraan bertaraf global<\/div>\n<\/div>\n<div class=\"pj-hcaa__feature\">\n<div class=\"pj-hcaa__feature-text\" data-en=\"A platform for young readers\" data-my=\"Platform untuk pembaca muda\">Platform untuk pembaca muda<\/div>\n<\/div>\n<div class=\"pj-hcaa__feature\">\n<div class=\"pj-hcaa__feature-text\" data-en=\"Stronger international connections\" data-my=\"Perhubungan antarabangsa yang lebih erat\">Perhubungan antarabangsa yang lebih erat<\/div>\n<\/div>\n<div class=\"pj-hcaa__feature\">\n<div class=\"pj-hcaa__feature-text\" data-en=\"Creative spaces for tomorrow\" data-my=\"Ruang kreatif untuk masa depan\">Ruang kreatif untuk masa depan<\/div>\n<\/div>\n<\/div>\n<div class=\"pj-hcaa__actions\" role=\"group\" aria-label=\"HCAA links\">\n<a aria-label=\"Lihat perjalanan menuju HCAA\" class=\"pj-btn pj-btn-primary\" data-en=\"See the Journey\" data-my=\"Lihat Perjalanannya\" href=\"#journey\">\n Lihat Perjalanannya\n <svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\">\n<path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n<\/svg>\n<\/a>\n<a aria-label=\"Kenali HCAA\" class=\"pj-btn pj-btn-secondary\" data-en=\"Learn About HCAA\" data-my=\"Kenali HCAA\" href=\"https:\/\/www.ppas.gov.my\/hcaa_my\/\">\n Kenali HCAA\n <svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\">\n<path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n<\/svg>\n<\/a>\n<\/div>\n<\/div>\n<div class=\"pj-hcaa__visual pj-reveal\" data-pj-reveal=\"\">\n\n<img decoding=\"async\" alt=\"Malaysian child reading a storybook with cityscape in background\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/hcaa_prtu_people_banner.png\"\/>\n<\/div>\n<\/div>\n<\/section>\n\n<section aria-labelledby=\"pj-story-bridge-heading\" class=\"pj-section pj-story-bridge\">\n<div class=\"pj-container\">\n<div class=\"pj-story-bridge__inner pj-reveal\" data-pj-reveal=\"\">\n<span class=\"pj-eyebrow\" data-en=\"BEFORE THIS CHAPTER\" data-my=\"SEBELUM BAB INI\">SEBELUM BAB INI<\/span>\n<h2 data-en=\"HCAA is not the beginning. It is the next chapter.\" data-my=\"HCAA bukan titik permulaan. Ia ialah bab seterusnya.\" id=\"pj-story-bridge-heading\">HCAA bukan titik permulaan. Ia ialah bab seterusnya.<\/h2>\n<p data-en=\"So, what brought us here? Follow the chapters that shaped Pustaka Raja Tun Uda \u2014 from building a culture of reading, to nurturing young creators, growing a children's literature ecosystem and opening connections with the world.\" data-my=\"Jadi, apakah perjalanan yang membawa kita ke sini? Ikuti bab-bab yang membentuk Pustaka Raja Tun Uda \u2014 daripada membina budaya membaca, kepada memperkasa pencipta muda, membina ekosistem kesusasteraan kanak-kanak dan membuka hubungan dengan dunia.\">Jadi, apakah perjalanan yang membawa kita ke sini? Ikuti bab-bab yang membentuk Pustaka Raja Tun Uda \u2014 daripada membina budaya membaca, kepada memperkasa pencipta muda, membina ekosistem kesusasteraan kanak-kanak dan membuka hubungan dengan dunia.<\/p>\n<a class=\"pj-story-bridge__link\" data-en=\"Follow the Journey \u2193\" data-my=\"Ikuti Perjalanan \u2193\" href=\"#journey\">Ikuti Perjalanan \u2193<\/a>\n<\/div>\n<\/div>\n<\/section>\n\n<section aria-labelledby=\"pj-timeline-heading\" class=\"pj-section pj-timeline\" id=\"journey\">\n<div class=\"pj-container\">\n<div class=\"pj-section-header pj-reveal\" data-pj-reveal=\"\">\n<span class=\"pj-eyebrow\" data-en=\"THIS IS THE JOURNEY\" data-my=\"INILAH PERJALANANNYA\">INILAH PERJALANANNYA<\/span>\n<h2 data-en=\"From reading, to creating. From programmes, to an ecosystem. From Selangor, to the world.\" data-my=\"Daripada membaca, kepada mencipta. Daripada program, kepada ekosistem. Daripada Selangor, kepada dunia.\" id=\"pj-timeline-heading\">Daripada membaca, kepada mencipta. Daripada program, kepada ekosistem. Daripada Selangor, kepada dunia.<\/h2>\n<\/div>\n<ul aria-label=\"Chapters of PPAS journey\" class=\"pj-timeline__track pj-reveal\" data-pj-reveal=\"\" role=\"list\">\n\n<li aria-expanded=\"false\" class=\"pj-timeline__item\" data-pj-timeline-item=\"\">\n<div class=\"pj-timeline__dot\">\n\n<img decoding=\"async\" alt=\"\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/aktiviti-membaca_PPAS.jpg\"\/>\n<\/div>\n<div class=\"pj-timeline__content\">\n<span class=\"pj-timeline__year\" data-en=\"CHAPTER 01\" data-my=\"BAB 01\">CHAPTER 01<\/span>\n<h3 data-en=\"Reading & Promotion\" data-my=\"Promosi Membaca\">Reading & Promotion<\/h3>\n<p data-en=\"Nurturing a love of books, one child and one family at a time.\" data-my=\"Menyemai rasa cinta kepada buku, satu anak dan satu keluarga pada satu masa.\">Nurturing a love of books, one child and one family at a time.<\/p>\n<button aria-controls=\"timeline-more-chapter-01\" aria-expanded=\"false\" class=\"pj-timeline__toggle\" type=\"button\">\n<span data-en=\"Open This Chapter\" data-my=\"Buka Bab Ini\">Buka Bab Ini<\/span>\n<svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\">\n<path d=\"M6 9l6 6 6-6\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"pj-timeline__more\" data-en=\"Reading was brought closer to everyday life \u2014 so books could be part of children\u2019s and families\u2019 lives, not only something they found in a library.\" data-my=\"Kami membawa membaca lebih dekat kepada kehidupan seharian \u2014 supaya buku bukan hanya ditemui di perpustakaan, tetapi turut hadir dalam dunia anak-anak dan keluarga mereka.\" id=\"timeline-more-chapter-01\">Kami membawa membaca lebih dekat kepada kehidupan seharian \u2014 supaya buku bukan hanya ditemui di perpustakaan, tetapi turut hadir dalam dunia anak-anak dan keluarga mereka.<\/div>\n<\/div>\n<\/li>\n\n<li aria-expanded=\"false\" class=\"pj-timeline__item\" data-pj-timeline-item=\"\">\n<div class=\"pj-timeline__dot\">\n\n<img decoding=\"async\" alt=\"\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/reading_promotion.jpg\"\/>\n<\/div>\n<div class=\"pj-timeline__content\">\n<span class=\"pj-timeline__year\" data-en=\"CHAPTER 02\" data-my=\"BAB 02\">CHAPTER 02<\/span>\n<h3 data-en=\"Pop Membaca Campaign\" data-my=\"Kempen Pop Membaca\">Pop Membaca Campaign<\/h3>\n<p data-en=\"We wanted books to come closer to people, rather than asking people to come looking for them.\" data-my=\"Kami mahu buku datang kepada masyarakat, bukan menunggu masyarakat datang mencarinya.\">We wanted books to come closer to people, rather than asking people to come looking for them.<\/p>\n<button aria-controls=\"timeline-more-chapter-02\" aria-expanded=\"false\" class=\"pj-timeline__toggle\" type=\"button\">\n<span data-en=\"Open This Chapter\" data-my=\"Buka Bab Ini\">Buka Bab Ini<\/span>\n<svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\">\n<path d=\"M6 9l6 6 6-6\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"pj-timeline__more\" data-en=\"Books were taken to places where people naturally gather \u2014 community centres, night markets and public events \u2014 because everyone deserves the chance to meet a story.\" data-my=\"Buku dibawa ke tempat orang ramai berkumpul \u2014 ke pusat komuniti, pasar malam dan acara awam \u2014 kerana setiap orang berhak mempunyai peluang untuk bertemu sebuah cerita.\" id=\"timeline-more-chapter-02\">Buku dibawa ke tempat orang ramai berkumpul \u2014 ke pusat komuniti, pasar malam dan acara awam \u2014 kerana setiap orang berhak mempunyai peluang untuk bertemu sebuah cerita.<\/div>\n<\/div>\n<\/li>\n\n<li aria-expanded=\"false\" class=\"pj-timeline__item\" data-pj-timeline-item=\"\">\n<div class=\"pj-timeline__dot\">\n\n<img decoding=\"async\" alt=\"\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/scbf2026.jpg\"\/>\n<\/div>\n<div class=\"pj-timeline__content\">\n<span class=\"pj-timeline__year\" data-en=\"CHAPTER 03\" data-my=\"BAB 03\">CHAPTER 03<\/span>\n<h3 data-en=\"Selangor Children\u2019s Literature Festival (SCLF)\" data-my=\"Festival Sastera Kanak-Kanak Selangor\">Selangor Children\u2019s Literature Festival<\/h3>\n<p data-en=\"Rooted in the Selangor Children\u2019s Book Fair, it has blossomed into a larger journey \u2014 nurturing stories, imagination, and a lasting love for children\u2019s literature.\" data-my=\"Berakar daripada Pesta Buku Kanak-Kanak Selangor, lalu berkembang menjadi sebuah perjalanan yang lebih besar untuk dunia sastera kanak-kanak.\">Giving children\u2019s books, ideas and local talent a place to be seen, heard and celebrated.<\/p>\n<button aria-controls=\"timeline-more-chapter-03\" aria-expanded=\"false\" class=\"pj-timeline__toggle\" type=\"button\">\n<span data-en=\"Open This Chapter\" data-my=\"Buka Bab Ini\">Buka Bab Ini<\/span>\n<svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\">\n<path d=\"M6 9l6 6 6-6\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"pj-timeline__more\" data-en=\"Here, writers, illustrators, publishers and young readers come together to share their work and celebrate the world of books.\" data-my=\"Di sinilah penulis, ilustrator, penerbit dan pembaca muda dapat bertemu, berkongsi karya dan meraikan dunia buku bersama-sama.\" id=\"timeline-more-chapter-03\">Di sinilah penulis, ilustrator, penerbit dan pembaca muda dapat bertemu, berkongsi karya dan meraikan dunia buku bersama-sama.<\/div>\n<\/div>\n<\/li>\n\n<li aria-expanded=\"false\" class=\"pj-timeline__item\" data-pj-timeline-item=\"\">\n<div class=\"pj-timeline__dot\">\n\n<img decoding=\"async\" alt=\"Yusof Gajah Illustration Award\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2024\/09\/YGIA-02-2.png\"\/>\n<\/div>\n<div class=\"pj-timeline__content\">\n<span class=\"pj-timeline__year\" data-en=\"CHAPTER 04\" data-my=\"BAB 04\">CHAPTER 04<\/span>\n<h3 data-en=\"Yusof Gajah Illustration Award\" data-my=\"Anugerah Ilustrasi Yusof Gajah\">Yusof Gajah Illustration Award<\/h3>\n<p data-en=\"Where imagination finds its colours, and stories begin to speak through pictures.\" data-my=\"Di sinilah imaginasi menemukan warnanya, dan cerita mula berbicara melalui gambar.\">Where imagination finds its colours, and stories begin to speak through pictures.<\/p>\n<button aria-controls=\"timeline-more-chapter-04\" aria-expanded=\"false\" class=\"pj-timeline__toggle\" type=\"button\">\n<span data-en=\"Open This Chapter\" data-my=\"Buka Bab Ini\">Buka Bab Ini<\/span>\n<svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\">\n<path d=\"M6 9l6 6 6-6\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"pj-timeline__more\" data-en=\"Our journey through children\u2019s literature is not only about encouraging children to read. It is also about nurturing the people who create the stories they love. Through the Yusof Gajah Illustration Award, PPAS celebrates visual storytelling and creates a platform for illustrators to develop, share and be recognised for their work.\" data-my=\"Perjalanan kami dalam kesusasteraan kanak-kanak bukan sekadar tentang menggalakkan kanak-kanak membaca. Ia juga tentang membina dan menyokong bakat yang mencipta cerita yang mereka gemari. Melalui Yusof Gajah Illustration Award, PPAS meraikan penceritaan visual serta menyediakan platform untuk ilustrator mengembangkan bakat, berkongsi karya dan mendapat pengiktirafan.\" id=\"timeline-more-chapter-04\">Our journey through children\u2019s literature is not only about encouraging children to read. It is also about nurturing the people who create the stories they love. Through the Yusof Gajah Illustration Award, PPAS celebrates visual storytelling and creates a platform for illustrators to develop, share and be recognised for their work.<\/div>\n<\/div>\n<\/li>\n\n<li aria-expanded=\"false\" class=\"pj-timeline__item\" data-pj-timeline-item=\"\">\n<div class=\"pj-timeline__dot\">\n\n<img decoding=\"async\" alt=\"\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/research_and_archieve.png\"\/>\n<\/div>\n<div class=\"pj-timeline__content\">\n<span class=\"pj-timeline__year\" data-en=\"CHAPTER 05\" data-my=\"BAB 05\">CHAPTER 05<\/span>\n<h3 data-en=\"Heritage & Archive\" data-my=\"Warisan & Arkib\">Research & Archive<\/h3>\n<p data-en=\"What we preserve today becomes knowledge and stories that can be passed on to the generations after us.\" data-my=\"Apa yang kita simpan hari ini menjadi cerita dan ilmu yang boleh diwariskan kepada generasi akan datang.\">What we preserve today becomes knowledge and stories that can be passed on to the generations after us.<\/p>\n<button aria-controls=\"timeline-more-chapter-05\" aria-expanded=\"false\" class=\"pj-timeline__toggle\" type=\"button\">\n<span data-en=\"Open This Chapter\" data-my=\"Buka Bab Ini\">Buka Bab Ini<\/span>\n<svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\">\n<path d=\"M6 9l6 6 6-6\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"pj-timeline__more\" data-en=\"We preserve works, knowledge and the journey of children\u2019s literature so that what is built today is not lost, and future generations can continue to learn from it.\" data-my=\"Kami menyimpan karya, pengetahuan dan jejak perjalanan kesusasteraan kanak-kanak supaya apa yang dibina hari ini tidak hilang, dan generasi akan datang masih boleh belajar daripadanya.\" id=\"timeline-more-chapter-05\">Kami menyimpan karya, pengetahuan dan jejak perjalanan kesusasteraan kanak-kanak supaya apa yang dibina hari ini tidak hilang, dan generasi akan datang masih boleh belajar daripadanya.<\/div>\n<\/div>\n<\/li>\n\n<li aria-expanded=\"false\" class=\"pj-timeline__item\" data-pj-timeline-item=\"\">\n<div class=\"pj-timeline__dot\">\n\n<img decoding=\"async\" alt=\"\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/international_partnership_ppas.jpg\"\/>\n<\/div>\n<div class=\"pj-timeline__content\">\n<span class=\"pj-timeline__year\" data-en=\"CHAPTER 06\" data-my=\"BAB 06\">CHAPTER 06<\/span>\n<h3 data-en=\"International Partnerships\" data-my=\"Perkongsian Antarabangsa\">International Partnerships<\/h3>\n<p data-en=\"When we share stories, distances feel smaller and we learn to understand one another.\" data-my=\"Apabila kita berkongsi cerita, jarak menjadi lebih dekat dan kita belajar memahami satu sama lain.\">When we share stories, distances feel smaller and we learn to understand one another.<\/p>\n<button aria-controls=\"timeline-more-chapter-06\" aria-expanded=\"false\" class=\"pj-timeline__toggle\" type=\"button\">\n<span data-en=\"Open This Chapter\" data-my=\"Buka Bab Ini\">Buka Bab Ini<\/span>\n<svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\">\n<path d=\"M6 9l6 6 6-6\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"pj-timeline__more\" id=\"timeline-more-chapter-06\">\n <p class=\"pj-story-audio-copy\" data-my=\"Kami mula menyedari bahawa cerita yang baik tidak seharusnya berhenti di tempat ia bermula. Kita sudah melihat pelbagai cerita dilahirkan, karya dihasilkan dan bakat tempatan berkembang. Melalui Yusof Gajah Illustration Award, kita mula menyediakan ruang untuk pencipta berkongsi karya dan mendapat pengiktirafan. Namun, sebuah cerita memerlukan jambatan untuk sampai lebih jauh \u2014 menghubungkan pencipta dengan pembaca, karya dengan penerbit, dan bakat tempatan dengan dunia. Sebab itu kami mahu belajar daripada mereka yang telah membawa karya mereka melangkaui sempadan \u2014 memahami bagaimana sebuah cerita boleh berkembang daripada sebuah idea, menjadi karya, diterbitkan, dikongsikan dan akhirnya menemui pembaca di serata dunia.\" data-en=\"We began to realise that a good story should not have to stop where it begins. We have seen stories take shape, works come to life and local talent grow. Through the Yusof Gajah Illustration Award, we began creating space for creators to share their work and be recognised. Yet a story needs bridges to travel further \u2014 connecting creators with readers, works with publishers, and local talent with the world. That is why we want to learn from those who have taken their work beyond borders \u2014 to understand how a story can grow from an idea, become a work, be published, shared and eventually find readers around the world.\">Kami mula menyedari bahawa cerita yang baik tidak seharusnya berhenti di tempat ia bermula. Kita sudah melihat pelbagai cerita dilahirkan, karya dihasilkan dan bakat tempatan berkembang. Melalui Yusof Gajah Illustration Award, kita mula menyediakan ruang untuk pencipta berkongsi karya dan mendapat pengiktirafan. Namun, sebuah cerita memerlukan jambatan untuk sampai lebih jauh \u2014 menghubungkan pencipta dengan pembaca, karya dengan penerbit, dan bakat tempatan dengan dunia. Sebab itu kami mahu belajar daripada mereka yang telah membawa karya mereka melangkaui sempadan \u2014 memahami bagaimana sebuah cerita boleh berkembang daripada sebuah idea, menjadi karya, diterbitkan, dikongsikan dan akhirnya menemui pembaca di serata dunia.<\/p>\n\n <div class=\"pj-story-quote\">\n <p data-my=\"Sebuah kisah mungkin bermula di satu tempat. Namun maknanya boleh sampai jauh lebih luas.\" data-en=\"A story may begin in one place. But its meaning can travel much further.\">Sebuah kisah mungkin bermula di satu tempat. Namun maknanya boleh sampai jauh lebih luas.<\/p>\n <\/div>\n\n <div class=\"pj-story-path\" aria-label=\"From a story to a wider world\">\n <div class=\"pj-story-path__title\" data-my=\"Daripada sebuah kisah, ke dunia yang lebih luas\" data-en=\"From a story to a wider world\">Daripada sebuah kisah, ke dunia yang lebih luas<\/div>\n <div class=\"pj-story-path__flow\">\n <div class=\"pj-story-path__step\">\n <div class=\"pj-story-path__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 3H11v16H6.5A2.5 2.5 0 0 0 4 21.5z\"\/><path d=\"M20 5.5A2.5 2.5 0 0 0 17.5 3H13v16h4.5a2.5 2.5 0 0 1 2.5 2.5z\"\/><\/svg><\/div>\n <span class=\"pj-story-path__label\" data-my=\"Kisah\" data-en=\"Story\">Kisah<\/span>\n <\/div>\n <div class=\"pj-story-path__step\">\n <div class=\"pj-story-path__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20l1.7-5.2L16.8 3.7a2.1 2.1 0 0 1 3 3L8.7 17.8z\"\/><path d=\"M14.8 5.7l3.5 3.5\"\/><\/svg><\/div>\n <span class=\"pj-story-path__label\" data-my=\"Karya\" data-en=\"Create\">Karya<\/span>\n <\/div>\n <div class=\"pj-story-path__step\">\n <div class=\"pj-story-path__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 4h14v16H5z\"\/><path d=\"M8 8h8M8 12h8M8 16h5\"\/><\/svg><\/div>\n <span class=\"pj-story-path__label\" data-my=\"Terbit\" data-en=\"Publish\">Terbit<\/span>\n <\/div>\n <div class=\"pj-story-path__step\">\n <div class=\"pj-story-path__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 6h16v11H4z\"\/><path d=\"M8 20h8M12 17v3\"\/><path d=\"M8 10l3 3 5-5\"\/><\/svg><\/div>\n <span class=\"pj-story-path__label\" data-my=\"Kongsi\" data-en=\"Share\">Kongsi<\/span>\n <\/div>\n <div class=\"pj-story-path__step\">\n <div class=\"pj-story-path__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><path d=\"M3.8 12h16.4M12 3.5c2.2 2.4 3.3 5.2 3.3 8.5S14.2 18.1 12 20.5M12 3.5C9.8 5.9 8.7 8.7 8.7 12s1.1 6.1 3.3 8.5\"\/><\/svg><\/div>\n <span class=\"pj-story-path__label\" data-my=\"Dunia\" data-en=\"World\">Dunia<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <button class=\"pj-story-audio\" type=\"button\" data-my-label=\"Dengar Bab Ini\" data-en-label=\"Listen to This Chapter\" aria-label=\"Dengar Bab Ini\">\n <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M4 10v4h4l5 4V6l-5 4z\"\/><path d=\"M16 9.5a4 4 0 0 1 0 5M18.5 7a7 7 0 0 1 0 10\"\/><\/svg>\n <span>Dengar Bab Ini<\/span>\n <\/button>\n<\/div>\n<\/div>\n<\/li>\n\n<li aria-expanded=\"false\" class=\"pj-timeline__item\" data-pj-timeline-item=\"\">\n<div class=\"pj-timeline__dot\">\n\n<img decoding=\"async\" alt=\"\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/strenghtening_ecosystem_ppas.jpg\"\/>\n<\/div>\n<div class=\"pj-timeline__content\">\n<span class=\"pj-timeline__year\" data-en=\"CHAPTER 07\" data-my=\"BAB 07\">CHAPTER 07<\/span>\n<h3 data-en=\"Strengthening the Ecosystem\" data-my=\"Memperkukuh Ekosistem\">Strengthening the Ecosystem<\/h3>\n<p data-en=\"This journey continues to grow as more people read, create, teach and share.\" data-my=\"Perjalanan ini terus hidup apabila semakin ramai membaca, mencipta, mengajar dan berkongsi.\">This journey continues to grow as more people read, create, teach and share.<\/p>\n<button aria-controls=\"timeline-more-chapter-07\" aria-expanded=\"false\" class=\"pj-timeline__toggle\" type=\"button\">\n<span data-en=\"Open This Chapter\" data-my=\"Buka Bab Ini\">Buka Bab Ini<\/span>\n<svg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\">\n<path d=\"M6 9l6 6 6-6\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"pj-timeline__more\" data-en=\"Today, this journey brings together readers, writers, illustrators, publishers, educators and communities, because the future of literacy cannot be built by one group alone.\" data-my=\"Hari ini, perjalanan itu melibatkan ramai \u2014 pembaca, penulis, ilustrator, penerbit, pendidik dan komuniti \u2014 kerana masa depan literasi tidak dibina oleh satu pihak sahaja.\" id=\"timeline-more-chapter-07\">Hari ini, perjalanan itu melibatkan ramai \u2014 pembaca, penulis, ilustrator, penerbit, pendidik dan komuniti \u2014 kerana masa depan literasi tidak dibina oleh satu pihak sahaja.<\/div>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/section>\n\n<section aria-labelledby=\"pj-child-heading\" class=\"pj-section pj-child\" id=\"belief\">\n<div class=\"pj-container pj-child__grid\">\n<div class=\"pj-child__photo pj-reveal\" data-pj-reveal=\"\">\n\n<img decoding=\"async\" alt=\"Young Malaysian girl smiling with stack of colorful storybooks\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/pembaca_kecil_peluang_besar5.jpg\"\/>\n<span class=\"pj-child__tag\" data-en=\"Small Readers, Big Possibilities\" data-my=\"Pembaca Kecil, Peluang Besar\">Pembaca Kecil, Peluang Besar<\/span>\n<\/div>\n<div class=\"pj-reveal\" data-pj-reveal=\"\">\n<span class=\"pj-eyebrow\" data-en=\"OUR BELIEF\" data-my=\"PERCAYAAN KAMI\">PERCAYAAN KAMI<\/span>\n<h2 class=\"pj-child__heading\" id=\"pj-child-heading\">\n<span data-en=\"Every Child\" data-my=\"Setiap Kanak-Kanak\">Setiap Kanak-Kanak<\/span>\n<span class=\"highlight\" data-en=\"Deserves a Story That Matters\" data-my=\"Berhak Menemui Kisah Yang Bermakna\">Berhak Menemui Kisah Yang Bermakna<\/span>\n<\/h2>\n<p data-en=\"We believe every child deserves a story that makes them curious, gives them courage to dream, and helps them believe in themselves. That is why we keep creating spaces to read, create and grow together.\" data-my=\"Kami percaya setiap anak berhak menemukan sebuah cerita yang membuat mereka ingin tahu, berani bermimpi dan percaya pada diri sendiri. Sebab itu, kami terus membuka ruang untuk membaca, mencipta dan membesar bersama.\">Kami percaya setiap anak berhak menemukan sebuah cerita yang membuat mereka ingin tahu, berani bermimpi dan percaya pada diri sendiri. Sebab itu, kami terus membuka ruang untuk membaca, mencipta dan membesar bersama.<\/p>\n<a class=\"pj-btn pj-btn-outline\" data-en=\"Discover Our Journey\" data-my=\"Terokai Perjalanan Kami\" href=\"#journey\" style=\"margin-top: var(--pj-space-md)\">\n Terokai Perjalanan Kami \u2192\n <\/a>\n<div class=\"pj-belief-grid\">\n<div class=\"pj-belief-card\">\n<div class=\"pj-belief-card__icon\" aria-hidden=\"true\">\n<svg viewBox=\"0 0 24 24\"><path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 3H11v16H6.5A2.5 2.5 0 0 0 4 21.5z\"\/><path d=\"M20 5.5A2.5 2.5 0 0 0 17.5 3H13v16h4.5a2.5 2.5 0 0 1 2.5 2.5z\"\/><\/svg>\n<\/div>\n<h4 data-en=\"Read\" data-my=\"Baca\">Baca<\/h4>\n<p data-en=\"We want reading to feel close, joyful and naturally part of everyday life.\" data-my=\"Kami mahu membaca terasa dekat, menyeronokkan dan menjadi sebahagian daripada hidup.\">Kami mahu membaca terasa dekat, menyeronokkan dan menjadi sebahagian daripada hidup.<\/p>\n<\/div>\n<div class=\"pj-belief-card\">\n<div class=\"pj-belief-card__icon\" aria-hidden=\"true\">\n<svg viewBox=\"0 0 24 24\"><path d=\"M12 3l.9 2.7L15.5 7l-2.6.9L12 10.5l-.9-2.6L8.5 7l2.6-1.3z\"\/><path d=\"M18.5 11l.5 1.5 1.5.5-1.5.5-.5 1.5-.5-1.5-1.5-.5 1.5-.5z\"\/><path d=\"M7 13l1 3 3 1-3 1-1 3-1-3-3-1 3-1z\"\/><\/svg>\n<\/div>\n<h4 data-en=\"Imagine\" data-my=\"Bayangkan\">Bayangkan<\/h4>\n<p data-en=\"Sometimes, one small story can open a world we never imagined.\" data-my=\"Kadang-kadang, sebuah kisah kecil boleh membuka dunia yang belum pernah kita bayangkan.\">Kadang-kadang, sebuah kisah kecil boleh membuka dunia yang belum pernah kita bayangkan.<\/p>\n<\/div>\n<div class=\"pj-belief-card\">\n<div class=\"pj-belief-card__icon\" aria-hidden=\"true\">\n<svg viewBox=\"0 0 24 24\"><path d=\"M4 20l1.7-5.2L16.8 3.7a2.1 2.1 0 0 1 3 3L8.7 17.8z\"\/><path d=\"M14.8 5.7l3.5 3.5\"\/><path d=\"M4 20l3.8-1.2\"\/><\/svg>\n<\/div>\n<h4 data-en=\"Create\" data-my=\"Cipta\">Cipta<\/h4>\n<p data-en=\"Children are not only readers; they have stories and ideas of their own to create.\" data-my=\"Anak-anak bukan hanya pembaca; mereka juga mempunyai cerita dan idea untuk dicipta.\">Anak-anak bukan hanya pembaca; mereka juga mempunyai cerita dan idea untuk dicipta.<\/p>\n<\/div>\n<div class=\"pj-belief-card\">\n<div class=\"pj-belief-card__icon\" aria-hidden=\"true\">\n<svg viewBox=\"0 0 24 24\"><path d=\"M4 5.5h10a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3H9l-4 3v-3.2a3 3 0 0 1-1-2.3v-5.5a3 3 0 0 1 3-3z\"\/><path d=\"M14 8.5h4a3 3 0 0 1 3 3v3a3 3 0 0 1-1 2.3V19l-3.5-2.5H14\"\/><\/svg>\n<\/div>\n<h4 data-en=\"Connect\" data-my=\"Hubungkan\">Hubungkan<\/h4>\n<p data-en=\"A story can bring different people together and remind us that we are not alone.\" data-my=\"Sebuah cerita boleh menemukan orang yang berbeza dan membuat kita rasa tidak bersendirian.\">Sebuah cerita boleh menemukan orang yang berbeza dan membuat kita rasa tidak bersendirian.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section aria-labelledby=\"pj-ecosystem-heading\" class=\"pj-section pj-ecosystem\" id=\"activities\">\n<div class=\"pj-container\">\n<div class=\"pj-section-header pj-reveal\" data-pj-reveal=\"\">\n<span class=\"pj-eyebrow\" data-en=\"FROM READING TO CREATING\" data-my=\"DARIPADA MEMBACA KEPADA MENCIPTA\">DARIPADA MEMBACA KEPADA MENCIPTA<\/span>\n<h2 data-en=\"When children begin to read, they discover more than books. They begin to question, imagine, create and share with others.\" data-my=\"Apabila anak-anak mula membaca, mereka bukan sekadar mengenal buku. Mereka mula bertanya, membayangkan, mencipta dan berkongsi dengan orang lain.\" id=\"pj-ecosystem-heading\">Apabila anak-anak mula membaca, mereka bukan sekadar mengenal buku. Mereka mula bertanya, membayangkan, mencipta dan berkongsi dengan orang lain.<\/h2>\n<\/div>\n<div class=\"pj-ecosystem__grid pj-reveal\" data-pj-reveal=\"\">\n<div class=\"pj-eco-card pj-eco-card--read\">\n<div class=\"pj-eco-card__photo\">\n\n<img decoding=\"async\" alt=\"Children listening to storytelling session\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/children_listening_storytelling_session2.jpg\"\/>\n<\/div>\n<div class=\"pj-eco-card__body\">\n<span class=\"pj-eco-card__badge\" data-en=\"READ\" data-my=\"BACA\">BACA<\/span>\n<ul>\n<li data-en=\"Storytelling\" data-my=\"Bercerita\">Bercerita<\/li>\n<li data-en=\"Pop Membaca\" data-my=\"Pop Membaca\">Pop Membaca<\/li>\n<li data-en=\"Reading campaigns\" data-my=\"Kempen membaca\">Kempen membaca<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"pj-eco-card pj-eco-card--create\">\n<div class=\"pj-eco-card__photo\">\n\n<img decoding=\"async\" alt=\"Children drawing and illustrating together\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/children_drawing_illustrating_together.jpg\"\/>\n<\/div>\n<div class=\"pj-eco-card__body\">\n<span class=\"pj-eco-card__badge\" data-en=\"CREATE\" data-my=\"CIPTA\">CIPTA<\/span>\n<ul>\n<li data-en=\"Drawing & Illustration\" data-my=\"Lukisan & ilustrasi\">Lukisan & ilustrasi<\/li>\n<li data-en=\"Creative writing\" data-my=\"Penulisan kreatif\">Penulisan kreatif<\/li>\n<li data-en=\"Comics\" data-my=\"Komik\">Komik<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"pj-eco-card pj-eco-card--experience\">\n<div class=\"pj-eco-card__photo\">\n\n<img decoding=\"async\" alt=\"Children enjoying puppet show\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/children_enjoying_puppet.jpg\"\/>\n<\/div>\n<div class=\"pj-eco-card__body\">\n<span class=\"pj-eco-card__badge\" data-en=\"EXPERIENCE\" data-my=\"ALAMI\">ALAMI<\/span>\n<ul>\n<li data-en=\"Theatre\" data-my=\"Teater\">Teater<\/li>\n<li data-en=\"Puppetry\" data-my=\"Boneka\">Boneka<\/li>\n<li data-en=\"Hands-on activities\" data-my=\"Aktiviti langsung\">Aktiviti langsung<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"pj-eco-card pj-eco-card--grow\">\n<div class=\"pj-eco-card__photo\">\n\n<img decoding=\"async\" alt=\"Family participating in library programme\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/family_participating_library_programme.jpg\"\/>\n<\/div>\n<div class=\"pj-eco-card__body\">\n<span class=\"pj-eco-card__badge\" data-en=\"GROW TOGETHER\" data-my=\"MELANGKAH BERSAMA\">BESAR BERSAMA<\/span>\n<ul>\n<li data-en=\"Family programmes\" data-my=\"Program keluarga\">Program keluarga<\/li>\n<li data-en=\"School outreach\" data-my=\"Jangkauan sekolah\">Jangkauan sekolah<\/li>\n<li data-en=\"Community programmes\" data-my=\"Program komuniti\">Program komuniti<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"pj-eco-card pj-eco-card--share\">\n<div class=\"pj-eco-card__photo\">\n\n<img decoding=\"async\" alt=\"Group photo at children's book festival\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/group_photo_scbf.jpg\"\/>\n<\/div>\n<div class=\"pj-eco-card__body\">\n<span class=\"pj-eco-card__badge\" data-en=\"SHARE\" data-my=\"KONGSI\">KONGSI<\/span>\n<ul>\n<li data-en=\"Festivals\" data-my=\"Festival\">Festival<\/li>\n<li data-en=\"Exhibitions\" data-my=\"Pameran\">Pameran<\/li>\n<li data-en=\"International programmes\" data-my=\"Program antarabangsa\">Program antarabangsa<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section aria-labelledby=\"pj-festivals-heading\" class=\"pj-section pj-festivals\" id=\"festivals\">\n<div class=\"pj-container\">\n<div class=\"pj-section-header pj-reveal\" data-pj-reveal=\"\">\n<span class=\"pj-eyebrow\" data-en=\"WHEN STORIES BRING US TOGETHER\" data-my=\"APABILA KISAH MENYATUKAN KITA\">APABILA KISAH MENYATUKAN KITA<\/span>\n<h2 data-en=\"At every festival, we see the same thing: when a story is shared, people come closer \u2014 to read, listen, create and celebrate together.\" data-my=\"Di setiap festival, kami melihat perkara yang sama: apabila sebuah cerita dikongsi, orang ramai datang lebih dekat \u2014 untuk membaca, mendengar, mencipta dan meraikan bersama.\" id=\"pj-festivals-heading\">Di setiap festival, kami melihat perkara yang sama: apabila sebuah cerita dikongsi, orang ramai datang lebih dekat \u2014 untuk membaca, mendengar, mencipta dan meraikan bersama.<\/h2>\n<\/div>\n<div class=\"pj-festivals__grid pj-reveal\" data-pj-reveal=\"\">\n<article class=\"pj-fest-card\">\n<div class=\"pj-fest-card__accent\" style=\"background: var(--pj-purple)\"><\/div>\n<div class=\"pj-fest-card__photo\">\n\n<img decoding=\"async\" alt=\"Crowd at Selangor Children's Literature Festival\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/crow_sclf_2026.jpg\"\/>\n<\/div>\n<div class=\"pj-fest-card__body\" id=\"sclf\">\n<h3>SCLF<\/h3>\n<p><strong data-en=\"Selangor Children's Literature Festival\" data-my=\"Festival Kesusasteraan Kanak-Kanak Selangor\">Festival Kesusasteraan Kanak-Kanak Selangor<\/strong><\/p>\n<p data-en=\"A place where stories, creativity and readers meet.\" data-my=\"Tempat cerita, kreativiti dan pembaca bertemu.\">Tempat cerita, kreativiti dan pembaca bertemu.<\/p>\n<a class=\"pj-btn pj-btn-outline pj-btn-sm\" data-en=\"Discover More\" data-my=\"Ketahui Lagi\" href=\"http:\/\/www.ppas.gov.my\/sclf\/\">Ketahui Lagi \u2192<\/a>\n<\/div>\n<\/article>\n<article class=\"pj-fest-card\">\n<div class=\"pj-fest-card__accent\" style=\"background: var(--pj-teal)\"><\/div>\n<div class=\"pj-fest-card__photo\">\n\n<img decoding=\"async\" alt=\"Child reading at Selangor Children's Book Fair\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/child_reading_at_selangor_children_book_fair.jpg\"\/>\n<\/div>\n<div class=\"pj-fest-card__body\" id=\"scbf\">\n<h3>SIBF<\/h3>\n<p><strong data-en=\"Selangor International Book Fair\" data-my=\"Pesta Buku Antarabangsa Selangor\">Pesta Buku Antarabangsa Selangor<\/strong><\/p>\n<p data-en=\"Bringing the world closer through books, stories and connections across cultures.\" data-my=\"Membawa dunia lebih dekat melalui buku, cerita dan pertemuan yang merentas budaya\">Membawa buku lebih dekat kepada masyarakat dan menjadikan membaca pengalaman yang dikongsi bersama.<\/p>\n<a class=\"pj-btn pj-btn-outline pj-btn-sm\" data-en=\"Discover More\" data-my=\"Ketahui Lagi\" href=\"https:\/\/sibf.my\/\">Ketahui Lagi \u2192<\/a>\n<\/div>\n<\/article>\n<article class=\"pj-fest-card\">\n<div class=\"pj-fest-card__accent\" style=\"background: var(--pj-terracotta)\"><\/div>\n<div class=\"pj-fest-card__photo\">\n\n<img decoding=\"async\" alt=\"Yusof Gajah Illustration Award\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/ygia_pemenang_2025.jpg\"\/>\n<\/div>\n<div class=\"pj-fest-card__body\">\n<h3>YGIA<\/h3>\n<p><strong data-en=\"Yusof Gajah Illustration Award\" data-my=\"Anugerah Ilustrasi Yusof Gajah\">Anugerah Ilustrasi Yusof Gajah<\/strong><\/p>\n<p data-en=\"Celebrating visual storytelling and creating a platform for illustrators to develop, share and be recognised for their work.\" data-my=\"Meraikan penceritaan visual dan menyediakan ruang untuk ilustrator mengembangkan bakat, berkongsi karya serta mendapat pengiktirafan.\">Meraikan penceritaan visual dan menyediakan ruang untuk ilustrator mengembangkan bakat, berkongsi karya serta mendapat pengiktirafan.<\/p>\n<a class=\"pj-btn pj-btn-outline pj-btn-sm\" data-en=\"Discover More\" data-my=\"Ketahui Lagi\" href=\"https:\/\/sibf.my\/ygia\/\">Ketahui Lagi \u2192<\/a>\n<\/div>\n<\/article>\n<article class=\"pj-fest-card\">\n<div class=\"pj-fest-card__accent\" style=\"background: var(--pj-marigold)\"><\/div>\n<div class=\"pj-fest-card__photo\">\n\n<img decoding=\"async\" alt=\"Performer at Storytelling Festival\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/performer_storytelling_festival.jpg\"\/>\n<\/div>\n<div class=\"pj-fest-card__body\" id=\"storytelling\">\n<h3 data-en=\"A Space for Stories\" data-my=\"Ruang Bercerita\">Ruang Bercerita<\/h3>\n<p data-en=\"When voice, movement and story come together, a story feels alive before us.\" data-my=\"Apabila suara, gerak dan cerita bertemu, sebuah kisah terasa hidup di hadapan kita.\">Apabila suara, gerak dan cerita bertemu, sebuah kisah terasa hidup di hadapan kita.<\/p>\n\n<div class=\"pj-story-reveal\" data-pj-story-reveal aria-expanded=\"false\">\n <button class=\"pj-story-reveal__toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"pj-storytelling-panel\" data-en-label=\"Open Story\" data-my-label=\"Buka Kisah\">\n <span data-en=\"Open Story\" data-my=\"Buka Kisah\">Buka Kisah<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M6 9l6 6 6-6\"\/>\n <\/svg>\n <\/button>\n\n <div class=\"pj-story-reveal__panel\" id=\"pj-storytelling-panel\" aria-hidden=\"true\">\n <div class=\"pj-story-reveal__panel-inner\">\n <div class=\"pj-story-reveal__panel-content\">\n <span class=\"pj-story-reveal__label\" data-en=\"Stories We Create Together\" data-my=\"Kisah Yang Kita Bina Bersama\">Kisah Yang Kita Bina Bersama<\/span>\n\n <p data-en=\"We work with agencies, departments, NGOs and other partners to bring storytelling closer to children and communities. Through stories, songs, conversations and creative activities, children are given space to listen, imagine, learn and connect.\" data-my=\"Kami bekerjasama dengan agensi, jabatan, NGO dan pelbagai rakan untuk membawa pengalaman bercerita lebih dekat kepada kanak-kanak dan komuniti. Melalui cerita, lagu, perbualan dan aktiviti kreatif, anak-anak diberi ruang untuk mendengar, membayangkan, belajar dan berhubung.\">Kami bekerjasama dengan agensi, jabatan, NGO dan pelbagai rakan untuk membawa pengalaman bercerita lebih dekat kepada kanak-kanak dan komuniti. Melalui cerita, lagu, perbualan dan aktiviti kreatif, anak-anak diberi ruang untuk mendengar, membayangkan, belajar dan berhubung.<\/p>\n\n <p data-en=\"One of these journeys is our collaboration with YAWAS through \u201cRiang Ria Dunia Membaca\u201d \u2014 a storytelling initiative that has been nurturing a love of reading and helping children discover language, culture and the world through stories.\" data-my=\"Salah satu perjalanan ini ialah kerjasama bersama YAWAS melalui \u201cRiang Ria Dunia Membaca\u201d \u2014 sebuah inisiatif bercerita yang menyemai minat membaca dan membantu anak-anak mengenali bahasa, budaya dan dunia melalui cerita.\">Salah satu perjalanan ini ialah kerjasama bersama YAWAS melalui \u201cRiang Ria Dunia Membaca\u201d \u2014 sebuah inisiatif bercerita yang menyemai minat membaca dan membantu anak-anak mengenali bahasa, budaya dan dunia melalui cerita.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<\/div>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n\n<section aria-labelledby=\"pj-knowledge-heading\" class=\"pj-section pj-together\" id=\"knowledge\">\n<div class=\"pj-container\">\n<div class=\"pj-together__grid\">\n<div class=\"pj-knowledge pj-reveal\" data-pj-reveal=\"\">\n<div class=\"pj-together__icon\" aria-hidden=\"true\" title=\"Pengetahuan & Penyelidikan\">\n<svg viewBox=\"0 0 24 24\">\n<path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 3H11v17H6.5A2.5 2.5 0 0 0 4 22.5z\"\/>\n<path d=\"M20 5.5A2.5 2.5 0 0 0 17.5 3H13v17h4.5a2.5 2.5 0 0 1 2.5 2.5z\"\/>\n<circle cx=\"17.5\" cy=\"16.5\" r=\"3.2\"\/>\n<path d=\"M19.8 18.8L22 21\"\/>\n<\/svg>\n<\/div>\n<div class=\"pj-knowledge__eyebrow\" data-en=\"KNOWLEDGE & RESEARCH\" data-my=\"PENGETAHUAN & PENYELIDIKAN\">PENGETAHUAN & PENYELIDIKAN<\/div>\n<h2 class=\"pj-knowledge__title\" data-en=\"Selangor Info Hub\" data-my=\"Selangor Info Hub\" id=\"pj-knowledge-heading\">Selangor Info Hub<\/h2>\n<p class=\"pj-knowledge__tagline\" data-en=\"A dedicated space for discovering Selangor.\" data-my=\"Ruang khusus untuk mengenali Selangor.\">\n Ruang khusus untuk mengenali Selangor.\n <\/p>\n<p class=\"pj-knowledge__description\" data-en=\"Located on Level 4 of Pustaka Raja Tun Uda, the Selangor Info Hub provides a space for visitors to discover information, resources and knowledge about Selangor.\" data-my=\"Terletak di Aras 4 Pustaka Raja Tun Uda, Selangor Info Hub menyediakan ruang untuk pengunjung meneroka maklumat, sumber dan pengetahuan berkaitan Selangor.\">\n Terletak di Aras 4 Pustaka Raja Tun Uda, Selangor Info Hub menyediakan ruang untuk pengunjung meneroka maklumat, sumber dan pengetahuan berkaitan Selangor.\n <\/p>\n<div class=\"pj-knowledge__location\" data-en=\"LEVEL 4 \u00b7 PUSTAKA RAJA TUN UDA\" data-my=\"ARAS 4 \u00b7 PUSTAKA RAJA TUN UDA\">\n<span aria-hidden=\"true\">\u2197<\/span>\n<span>ARAS 4 \u00b7 PUSTAKA RAJA TUN UDA<\/span>\n<\/div>\n<\/div>\n<div class=\"pj-community pj-reveal\" data-pj-reveal=\"\" id=\"community\">\n<div class=\"pj-together__icon\" style=\"background: var(--pj-success);\" aria-hidden=\"true\" title=\"Komuniti\">\n<svg viewBox=\"0 0 24 24\">\n<circle cx=\"9\" cy=\"8\" r=\"3\"\/>\n<circle cx=\"17\" cy=\"9\" r=\"2.5\"\/>\n<path d=\"M3.5 20a5.5 5.5 0 0 1 11 0\"\/>\n<path d=\"M14 19a4.5 4.5 0 0 1 7 0\"\/>\n<path d=\"M11 13.5l2 1.5 2-1.5\"\/>\n<\/svg>\n<\/div>\n<h2 data-en=\"A Journey Built Together\" data-my=\"Perjalanan Dibina Bersama\">Perjalanan Dibina Bersama<\/h2>\n<p data-en=\"This journey has never been built by one person or one group alone. It has grown because children read, families accompany them, teachers guide them, writers share their stories, and many others continue to believe that a story can change a person.\" data-my=\"Perjalanan ini tidak pernah dibina oleh seorang atau satu pihak sahaja. Ia tumbuh kerana ada anak yang membaca, keluarga yang menemani, guru yang membimbing, penulis yang berkongsi cerita dan ramai lagi yang terus percaya bahawa sebuah kisah boleh mengubah seseorang.\">Perjalanan ini tidak pernah dibina oleh seorang atau satu pihak sahaja. Ia tumbuh kerana ada anak yang membaca, keluarga yang menemani, guru yang membimbing, penulis yang berkongsi cerita dan ramai lagi yang terus percaya bahawa sebuah kisah boleh mengubah seseorang.<\/p>\n<div class=\"pj-people-row\">\n<div class=\"pj-people-row__item\">\n<div class=\"pj-people-row__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8\" r=\"3\"\/><path d=\"M3.5 19a5.5 5.5 0 0 1 11 0\"\/><circle cx=\"17\" cy=\"9\" r=\"2.2\"\/><path d=\"M14.5 18a4.2 4.2 0 0 1 6 0\"\/><\/svg><\/div>\n<span data-en=\"Children\" data-my=\"Kanak-Kanak\">Kanak-Kanak<\/span>\n<\/div>\n<div class=\"pj-people-row__item\">\n<div class=\"pj-people-row__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"8\" cy=\"8\" r=\"2.7\"\/><circle cx=\"16\" cy=\"8\" r=\"2.7\"\/><circle cx=\"12\" cy=\"12\" r=\"2.5\"\/><path d=\"M3.5 19a4.5 4.5 0 0 1 9 0\"\/><path d=\"M11.5 19a4.5 4.5 0 0 1 9 0\"\/><path d=\"M8 20a4 4 0 0 1 8 0\"\/><\/svg><\/div>\n<span data-en=\"Families\" data-my=\"Keluarga\">Keluarga<\/span>\n<\/div>\n<div class=\"pj-people-row__item\">\n<div class=\"pj-people-row__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 5h16v11H4z\"\/><path d=\"M8 20h8\"\/><path d=\"M12 16v4\"\/><path d=\"M8 9h8\"\/><path d=\"M9 12h6\"\/><\/svg><\/div>\n<span data-en=\"Teachers\" data-my=\"Guru\">Guru<\/span>\n<\/div>\n<div class=\"pj-people-row__item\">\n<div class=\"pj-people-row__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 3H11v17H6.5A2.5 2.5 0 0 0 4 22.5z\"\/><path d=\"M20 5.5A2.5 2.5 0 0 0 17.5 3H13v17h4.5a2.5 2.5 0 0 1 2.5 2.5z\"\/><\/svg><\/div>\n<span data-en=\"Librarians\" data-my=\"Pustakawan\">Pustakawan<\/span>\n<\/div>\n<div class=\"pj-people-row__item\">\n<div class=\"pj-people-row__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20l1.7-5.2L16.8 3.7a2.1 2.1 0 0 1 3 3L8.7 17.8z\"\/><path d=\"M14.8 5.7l3.5 3.5\"\/><path d=\"M4 20l3.8-1.2\"\/><\/svg><\/div>\n<span data-en=\"Authors\" data-my=\"Penulis\">Penulis<\/span>\n<\/div>\n<div class=\"pj-people-row__item\">\n<div class=\"pj-people-row__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 18.5V20h1.5L19 6.5 17.5 5z\"\/><path d=\"M16 4.5l1.5-1.5L21 6.5 19.5 8z\"\/><path d=\"M7 16l3 3\"\/><\/svg><\/div>\n<span data-en=\"Illustrators\" data-my=\"Ilustrator\">Ilustrator<\/span>\n<\/div>\n<div class=\"pj-people-row__item\">\n<div class=\"pj-people-row__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"8\" cy=\"8\" r=\"3\"\/><circle cx=\"16\" cy=\"8\" r=\"3\"\/><path d=\"M3.5 19a4.5 4.5 0 0 1 9 0\"\/><path d=\"M11.5 19a4.5 4.5 0 0 1 9 0\"\/><path d=\"M9 12h6\"\/><\/svg><\/div>\n<span data-en=\"Partners\" data-my=\"Rakan Kongsi\">Rakan Kongsi<\/span>\n<\/div>\n<div class=\"pj-people-row__item\">\n<div class=\"pj-people-row__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18\"\/><path d=\"M12 3a14 14 0 0 1 0 18\"\/><path d=\"M12 3a14 14 0 0 0 0 18\"\/><\/svg><\/div>\n<span data-en=\"Global\" data-my=\"Global\">Global<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"pj-together__photos pj-reveal\" data-pj-reveal=\"\">\n\n<img decoding=\"async\" alt=\"Library reading room with visitors studying\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/multi_generational_family_reading_together4.jpg\"\/>\n\n<img decoding=\"async\" alt=\"Multi-generational Malaysian family reading together\" loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/multi_generational_family_reading_together3.jpg\"\/>\n<\/div>\n<\/div>\n<\/section>\n\n<section aria-labelledby=\"pj-next-heading\" class=\"pj-section pj-next\" id=\"next\">\n<div class=\"pj-container pj-next__grid\">\n<span class=\"pj-eyebrow\" data-en=\"LOOKING AHEAD\" data-my=\"MELANGKAH KE HADAPAN\" style=\"background: rgba(255,255,255,0.1); color: white;\">MELANGKAH KE HADAPAN<\/span>\n<h2 class=\"pj-next__heading\" id=\"pj-next-heading\">\n<span data-en=\"The Next Chapter\" data-my=\"Bab Seterusnya\">Bab Seterusnya<\/span>\n<span class=\"highlight\" data-en=\"Starts Here\" data-my=\"Bermula Di Sini\">Bermula Di Sini<\/span>\n<\/h2>\n<p class=\"pj-next__story\" data-en=\"Our story is not finished. After years of creating space to read, create and share stories, the next chapter carries this journey onto a wider stage through HCAA.\" data-my=\"Kisah kita belum selesai. Selepas bertahun-tahun membina ruang untuk membaca, mencipta dan berkongsi cerita, bab seterusnya membawa perjalanan ini ke pentas yang lebih luas melalui HCAA.\">Kisah kita belum selesai. Bab seterusnya diteruskan oleh setiap kanak-kanak yang menemui sebuah buku, setiap pencipta muda yang menemui suara mereka, dan setiap cerita yang melangkaui dinding perpustakaan kita.<\/p>\n<div class=\"pj-next__actions\">\n<a class=\"pj-btn pj-btn-primary\" data-en=\"Visit Raja Tun Uda\" data-my=\"Lawati Raja Tun Uda\" href=\"https:\/\/www.ppas.gov.my\/pustaka-raja-tun-uda-copy\/\">\n Lawati Raja Tun Uda \u2192\n <\/a>\n<\/div>\n<p class=\"pj-next__closing\" data-en=\"More chapters are still being written.\" data-my=\"Lebih banyak bab masih sedang ditulis.\">Lebih banyak bab masih sedang ditulis.<\/p>\n<\/div>\n<\/section>\n<\/div>\n\n<script>\n(function() {\n 'use strict';\n \n \/\/ Configuration\n var CONFIG = {\n LANG_KEY: 'ppasJourneyLang',\n REDUCE_MOTION: window.matchMedia('(prefers-reduced-motion: reduce)').matches\n };\n \n \/\/ State\n var currentLang = 'my';\n var isInitialized = false;\n \n \/**\n * Get language from URL param, localStorage or default\n *\/\n function getInitialLang() {\n var urlParams = new URLSearchParams(window.location.search);\n var urlLang = urlParams.get('lang');\n \n if (urlLang === 'en' || urlLang === 'my') {\n return urlLang;\n }\n \n var stored = window.localStorage.getItem(CONFIG.LANG_KEY);\n if (stored === 'en' || stored === 'my') {\n return stored;\n }\n \n return 'my';\n }\n \n \/**\n * Update all bilingual elements\n *\/\n function updateLanguage(lang) {\n currentLang = lang;\n \n \/\/ Update all elements with data-my and data-en\n document.querySelectorAll('[data-my][data-en]').forEach(function(el) {\n var text = lang === 'en' ? el.getAttribute('data-en') : el.getAttribute('data-my');\n if (text !== null && text !== '') {\n \/\/ Preserve HTML if present\n if (el.innerHTML.indexOf('<') === -1) {\n el.textContent = text;\n } else {\n el.innerHTML = text;\n }\n }\n });\n \n \/\/ Update button states\n document.querySelectorAll('.pj-lang-btn').forEach(function(btn) {\n var btnLang = btn.getAttribute('data-lang');\n var isActive = btnLang === lang;\n btn.classList.toggle('is-active', isActive);\n btn.setAttribute('aria-pressed', String(isActive));\n });\n \n \/\/ Update Ruang Bercerita reveal buttons\n document.querySelectorAll('.pj-story-reveal__toggle').forEach(function(btn) {\n var reveal = btn.closest('[data-pj-story-reveal]');\n var isExpanded = reveal && reveal.classList.contains('is-open');\n var span = btn.querySelector('span');\n if (span) {\n span.textContent = isExpanded\n ? (lang === 'en' ? 'Close Story' : 'Tutup Kisah')\n : (lang === 'en' ? 'Open Story' : 'Buka Kisah');\n }\n btn.setAttribute('aria-expanded', String(!!isExpanded));\n });\n\n \/\/ Update timeline toggle buttons\n document.querySelectorAll('.pj-timeline__toggle').forEach(function(btn) {\n var isExpanded = btn.getAttribute('aria-expanded') === 'true';\n var label = isExpanded ? \n (lang === 'en' ? 'Close This Chapter' : 'Tutup Bab Ini') :\n (lang === 'en' ? 'Open This Chapter' : 'Buka Bab Ini');\n \n var span = btn.querySelector('span');\n if (span) {\n span.textContent = label;\n }\n });\n \n \/\/ Update HTML lang attribute\n document.documentElement.setAttribute('lang', lang === 'en' ? 'en' : 'ms');\n \n \/\/ Store preference\n window.localStorage.setItem(CONFIG.LANG_KEY, lang);\n \n \/\/ Dispatch custom event for other scripts\n document.dispatchEvent(new CustomEvent('ppasJourneyLangChange', {\n detail: { lang: lang }\n }));\n }\n \n \/**\n * Initialize language switcher\n *\/\n function initLanguageSwitcher() {\n var buttons = document.querySelectorAll('.pj-lang-btn');\n \n buttons.forEach(function(btn) {\n btn.addEventListener('click', function() {\n var lang = this.getAttribute('data-lang');\n if (lang !== currentLang) {\n updateLanguage(lang);\n }\n });\n \n btn.addEventListener('keydown', function(e) {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n var lang = this.getAttribute('data-lang');\n if (lang !== currentLang) {\n updateLanguage(lang);\n }\n }\n });\n });\n }\n \n \/**\n * Initialize timeline accordion\n *\/\n function initTimelineAccordion() {\n var items = document.querySelectorAll('[data-pj-timeline-item]');\n \n items.forEach(function(item) {\n var toggle = item.querySelector('.pj-timeline__toggle');\n \n if (!toggle) return;\n \n toggle.addEventListener('click', function() {\n var isExpanded = item.getAttribute('aria-expanded') === 'true';\n var newExpanded = !isExpanded;\n \n \/\/ Update ARIA\n item.setAttribute('aria-expanded', String(newExpanded));\n toggle.setAttribute('aria-expanded', String(newExpanded));\n \n \/\/ Update button text\n var label = newExpanded ? \n (currentLang === 'en' ? 'Close This Chapter' : 'Tutup Bab Ini') :\n (currentLang === 'en' ? 'Open This Chapter' : 'Buka Bab Ini');\n \n var span = toggle.querySelector('span');\n if (span) {\n span.textContent = label;\n }\n });\n \n \/\/ Keyboard accessibility\n toggle.addEventListener('keydown', function(e) {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n this.click();\n }\n });\n });\n }\n \n \/**\n * Initialize the Ruang Bercerita story reveal.\n * This stays on the same card \u2014 it is not a page link.\n *\/\n function initStorytellingReveal() {\n var reveals = document.querySelectorAll('[data-pj-story-reveal]');\n\n reveals.forEach(function(reveal) {\n if (reveal.getAttribute('data-pj-story-bound') === 'true') return;\n\n var toggle = reveal.querySelector('.pj-story-reveal__toggle');\n var panel = reveal.querySelector('.pj-story-reveal__panel');\n\n if (!toggle || !panel) return;\n\n reveal.setAttribute('data-pj-story-bound', 'true');\n\n toggle.addEventListener('click', function() {\n var nextOpen = !reveal.classList.contains('is-open');\n\n reveal.classList.toggle('is-open', nextOpen);\n reveal.setAttribute('aria-expanded', String(nextOpen));\n toggle.setAttribute('aria-expanded', String(nextOpen));\n panel.setAttribute('aria-hidden', String(!nextOpen));\n\n var span = toggle.querySelector('span');\n if (span) {\n span.textContent = nextOpen\n ? (currentLang === 'en' ? 'Close Story' : 'Tutup Kisah')\n : (currentLang === 'en' ? 'Open Story' : 'Buka Kisah');\n }\n });\n });\n }\n\n \/**\n * Initialize scroll reveal\n *\/\n function initScrollReveal() {\n var reveals = document.querySelectorAll('.pj-reveal:not(.pj-observed)');\n \n if (!reveals.length) return;\n \n if (CONFIG.REDUCE_MOTION || !('IntersectionObserver' in window)) {\n reveals.forEach(function(el) {\n el.classList.add('is-visible', 'pj-observed');\n });\n return;\n }\n \n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible', 'pj-observed');\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n \n reveals.forEach(function(el) {\n el.classList.add('pj-observed');\n observer.observe(el);\n });\n }\n \n\n \/**\n * Initialize sticky quick navigation.\n * Highlights the section currently visible and supports smooth scrolling.\n *\/\n function initQuickNavigation() {\n var nav = document.querySelector('.pj-quick-nav');\n if (!nav) return;\n\n var links = Array.prototype.slice.call(\n nav.querySelectorAll('.pj-quick-nav__link')\n );\n\n links.forEach(function(link) {\n link.addEventListener('click', function(e) {\n var href = this.getAttribute('href');\n if (!href || href.charAt(0) !== '#') return;\n\n var target = document.querySelector(href);\n if (!target) return;\n\n e.preventDefault();\n\n target.scrollIntoView({\n behavior: CONFIG.REDUCE_MOTION ? 'auto' : 'smooth',\n block: 'start'\n });\n\n \/\/ Keep the URL useful\/bookmarkable without forcing a page jump.\n if (window.history && window.history.replaceState) {\n window.history.replaceState(null, '', href);\n }\n });\n });\n\n \/\/ Observe the main navigation targets and highlight the current section.\n if ('IntersectionObserver' in window) {\n var targets = links.map(function(link) {\n var href = link.getAttribute('href');\n return href ? document.querySelector(href) : null;\n }).filter(Boolean);\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (!entry.isIntersecting) return;\n\n var activeId = '#' + entry.target.id;\n links.forEach(function(link) {\n var isActive = link.getAttribute('href') === activeId;\n link.classList.toggle('is-active', isActive);\n if (isActive) {\n link.setAttribute('aria-current', 'location');\n } else {\n link.removeAttribute('aria-current');\n }\n });\n });\n }, {\n rootMargin: '-20% 0px -65% 0px',\n threshold: 0\n });\n\n targets.forEach(function(target) {\n observer.observe(target);\n });\n }\n }\n\n \/**\n * Optional browser narration for the Chapter 06 story.\n * Uses the device\/browser speech engine \u2014 no audio file is added.\n *\/\n function initStoryAudio() {\n var button = document.querySelector('.pj-story-audio');\n var copy = document.querySelector('.pj-story-audio-copy');\n if (!button || !copy) return;\n\n if (!('speechSynthesis' in window) || !('SpeechSynthesisUtterance' in window)) {\n button.style.display = 'none';\n return;\n }\n\n function updateAudioLabel() {\n var span = button.querySelector('span');\n if (!span) return;\n var speaking = button.classList.contains('is-speaking');\n if (speaking) {\n span.textContent = currentLang === 'en' ? 'Stop Listening' : 'Hentikan Audio';\n } else {\n span.textContent = currentLang === 'en' ? button.getAttribute('data-en-label') : button.getAttribute('data-my-label');\n }\n }\n\n document.addEventListener('ppasJourneyLangChange', function() {\n if (window.speechSynthesis && window.speechSynthesis.speaking) {\n window.speechSynthesis.cancel();\n button.classList.remove('is-speaking');\n }\n updateAudioLabel();\n });\n\n button.addEventListener('click', function() {\n if (window.speechSynthesis.speaking) {\n window.speechSynthesis.cancel();\n button.classList.remove('is-speaking');\n updateAudioLabel();\n return;\n }\n\n var text = currentLang === 'en' ? copy.getAttribute('data-en') : copy.getAttribute('data-my');\n if (!text) return;\n\n var utterance = new SpeechSynthesisUtterance(text);\n utterance.lang = currentLang === 'en' ? 'en-MY' : 'ms-MY';\n utterance.rate = 0.94;\n utterance.pitch = 1;\n utterance.onstart = function() {\n button.classList.add('is-speaking');\n updateAudioLabel();\n };\n utterance.onend = function() {\n button.classList.remove('is-speaking');\n updateAudioLabel();\n };\n utterance.onerror = function() {\n button.classList.remove('is-speaking');\n updateAudioLabel();\n };\n\n window.speechSynthesis.cancel();\n window.speechSynthesis.speak(utterance);\n });\n\n updateAudioLabel();\n }\n\n \/**\n * Initialize all modules\n *\/\n function init() {\n if (isInitialized) return;\n \n isInitialized = true;\n currentLang = getInitialLang();\n \n \/\/ Initialize components\n initLanguageSwitcher();\n initQuickNavigation();\n initTimelineAccordion();\n initStorytellingReveal();\n initScrollReveal();\n initStoryAudio();\n \n \/\/ Set initial language\n updateLanguage(currentLang);\n \n \/\/ Re-initialize on dynamic content (for Elementor)\n if (window.jQuery && window.jQuery.fn.on) {\n document.addEventListener('DOMNodeInserted', function(e) {\n if (e.target.classList && e.target.classList.contains('elementor-widget-wrap')) {\n setTimeout(function() {\n initScrollReveal();\n initTimelineAccordion();\n initStorytellingReveal();\n }, 100);\n }\n });\n }\n }\n \n \/\/ Initialize when DOM is ready\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', init);\n } else {\n init();\n }\n \n \/\/ Expose API for Elementor\n window.PPASJourney = {\n setLang: updateLanguage,\n getLang: function() { return currentLang; },\n init: init\n };\n \n})();\n<\/script>\n\n<div aria-hidden=\"true\" aria-label=\"Video Kisah Pustaka Raja Tun Uda\" aria-modal=\"true\" class=\"pj-video-modal\" id=\"journeyVideoModal\" role=\"dialog\"><div class=\"pj-video-modal__backdrop\" onclick=\"closeJourneyVideo()\"><\/div><div class=\"pj-video-modal__content\"><button aria-label=\"Tutup video\" class=\"pj-video-modal__close\" onclick=\"closeJourneyVideo()\" type=\"button\">\u00d7<\/button><div class=\"pj-video-modal__video\"><iframe allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\" id=\"journeyVideoFrame\" src=\"\" title=\"Kisah Pustaka Raja Tun Uda\"><\/iframe><\/div><\/div><\/div>\n<style>.pj-video-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.pj-video-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.pj-video-modal__backdrop{position:absolute;inset:0;background:rgba(10,20,15,.88);backdrop-filter:blur(6px)}.pj-video-modal__content{position:relative;z-index:2;width:min(1100px,100%);background:#143326;border:1px solid rgba(201,169,97,.55);border-radius:18px;padding:12px;box-shadow:0 30px 80px rgba(0,0,0,.45);transform:scale(.96);transition:transform .3s ease}.pj-video-modal.is-open .pj-video-modal__content{transform:scale(1)}.pj-video-modal__video{position:relative;width:100%;aspect-ratio:16\/9;overflow:hidden;border-radius:10px;background:#000}.pj-video-modal__video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.pj-video-modal__close{position:absolute;top:-16px;right:-16px;width:42px;height:42px;border:1px solid #C9A961;border-radius:50%;background:#1B4332;color:#FAF3E8;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3}.pj-video-modal__close:hover{background:#C65D3E;transform:rotate(90deg)}@media(max-width:768px){.pj-video-modal{padding:16px}.pj-video-modal__content{padding:8px}.pj-video-modal__close{top:-14px;right:-8px;width:38px;height:38px;font-size:24px}}<\/style>\n<script>function openJourneyVideo(button){const modal=document.getElementById('journeyVideoModal'),frame=document.getElementById('journeyVideoFrame'),url=button.getAttribute('data-video');if(!url)return;frame.src=url+'?autoplay=1&rel=0';modal.classList.add('is-open');modal.setAttribute('aria-hidden','false');document.body.style.overflow='hidden'}function closeJourneyVideo(){const modal=document.getElementById('journeyVideoModal'),frame=document.getElementById('journeyVideoFrame');modal.classList.remove('is-open');modal.setAttribute('aria-hidden','true');frame.src='';document.body.style.overflow=''}document.addEventListener('keydown',function(e){if(e.key==='Escape'){const m=document.getElementById('journeyVideoModal');if(m&&m.classList.contains('is-open'))closeJourneyVideo()}});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Journey to HCAA 2027\u20132036 \u2014 PPAS PPAS \/ HCAA 2027\u20132036 \/ Our Journey BM EN Utama HCAA Perjalanan Kami Setiap Kanak-Kanak Apa Yang Kami Lakukan Festival Hab Ilmu Komuniti Bab Seterusnya PERJALANAN KAMI Pustaka Raja Tun Uda Tempat Bermulanya Kisah Di sini, sebuah buku boleh menjadi permulaan kepada sesuatu yang lebih besar \u2014 seorang <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[],"class_list":["post-16960","page","type-page","status-publish","hentry"],"yoast_head":"\r\n<title>Our Journey to HCAA 2027\u20132036 - Perbadanan Perpustakaan Awam Selangor<\/title>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/www.ppas.gov.my\/en\/our-journey-to-hcaa-2027-2036\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Our Journey to HCAA 2027\u20132036 - Perbadanan Perpustakaan Awam Selangor\" \/>\r\n<meta property=\"og:description\" content=\"Our Journey to HCAA 2027\u20132036 \u2014 PPAS PPAS \/ HCAA 2027\u20132036 \/ Our Journey BM EN Utama HCAA Perjalanan Kami Setiap Kanak-Kanak Apa Yang Kami Lakukan Festival Hab Ilmu Komuniti Bab Seterusnya PERJALANAN KAMI Pustaka Raja Tun Uda Tempat Bermulanya Kisah Di sini, sebuah buku boleh menjadi permulaan kepada sesuatu yang lebih besar \u2014 seorang\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.ppas.gov.my\/en\/our-journey-to-hcaa-2027-2036\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Perbadanan Perpustakaan Awam Selangor\" \/>\r\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/selangorlibrary\" \/>\r\n<meta property=\"article:modified_time\" content=\"2026-09-20T11:01:34+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/prtu_membaca_bersama_hero_section_2.png\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:site\" content=\"@selangorlibrary\" \/>\r\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/\",\"url\":\"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/\",\"name\":\"Our Journey to HCAA 2027\u20132036 - Perbadanan Perpustakaan Awam Selangor\",\"isPartOf\":{\"@id\":\"http:\/\/www.ppas.gov.my\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/prtu_membaca_bersama_hero_section_2.png\",\"datePublished\":\"2026-09-20T06:10:21+00:00\",\"dateModified\":\"2026-09-20T11:01:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#primaryimage\",\"url\":\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/prtu_membaca_bersama_hero_section_2.png\",\"contentUrl\":\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/prtu_membaca_bersama_hero_section_2.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.ppas.gov.my\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Our Journey to HCAA 2027\u20132036\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/www.ppas.gov.my\/en\/#website\",\"url\":\"http:\/\/www.ppas.gov.my\/en\/\",\"name\":\"Perbadanan Perpustakaan Awam Selangor\",\"description\":\"PPAS\",\"publisher\":{\"@id\":\"http:\/\/www.ppas.gov.my\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/www.ppas.gov.my\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/www.ppas.gov.my\/en\/#organization\",\"name\":\"Perbadanan Perpustakaan Awam Selangor\",\"url\":\"http:\/\/www.ppas.gov.my\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/www.ppas.gov.my\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2022\/01\/Logo-Rasmi-for-Website-01.png\",\"contentUrl\":\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2022\/01\/Logo-Rasmi-for-Website-01.png\",\"width\":2325,\"height\":605,\"caption\":\"Perbadanan Perpustakaan Awam Selangor\"},\"image\":{\"@id\":\"http:\/\/www.ppas.gov.my\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/selangorlibrary\",\"https:\/\/x.com\/selangorlibrary\"]}]}<\/script>\r\n","yoast_head_json":{"title":"Our Journey to HCAA 2027\u20132036 - Perbadanan Perpustakaan Awam Selangor","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:\/\/www.ppas.gov.my\/en\/our-journey-to-hcaa-2027-2036\/","og_locale":"en_US","og_type":"article","og_title":"Our Journey to HCAA 2027\u20132036 - Perbadanan Perpustakaan Awam Selangor","og_description":"Our Journey to HCAA 2027\u20132036 \u2014 PPAS PPAS \/ HCAA 2027\u20132036 \/ Our Journey BM EN Utama HCAA Perjalanan Kami Setiap Kanak-Kanak Apa Yang Kami Lakukan Festival Hab Ilmu Komuniti Bab Seterusnya PERJALANAN KAMI Pustaka Raja Tun Uda Tempat Bermulanya Kisah Di sini, sebuah buku boleh menjadi permulaan kepada sesuatu yang lebih besar \u2014 seorang","og_url":"https:\/\/www.ppas.gov.my\/en\/our-journey-to-hcaa-2027-2036\/","og_site_name":"Perbadanan Perpustakaan Awam Selangor","article_publisher":"https:\/\/facebook.com\/selangorlibrary","article_modified_time":"2026-09-20T11:01:34+00:00","og_image":[{"url":"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/prtu_membaca_bersama_hero_section_2.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@selangorlibrary","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/","url":"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/","name":"Our Journey to HCAA 2027\u20132036 - Perbadanan Perpustakaan Awam Selangor","isPartOf":{"@id":"http:\/\/www.ppas.gov.my\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#primaryimage"},"image":{"@id":"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/prtu_membaca_bersama_hero_section_2.png","datePublished":"2026-09-20T06:10:21+00:00","dateModified":"2026-09-20T11:01:34+00:00","breadcrumb":{"@id":"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#primaryimage","url":"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/prtu_membaca_bersama_hero_section_2.png","contentUrl":"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/09\/prtu_membaca_bersama_hero_section_2.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.ppas.gov.my\/our-journey-to-hcaa-2027-2036\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ppas.gov.my\/"},{"@type":"ListItem","position":2,"name":"Our Journey to HCAA 2027\u20132036"}]},{"@type":"WebSite","@id":"http:\/\/www.ppas.gov.my\/en\/#website","url":"http:\/\/www.ppas.gov.my\/en\/","name":"Selangor Public Library Corporation","description":"PPAS","publisher":{"@id":"http:\/\/www.ppas.gov.my\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/www.ppas.gov.my\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/www.ppas.gov.my\/en\/#organization","name":"Selangor Public Library Corporation","url":"http:\/\/www.ppas.gov.my\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/www.ppas.gov.my\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2022\/01\/Logo-Rasmi-for-Website-01.png","contentUrl":"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2022\/01\/Logo-Rasmi-for-Website-01.png","width":2325,"height":605,"caption":"Perbadanan Perpustakaan Awam Selangor"},"image":{"@id":"http:\/\/www.ppas.gov.my\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/selangorlibrary","https:\/\/x.com\/selangorlibrary"]}]}},"_links":{"self":[{"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/pages\/16960","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/comments?post=16960"}],"version-history":[{"count":33,"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/pages\/16960\/revisions"}],"predecessor-version":[{"id":16997,"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/pages\/16960\/revisions\/16997"}],"wp:attachment":[{"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/media?parent=16960"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/folder?post=16960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}