{"id":1692,"date":"2026-09-02T06:34:04","date_gmt":"2026-09-02T06:34:04","guid":{"rendered":"https:\/\/promizzion.com\/?page_id=1692"},"modified":"2026-09-02T07:19:48","modified_gmt":"2026-09-02T07:19:48","slug":"proparents","status":"publish","type":"page","link":"https:\/\/promizzion.com\/cn\/testimonial\/proparents\/","title":{"rendered":"ProParents"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1692\" class=\"elementor elementor-1692\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3c2c18e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3c2c18e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-001229a\" data-id=\"001229a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a280283 elementor-widget elementor-widget-html\" data-id=\"a280283\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!--\n  ProMizzion ProParents testimonial page\n  Paste this entire file into one Elementor HTML widget or Gutenberg Custom HTML block.\n  Set the containing section\/container to full width with no side padding.\n-->\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Lexend:wght@400;500;600;700;800&display=swap');\n\n  #pmz-proparents {\n    --pmz-teal: #00a094;\n    --pmz-orange: #feaf54;\n    --pmz-red: #c9252c;\n    --pmz-blue: #00c0f3;\n    --pmz-green: #a6ce39;\n    --pmz-ink: #153d3a;\n    --pmz-muted: #57716f;\n    --pmz-cream: #fff8ed;\n    --pmz-white: #ffffff;\n    --pmz-display: \"Zyzol\", \"Lexend\", Arial, sans-serif;\n    --pmz-body: \"Lexend\", Arial, sans-serif;\n    position: relative;\n    width: 100%;\n    margin: 0;\n    overflow: hidden;\n    color: var(--pmz-ink);\n    background: var(--pmz-cream);\n    font-family: var(--pmz-body);\n    font-size: 16px;\n    line-height: 1.65;\n    isolation: isolate;\n  }\n\n  #pmz-proparents,\n  #pmz-proparents * { box-sizing: border-box; }\n  #pmz-proparents a { color: inherit; text-decoration: none; }\n  #pmz-proparents button { font: inherit; }\n  #pmz-proparents h1,\n  #pmz-proparents h2,\n  #pmz-proparents h3,\n  #pmz-proparents p { margin-top: 0; }\n\n  #pmz-proparents .pmz-shell {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n  }\n\n  #pmz-proparents .pmz-hero {\n    position: relative;\n    min-height: 680px;\n    padding: 34px 0 116px;\n    background:\n      linear-gradient(90deg, transparent 0 72%, rgba(201, 37, 44, 0.045) 72% 72.12%, transparent 72.12% 100%),\n      linear-gradient(135deg, #ffffff 0%, #fffaf3 100%);\n  }\n\n  #pmz-proparents .pmz-topline {\n    position: relative;\n    z-index: 5;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 22px;\n    margin-bottom: 62px;\n  }\n\n  #pmz-proparents .pmz-back {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    color: var(--pmz-muted);\n    font-size: 0.82rem;\n    font-weight: 700;\n    transition: color 180ms ease, transform 180ms ease;\n  }\n\n  #pmz-proparents .pmz-back::before { content: \"\\2190\"; font-size: 1.05rem; }\n  #pmz-proparents .pmz-back:hover,\n  #pmz-proparents .pmz-back:focus-visible { color: var(--pmz-red); transform: translateX(-4px); outline: none; }\n\n  #pmz-proparents .pmz-hero-grid {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: minmax(0, 1.05fr) minmax(390px, 0.95fr);\n    gap: clamp(50px, 8vw, 110px);\n    align-items: center;\n  }\n\n  #pmz-proparents .pmz-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 18px;\n    color: var(--pmz-red);\n    font-size: 0.76rem;\n    font-weight: 800;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n  }\n\n  #pmz-proparents .pmz-kicker::before {\n    width: 30px;\n    height: 3px;\n    border-radius: 999px;\n    background: var(--pmz-orange);\n    content: \"\";\n  }\n\n  #pmz-proparents .pmz-title {\n    max-width: 720px;\n    margin-bottom: 24px;\n    color: var(--pmz-ink);\n    font-family: var(--pmz-display);\n    font-size: clamp(3.4rem, 7vw, 6.8rem);\n    font-weight: 800;\n    line-height: 0.94;\n    letter-spacing: -0.055em;\n  }\n\n  #pmz-proparents .pmz-title span {\n    position: relative;\n    display: inline-block;\n    color: var(--pmz-red);\n    z-index: 1;\n  }\n\n  #pmz-proparents .pmz-title span::after {\n    position: absolute;\n    left: -2%;\n    right: -2%;\n    bottom: 0.04em;\n    height: 0.16em;\n    border-radius: 2px;\n    background: var(--pmz-orange);\n    content: \"\";\n    z-index: -1;\n    transform-origin: left center;\n    animation: pmz-parent-marker 1.1s ease-out both;\n  }\n\n  #pmz-proparents .pmz-lede {\n    max-width: 680px;\n    margin-bottom: 32px;\n    color: var(--pmz-muted);\n    font-size: clamp(1.02rem, 1.7vw, 1.18rem);\n  }\n\n  #pmz-proparents .pmz-jump {\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    padding: 15px 19px 15px 22px;\n    border-radius: 999px;\n    color: var(--pmz-white);\n    background: var(--pmz-teal);\n    box-shadow: 0 14px 34px rgba(0, 160, 148, 0.2);\n    font-size: 0.9rem;\n    font-weight: 800;\n    transition: transform 180ms ease, box-shadow 180ms ease;\n  }\n\n  #pmz-proparents .pmz-jump::after {\n    width: 34px;\n    height: 34px;\n    display: grid;\n    place-items: center;\n    border-radius: 50%;\n    color: var(--pmz-ink);\n    background: var(--pmz-orange);\n    content: \"\\2193\";\n  }\n\n  #pmz-proparents .pmz-jump:hover,\n  #pmz-proparents .pmz-jump:focus-visible { transform: translateY(-3px); box-shadow: 0 20px 44px rgba(0, 160, 148, 0.28); outline: none; }\n\n  #pmz-proparents .pmz-portrait-stage {\n    --pmz-px: 0px;\n    --pmz-py: 0px;\n    --pmz-prx: 0px;\n    --pmz-pry: 0px;\n    position: relative;\n    min-height: 440px;\n  }\n\n  #pmz-proparents .pmz-stage-ring {\n    position: absolute;\n    inset: 7% 2% 2% 9%;\n    border: 1px solid rgba(0, 160, 148, 0.26);\n    border-radius: 4px;\n    transform: translate3d(var(--pmz-prx), var(--pmz-pry), 0);\n  }\n\n  #pmz-proparents .pmz-stage-ring::before,\n  #pmz-proparents .pmz-stage-ring::after {\n    display: none;\n  }\n\n  #pmz-proparents .pmz-portrait {\n    position: absolute;\n    overflow: hidden;\n    border: 7px solid var(--pmz-white);\n    border-radius: 18px;\n    background: var(--pmz-white);\n    box-shadow: 0 25px 55px rgba(21, 61, 58, 0.18);\n    transform: translate3d(var(--pmz-px), var(--pmz-py), 0);\n  }\n\n  #pmz-proparents .pmz-portrait img { width: 100%; height: 100%; display: block; object-fit: cover; }\n  #pmz-proparents .pmz-portrait-one { top: 4%; left: 2%; width: 58%; aspect-ratio: 4 \/ 3; }\n  #pmz-proparents .pmz-portrait-two { top: 0; right: 0; width: 36%; aspect-ratio: 4 \/ 3; border-color: #f8e5e6; }\n  #pmz-proparents .pmz-portrait-three { right: 8%; bottom: 0; width: 46%; aspect-ratio: 4 \/ 3; border-color: #dff5f3; }\n\n  #pmz-proparents .pmz-wave {\n    position: absolute;\n    left: -2%;\n    right: -2%;\n    bottom: -2px;\n    height: 22px;\n    background: var(--pmz-red);\n  }\n\n  #pmz-proparents .pmz-video-section { padding: 104px 0 112px; }\n  #pmz-proparents .pmz-video-section--parents { background: #e8f7f5; }\n\n  #pmz-proparents .pmz-video-heading {\n    display: grid;\n    grid-template-columns: 0.92fr 1.08fr;\n    gap: clamp(28px, 7vw, 88px);\n    align-items: end;\n    margin-bottom: 48px;\n  }\n\n  #pmz-proparents .pmz-video-heading p { max-width: 590px; margin-bottom: 6px; color: var(--pmz-muted); }\n\n  #pmz-proparents .pmz-section-no {\n    display: inline-block;\n    margin-bottom: 18px;\n    color: var(--pmz-orange);\n    font-size: 0.75rem;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  #pmz-proparents .pmz-video-heading h2,\n  #pmz-proparents .pmz-voices h2,\n  #pmz-proparents .pmz-themes h2 {\n    margin-bottom: 22px;\n    font-family: var(--pmz-display);\n    font-size: clamp(2.5rem, 5vw, 4.8rem);\n    font-weight: 800;\n    line-height: 0.98;\n    letter-spacing: -0.045em;\n  }\n\n  #pmz-proparents .pmz-video-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  #pmz-proparents .pmz-video-card {\n    position: relative;\n    min-height: 300px;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: 0;\n    overflow: hidden;\n    border: 1px solid rgba(21,61,58,0.12);\n    border-radius: 24px;\n    color: var(--pmz-white);\n    background: #173b38;\n    box-shadow: 0 22px 52px rgba(21,61,58,0.15);\n    cursor: pointer;\n    text-align: left;\n    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;\n  }\n\n  #pmz-proparents .pmz-video-card:hover:not(:disabled),\n  #pmz-proparents .pmz-video-card:focus-visible:not(:disabled) { transform: translateY(-6px); border-color: var(--pmz-orange); box-shadow: 0 30px 68px rgba(21,61,58,0.24); outline: none; }\n  #pmz-proparents .pmz-video-card:disabled { cursor: default; }\n  #pmz-proparents .pmz-video-card img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 500ms ease; }\n  #pmz-proparents .pmz-video-card:hover:not(:disabled) img,\n  #pmz-proparents .pmz-video-card:focus-visible:not(:disabled) img { transform: scale(1.04); }\n  #pmz-proparents .pmz-video-card::after { position: absolute; inset: 0; background: linear-gradient(to top, rgba(9,39,36,0.94), rgba(9,39,36,0.06) 72%); content: \"\"; }\n  #pmz-proparents .pmz-video-play { position: absolute; top: 20px; right: 20px; z-index: 2; width: 50px; height: 50px; display: grid; place-items: center; border-radius: 9px; color: var(--pmz-ink); background: var(--pmz-orange); box-shadow: 0 10px 24px rgba(9,39,36,0.22); }\n  #pmz-proparents .pmz-video-play::before { width: 0; height: 0; margin-left: 4px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 13px solid currentColor; content: \"\"; }\n  #pmz-proparents .pmz-video-pending .pmz-video-play { width: auto; height: auto; padding: 8px 11px; border-radius: 6px; color: var(--pmz-ink); font-size: 0.65rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }\n  #pmz-proparents .pmz-video-pending .pmz-video-play::before { display: none; }\n  #pmz-proparents .pmz-video-meta { position: relative; z-index: 2; display: flex; align-items: end; justify-content: space-between; gap: 14px; padding: 24px; }\n  #pmz-proparents .pmz-video-meta span { color: rgba(255,255,255,0.68); font-size: 0.7rem; font-weight: 800; letter-spacing: 0.11em; text-transform: uppercase; }\n  #pmz-proparents .pmz-video-meta strong { display: block; margin-top: 4px; color: var(--pmz-white); font-family: var(--pmz-display); font-size: 1.32rem; line-height: 1.08; letter-spacing: -0.02em; text-transform: none; }\n  #pmz-proparents .pmz-video-meta b { color: var(--pmz-orange); font-size: 1.1rem; }\n  #pmz-proparents .pmz-video-section--parents:not(.pmz-show-all) .pmz-video-card:nth-child(n+7) { display: none; }\n  #pmz-proparents .pmz-load-more { display: block; margin: 36px auto 0; padding: 13px 20px; border: 1px solid rgba(21,61,58,0.22); border-radius: 8px; color: var(--pmz-ink); background: transparent; cursor: pointer; font-weight: 800; transition: color 160ms ease, background 160ms ease, border-color 160ms ease; }\n  #pmz-proparents .pmz-load-more:hover,\n  #pmz-proparents .pmz-load-more:focus-visible { color: var(--pmz-white); background: var(--pmz-teal); border-color: var(--pmz-teal); outline: none; }\n  #pmz-proparents .pmz-video-section--parents.pmz-show-all .pmz-load-more { display: none; }\n\n  #pmz-proparents .pmz-modal[hidden] { display: none; }\n  #pmz-proparents .pmz-modal { position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; padding: 24px; }\n  #pmz-proparents .pmz-modal-backdrop { position: absolute; inset: 0; border: 0; background: rgba(4,24,22,0.9); cursor: pointer; backdrop-filter: blur(8px); }\n  #pmz-proparents .pmz-modal-dialog { position: relative; z-index: 2; width: min(1040px,100%); padding: 12px; border: 1px solid rgba(255,255,255,0.2); border-radius: 20px; background: #0a2523; box-shadow: 0 35px 100px rgba(0,0,0,0.45); }\n  #pmz-proparents .pmz-modal-dialog iframe { width: 100%; aspect-ratio: 16\/9; display: block; border: 0; border-radius: 12px; background: #000; }\n  #pmz-proparents .pmz-modal-dialog.pmz-modal-dialog--portrait { width: min(500px,100%); }\n  #pmz-proparents .pmz-modal-dialog.pmz-modal-dialog--portrait iframe { width: auto; max-width: 100%; height: min(82vh, 820px); aspect-ratio: 9\/16; margin: 0 auto; }\n  #pmz-proparents .pmz-modal-close { position: absolute; top: -17px; right: -17px; z-index: 3; width: 48px; height: 48px; display: grid; place-items: center; border: 0; border-radius: 9px; color: var(--pmz-ink); background: var(--pmz-orange); box-shadow: 0 10px 28px rgba(0,0,0,0.25); cursor: pointer; font-size: 1.35rem; font-weight: 800; }\n  #pmz-proparents .pmz-modal-close:hover,\n  #pmz-proparents .pmz-modal-close:focus-visible { background: var(--pmz-green); outline: 3px solid rgba(255,255,255,0.8); }\n\n  #pmz-proparents.pmz-modal-open { overflow: visible; }\n  body.pmz-parent-modal-open { overflow: hidden; }\n\n  #pmz-proparents .pmz-video-card.pmz-reveal {\n    transition-property: opacity, transform, box-shadow, border-color;\n  }\n\n  #pmz-proparents .pmz-voices { padding: 110px 0; background: var(--pmz-cream); }\n  #pmz-proparents .pmz-heading-row {\n    display: grid;\n    grid-template-columns: 1fr 0.85fr;\n    gap: 42px;\n    align-items: end;\n    margin-bottom: 46px;\n  }\n\n  #pmz-proparents .pmz-heading-row h2 { margin-bottom: 0; }\n  #pmz-proparents .pmz-heading-row p { margin-bottom: 8px; color: var(--pmz-muted); }\n\n  #pmz-proparents .pmz-carousel {\n    position: relative;\n    padding: clamp(24px, 5vw, 56px);\n    border-radius: 34px;\n    border: 1px solid rgba(21, 61, 58, 0.09);\n    background: var(--pmz-white);\n    box-shadow: 0 24px 70px rgba(21, 61, 58, 0.11);\n  }\n\n  #pmz-proparents .pmz-story {\n    display: grid;\n    grid-template-columns: 168px minmax(0, 1fr);\n    gap: clamp(28px, 5vw, 62px);\n    align-items: start;\n  }\n\n  #pmz-proparents.pmz-ready .pmz-story:not(.pmz-active) { display: none; }\n\n  #pmz-proparents .pmz-story-person { text-align: center; }\n  #pmz-proparents .pmz-story-person img {\n    width: 142px;\n    height: 142px;\n    display: block;\n    margin: 0 auto 16px;\n    border: 7px solid #f8e5e6;\n    border-radius: 16px;\n    object-fit: cover;\n  }\n\n  #pmz-proparents .pmz-story-person strong { display: block; color: var(--pmz-ink); line-height: 1.3; }\n  #pmz-proparents .pmz-story-person span { color: var(--pmz-red); font-size: 0.76rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }\n\n  #pmz-proparents blockquote {\n    position: relative;\n    margin: 0;\n    color: var(--pmz-ink);\n    font-size: clamp(1.02rem, 1.55vw, 1.16rem);\n    line-height: 1.78;\n  }\n\n  #pmz-proparents blockquote::before {\n    display: block;\n    height: 56px;\n    margin-bottom: 4px;\n    color: var(--pmz-orange);\n    content: \"\\201C\";\n    font-family: Georgia, serif;\n    font-size: 6rem;\n    line-height: 1;\n  }\n\n  #pmz-proparents .pmz-story-copy { position: relative; z-index: 2; }\n  #pmz-proparents .pmz-story-source { display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; color: var(--pmz-red); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }\n  #pmz-proparents .pmz-story-source::after { content: \"\\2197\"; font-size: 0.95rem; }\n  #pmz-proparents .pmz-story-source:hover,\n  #pmz-proparents .pmz-story-source:focus-visible { color: var(--pmz-ink); outline: none; text-decoration: underline; text-underline-offset: 4px; }\n\n  #pmz-proparents .pmz-carousel-controls {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 10px;\n    margin-top: 32px;\n  }\n\n  #pmz-proparents .pmz-carousel-btn {\n    width: 46px;\n    height: 46px;\n    display: grid;\n    place-items: center;\n    border: 0;\n    border-radius: 50%;\n    color: var(--pmz-white);\n    background: var(--pmz-teal);\n    cursor: pointer;\n    font-size: 1.1rem;\n    font-weight: 800;\n    transition: transform 160ms ease, background 160ms ease;\n  }\n\n  #pmz-proparents .pmz-carousel-btn:hover,\n  #pmz-proparents .pmz-carousel-btn:focus-visible { background: var(--pmz-red); transform: translateY(-2px); outline: none; }\n\n  #pmz-proparents .pmz-dots { display: flex; align-items: center; gap: 7px; margin-right: auto; }\n  #pmz-proparents .pmz-dot {\n    width: 9px;\n    height: 9px;\n    padding: 0;\n    border: 0;\n    border-radius: 999px;\n    background: rgba(21,61,58,0.22);\n    cursor: pointer;\n    transition: width 180ms ease, background 180ms ease;\n  }\n  #pmz-proparents .pmz-dot.pmz-active { width: 28px; background: var(--pmz-red); }\n\n  #pmz-proparents .pmz-themes { padding: 100px 0 110px; background: #e8f7f5; }\n  #pmz-proparents .pmz-themes h2 { max-width: 760px; margin-bottom: 46px; }\n  #pmz-proparents .pmz-theme-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }\n  #pmz-proparents .pmz-theme-card {\n    position: relative;\n    min-height: 250px;\n    padding: 30px;\n    overflow: hidden;\n    border-radius: 26px;\n    background: var(--pmz-white);\n    box-shadow: 0 18px 44px rgba(21,61,58,0.08);\n    transition: transform 200ms ease;\n  }\n  #pmz-proparents .pmz-theme-card:hover { transform: translateY(-6px); }\n  #pmz-proparents .pmz-theme-card::after {\n    position: absolute;\n    top: 30px;\n    right: 0;\n    width: 5px;\n    height: 76px;\n    background: var(--pmz-card-colour);\n    opacity: 0.78;\n    content: \"\";\n  }\n  #pmz-proparents .pmz-theme-card:nth-child(1) { --pmz-card-colour: var(--pmz-red); }\n  #pmz-proparents .pmz-theme-card:nth-child(2) { --pmz-card-colour: var(--pmz-blue); }\n  #pmz-proparents .pmz-theme-card:nth-child(3) { --pmz-card-colour: var(--pmz-green); }\n  #pmz-proparents .pmz-theme-index { color: var(--pmz-card-colour); font-size: 0.76rem; font-weight: 800; letter-spacing: 0.12em; }\n  #pmz-proparents .pmz-theme-card h3 { margin: 36px 0 12px; font-family: var(--pmz-display); font-size: 1.7rem; line-height: 1.05; }\n  #pmz-proparents .pmz-theme-card p { margin-bottom: 0; color: var(--pmz-muted); font-size: 0.92rem; }\n\n  #pmz-proparents .pmz-switcher { padding: 72px 0; color: var(--pmz-white); background: var(--pmz-ink); }\n  #pmz-proparents .pmz-switcher-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 38px; align-items: center; }\n  #pmz-proparents .pmz-switcher h2 { margin-bottom: 0; font-family: var(--pmz-display); font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1; }\n  #pmz-proparents .pmz-switcher-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }\n  #pmz-proparents .pmz-switcher-links a {\n    padding: 12px 17px;\n    border: 1px solid rgba(255,255,255,0.25);\n    border-radius: 999px;\n    color: rgba(255,255,255,0.82);\n    font-size: 0.84rem;\n    font-weight: 700;\n    transition: color 160ms ease, background 160ms ease, border-color 160ms ease;\n  }\n  #pmz-proparents .pmz-switcher-links a:hover,\n  #pmz-proparents .pmz-switcher-links a:focus-visible { color: var(--pmz-ink); background: var(--pmz-orange); border-color: var(--pmz-orange); outline: none; }\n\n  #pmz-proparents.pmz-ready .pmz-reveal { opacity: 0; transform: translateY(26px); transition: opacity 650ms ease, transform 650ms ease; }\n  #pmz-proparents.pmz-ready .pmz-reveal.pmz-visible { opacity: 1; transform: translateY(0); }\n\n  @keyframes pmz-parent-marker { from { transform: scaleX(0); } to { transform: scaleX(1); } }\n\n  @media (max-width: 940px) {\n    #pmz-proparents .pmz-hero-grid,\n    #pmz-proparents .pmz-video-heading,\n    #pmz-proparents .pmz-heading-row,\n    #pmz-proparents .pmz-switcher-grid { grid-template-columns: 1fr; }\n    #pmz-proparents .pmz-portrait-stage { min-height: 440px; max-width: 560px; width: 100%; margin: 0 auto; }\n    #pmz-proparents .pmz-heading-row { gap: 10px; }\n    #pmz-proparents .pmz-switcher-links { justify-content: flex-start; }\n    #pmz-proparents .pmz-theme-grid { grid-template-columns: 1fr; }\n    #pmz-proparents .pmz-theme-card { min-height: 210px; }\n    #pmz-proparents .pmz-video-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }\n  }\n\n  @media (max-width: 620px) {\n    #pmz-proparents .pmz-shell { width: min(100% - 28px, 1180px); }\n    #pmz-proparents .pmz-hero { padding-top: 26px; }\n    #pmz-proparents .pmz-topline { margin-bottom: 46px; }\n    #pmz-proparents .pmz-back { font-size: 0.74rem; }\n    #pmz-proparents .pmz-title { font-size: clamp(3rem, 15vw, 4.7rem); }\n    #pmz-proparents .pmz-portrait-stage { min-height: 340px; }\n    #pmz-proparents .pmz-video-section,\n    #pmz-proparents .pmz-voices,\n    #pmz-proparents .pmz-themes { padding: 78px 0; }\n    #pmz-proparents .pmz-story { grid-template-columns: 1fr; }\n    #pmz-proparents .pmz-story-person { display: grid; grid-template-columns: 88px 1fr; gap: 16px; align-items: center; text-align: left; }\n    #pmz-proparents .pmz-story-person img { width: 88px; height: 88px; margin: 0; border-width: 5px; }\n    #pmz-proparents .pmz-carousel { border-radius: 25px; }\n    #pmz-proparents blockquote::before { height: 44px; font-size: 5rem; }\n    #pmz-proparents .pmz-video-grid { grid-template-columns: 1fr; }\n    #pmz-proparents .pmz-video-card { min-height: 280px; }\n    #pmz-proparents .pmz-modal { padding: 14px; }\n    #pmz-proparents .pmz-modal-close { top: -13px; right: -5px; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #pmz-proparents *,\n    #pmz-proparents *::before,\n    #pmz-proparents *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.01ms !important; }\n  }\n<\/style>\n\n<div id=\"pmz-proparents\">\n  <section class=\"pmz-hero\" aria-labelledby=\"pmz-parent-title\">\n    <div class=\"pmz-shell\">\n      <div class=\"pmz-topline\">\n        <a class=\"pmz-back\" href=\"https:\/\/promizzion.com\/cn\/testimonial\/\">All testimonial stories<\/a>\n      <\/div>\n\n      <div class=\"pmz-hero-grid\">\n        <div class=\"pmz-reveal\">\n          <p class=\"pmz-kicker\">ProParents &middot; Parent perspective<\/p>\n          <h1 class=\"pmz-title\" id=\"pmz-parent-title\">The change <span>parents notice.<\/span><\/h1>\n          <p class=\"pmz-lede\">Parents see the journey beyond the classroom: growing confidence, stronger communication and young people becoming more ready to lead themselves.<\/p>\n          <a class=\"pmz-jump\" href=\"#pmz-parent-videos\">Browse parent stories<\/a>\n        <\/div>\n\n        <div class=\"pmz-portrait-stage pmz-reveal\" aria-label=\"Current ProMizzion parent testimonial contributors\">\n          <div class=\"pmz-stage-ring\" aria-hidden=\"true\"><\/div>\n          <figure class=\"pmz-portrait pmz-portrait-one\"><img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/2ysYErz3Yx4\/hqdefault.jpg\" alt=\"ProParent sharing contributor\"><\/figure>\n          <figure class=\"pmz-portrait pmz-portrait-two\"><img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/sJXyNkD5kGM\/hqdefault.jpg\" alt=\"ProParent sharing contributor\"><\/figure>\n          <figure class=\"pmz-portrait pmz-portrait-three\"><img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/1ZY0j4WFw9Y\/hqdefault.jpg\" alt=\"ProParent sharing contributor\"><\/figure>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"pmz-wave\" aria-hidden=\"true\"><\/div>\n  <\/section>\n\n  <section class=\"pmz-video-section pmz-video-section--parents\" id=\"pmz-parent-videos\" aria-labelledby=\"pmz-parent-videos-title\">\n    <div class=\"pmz-shell\">\n      <div class=\"pmz-video-heading pmz-reveal\">\n        <div>\n          <span class=\"pmz-section-no\">01 &middot; ProParent sharing<\/span>\n          <h2 id=\"pmz-parent-videos-title\">The changes parents see.<\/h2>\n        <\/div>\n        <p>Eight short parent stories about confidence, communication, character and how that growth becomes visible at home.<\/p>\n      <\/div>\n      <div class=\"pmz-video-grid\" id=\"pmz-parent-video-grid\" aria-label=\"ProParents testimonial videos\"><\/div>\n      <button class=\"pmz-load-more\" type=\"button\">View all parent stories<\/button>\n    <\/div>\n  <\/section>\n\n  <section class=\"pmz-voices\" aria-labelledby=\"pmz-parent-voices-title\">\n    <div class=\"pmz-shell\">\n      <div class=\"pmz-heading-row pmz-reveal\">\n        <div>\n          <span class=\"pmz-section-no\">02 &middot; Written parent voices<\/span>\n          <h2 id=\"pmz-parent-voices-title\">In their own words.<\/h2>\n        <\/div>\n        <p>Eight current ProParents reflect on confidence, communication, character and leadership. Their video sharing has been lightly edited here for clarity while preserving each parent's key message.<\/p>\n      <\/div>\n\n      <div class=\"pmz-carousel pmz-reveal\" aria-roledescription=\"carousel\" aria-label=\"Parent testimonials\">\n        <div class=\"pmz-story pmz-active\" data-slide=\"0\">\n          <div class=\"pmz-story-person\">\n            <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/2ysYErz3Yx4\/hqdefault.jpg\" alt=\"Nichole Chai\">\n            <div><strong>Nichole Chai<\/strong><span>Parent of Ee Zhe<\/span><\/div>\n          <\/div>\n          <div class=\"pmz-story-copy\">\n            <blockquote cite=\"https:\/\/youtube.com\/shorts\/2ysYErz3Yx4\">As a parent, I hope my child grows into someone confident, courageous and able to make his own choices. It was meaningful to see Ee Zhe become more proactive in planning, develop a more positive mindset and become willing to try new things. He is learning to think for himself, take initiative and understand leadership.<\/blockquote>\n            <a class=\"pmz-story-source\" href=\"https:\/\/youtube.com\/shorts\/2ysYErz3Yx4\" target=\"_blank\" rel=\"noopener\">Watch the full story<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"pmz-story\" data-slide=\"1\">\n          <div class=\"pmz-story-person\">\n            <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/sJXyNkD5kGM\/hqdefault.jpg\" alt=\"Estee Tay\">\n            <div><strong>Estee Tay<\/strong><span>Parent of Charmaine<\/span><\/div>\n          <\/div>\n          <div class=\"pmz-story-copy\">\n            <blockquote cite=\"https:\/\/youtube.com\/shorts\/sJXyNkD5kGM\">It was meaningful to see Charmaine step forward to lead her juniors and express herself with more confidence. The supportive environment allows teenagers to encourage one another, communicate openly and grow together. Giving young people the right platform and opportunities helps them develop leadership and express themselves with purpose.<\/blockquote>\n            <a class=\"pmz-story-source\" href=\"https:\/\/youtube.com\/shorts\/sJXyNkD5kGM\" target=\"_blank\" rel=\"noopener\">Watch the full story<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"pmz-story\" data-slide=\"2\">\n          <div class=\"pmz-story-person\">\n            <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/1ZY0j4WFw9Y\/hqdefault.jpg\" alt=\"Richard Baker\">\n            <div><strong>Richard Baker<\/strong><span>Parent of Aaron Baker<\/span><\/div>\n          <\/div>\n          <div class=\"pmz-story-copy\">\n            <blockquote cite=\"https:\/\/youtube.com\/shorts\/1ZY0j4WFw9Y\">Watching students present themselves confidently showed me that camp was a place where young people could truly grow. I saw Aaron become more responsible, communicate better with his teammates and connect with new people. Every young person can benefit from opportunities that build confidence, character and leadership.<\/blockquote>\n            <a class=\"pmz-story-source\" href=\"https:\/\/youtube.com\/shorts\/1ZY0j4WFw9Y\" target=\"_blank\" rel=\"noopener\">Watch the full story<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"pmz-story\" data-slide=\"3\">\n          <div class=\"pmz-story-person\">\n            <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/TJioK7BecnI\/hqdefault.jpg\" alt=\"Chris Sin\">\n            <div><strong>Chris Sin<\/strong><span>Parent of Charlotte Chan<\/span><\/div>\n          <\/div>\n          <div class=\"pmz-story-copy\">\n            <blockquote cite=\"https:\/\/youtube.com\/shorts\/TJioK7BecnI\">One of my greatest joys has been seeing Charlotte grow into a more confident version of herself. She formed meaningful friendships and found a community where young people support one another. I am especially proud that she now takes initiative, embraces new opportunities and presents herself confidently.<\/blockquote>\n            <a class=\"pmz-story-source\" href=\"https:\/\/youtube.com\/shorts\/TJioK7BecnI\" target=\"_blank\" rel=\"noopener\">Watch the full story<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"pmz-story\" data-slide=\"4\">\n          <div class=\"pmz-story-person\">\n            <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/IhiuMmvNumI\/hqdefault.jpg\" alt=\"Esther Hooi\">\n            <div><strong>Esther Hooi<\/strong><span>Parent of Ming Dong<\/span><\/div>\n          <\/div>\n          <div class=\"pmz-story-copy\">\n            <blockquote cite=\"https:\/\/youtube.com\/shorts\/IhiuMmvNumI\">One of the most meaningful changes I noticed in Ming Dong was his willingness to step up as a leader. Working with seniors and leading his team challenged him to communicate, take responsibility and learn from others. He is also becoming more thoughtful about his choices and the direction he wants to take.<\/blockquote>\n            <a class=\"pmz-story-source\" href=\"https:\/\/youtube.com\/shorts\/IhiuMmvNumI\" target=\"_blank\" rel=\"noopener\">Watch the full story<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"pmz-story\" data-slide=\"5\">\n          <div class=\"pmz-story-person\">\n            <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/s47Ggh8BXeE\/hqdefault.jpg\" alt=\"Winnie Chan\">\n            <div><strong>Winnie Chan<\/strong><span>Parent of Marcus Yap<\/span><\/div>\n          <\/div>\n          <div class=\"pmz-story-copy\">\n            <blockquote cite=\"https:\/\/youtube.com\/shorts\/s47Ggh8BXeE\">I have seen Marcus gain greater clarity about what he wants and where he hopes to go. Supportive relationships at camp encouraged the young people to motivate and learn from one another. Character building begins with understanding yourself, recognising your strengths and developing a clearer sense of direction.<\/blockquote>\n            <a class=\"pmz-story-source\" href=\"https:\/\/youtube.com\/shorts\/s47Ggh8BXeE\" target=\"_blank\" rel=\"noopener\">Watch the full story<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"pmz-story\" data-slide=\"6\">\n          <div class=\"pmz-story-person\">\n            <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/m-nSmo0fbDc\/hqdefault.jpg\" alt=\"Jessica Chew\">\n            <div><strong>Jessica Chew<\/strong><span>Parent of Lethia Gohong<\/span><\/div>\n          <\/div>\n          <div class=\"pmz-story-copy\">\n            <blockquote cite=\"https:\/\/youtube.com\/shorts\/m-nSmo0fbDc\">It was meaningful to see Lethia become more willing to embrace challenges and take ownership of her growth. Instead of avoiding weaknesses, she learned to reflect, recognise areas for improvement and take initiative. Confidence also means having the soft skills to express yourself, communicate and work with others.<\/blockquote>\n            <a class=\"pmz-story-source\" href=\"https:\/\/youtube.com\/shorts\/m-nSmo0fbDc\" target=\"_blank\" rel=\"noopener\">Watch the full story<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"pmz-story\" data-slide=\"7\">\n          <div class=\"pmz-story-person\">\n            <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/raU0oMKBceU\/hqdefault.jpg\" alt=\"Manya and Mr Ng\">\n            <div><strong>Manya &amp; Mr Ng<\/strong><span>Parents of Zong Heng<\/span><\/div>\n          <\/div>\n          <div class=\"pmz-story-copy\">\n            <blockquote cite=\"https:\/\/youtube.com\/shorts\/raU0oMKBceU\">We always knew Zong Heng had ideas and potential; we hoped to see the courage to express himself and take on new challenges. We have watched him grow in confidence, communication, leadership and character. True growth is becoming more courageous and ready for what comes next.<\/blockquote>\n            <a class=\"pmz-story-source\" href=\"https:\/\/youtube.com\/shorts\/raU0oMKBceU\" target=\"_blank\" rel=\"noopener\">Watch the full story<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"pmz-carousel-controls\">\n          <div class=\"pmz-dots\" aria-label=\"Choose testimonial\">\n            <button class=\"pmz-dot pmz-active\" type=\"button\" aria-label=\"Show testimonial 1\"><\/button>\n            <button class=\"pmz-dot\" type=\"button\" aria-label=\"Show testimonial 2\"><\/button>\n            <button class=\"pmz-dot\" type=\"button\" aria-label=\"Show testimonial 3\"><\/button>\n            <button class=\"pmz-dot\" type=\"button\" aria-label=\"Show testimonial 4\"><\/button>\n            <button class=\"pmz-dot\" type=\"button\" aria-label=\"Show testimonial 5\"><\/button>\n            <button class=\"pmz-dot\" type=\"button\" aria-label=\"Show testimonial 6\"><\/button>\n            <button class=\"pmz-dot\" type=\"button\" aria-label=\"Show testimonial 7\"><\/button>\n            <button class=\"pmz-dot\" type=\"button\" aria-label=\"Show testimonial 8\"><\/button>\n          <\/div>\n          <button class=\"pmz-carousel-btn pmz-prev\" type=\"button\" aria-label=\"Previous testimonial\">&larr;<\/button>\n          <button class=\"pmz-carousel-btn pmz-next\" type=\"button\" aria-label=\"Next testimonial\">&rarr;<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"pmz-themes\" aria-labelledby=\"pmz-parent-themes-title\">\n    <div class=\"pmz-shell\">\n      <span class=\"pmz-section-no\">03 &middot; What families describe<\/span>\n      <h2 id=\"pmz-parent-themes-title\" class=\"pmz-reveal\">Growth that becomes visible at home and beyond.<\/h2>\n      <div class=\"pmz-theme-grid\">\n        <article class=\"pmz-theme-card pmz-reveal\"><span class=\"pmz-theme-index\">01<\/span><h3>Confidence<\/h3><p>Young people becoming more willing to speak, participate and take the first step.<\/p><\/article>\n        <article class=\"pmz-theme-card pmz-reveal\"><span class=\"pmz-theme-index\">02<\/span><h3>Communication<\/h3><p>Families finding better ways to listen, connect and grow alongside one another.<\/p><\/article>\n        <article class=\"pmz-theme-card pmz-reveal\"><span class=\"pmz-theme-index\">03<\/span><h3>Leadership<\/h3><p>Skills and values that continue to matter as students move into college and working life.<\/p><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <nav class=\"pmz-switcher\" aria-label=\"Explore more testimonial categories\">\n    <div class=\"pmz-shell pmz-switcher-grid\">\n      <h2>Hear another perspective.<\/h2>\n      <div class=\"pmz-switcher-links\">\n        <a href=\"https:\/\/promizzion.com\/cn\/testimonial\/\">All stories<\/a>\n        <a href=\"https:\/\/promizzion.com\/cn\/testimonial\/prostudent\/\">ProStudents &rarr;<\/a>\n        <a href=\"https:\/\/promizzion.com\/cn\/testimonial\/prograduates\/\">ProGraduates &rarr;<\/a>\n      <\/div>\n    <\/div>\n  <\/nav>\n\n  <div class=\"pmz-modal\" hidden role=\"dialog\" aria-modal=\"true\" aria-label=\"ProMizzion testimonial video player\">\n    <button class=\"pmz-modal-backdrop\" type=\"button\" aria-label=\"Close video\"><\/button>\n    <div class=\"pmz-modal-dialog\">\n      <button class=\"pmz-modal-close\" type=\"button\" aria-label=\"Close video\">&times;<\/button>\n      <iframe title=\"\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  (() => {\n    const page = document.getElementById('pmz-proparents');\n    if (!page || page.dataset.initialized === 'true') return;\n    page.dataset.initialized = 'true';\n    page.classList.add('pmz-ready');\n\n    const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    \/*\n      VIDEO CONTENT: the eight ProParent sharing links are active below.\n      Leave thumb blank to use the matching YouTube thumbnail automatically.\n    *\/\n    const parentVideos = [\n      { id: '2ysYErz3Yx4', title: \"Nichole Chai's Story\", speaker: 'Nichole Chai', theme: 'Initiative and confidence', thumb: '', format: 'short' },\n      { id: 'sJXyNkD5kGM', title: \"Estee Tay's Story\", speaker: 'Estee Tay', theme: 'Leadership and expression', thumb: '', format: 'short' },\n      { id: '1ZY0j4WFw9Y', title: \"Richard Baker's Story\", speaker: 'Richard Baker', theme: 'Responsibility and growth', thumb: '', format: 'short' },\n      { id: 'TJioK7BecnI', title: \"Chris Sin's Story\", speaker: 'Chris Sin', theme: 'Confidence and community', thumb: '', format: 'short' },\n      { id: 'IhiuMmvNumI', title: \"Esther Hooi's Story\", speaker: 'Esther Hooi', theme: 'Leadership and direction', thumb: '', format: 'short' },\n      { id: 's47Ggh8BXeE', title: \"Winnie Chan's Story\", speaker: 'Winnie Chan', theme: 'Character and self-discovery', thumb: '', format: 'short' },\n      { id: 'm-nSmo0fbDc', title: \"Jessica Chew's Story\", speaker: 'Jessica Chew', theme: 'Ownership and soft skills', thumb: '', format: 'short' },\n      { id: 'raU0oMKBceU', title: \"Manya and Mr Ng's Story\", speaker: 'Manya and Mr Ng', theme: 'Confidence and character', thumb: '', format: 'short' }\n    ];\n\n    const renderVideos = (container, videos) => {\n      if (!container) return;\n      videos.forEach((video) => {\n        const card = document.createElement('button');\n        const ready = Boolean(video.id);\n        card.type = 'button';\n        card.className = `pmz-video-card pmz-reveal${ready ? '' : ' pmz-video-pending'}`;\n        card.dataset.video = video.id;\n        card.dataset.title = video.title;\n        card.dataset.format = video.format || 'landscape';\n        card.disabled = !ready;\n        card.setAttribute('aria-label', ready ? `Play ${video.title}` : `${video.title}: add YouTube ID`);\n\n        const image = document.createElement('img');\n        image.src = video.thumb || `https:\/\/i.ytimg.com\/vi\/${video.id}\/maxresdefault.jpg`;\n        image.alt = '';\n        image.loading = 'lazy';\n        image.decoding = 'async';\n        if (video.id && !video.thumb) {\n          image.addEventListener('error', () => {\n            image.src = `https:\/\/i.ytimg.com\/vi\/${video.id}\/hqdefault.jpg`;\n          }, { once: true });\n        }\n\n        const play = document.createElement('span');\n        play.className = 'pmz-video-play';\n        play.setAttribute('aria-hidden', 'true');\n        if (!ready) play.textContent = 'Add YouTube ID';\n\n        const meta = document.createElement('span');\n        meta.className = 'pmz-video-meta';\n        const copy = document.createElement('span');\n        copy.textContent = `${video.theme} \\u00b7 ${video.speaker}`;\n        const title = document.createElement('strong');\n        title.textContent = video.title;\n        copy.appendChild(title);\n        const arrow = document.createElement('b');\n        arrow.setAttribute('aria-hidden', 'true');\n        arrow.innerHTML = '&nearr;';\n        meta.append(copy, arrow);\n        card.append(image, play, meta);\n        container.appendChild(card);\n      });\n    };\n\n    renderVideos(page.querySelector('#pmz-parent-video-grid'), parentVideos);\n\n    const reveals = page.querySelectorAll('.pmz-reveal');\n    if (reduced || !('IntersectionObserver' in window)) {\n      reveals.forEach((item) => item.classList.add('pmz-visible'));\n    } else {\n      const observer = new IntersectionObserver((entries, watch) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n          entry.target.classList.add('pmz-visible');\n          watch.unobserve(entry.target);\n        });\n      }, { threshold: 0.12, rootMargin: '0px 0px -5% 0px' });\n      reveals.forEach((item) => observer.observe(item));\n    }\n\n    const slides = [...page.querySelectorAll('.pmz-story')];\n    const dots = [...page.querySelectorAll('.pmz-dot')];\n    let current = 0;\n\n    const showSlide = (index) => {\n      current = (index + slides.length) % slides.length;\n      slides.forEach((slide, i) => {\n        const active = i === current;\n        slide.classList.toggle('pmz-active', active);\n        slide.setAttribute('aria-hidden', active ? 'false' : 'true');\n      });\n      dots.forEach((dot, i) => {\n        dot.classList.toggle('pmz-active', i === current);\n        dot.setAttribute('aria-current', i === current ? 'true' : 'false');\n      });\n    };\n\n    page.querySelector('.pmz-prev')?.addEventListener('click', () => showSlide(current - 1));\n    page.querySelector('.pmz-next')?.addEventListener('click', () => showSlide(current + 1));\n    dots.forEach((dot, i) => dot.addEventListener('click', () => showSlide(i)));\n    showSlide(0);\n\n    const parentVideoSection = page.querySelector('.pmz-video-section--parents');\n    page.querySelector('.pmz-load-more')?.addEventListener('click', () => {\n      parentVideoSection?.classList.add('pmz-show-all');\n    });\n\n    const modal = page.querySelector('.pmz-modal');\n    const modalDialog = modal?.querySelector('.pmz-modal-dialog');\n    const modalFrame = modal?.querySelector('iframe');\n    const modalClose = modal?.querySelector('.pmz-modal-close');\n    let videoTrigger = null;\n\n    const closeVideo = () => {\n      if (!modal || modal.hidden) return;\n      modal.hidden = true;\n      document.body.classList.remove('pmz-parent-modal-open');\n      page.classList.remove('pmz-modal-open');\n      modalDialog?.classList.remove('pmz-modal-dialog--portrait');\n      if (modalFrame) modalFrame.src = '';\n      videoTrigger?.focus();\n    };\n\n    page.querySelectorAll('.pmz-video-card[data-video]').forEach((card) => {\n      if (!card.dataset.video) return;\n      card.addEventListener('click', () => {\n        if (!modal || !modalFrame) return;\n        videoTrigger = card;\n        modalDialog?.classList.toggle('pmz-modal-dialog--portrait', card.dataset.format === 'short');\n        modalFrame.title = card.dataset.title || 'ProMizzion testimonial video';\n        modalFrame.src = `https:\/\/www.youtube-nocookie.com\/embed\/${card.dataset.video}?autoplay=1&rel=0`;\n        modal.hidden = false;\n        document.body.classList.add('pmz-parent-modal-open');\n        page.classList.add('pmz-modal-open');\n        modalClose?.focus();\n      });\n    });\n\n    modal?.querySelector('.pmz-modal-backdrop')?.addEventListener('click', closeVideo);\n    modalClose?.addEventListener('click', closeVideo);\n    document.addEventListener('keydown', (event) => {\n      if (event.key === 'Escape' && modal && !modal.hidden) closeVideo();\n    });\n\n    if (!reduced && window.matchMedia('(pointer: fine)').matches) {\n      const hero = page.querySelector('.pmz-hero');\n      const stage = page.querySelector('.pmz-portrait-stage');\n      let frame;\n      hero?.addEventListener('pointermove', (event) => {\n        const bounds = hero.getBoundingClientRect();\n        const x = ((event.clientX - bounds.left) \/ bounds.width - 0.5) * 16;\n        const y = ((event.clientY - bounds.top) \/ bounds.height - 0.5) * 12;\n        cancelAnimationFrame(frame);\n        frame = requestAnimationFrame(() => {\n          stage?.style.setProperty('--pmz-px', `${x}px`);\n          stage?.style.setProperty('--pmz-py', `${y}px`);\n          stage?.style.setProperty('--pmz-prx', `${x * -0.45}px`);\n          stage?.style.setProperty('--pmz-pry', `${y * -0.45}px`);\n        });\n      });\n      hero?.addEventListener('pointerleave', () => {\n        stage?.style.setProperty('--pmz-px', '0px');\n        stage?.style.setProperty('--pmz-py', '0px');\n        stage?.style.setProperty('--pmz-prx', '0px');\n        stage?.style.setProperty('--pmz-pry', '0px');\n      });\n    }\n  })();\n<\/script>\n\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>","protected":false},"excerpt":{"rendered":"<p>All testimonial stories ProParents &middot; Parent perspective The change parents notice. Parents see the journey beyond the classroom: growing confidence, stronger communication and young people becoming more ready to lead themselves. Browse parent stories 01 &middot; ProParent sharing The changes parents see. Eight short parent stories about confidence, communication, character and how that growth becomes [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":785,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1692","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/promizzion.com\/cn\/wp-json\/wp\/v2\/pages\/1692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/promizzion.com\/cn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/promizzion.com\/cn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/promizzion.com\/cn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/promizzion.com\/cn\/wp-json\/wp\/v2\/comments?post=1692"}],"version-history":[{"count":4,"href":"https:\/\/promizzion.com\/cn\/wp-json\/wp\/v2\/pages\/1692\/revisions"}],"predecessor-version":[{"id":1696,"href":"https:\/\/promizzion.com\/cn\/wp-json\/wp\/v2\/pages\/1692\/revisions\/1696"}],"up":[{"embeddable":true,"href":"https:\/\/promizzion.com\/cn\/wp-json\/wp\/v2\/pages\/785"}],"wp:attachment":[{"href":"https:\/\/promizzion.com\/cn\/wp-json\/wp\/v2\/media?parent=1692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}