{"id":2670,"date":"2024-09-24T14:47:28","date_gmt":"2024-09-24T13:47:28","guid":{"rendered":"https:\/\/www.relationalpeacebuilding.org\/?page_id=2670"},"modified":"2026-07-20T11:24:52","modified_gmt":"2026-07-20T10:24:52","slug":"ukraine-resources-2","status":"publish","type":"page","link":"https:\/\/www.relationalpeacebuilding.org\/en\/ukraine-resources-2\/","title":{"rendered":"Ukraine Resources 2"},"content":{"rendered":"\n<section class=\"rpi-ukraine alignfull\">\n\n  <!-- ============== HERO ============== -->\n  <header class=\"rpi-ukraine__hero\">\n    <div class=\"rpi-ukraine__hero-inner\">\n      <span class=\"rpi-ukraine__eyebrow\">Our Programs<\/span>\n      <h1 class=\"rpi-ukraine__title\">RPI&rsquo;s Ukraine Program<\/h1>\n      <p class=\"rpi-ukraine__lede\">The major focus of RPI&rsquo;s work at present is seeking to build a shared vision and convergent development process between Ukraine and Russia. It is envisaged that RPI&rsquo;s involvement in the Ukraine question largely comprises three parts.<\/p>\n    <\/div>\n  <\/header>\n\n  <!-- ============== THREE PILLARS ============== -->\n  <div class=\"rpi-ukraine__pillars-wrap\">\n    <div class=\"rpi-ukraine__pillars\">\n\n      <div class=\"rpi-ukraine__pillar\">\n        <div class=\"rpi-ukraine__pillar-icon\" aria-hidden=\"true\">\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n        <\/div>\n        <h2 class=\"rpi-ukraine__pillar-title\">Visits<\/h2>\n        <p class=\"rpi-ukraine__pillar-text\">Maintaining high-level contacts with diplomats, senior officials, thinktanks and academics through regular visits to Geneva, Washington DC and London. At present the program is largely at the research stage.<\/p>\n      <\/div>\n\n      <div class=\"rpi-ukraine__pillar\">\n        <div class=\"rpi-ukraine__pillar-icon\" aria-hidden=\"true\">\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h20v14H2z\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><polyline points=\"7 11 10 8 13 11 17 7\"\/><\/svg>\n        <\/div>\n        <h2 class=\"rpi-ukraine__pillar-title\">Seminars<\/h2>\n        <p class=\"rpi-ukraine__pillar-text\">Mobilising international expertise and knowledge on the issue of Ukraine and Russia relations by running in-house seminars in Geneva and Cambridge.<\/p>\n      <\/div>\n\n      <div class=\"rpi-ukraine__pillar\">\n        <div class=\"rpi-ukraine__pillar-icon\" aria-hidden=\"true\">\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/><\/svg>\n        <\/div>\n        <h2 class=\"rpi-ukraine__pillar-title\">Research<\/h2>\n        <p class=\"rpi-ukraine__pillar-text\">Publishing books and research reports on how best to build economic cooperation and trust between Russia and Ukraine.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- ============== FEATURE BAND (DARK GREEN) ============== -->\n  <div class=\"rpi-ukraine__band rpi-ukraine__band--dark\">\n    <div class=\"rpi-ukraine__band-inner\">\n\n      <div class=\"rpi-ukraine__band-icon\" aria-hidden=\"true\">\n        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10z\"\/><path d=\"M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12\"\/><\/svg>\n      <\/div>\n\n      <h2 class=\"rpi-ukraine__band-title\">Mutual Convergent Development <strong>Phase 1:<\/strong><br><strong>Ukraine-Russia Economic Cooperation Framework<\/strong><\/h2>\n\n      <div class=\"rpi-ukraine__btn-row\">\n        <a class=\"rpi-ukraine__btn rpi-ukraine__btn--solid\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">Read the Proposal<\/a>\n      <\/div>\n\n      <hr class=\"rpi-ukraine__band-rule\">\n\n      <p class=\"rpi-ukraine__band-text\">We have focused on research across many sectors of public life in both Ukraine and Russia, including their relationships with other countries. This research has led us to conclusions which underpin our current proposals. To appreciate how economic cooperation may contribute to building relationships and trust between Ukraine and Russia, please read the report available below this section.<\/p>\n\n      <span class=\"rpi-ukraine__btn-label\">Bilateral Economic Framework &mdash; Features<\/span>\n      <div class=\"rpi-ukraine__btn-row\">\n        <a class=\"rpi-ukraine__btn\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">Ukrainian<\/a>\n        <a class=\"rpi-ukraine__btn\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">Russian<\/a>\n        <a class=\"rpi-ukraine__btn\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">English<\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- ============== POSITION PAPER (CREAM BACKGROUND) ============== -->\n  <div class=\"rpi-ukraine__band rpi-ukraine__band--cream\">\n    <div class=\"rpi-ukraine__band-inner\">\n\n      <div class=\"rpi-ukraine__band-icon rpi-ukraine__band-icon--dark\" aria-hidden=\"true\">\n        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h5l2 3h9a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\"\/><path d=\"M2 10h20\"\/><\/svg>\n      <\/div>\n\n      <h2 class=\"rpi-ukraine__band-title rpi-ukraine__band-title--dark\">Ukraine Position Paper<\/h2>\n\n      <p class=\"rpi-ukraine__band-text rpi-ukraine__band-text--dark\">RPI&rsquo;s proposed Economic Cooperation Framework developed from an earlier position paper entitled &lsquo;Building Relationships and Trust Between Ukraine and Russia: A Mutually-agreed Economic and Social Convergence Strategy&rsquo;. Between 2019 and 2021 these ideas, now developed further as the &lsquo;<strong>Mutually Agreed Convergent Development Strategy<\/strong>&rsquo;, are expressed in the framework. To understand the wider background and purpose of the framework, we hope you may find time to read the RPI position paper below.<\/p>\n\n      <div class=\"rpi-ukraine__btn-row\">\n        <a class=\"rpi-ukraine__btn rpi-ukraine__btn--dark\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">Download in Ukrainian<\/a>\n        <a class=\"rpi-ukraine__btn rpi-ukraine__btn--dark\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">Download in Russian<\/a>\n        <a class=\"rpi-ukraine__btn rpi-ukraine__btn--dark\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">Download in English<\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- ============== VIDEO REEL (CAROUSEL) ============== -->\n  <section class=\"yt-reel yt-reel--dark\" aria-labelledby=\"ytReelHeading\">\n\n    <!-- State radios -->\n    <input class=\"yt-reel__state\" type=\"radio\" name=\"ytReel\" id=\"reel-r1\" checked>\n    <input class=\"yt-reel__state\" type=\"radio\" name=\"ytReel\" id=\"reel-r2\">\n    <input class=\"yt-reel__state\" type=\"radio\" name=\"ytReel\" id=\"reel-r3\">\n    <input class=\"yt-reel__state\" type=\"radio\" name=\"ytReel\" id=\"reel-r4\">\n    <input class=\"yt-reel__state\" type=\"radio\" name=\"ytReel\" id=\"reel-r5\">\n\n    <div class=\"yt-reel__intro\">\n      <span class=\"yt-reel__eyebrow\">Video resources<\/span>\n      <h2 class=\"yt-reel__heading\" id=\"ytReelHeading\">Mutual Convergent Development Process<\/h2>\n      <p class=\"yt-reel__lead\">\n        A five-part video introduction to RPI&#8217;s relational peacebuilding methodology \u2014\n        from the foundations of relational thinking to its application on the Korean Peninsula and the Ukraine-Russia conflict.\n      <\/p>\n    <\/div>\n\n    <div class=\"yt-reel__viewport\">\n\n      <!-- ===== STATE 1 ARROWS ===== -->\n      <label class=\"yt-reel__nav yt-reel__nav--prev\" data-state=\"1\" data-bp=\"d\" for=\"reel-r3\" aria-label=\"Previous video\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n      <\/label>\n      <label class=\"yt-reel__nav yt-reel__nav--prev\" data-state=\"1\" data-bp=\"t\" for=\"reel-r4\" aria-label=\"Previous video\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n      <\/label>\n      <label class=\"yt-reel__nav yt-reel__nav--prev\" data-state=\"1\" data-bp=\"m\" for=\"reel-r5\" aria-label=\"Previous video\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n      <\/label>\n      <label class=\"yt-reel__nav yt-reel__nav--next\" data-state=\"1\" for=\"reel-r2\" aria-label=\"Next video\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n      <\/label>\n\n      <!-- ===== STATE 2 ARROWS ===== -->\n      <label class=\"yt-reel__nav yt-reel__nav--prev\" data-state=\"2\" for=\"reel-r1\" aria-label=\"Previous video\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n      <\/label>\n      <label class=\"yt-reel__nav yt-reel__nav--next\" data-state=\"2\" for=\"reel-r3\" aria-label=\"Next video\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n      <\/label>\n\n      <!-- ===== STATE 3 ARROWS ===== -->\n      <label class=\"yt-reel__nav yt-reel__nav--prev\" data-state=\"3\" for=\"reel-r2\" aria-label=\"Previous video\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n      <\/label>\n      <label class=\"yt-reel__nav yt-reel__nav--next\" data-state=\"3\" data-bp=\"d\" for=\"reel-r1\" aria-label=\"Next video\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n      <\/label>\n      <label class=\"yt-reel__nav yt-reel__nav--next\" data-state=\"3\" data-bp=\"tm\" for=\"reel-r4\" aria-label=\"Next video\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n      <\/label>\n\n      <!-- ===== STATE 4 ARROWS ===== -->\n      <label class=\"yt-reel__nav yt-reel__nav--prev\" data-state=\"4\" data-bp=\"tm\" for=\"reel-r3\" aria-label=\"Previous video\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n      <\/label>\n      <label class=\"yt-reel__nav yt-reel__nav--next\" data-state=\"4\" data-bp=\"t\" for=\"reel-r1\" aria-label=\"Next video\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n      <\/label>\n      <label class=\"yt-reel__nav yt-reel__nav--next\" data-state=\"4\" data-bp=\"m\" for=\"reel-r5\" aria-label=\"Next video\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n      <\/label>\n\n      <!-- ===== STATE 5 ARROWS ===== -->\n      <label class=\"yt-reel__nav yt-reel__nav--prev\" data-state=\"5\" data-bp=\"m\" for=\"reel-r4\" aria-label=\"Previous video\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n      <\/label>\n      <label class=\"yt-reel__nav yt-reel__nav--next\" data-state=\"5\" data-bp=\"m\" for=\"reel-r1\" aria-label=\"Next video\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n      <\/label>\n\n      <div class=\"yt-reel__track\">\n\n        <!-- PHASE 1 -->\n        <article class=\"yt-reel__card\">\n          <div class=\"yt-reel__embed\">\n            <iframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/FPwMpTMzavY?start=1\"\n                    title=\"Mutual Convergence Development \u2014 Phase 1\"\n                    loading=\"lazy\"\n                    allow=\"accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                    allowfullscreen><\/iframe>\n          <\/div>\n          <div class=\"yt-reel__body\">\n            <span class=\"yt-reel__tag\">Phase 1 \u00b7 Introduction<\/span>\n            <h3 class=\"yt-reel__title\">Mutual Convergence Development \u2014 Phase 1<\/h3>\n            <p class=\"yt-reel__meta\">RPI \u00b7 Methodology Series<\/p>\n          <\/div>\n        <\/article>\n\n        <!-- PHASE 2 -->\n        <article class=\"yt-reel__card\">\n          <div class=\"yt-reel__embed\">\n            <iframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/vWsMpA9t_uQ\"\n                    title=\"Mutual Convergence Development \u2014 Phase 2\"\n                    loading=\"lazy\"\n                    allow=\"accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                    allowfullscreen><\/iframe>\n          <\/div>\n          <div class=\"yt-reel__body\">\n            <span class=\"yt-reel__tag\">Phase 2 \u00b7 Foundations<\/span>\n            <h3 class=\"yt-reel__title\">Mutual Convergence Development \u2014 Phase 2<\/h3>\n            <p class=\"yt-reel__meta\">RPI \u00b7 Methodology Series<\/p>\n          <\/div>\n        <\/article>\n\n        <!-- PHASE 3 -->\n        <article class=\"yt-reel__card\">\n          <div class=\"yt-reel__embed\">\n            <iframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/G0RS9a55vd4\"\n                    title=\"Mutual Convergence Development \u2014 Phase 3\"\n                    loading=\"lazy\"\n                    allow=\"accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                    allowfullscreen><\/iframe>\n          <\/div>\n          <div class=\"yt-reel__body\">\n            <span class=\"yt-reel__tag\">Phase 3 \u00b7 Framework<\/span>\n            <h3 class=\"yt-reel__title\">Mutual Convergence Development \u2014 Phase 3<\/h3>\n            <p class=\"yt-reel__meta\">RPI \u00b7 Methodology Series<\/p>\n          <\/div>\n        <\/article>\n\n        <!-- PHASE 4 -->\n        <article class=\"yt-reel__card\">\n          <div class=\"yt-reel__embed\">\n            <iframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/5nWAG8VKx6Q\"\n                    title=\"Mutual Convergence Development \u2014 Phase 4\"\n                    loading=\"lazy\"\n                    allow=\"accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                    allowfullscreen><\/iframe>\n          <\/div>\n          <div class=\"yt-reel__body\">\n            <span class=\"yt-reel__tag\">Phase 4 \u00b7 Application<\/span>\n            <h3 class=\"yt-reel__title\">Mutual Convergence Development \u2014 Phase 4<\/h3>\n            <p class=\"yt-reel__meta\">RPI \u00b7 Methodology Series<\/p>\n          <\/div>\n        <\/article>\n\n        <!-- PHASE 5 -->\n        <article class=\"yt-reel__card\">\n          <div class=\"yt-reel__embed\">\n            <iframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/Heaod5EWQv4\"\n                    title=\"Mutual Convergence Development \u2014 Phase 5\"\n                    loading=\"lazy\"\n                    allow=\"accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                    allowfullscreen><\/iframe>\n          <\/div>\n          <div class=\"yt-reel__body\">\n            <span class=\"yt-reel__tag\">Phase 5 \u00b7 Outcomes<\/span>\n            <h3 class=\"yt-reel__title\">Mutual Convergence Development \u2014 Phase 5<\/h3>\n            <p class=\"yt-reel__meta\">RPI \u00b7 Methodology Series<\/p>\n          <\/div>\n        <\/article>\n\n      <\/div><!-- \/track -->\n    <\/div><!-- \/viewport -->\n  <\/section>\n\n<\/section>\n\n<style>\n\/* ============================================================\n   RPI UKRAINE \u2013 COMPLETE STYLES\n   ============================================================ *\/\n.rpi-ukraine {\n    --ru-green-deep:  #111C11;\n    --ru-green-dark:  #1A2E1A;\n    --ru-gold:        #C9A84C;\n    --ru-cream:       #F5F0E8;\n    --ru-cream-deep:  #ECDABB;\n    --ru-white:       #FFFFFF;\n    --ru-ink:         #2A2A2A;\n    --ru-muted:       rgba(42,42,42,0.65);\n    --ru-line:        rgba(26,46,26,0.10);\n    --ru-serif:       'Noto Serif','Roboto Slab',Georgia,serif;\n    --ru-sans:        'Noto Sans','Manrope','Helvetica Neue',Arial,sans-serif;\n    --ru-pad-x:       clamp(20px, 5vw, 80px);\n\n    width: 100vw;\n    position: relative;\n    left: 50%; right: 50%;\n    margin-left: -50vw; margin-right: -50vw;\n    box-sizing: border-box;\n\n    background: var(--ru-cream);\n    color: var(--ru-ink);\n    font-family: var(--ru-sans);\n    font-size: 16px;\n    line-height: 1.7;\n}\n.rpi-ukraine *,\n.rpi-ukraine *::before,\n.rpi-ukraine *::after { box-sizing: border-box; }\n\n\/* ---------- HERO ---------- *\/\n.rpi-ukraine__hero {\n    position: relative;\n    background:\n        linear-gradient(180deg, rgba(17,28,17,0.86) 0%, rgba(26,46,26,0.92) 100%),\n        url('https:\/\/www.relationalpeacebuilding.org\/wp-content\/uploads\/2020\/06\/1024px-Korean_Peninsula_satellite-1024x763-1.png') center\/cover no-repeat;\n    padding: clamp(80px,12vw,140px) var(--ru-pad-x) clamp(64px,9vw,100px);\n    color: var(--ru-white);\n    border-bottom: 1px solid rgba(201,168,76,0.35);\n    text-align: center;\n}\n.rpi-ukraine__hero::after {\n    content: \"\";\n    position: absolute; left: 50%; bottom: 26px;\n    transform: translateX(-50%);\n    width: 64px; height: 2px;\n    background: var(--ru-gold);\n}\n.rpi-ukraine__hero-inner { max-width: 820px; margin: 0 auto; }\n.rpi-ukraine__eyebrow {\n    display: inline-block;\n    font-size: 12px; letter-spacing: 3px; text-transform: uppercase;\n    color: var(--ru-gold); margin-bottom: 18px;\n}\n.rpi-ukraine__title {\n    font-family: var(--ru-serif);\n    font-weight: 700;\n    font-size: clamp(36px, 5vw, 58px);\n    line-height: 1.1; letter-spacing: -0.6px;\n    color: var(--ru-white); margin: 0 0 22px;\n}\n.rpi-ukraine__lede {\n    font-size: 18px; line-height: 1.7;\n    color: rgba(255,255,255,0.85); margin: 0;\n}\n\n\/* ---------- PILLARS ---------- *\/\n.rpi-ukraine__pillars-wrap {\n    padding: clamp(56px,8vw,90px) var(--ru-pad-x) clamp(40px,6vw,64px);\n}\n.rpi-ukraine__pillars {\n    max-width: 1170px; margin: 0 auto;\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;\n}\n.rpi-ukraine__pillar {\n    background: var(--ru-white);\n    border-radius: 18px;\n    padding: 40px 30px;\n    text-align: center;\n    border-top: 3px solid var(--ru-gold);\n    box-shadow: 0 12px 36px rgba(17,28,17,0.07);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.rpi-ukraine__pillar:hover { transform: translateY(-4px); box-shadow: 0 18px 48px rgba(17,28,17,0.12); }\n.rpi-ukraine__pillar-icon {\n    width: 66px; height: 66px; border-radius: 50%;\n    background: rgba(201,168,76,0.16);\n    color: var(--ru-green-dark);\n    display: inline-flex; align-items: center; justify-content: center;\n    margin: 0 auto 20px;\n}\n.rpi-ukraine__pillar-title {\n    font-family: var(--ru-serif);\n    font-weight: 700; font-size: 24px;\n    color: var(--ru-green-dark);\n    margin: 0 0 12px; letter-spacing: 0.3px;\n}\n.rpi-ukraine__pillar-text {\n    font-size: 15.5px; line-height: 1.7; color: var(--ru-ink); margin: 0;\n}\n\n\/* ---------- BANDS ---------- *\/\n.rpi-ukraine__band {\n    padding: clamp(56px,8vw,90px) var(--ru-pad-x);\n}\n.rpi-ukraine__band--dark {\n    background: var(--ru-green-dark);\n    color: var(--ru-white);\n}\n.rpi-ukraine__band--deep {\n    background: var(--ru-green-deep);\n    color: var(--ru-white);\n}\n.rpi-ukraine__band--cream {\n    background: var(--ru-cream-deep);\n    color: var(--ru-ink);\n}\n.rpi-ukraine__band-inner {\n    max-width: 900px;\n    margin: 0 auto;\n    text-align: center;\n}\n\n.rpi-ukraine__band-icon {\n    width: 76px; height: 76px; border-radius: 50%;\n    background: rgba(201,168,76,0.18);\n    color: var(--ru-gold);\n    display: inline-flex; align-items: center; justify-content: center;\n    margin: 0 auto 24px;\n}\n.rpi-ukraine__band-icon--dark {\n    color: var(--ru-green-dark);\n    background: rgba(26,46,26,0.10);\n}\n\n.rpi-ukraine__band-title {\n    font-family: var(--ru-serif);\n    font-weight: 400;\n    font-size: clamp(24px,3.2vw,32px);\n    line-height: 1.3;\n    color: var(--ru-white);\n    margin: 0 0 28px;\n    letter-spacing: 0.2px;\n}\n.rpi-ukraine__band-title strong { font-weight: 700; }\n.rpi-ukraine__band-title--dark {\n    color: var(--ru-green-dark);\n    font-weight: 700;\n}\n.rpi-ukraine__band-subtitle {\n    font-family: var(--ru-serif);\n    font-weight: 700;\n    font-size: clamp(20px,2.6vw,26px);\n    line-height: 1.35;\n    color: var(--ru-white);\n    margin: 0 0 24px;\n}\n.rpi-ukraine__band-text {\n    font-size: 17px; line-height: 1.8;\n    color: rgba(255,255,255,0.85);\n    max-width: 760px;\n    margin: 0 auto 28px;\n}\n.rpi-ukraine__band-text--dark {\n    color: var(--ru-ink);\n}\n\n.rpi-ukraine__band-rule {\n    border: none;\n    height: 1px;\n    background: rgba(255,255,255,0.22);\n    max-width: 220px;\n    margin: 36px auto;\n}\n\n\/* ---------- BUTTONS ---------- *\/\n.rpi-ukraine__btn-label {\n    display: block;\n    font-size: 12px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--ru-gold);\n    margin-bottom: 16px;\n}\n.rpi-ukraine__btn-row {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 14px;\n    margin: 0 0 4px;\n}\n.rpi-ukraine__btn {\n    display: inline-block;\n    font-family: var(--ru-sans);\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: 0.8px;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 13px 26px;\n    border-radius: 999px;\n    border: 2px solid rgba(255,255,255,0.55);\n    color: var(--ru-white);\n    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\n}\n.rpi-ukraine__btn:hover {\n    background: var(--ru-gold);\n    color: var(--ru-green-dark);\n    border-color: var(--ru-gold);\n    transform: translateY(-1px);\n}\n.rpi-ukraine__btn--solid {\n    background: var(--ru-gold);\n    color: var(--ru-green-dark);\n    border-color: var(--ru-gold);\n    font-size: 15px;\n    padding: 15px 32px;\n}\n.rpi-ukraine__btn--solid:hover {\n    background: #d8ba63;\n    border-color: #d8ba63;\n}\n.rpi-ukraine__btn--dark {\n    color: var(--ru-green-dark);\n    border-color: var(--ru-green-dark);\n}\n.rpi-ukraine__btn--dark:hover {\n    background: var(--ru-green-dark);\n    color: var(--ru-white);\n    border-color: var(--ru-green-dark);\n}\n\n\/* ============================================================\n   YT REEL \u2013 CAROUSEL WITH NAVIGATION (DARK GREEN)\n   ============================================================ *\/\n.yt-reel--dark {\n    --reel-green-dark:   #1A2E1A;\n    --reel-gold:         #C9A84C;\n    --reel-white:        #FFFFFF;\n    --reel-font-heading: 'Noto Serif', 'Roboto Slab', Georgia, serif;\n    --reel-font-body:    'Noto Sans', 'Helvetica Neue', Arial, sans-serif;\n    --reel-pad-x:        clamp(20px, 5vw, 80px);\n    --reel-gap:          clamp(18px, 2.5vw, 28px);\n\n    background: var(--reel-green-dark);\n    padding: clamp(64px, 7vw, 100px) 0 clamp(72px, 8vw, 110px);\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    box-sizing: border-box;\n    overflow: hidden;\n    font-family: var(--reel-font-body);\n}\n\n.yt-reel--dark *,\n.yt-reel--dark *::before,\n.yt-reel--dark *::after {\n    box-sizing: border-box;\n}\n\n\/* ---- HIDDEN RADIOS ---- *\/\n.yt-reel__state {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    margin: 0;\n    padding: 0;\n    opacity: 0;\n    pointer-events: none;\n    appearance: none;\n    -webkit-appearance: none;\n}\n\n\/* ---- INTRO ---- *\/\n.yt-reel__intro {\n    max-width: 720px;\n    margin: 0 auto clamp(28px, 4vw, 44px);\n    padding: 0 var(--reel-pad-x);\n    text-align: center;\n}\n.yt-reel__eyebrow {\n    display: inline-block;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--reel-gold);\n    margin-bottom: 14px;\n}\n.yt-reel__heading {\n    font-family: var(--reel-font-heading);\n    font-size: clamp(26px, 4vw, 42px);\n    font-weight: 700;\n    line-height: 1.2;\n    color: var(--reel-white);\n    margin: 0 0 14px;\n}\n.yt-reel__lead {\n    font-size: clamp(15px, 1.7vw, 17px);\n    color: rgba(255, 255, 255, 0.78);\n    line-height: 1.78;\n    margin: 0;\n}\n\n\/* ---- VIEWPORT ---- *\/\n.yt-reel__viewport {\n    position: relative;\n    overflow: hidden;\n    padding: 14px var(--reel-pad-x) 32px;\n}\n\n\/* ---- TRACK ---- *\/\n.yt-reel__track {\n    display: flex;\n    gap: var(--reel-gap);\n    transform: translateX(0);\n    transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);\n    will-change: transform;\n}\n\n\/* ---- CARDS ---- *\/\n.yt-reel__card {\n    flex: 0 0 calc((100% - (2 * var(--reel-gap))) \/ 3);\n    background: var(--reel-white);\n    border-radius: 18px;\n    overflow: hidden;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n    display: flex;\n    flex-direction: column;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.yt-reel__card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 44px rgba(0, 0, 0, 0.35);\n}\n.yt-reel__embed {\n    position: relative;\n    padding-bottom: 56.25%;\n    height: 0;\n    overflow: hidden;\n    background: #1a1a1a;\n}\n.yt-reel__embed iframe {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n    display: block;\n}\n.yt-reel__body {\n    padding: 22px 24px 26px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    flex: 1;\n}\n.yt-reel__tag {\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: var(--reel-gold);\n}\n.yt-reel__title {\n    font-family: var(--reel-font-heading);\n    font-size: 17px;\n    font-weight: 600;\n    color: var(--reel-green-dark);\n    line-height: 1.35;\n    margin: 0;\n}\n.yt-reel__meta {\n    font-size: 13px;\n    color: #6B6B6B;\n    margin: 0;\n    letter-spacing: 0.2px;\n}\n\n\/* ---- NAVIGATION ARROWS ---- *\/\n.yt-reel__nav {\n    position: absolute;\n    top: 28%;\n    transform: translateY(-50%);\n    width: 52px;\n    height: 52px;\n    border-radius: 50%;\n    background: var(--reel-white);\n    border: 2px solid rgba(255, 255, 255, 0.3);\n    color: var(--reel-green-dark);\n    display: none;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);\n    cursor: pointer;\n    z-index: 5;\n    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\n}\n.yt-reel__nav svg {\n    width: 20px;\n    height: 20px;\n    pointer-events: none;\n}\n.yt-reel__nav--prev {\n    left: clamp(12px, 2vw, 28px);\n}\n.yt-reel__nav--next {\n    right: clamp(12px, 2vw, 28px);\n}\n.yt-reel__nav:hover {\n    background: var(--reel-gold);\n    color: var(--reel-green-dark);\n    border-color: var(--reel-gold);\n    transform: translateY(-50%) scale(1.06);\n}\n\n\/* ---- CAROUSEL POSITIONS ---- *\/\n#reel-r1:checked ~ .yt-reel__viewport .yt-reel__track { transform: translateX(0); }\n#reel-r2:checked ~ .yt-reel__viewport .yt-reel__track { transform: translateX(calc(-1 * (100% + var(--reel-gap)) \/ 3 * 1)); }\n#reel-r3:checked ~ .yt-reel__viewport .yt-reel__track { transform: translateX(calc(-1 * (100% + var(--reel-gap)) \/ 3 * 2)); }\n#reel-r4:checked ~ .yt-reel__viewport .yt-reel__track { transform: translateX(calc(-1 * (100% + var(--reel-gap)) \/ 3 * 3)); }\n#reel-r5:checked ~ .yt-reel__viewport .yt-reel__track { transform: translateX(calc(-1 * (100% + var(--reel-gap)) \/ 3 * 4)); }\n\n\/* ---- SHOW ARROWS FOR CURRENT STATE ---- *\/\n#reel-r1:checked ~ .yt-reel__viewport .yt-reel__nav[data-state=\"1\"] { display: flex; }\n#reel-r2:checked ~ .yt-reel__viewport .yt-reel__nav[data-state=\"2\"] { display: flex; }\n#reel-r3:checked ~ .yt-reel__viewport .yt-reel__nav[data-state=\"3\"] { display: flex; }\n#reel-r4:checked ~ .yt-reel__viewport .yt-reel__nav[data-state=\"4\"] { display: flex; }\n#reel-r5:checked ~ .yt-reel__viewport .yt-reel__nav[data-state=\"5\"] { display: flex; }\n\n\/* ---- RESPONSIVE: TABLET ---- *\/\n@media (max-width: 1023px) {\n    .yt-reel__card {\n        flex: 0 0 calc((100% - var(--reel-gap)) \/ 2);\n    }\n    #reel-r1:checked ~ .yt-reel__viewport .yt-reel__track { transform: translateX(0); }\n    #reel-r2:checked ~ .yt-reel__viewport .yt-reel__track { transform: translateX(calc(-1 * (100% + var(--reel-gap)) \/ 2 * 1)); }\n    #reel-r3:checked ~ .yt-reel__viewport .yt-reel__track { transform: translateX(calc(-1 * (100% + var(--reel-gap)) \/ 2 * 2)); }\n    #reel-r4:checked ~ .yt-reel__viewport .yt-reel__track { transform: translateX(calc(-1 * (100% + var(--reel-gap)) \/ 2 * 3)); }\n    #reel-r5:checked ~ .yt-reel__viewport .yt-reel__track { transform: translateX(calc(-1 * (100% + var(--reel-gap)) \/ 2 * 4)); }\n}\n\n\/* ---- RESPONSIVE: MOBILE ---- *\/\n@media (max-width: 639px) {\n    .yt-reel__card {\n        flex: 0 0 100%;\n    }\n    #reel-r1:checked ~ .yt-reel__viewport .yt-reel__track { transform: translateX(0); }\n    #reel-r2:checked ~ .yt-reel__viewport .yt-reel__track { transform: translateX(calc(-1 * (100% + var(--reel-gap)) * 1)); }\n    #reel-r3:checked ~ .yt-reel__viewport .yt-reel__track { transform: translateX(calc(-1 * (100% + var(--reel-gap)) * 2)); }\n    #reel-r4:checked ~ .yt-reel__viewport .yt-reel__track { transform: translateX(calc(-1 * (100% + var(--reel-gap)) * 3)); }\n    #reel-r5:checked ~ .yt-reel__viewport .yt-reel__track { transform: translateX(calc(-1 * (100% + var(--reel-gap)) * 4)); }\n    .yt-reel__nav {\n        width: 44px;\n        height: 44px;\n    }\n    .yt-reel__nav svg {\n        width: 16px;\n        height: 16px;\n    }\n}\n\n\/* ---- HIDE ARROWS THAT DON'T MATCH VIEWPORT ---- *\/\n@media (min-width: 1024px) {\n    .yt-reel__nav[data-bp=\"t\"],\n    .yt-reel__nav[data-bp=\"m\"],\n    .yt-reel__nav[data-bp=\"tm\"] { display: none !important; }\n}\n@media (min-width: 640px) and (max-width: 1023px) {\n    .yt-reel__nav[data-bp=\"d\"],\n    .yt-reel__nav[data-bp=\"m\"] { display: none !important; }\n}\n@media (max-width: 639px) {\n    .yt-reel__nav[data-bp=\"d\"],\n    .yt-reel__nav[data-bp=\"t\"] { display: none !important; }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Our Programs RPI&rsquo;s Ukraine Program The major focus of RPI&rsquo;s work at present is seeking to build a shared vision and convergent development process between Ukraine and Russia. It is envisaged that RPI&rsquo;s involvement in the Ukraine question largely comprises three parts. Visits Maintaining high-level contacts with diplomats, senior officials, thinktanks and academics through regular&hellip;&nbsp;<a href=\"https:\/\/www.relationalpeacebuilding.org\/en\/ukraine-resources-2\/\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Ukraine Resources 2<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":2916,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"full-width","neve_meta_container":"","neve_meta_enable_content_width":"on","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"on","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-2670","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.relationalpeacebuilding.org\/en\/wp-json\/wp\/v2\/pages\/2670","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.relationalpeacebuilding.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.relationalpeacebuilding.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.relationalpeacebuilding.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.relationalpeacebuilding.org\/en\/wp-json\/wp\/v2\/comments?post=2670"}],"version-history":[{"count":29,"href":"https:\/\/www.relationalpeacebuilding.org\/en\/wp-json\/wp\/v2\/pages\/2670\/revisions"}],"predecessor-version":[{"id":3415,"href":"https:\/\/www.relationalpeacebuilding.org\/en\/wp-json\/wp\/v2\/pages\/2670\/revisions\/3415"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.relationalpeacebuilding.org\/en\/wp-json\/wp\/v2\/media\/2916"}],"wp:attachment":[{"href":"https:\/\/www.relationalpeacebuilding.org\/en\/wp-json\/wp\/v2\/media?parent=2670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}