{"id":9395,"date":"2026-05-25T11:01:30","date_gmt":"2026-05-25T11:01:30","guid":{"rendered":"https:\/\/jdv.life\/staging\/4684\/?page_id=9395"},"modified":"2026-07-28T14:28:11","modified_gmt":"2026-07-28T14:28:11","slug":"explore","status":"publish","type":"page","link":"https:\/\/jdv.life\/staging\/4684\/explore\/","title":{"rendered":"Explore"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9395\" class=\"elementor elementor-9395\" wpc-filter-elementor-widget=\"1\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d181e74 e-con e-atomic-element e-flexbox-base e-default-div e-1328321 \" data-id=\"d181e74\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d181e74\" data-e-type=\"e-flexbox\" data-id=\"d181e74\">\n    \t\t<div class=\"elementor-element elementor-element-9b55c3c elementor-widget elementor-widget-html\" data-id=\"9b55c3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n============================================================================\r\n  JDV \u2014 \"Explore\" page  (WordPress \/ Elementor-ready)\r\n  ----------------------------------------------------------------------------\r\n  HOW TO USE IN WORDPRESS:\r\n  \u2022 Paste this entire block into an Elementor \"HTML\" widget, a Custom HTML\r\n    block (Gutenberg), or a page template.\r\n  \u2022 Everything is scoped under the \".jdv-explore\" wrapper so it will NOT leak\r\n    into the rest of your theme. The <style> and <script> are also scoped.\r\n  \u2022 Google Fonts are loaded at the top. If your theme already loads them, you\r\n    can remove the @import line to avoid a duplicate request.\r\n\r\n  WHERE TO PLUG IN DYNAMIC CONTENT (look for \"WP:\" comments):\r\n  \u2022 Card rails (Watch \/ Listen \/ Read \/ Learn) \u2014 replace the static\r\n    <article class=\"jdv-card\"> blocks with a WP_Query \/ get_posts loop.\r\n  \u2022 Category pills, contributor list, and duration buckets in the filter can\r\n    be generated from taxonomies \/ terms.\r\n  \u2022 Buttons (Sign in \/ Start trial) \u2014 point href to your auth pages.\r\n\r\n  REQUIRED ASSETS (currently using CSS placeholders):\r\n  \u2022 Card thumbnails  -> replace .jdv-card__media background with <img>.\r\n  \u2022 Logo Arabic sub-mark -> swap the inline SVG\/text if you have the brand mark.\r\n  \u2022 All icons are inline SVG (no icon library needed).\r\n\r\n  WATCH IMAGES: four real thumbnails are assigned (randomly, cycling) to the\r\n  Watch rail cards by JS at the bottom of this file. Edit the WATCH_IMAGES\r\n  array there to change them.\r\n============================================================================\r\n-->\r\n\r\n<div class=\"jdv-explore\">\r\n\r\n  \r\n\r\n  <!-- ===================== HERO CAROUSEL ===================== -->\r\n  <section class=\"jdv-hero\">\r\n    <div class=\"jdv-container jdv-hero__inner\">\r\n      <h1 class=\"jdv-hero__title\">Our latest conversations, re\ufb02ections, and practices<\/h1>\r\n\r\n      <div class=\"jdv-hero__carousel\">\r\n        <div class=\"jdv-hero__track\" data-rail=\"hero\">\r\n\r\n          <!-- WP: loop \"latest\" posts here -->\r\n          <article class=\"jdv-feature\">\r\n            <div class=\"jdv-feature__media\" style=\"--ph:url()\">\r\n              <span class=\"jdv-badge\">video<\/span>\r\n              <div class=\"jdv-feature__tools\">\r\n                <button class=\"jdv-roundbtn\" aria-label=\"Save\">\r\n                  <svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" aria-hidden=\"true\"><path d=\"M2 1.5h10v13l-5-3.2-5 3.2z\" stroke=\"currentColor\" stroke-width=\"1.3\" fill=\"none\" stroke-linejoin=\"round\"\/><\/svg>\r\n                <\/button>\r\n                <button class=\"jdv-roundbtn\" aria-label=\"Share\">\r\n                  <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" aria-hidden=\"true\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.3\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                <\/button>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"jdv-feature__body\">\r\n              <span class=\"jdv-meta\">10 min watch<\/span>\r\n              <h2 class=\"jdv-feature__title\">B-URN, Motherhood &amp; The Journey Within<\/h2>\r\n              <div class=\"jdv-tags jdv-tags--solid\">\r\n                <span class=\"jdv-tag\">jdv talks<\/span>\r\n                <span class=\"jdv-tag\">amina naguib<\/span>\r\n                <span class=\"jdv-tag\">self-mastery<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"jdv-feature jdv-feature--peek\"><div class=\"jdv-feature__media\" style=\"--ph:url()\"><\/div><\/article>\r\n          <article class=\"jdv-feature jdv-feature--peek\"><div class=\"jdv-feature__media\" style=\"--ph:url()\"><\/div><\/article>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"jdv-hero__controls\">\r\n          <div class=\"jdv-dots\" data-dots=\"hero\" aria-hidden=\"true\">\r\n            <span class=\"is-active\"><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n          <\/div>\r\n          <div class=\"jdv-arrows\">\r\n            <button class=\"jdv-arrow\" data-rail-prev=\"hero\" aria-label=\"Previous\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M10 3L5 8l5 5\" stroke=\"currentColor\" stroke-width=\"1.4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/button>\r\n            <button class=\"jdv-arrow\" data-rail-next=\"hero\" aria-label=\"Next\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M6 3l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== INTRO + CATEGORIES ===================== -->\r\n  <section class=\"jdv-intro\">\r\n    <div class=\"jdv-container\">\r\n      <h2 class=\"jdv-intro__title\">What would you like to feed <br>your mind with today?<\/h2>\r\n      <p class=\"jdv-intro__lead\">Browse stories, conversations, and practices guided by how you feel right<br>now, shaped by mood, energy, and intention.<\/p>\r\n\r\n      <div class=\"jdv-categories\">\r\n        <span class=\"jdv-categories__label\">Categories:<\/span>\r\n        <div class=\"jdv-categories__pills\">\r\n          <!-- WP: output terms from your \"category\" taxonomy -->\r\n          <button class=\"jdv-pill\" type=\"button\">Productivity &amp; Technology<\/button>\r\n          <button class=\"jdv-pill\" type=\"button\">Arts &amp; Culture<\/button>\r\n          <button class=\"jdv-pill\" type=\"button\">Lifestyle<\/button>\r\n          <button class=\"jdv-pill\" type=\"button\">Self-mastery<\/button>\r\n          <button class=\"jdv-pill\" type=\"button\">Business<\/button>\r\n        <\/div>\r\n        <button class=\"jdv-filterbtn\" type=\"button\" id=\"jdvFilterOpen\" aria-haspopup=\"dialog\" aria-expanded=\"false\">\r\n          FILTER\r\n          <span class=\"jdv-filterbtn__icon\" aria-hidden=\"true\">\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><path d=\"M6 1v10M1 6h10\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== CONTENT RAILS ===================== -->\r\n  <!--\r\n    WP: Each .jdv-rail is one section. Replace the static cards in\r\n    .jdv-rail__track with a WP_Query loop filtered by post type \/ format.\r\n    data-rail value must be unique (used by the arrow JS).\r\n  -->\r\n\r\n  <!-- WATCH -->\r\n  <section class=\"jdv-rail\">\r\n    <div class=\"jdv-container\">\r\n      <div class=\"jdv-rail__head\">\r\n        <div class=\"jdv-rail__heading\">\r\n          <h2 class=\"jdv-rail__title\">Watch<\/h2>\r\n          <a class=\"jdv-explore-all\" href=\"#\">Explore all<\/a>\r\n        <\/div>\r\n        <div class=\"jdv-arrows\">\r\n          <button class=\"jdv-arrow\" data-rail-prev=\"watch\" aria-label=\"Previous\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M10 3L5 8l5 5\" stroke=\"currentColor\" stroke-width=\"1.4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button>\r\n          <button class=\"jdv-arrow\" data-rail-next=\"watch\" aria-label=\"Next\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M6 3l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"jdv-rail__track\" data-rail=\"watch\">\r\n        <!-- WP: card template start -->\r\n        <article class=\"jdv-card\">\r\n          <div class=\"jdv-card__media\"><span class=\"jdv-badge\">video<\/span><\/div>\r\n          <span class=\"jdv-meta\">10 min watch<\/span>\r\n          <h3 class=\"jdv-card__title\">Amina Naguib on B-URN, Motherhood &amp; The Journey<\/h3>\r\n          <div class=\"jdv-tags\"><span class=\"jdv-tag\">jdv talks<\/span><span class=\"jdv-tag\">amina naguib<\/span><span class=\"jdv-tag\">self-mastery<\/span><\/div>\r\n        <\/article>\r\n        <!-- WP: card template end -->\r\n        <article class=\"jdv-card\"><div class=\"jdv-card__media\"><span class=\"jdv-badge\">video<\/span><\/div><span class=\"jdv-meta\">10 min watch<\/span><h3 class=\"jdv-card__title\">Amina Naguib on B-URN, Motherhood &amp; The Journey<\/h3><div class=\"jdv-tags\"><span class=\"jdv-tag\">jdv talks<\/span><span class=\"jdv-tag\">amina naguib<\/span><span class=\"jdv-tag\">self-mastery<\/span><\/div><\/article>\r\n        <article class=\"jdv-card\"><div class=\"jdv-card__media\"><span class=\"jdv-badge\">video<\/span><\/div><span class=\"jdv-meta\">10 min watch<\/span><h3 class=\"jdv-card__title\">Amina Naguib on B-URN, Motherhood &amp; The Journey<\/h3><div class=\"jdv-tags\"><span class=\"jdv-tag\">jdv talks<\/span><span class=\"jdv-tag\">amina naguib<\/span><span class=\"jdv-tag\">self-mastery<\/span><\/div><\/article>\r\n        <article class=\"jdv-card\"><div class=\"jdv-card__media\"><span class=\"jdv-badge\">video<\/span><\/div><span class=\"jdv-meta\">10 min watch<\/span><h3 class=\"jdv-card__title\">Amina Naguib on B-URN, Motherhood &amp; The Journey<\/h3><div class=\"jdv-tags\"><span class=\"jdv-tag\">jdv talks<\/span><span class=\"jdv-tag\">amina naguib<\/span><span class=\"jdv-tag\">self-mastery<\/span><\/div><\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- LISTEN -->\r\n  <section class=\"jdv-rail\">\r\n    <div class=\"jdv-container\">\r\n      <div class=\"jdv-rail__head\">\r\n        <div class=\"jdv-rail__heading\">\r\n          <h2 class=\"jdv-rail__title\">Listen<\/h2>\r\n          <a class=\"jdv-explore-all\" href=\"#\">Explore all<\/a>\r\n        <\/div>\r\n        <div class=\"jdv-arrows\">\r\n          <button class=\"jdv-arrow\" data-rail-prev=\"listen\" aria-label=\"Previous\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M10 3L5 8l5 5\" stroke=\"currentColor\" stroke-width=\"1.4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button>\r\n          <button class=\"jdv-arrow\" data-rail-next=\"listen\" aria-label=\"Next\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M6 3l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"jdv-rail__track\" data-rail=\"listen\">\r\n        <article class=\"jdv-card\"><div class=\"jdv-card__media\"><span class=\"jdv-badge\">podcast<\/span><\/div><span class=\"jdv-meta\">10 min watch<\/span><h3 class=\"jdv-card__title\">Amina Naguib on B-URN, Motherhood &amp; The Journey<\/h3><div class=\"jdv-tags\"><span class=\"jdv-tag\">jdv talks<\/span><span class=\"jdv-tag\">amina naguib<\/span><span class=\"jdv-tag\">self-mastery<\/span><\/div><\/article>\r\n        <article class=\"jdv-card\"><div class=\"jdv-card__media\"><span class=\"jdv-badge\">podcast<\/span><\/div><span class=\"jdv-meta\">10 min watch<\/span><h3 class=\"jdv-card__title\">Amina Naguib on B-URN, Motherhood &amp; The Journey<\/h3><div class=\"jdv-tags\"><span class=\"jdv-tag\">jdv talks<\/span><span class=\"jdv-tag\">amina naguib<\/span><span class=\"jdv-tag\">self-mastery<\/span><\/div><\/article>\r\n        <article class=\"jdv-card\"><div class=\"jdv-card__media\"><span class=\"jdv-badge\">podcast<\/span><\/div><span class=\"jdv-meta\">10 min watch<\/span><h3 class=\"jdv-card__title\">Amina Naguib on B-URN, Motherhood &amp; The Journey<\/h3><div class=\"jdv-tags\"><span class=\"jdv-tag\">jdv talks<\/span><span class=\"jdv-tag\">amina naguib<\/span><span class=\"jdv-tag\">self-mastery<\/span><\/div><\/article>\r\n        <article class=\"jdv-card\"><div class=\"jdv-card__media\"><span class=\"jdv-badge\">podcast<\/span><\/div><span class=\"jdv-meta\">10 min watch<\/span><h3 class=\"jdv-card__title\">Amina Naguib on B-URN, Motherhood &amp; The Journey<\/h3><div class=\"jdv-tags\"><span class=\"jdv-tag\">jdv talks<\/span><span class=\"jdv-tag\">amina naguib<\/span><span class=\"jdv-tag\">self-mastery<\/span><\/div><\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- READ -->\r\n  <section class=\"jdv-rail\">\r\n    <div class=\"jdv-container\">\r\n      <div class=\"jdv-rail__head\">\r\n        <div class=\"jdv-rail__heading\">\r\n          <h2 class=\"jdv-rail__title\">Read<\/h2>\r\n          <a class=\"jdv-explore-all\" href=\"#\">Explore all<\/a>\r\n        <\/div>\r\n        <div class=\"jdv-arrows\">\r\n          <button class=\"jdv-arrow\" data-rail-prev=\"read\" aria-label=\"Previous\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M10 3L5 8l5 5\" stroke=\"currentColor\" stroke-width=\"1.4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button>\r\n          <button class=\"jdv-arrow\" data-rail-next=\"read\" aria-label=\"Next\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M6 3l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"jdv-rail__track\" data-rail=\"read\">\r\n        <article class=\"jdv-card\"><div class=\"jdv-card__media jdv-card__media--a\"><span class=\"jdv-badge\">article<\/span><\/div><span class=\"jdv-meta\">10 min watch<\/span><h3 class=\"jdv-card__title\">Amina Naguib on B-URN, Motherhood &amp; The Journey<\/h3><div class=\"jdv-tags\"><span class=\"jdv-tag\">jdv talks<\/span><span class=\"jdv-tag\">amina naguib<\/span><span class=\"jdv-tag\">self-mastery<\/span><\/div><\/article>\r\n        <article class=\"jdv-card\"><div class=\"jdv-card__media jdv-card__media--b\"><span class=\"jdv-badge\">article<\/span><\/div><span class=\"jdv-meta\">10 min watch<\/span><h3 class=\"jdv-card__title\">Amina Naguib on B-URN, Motherhood &amp; The Journey<\/h3><div class=\"jdv-tags\"><span class=\"jdv-tag\">jdv talks<\/span><span class=\"jdv-tag\">amina naguib<\/span><span class=\"jdv-tag\">self-mastery<\/span><\/div><\/article>\r\n        <article class=\"jdv-card\"><div class=\"jdv-card__media jdv-card__media--c\"><span class=\"jdv-badge\">article<\/span><\/div><span class=\"jdv-meta\">10 min watch<\/span><h3 class=\"jdv-card__title\">Amina Naguib on B-URN, Motherhood &amp; The Journey<\/h3><div class=\"jdv-tags\"><span class=\"jdv-tag\">jdv talks<\/span><span class=\"jdv-tag\">amina naguib<\/span><span class=\"jdv-tag\">self-mastery<\/span><\/div><\/article>\r\n        <article class=\"jdv-card\"><div class=\"jdv-card__media jdv-card__media--d\"><span class=\"jdv-badge\">article<\/span><\/div><span class=\"jdv-meta\">10 min watch<\/span><h3 class=\"jdv-card__title\">Amina Naguib on B-URN, Motherhood &amp; The Journey<\/h3><div class=\"jdv-tags\"><span class=\"jdv-tag\">jdv talks<\/span><span class=\"jdv-tag\">amina naguib<\/span><span class=\"jdv-tag\">self-mastery<\/span><\/div><\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- LEARN -->\r\n  <section class=\"jdv-rail jdv-rail--last\">\r\n    <div class=\"jdv-container\">\r\n      <div class=\"jdv-rail__head\">\r\n        <div class=\"jdv-rail__heading\">\r\n          <h2 class=\"jdv-rail__title\">Learn<\/h2>\r\n          <a class=\"jdv-explore-all\" href=\"#\">Explore all<\/a>\r\n        <\/div>\r\n        <div class=\"jdv-arrows\">\r\n          <button class=\"jdv-arrow\" data-rail-prev=\"learn\" aria-label=\"Previous\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M10 3L5 8l5 5\" stroke=\"currentColor\" stroke-width=\"1.4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button>\r\n          <button class=\"jdv-arrow\" data-rail-next=\"learn\" aria-label=\"Next\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M6 3l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"jdv-rail__track\" data-rail=\"learn\">\r\n        <article class=\"jdv-card\"><div class=\"jdv-card__media jdv-card__media--course jdv-card__media--c1\"><span class=\"jdv-badge\">course<\/span><span class=\"jdv-course-title\">The Art<br>of Order<\/span><\/div><span class=\"jdv-meta\">10 min watch<\/span><h3 class=\"jdv-card__title\">Amina Naguib on B-URN, Motherhood &amp; The Journey<\/h3><div class=\"jdv-tags\"><span class=\"jdv-tag\">jdv talks<\/span><span class=\"jdv-tag\">amina naguib<\/span><span class=\"jdv-tag\">self-mastery<\/span><\/div><\/article>\r\n        <article class=\"jdv-card\"><div class=\"jdv-card__media jdv-card__media--course jdv-card__media--c2\"><span class=\"jdv-badge\">course<\/span><span class=\"jdv-course-title\">Becoming<br>Present<\/span><\/div><span class=\"jdv-meta\">10 min watch<\/span><h3 class=\"jdv-card__title\">Amina Naguib on B-URN, Motherhood &amp; The Journey<\/h3><div class=\"jdv-tags\"><span class=\"jdv-tag\">jdv talks<\/span><span class=\"jdv-tag\">amina naguib<\/span><span class=\"jdv-tag\">self-mastery<\/span><\/div><\/article>\r\n        <article class=\"jdv-card\"><div class=\"jdv-card__media jdv-card__media--course jdv-card__media--c3\"><span class=\"jdv-badge\">course<\/span><span class=\"jdv-course-title\">Understanding<br>Emotions<\/span><\/div><span class=\"jdv-meta\">10 min watch<\/span><h3 class=\"jdv-card__title\">Amina Naguib on B-URN, Motherhood &amp; The Journey<\/h3><div class=\"jdv-tags\"><span class=\"jdv-tag\">jdv talks<\/span><span class=\"jdv-tag\">amina naguib<\/span><span class=\"jdv-tag\">self-mastery<\/span><\/div><\/article>\r\n        <article class=\"jdv-card\"><div class=\"jdv-card__media jdv-card__media--course jdv-card__media--c4\"><span class=\"jdv-badge\">course<\/span><span class=\"jdv-course-title\">Nervous System<br>Regulation<\/span><\/div><span class=\"jdv-meta\">10 min watch<\/span><h3 class=\"jdv-card__title\">Amina Naguib on B-URN, Motherhood &amp; The Journey<\/h3><div class=\"jdv-tags\"><span class=\"jdv-tag\">jdv talks<\/span><span class=\"jdv-tag\">amina naguib<\/span><span class=\"jdv-tag\">self-mastery<\/span><\/div><\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== FILTER OVERLAY ===================== -->\r\n  <!--\r\n    Opens as a full-screen pale-green panel. The FILTER button at top-right\r\n    flips its icon from \"+\" to \"\u00d7\". Closes via the \u00d7 button or by clicking\r\n    the backdrop (outside the columns).\r\n    WP: populate each column from your taxonomies; selected state = active query.\r\n  -->\r\n  <div class=\"jdv-filter\" id=\"jdvFilter\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Filter content\" hidden>\r\n    <div class=\"jdv-filter__inner jdv-container\">\r\n\r\n      <button class=\"jdv-filterbtn jdv-filterbtn--close\" type=\"button\" id=\"jdvFilterClose\">\r\n        FILTER\r\n        <span class=\"jdv-filterbtn__icon\" aria-hidden=\"true\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><path d=\"M2 2l8 8M10 2l-8 8\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/><\/svg>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <div class=\"jdv-filter__cols\">\r\n\r\n        <div class=\"jdv-filter__col\">\r\n          <h3 class=\"jdv-filter__heading\">Type<\/h3>\r\n          <div class=\"jdv-filter__group\">\r\n            <button class=\"jdv-fpill\" type=\"button\">Watch<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">Read<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">Listen<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">Learn<\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"jdv-filter__col\">\r\n          <h3 class=\"jdv-filter__heading\">Category<\/h3>\r\n          <div class=\"jdv-filter__group\">\r\n            <button class=\"jdv-fpill\" type=\"button\">Productivity &amp; Technology<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">Arts &amp; Culture<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">Lifestyle<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">Self-mastery<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">Business<\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"jdv-filter__col\">\r\n          <h3 class=\"jdv-filter__heading\">Contributor<\/h3>\r\n          <div class=\"jdv-filter__group\">\r\n            <button class=\"jdv-fpill\" type=\"button\">Caro Doss<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">Ali El Alfi<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">Amir Fayo<\/button>\r\n            <button class=\"jdv-fpill is-selected\" type=\"button\" aria-pressed=\"true\">Amir Fayo<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">Amina Naguib<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">Caro Doss<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">Ali El Alfi<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">Amir Fayo<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">Amir Fayo<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">Amina Naguib<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">Caro Doss<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">Ali El Alfi<\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"jdv-filter__col\">\r\n          <h3 class=\"jdv-filter__heading\">Duration<\/h3>\r\n          <div class=\"jdv-filter__group\">\r\n            <button class=\"jdv-fpill\" type=\"button\">1-3 mins<\/button>\r\n            <button class=\"jdv-fpill is-selected\" type=\"button\" aria-pressed=\"true\">5-7 mins<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">8-15 mins<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">20-30 mins<\/button>\r\n            <button class=\"jdv-fpill\" type=\"button\">30-40 mins<\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div><!-- \/.jdv-explore -->\r\n\r\n\r\n<!-- ============================ STYLES ============================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&family=Inter:wght@400;500;600&display=swap');\r\n\r\n\/* All rules are scoped to .jdv-explore (or its sibling overlay) so they\r\n   cannot affect the surrounding WordPress theme. *\/\r\n.jdv-explore,\r\n.jdv-filter{\r\n  --jdv-beige:#E9E3D6;      \/* header \/ hero background *\/\r\n  --jdv-cream:#FBF4E7;      \/* main background *\/\r\n  --jdv-ink:#463D30;        \/* dark brown text + dark buttons *\/\r\n  --jdv-ink-soft:#6B6253;   \/* secondary text *\/\r\n  --jdv-rust:#9C3520;       \/* logo *\/\r\n  --jdv-line:#D9D0BF;       \/* hairlines \/ pill borders *\/\r\n  --jdv-tag-bg:#EFE8D8;     \/* tag pill background on cream *\/\r\n  --jdv-tag-bg-solid:#FFFFFF;\r\n  --jdv-green:#E9F6D6;      \/* filter overlay background *\/\r\n  --jdv-green-line:#5C5142; \/* filter pill border *\/\r\n  --jdv-radius-card:14px;\r\n  --jdv-maxw:1240px;\r\n  --jdv-serif:'Cormorant Garamond', Georgia, 'Times New Roman', serif;\r\n  --jdv-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n}\r\n\r\n.jdv-explore *,\r\n.jdv-filter *{ box-sizing:border-box; }\r\n\r\n.jdv-explore{\r\n  background:var(--jdv-cream);\r\n  color:var(--jdv-ink);\r\n  font-family:var(--jdv-sans);\r\n  -webkit-font-smoothing:antialiased;\r\n  line-height:1.45;\r\n}\r\n.jdv-explore a{ text-decoration:none; color:inherit; }\r\n\r\n.jdv-container{\r\n  max-width:var(--jdv-maxw);\r\n  margin:0 auto;\r\n  padding:0 40px;\r\n  width:100%;\r\n}\r\n\r\n\/* ---------- buttons (shared) ---------- *\/\r\n.jdv-btn{\r\n  display:inline-flex; align-items:center; justify-content:center;\r\n  font-family:var(--jdv-sans); font-size:14px; font-weight:500;\r\n  border-radius:999px; padding:9px 20px; cursor:pointer; border:1px solid transparent;\r\n  transition:background .2s ease, color .2s ease, opacity .2s ease;\r\n}\r\n.jdv-btn--ghost{ background:#F3EEE2; color:var(--jdv-ink); }\r\n.jdv-btn--ghost:hover{ background:#ECE5D6; }\r\n.jdv-btn--dark{ background:var(--jdv-ink); color:#F4EFE3; }\r\n.jdv-btn--dark:hover{ opacity:.9; }\r\n\r\n.jdv-iconbtn{\r\n  width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center;\r\n  background:transparent; border:none; color:var(--jdv-ink); cursor:pointer; border-radius:50%;\r\n}\r\n.jdv-iconbtn:hover{ background:rgba(0,0,0,.05); }\r\n\r\n\/* ---------- header ---------- *\/\r\n.jdv-header{\r\n  background:var(--jdv-beige);\r\n  position:sticky; top:0; z-index:30;\r\n  \/* full-bleed: background spans the full viewport width even when the\r\n     widget sits inside a constrained Elementor column.\r\n     (Has no effect when the widget is already full width.) *\/\r\n  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);\r\n}\r\n.jdv-header__inner{\r\n  display:flex; align-items:center; justify-content:space-between;\r\n  height:62px;\r\n}\r\n.jdv-logo{ display:flex; flex-direction:column; line-height:1; }\r\n.jdv-logo__mark{\r\n  font-family:var(--jdv-serif); font-weight:600; font-size:26px;\r\n  letter-spacing:.5px; color:var(--jdv-rust);\r\n}\r\n.jdv-logo__sub{ font-size:8px; color:var(--jdv-rust); opacity:.85; margin-top:2px; }\r\n\r\n.jdv-nav{ display:flex; align-items:center; gap:34px; }\r\n.jdv-nav__link{\r\n  display:inline-flex; align-items:center; gap:6px;\r\n  font-size:14px; color:var(--jdv-ink); position:relative; padding:4px 0;\r\n}\r\n.jdv-nav__link.is-active{ color:var(--jdv-rust); }\r\n.jdv-nav__chev{ transition:transform .2s ease; }\r\n\r\n.jdv-header__actions{ display:flex; align-items:center; gap:12px; }\r\n\r\n.jdv-burger{\r\n  display:none; flex-direction:column; gap:4px; width:34px; height:34px;\r\n  background:transparent; border:none; cursor:pointer; padding:7px 6px;\r\n}\r\n.jdv-burger span{ height:1.6px; background:var(--jdv-ink); border-radius:2px; }\r\n\r\n\/* ---------- hero ---------- *\/\r\n.jdv-hero{ background:var(--jdv-beige); padding:30px 0 56px; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }\r\n.jdv-hero__inner{ display:grid; grid-template-columns:280px 1fr; gap:40px; align-items:start; }\r\n.jdv-hero__title{\r\n  font-family:var(--jdv-serif); font-weight:500; font-size:4px; line-height:1.08;\r\n  margin:14px 0 0; max-width:240px;\r\n}\r\n.jdv-hero__carousel{ min-width:0; }\r\n.jdv-hero__track{\r\n  display:flex; gap:18px; overflow-x:auto; scroll-behavior:smooth;\r\n  scrollbar-width:none; -ms-overflow-style:none; padding-bottom:6px;\r\n}\r\n.jdv-hero__track::-webkit-scrollbar{ display:none; }\r\n\r\n.jdv-feature{ flex:0 0 360px; max-width:360px; }\r\n.jdv-feature--peek{ flex:0 0 200px; }\r\n.jdv-feature__media{\r\n  position:relative; aspect-ratio:16\/11; border-radius:var(--jdv-radius-card);\r\n  overflow:hidden;\r\n  background:linear-gradient(135deg,#cdbfa6,#b7a98c);\r\n}\r\n.jdv-feature--peek .jdv-feature__media{ aspect-ratio:3\/4; }\r\n.jdv-feature__media::after{ \/* faux photo texture for placeholder *\/\r\n  content:\"\"; position:absolute; inset:0;\r\n  background:radial-gradient(120% 90% at 30% 20%, rgba(255,255,255,.35), transparent 60%);\r\n}\r\n.jdv-feature__media.jdv-has-image::after{ display:none; }\r\n.jdv-feature__tools{ position:absolute; right:12px; bottom:12px; display:flex; gap:8px; z-index:2; }\r\n.jdv-roundbtn{\r\n  width:30px; height:30px; border-radius:50%; border:none; cursor:pointer;\r\n  background:rgba(255,255,255,.85); color:var(--jdv-ink);\r\n  display:inline-flex; align-items:center; justify-content:center;\r\n}\r\n.jdv-feature__body{ margin-top:12px; }\r\n.jdv-feature__title{\r\n  font-family:var(--jdv-serif); font-weight:500; font-size:20px; line-height:1.2;\r\n  margin:6px 0 12px;\r\n}\r\n\r\n.jdv-badge{\r\n  position:absolute; top:10px; right:10px; z-index:2;\r\n  background:#fff; color:var(--jdv-ink); font-size:12px; padding:4px 12px;\r\n  border-radius:999px;\r\n}\r\n\r\n.jdv-meta{ font-size:12px; color:var(--jdv-ink-soft); }\r\n\r\n\/* tags *\/\r\n.jdv-tags{ display:flex; flex-wrap:wrap; gap:8px; }\r\n.jdv-tag{\r\n  font-size:12px; color:var(--jdv-ink); background:var(--jdv-tag-bg);\r\n  border-radius:6px; padding:5px 10px;\r\n}\r\n.jdv-tags--solid .jdv-tag{ background:var(--jdv-tag-bg-solid); }\r\n\r\n\/* hero controls *\/\r\n.jdv-hero__controls{\r\n  display:flex; align-items:center; justify-content:space-between; margin-top:26px;\r\n}\r\n.jdv-dots{ display:flex; gap:8px; }\r\n.jdv-dots span{ width:7px; height:7px; border-radius:50%; background:#c7bca6; }\r\n.jdv-dots span.is-active{ background:var(--jdv-ink); }\r\n\r\n.jdv-arrows{ display:flex; gap:10px; }\r\n.jdv-arrow{\r\n  width:40px; height:40px; border-radius:50%; border:1px solid var(--jdv-line);\r\n  background:transparent; color:var(--jdv-ink); cursor:pointer;\r\n  display:inline-flex; align-items:center; justify-content:center; transition:background .2s ease;\r\n}\r\n.jdv-arrow:hover{ background:rgba(0,0,0,.04); }\r\n\r\n\/* ---------- intro ---------- *\/\r\n.jdv-intro{ padding:66px 0 44px; text-align:center; }\r\n.jdv-intro__title{\r\n  font-family:var(--jdv-serif); font-weight:500; font-size:40px; line-height:1.12; margin:0;\r\n}\r\n.jdv-intro__lead{\r\n  font-size:14px; color:var(--jdv-ink-soft); margin:16px auto 0; max-width:560px; line-height:1.7;\r\n}\r\n\r\n.jdv-categories{\r\n  display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:40px;\r\n  text-align:left;\r\n}\r\n.jdv-categories__label{ font-size:14px; color:var(--jdv-ink); }\r\n.jdv-categories__pills{ display:flex; flex-wrap:wrap; gap:10px; flex:1; }\r\n.jdv-pill{\r\n  font-family:var(--jdv-sans); font-size:14px; color:var(--jdv-ink);\r\n  background:transparent; border:1px solid var(--jdv-line); border-radius:999px;\r\n  padding:10px 20px; cursor:pointer; transition:background .2s ease, color .2s ease, border-color .2s ease;\r\n}\r\n.jdv-pill:hover{ border-color:var(--jdv-ink); }\r\n.jdv-pill.is-active{ background:var(--jdv-ink); color:#F4EFE3; border-color:var(--jdv-ink); }\r\n\r\n.jdv-filterbtn{\r\n  display:inline-flex; align-items:center; gap:10px;\r\n  font-family:var(--jdv-sans); font-size:13px; letter-spacing:.08em; font-weight:500;\r\n  background:var(--jdv-ink); color:#F4EFE3; border:none; border-radius:999px;\r\n  padding:12px 22px; cursor:pointer; margin-left:auto;\r\n}\r\n.jdv-filterbtn__icon{ display:inline-flex; }\r\n\r\n\/* ---------- rails ---------- *\/\r\n.jdv-rail{ padding:34px 0; }\r\n.jdv-rail--last{ padding-bottom:120px; }\r\n.jdv-rail__head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }\r\n.jdv-rail__heading{ display:flex; align-items:center; gap:16px; }\r\n.jdv-rail__title{ font-family:var(--jdv-serif); font-weight:500; font-size:30px; margin:0; }\r\n.jdv-explore-all{\r\n  font-size:13px; color:var(--jdv-ink); background:#F3EEE2; border:1px solid var(--jdv-line);\r\n  border-radius:999px; padding:7px 16px;\r\n}\r\n.jdv-explore-all:hover{ background:#ECE5D6; }\r\n\r\n.jdv-rail__track{\r\n  display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 3*22px)\/4);\r\n  gap:22px; overflow-x:auto; scroll-behavior:smooth;\r\n  scrollbar-width:none; -ms-overflow-style:none; padding-bottom:6px;\r\n}\r\n.jdv-rail__track::-webkit-scrollbar{ display:none; }\r\n\r\n.jdv-card{ min-width:0; }\r\n.jdv-card__media{\r\n  position:relative; aspect-ratio:1\/1; border-radius:var(--jdv-radius-card); overflow:hidden;\r\n  background:linear-gradient(135deg,#cdbfa6,#b3a487);\r\n  background-size:cover; background-position:center; background-repeat:no-repeat;\r\n  margin-bottom:12px;\r\n}\r\n.jdv-card__media::after{\r\n  content:\"\"; position:absolute; inset:0;\r\n  background:radial-gradient(120% 90% at 30% 20%, rgba(255,255,255,.30), transparent 60%);\r\n}\r\n\/* hide the faux placeholder texture once a real image is set *\/\r\n.jdv-card__media.jdv-has-image::after{ display:none; }\r\n\/* article placeholder variations *\/\r\n.jdv-card__media--a{ background:linear-gradient(135deg,#e7e1d2,#cfc7b4); }\r\n.jdv-card__media--b{ background:linear-gradient(135deg,#d7d4cd,#9a978f); }\r\n.jdv-card__media--c{ background:linear-gradient(135deg,#e6ddcb,#cbbfa6); }\r\n.jdv-card__media--d{ background:linear-gradient(135deg,#7d8b8f,#566066); }\r\n\r\n\/* course cards (Learn) *\/\r\n.jdv-card__media--course{ display:flex; align-items:center; justify-content:center; }\r\n.jdv-card__media--course::before{ content:\"\"; position:absolute; inset:0; background:rgba(40,45,35,.25); z-index:1; }\r\n.jdv-card__media--c1{ background:linear-gradient(135deg,#3f5a2e,#6f8a4a); }\r\n.jdv-card__media--c2{ background:linear-gradient(135deg,#5c7a3c,#8fae5e); }\r\n.jdv-card__media--c3{ background:linear-gradient(135deg,#8aa0c0,#c3cad6); }\r\n.jdv-card__media--c4{ background:linear-gradient(135deg,#9a7d63,#6b5340); }\r\n.jdv-course-title{\r\n  position:relative; z-index:2; color:#F4EFE3; text-align:center;\r\n  font-family:var(--jdv-serif); font-style:italic; font-weight:500; font-size:20px; line-height:1.2;\r\n}\r\n\r\n.jdv-card__title{\r\n  font-family:var(--jdv-serif); font-weight:500; font-size:19px; line-height:1.18;\r\n  margin:6px 0 12px;\r\n}\r\n\r\n\/* ===================== FILTER OVERLAY ===================== *\/\r\n.jdv-filter{\r\n  position:fixed; inset:0; z-index:1000;\r\n  background:var(--jdv-green);\r\n  font-family:var(--jdv-sans); color:var(--jdv-ink);\r\n  overflow-y:auto;\r\n  opacity:0; visibility:hidden; transform:translateY(-12px);\r\n  transition:opacity .28s ease, transform .28s ease, visibility .28s;\r\n}\r\n.jdv-filter[hidden]{ display:none; }\r\n.jdv-filter.is-open{ opacity:1; visibility:visible; transform:translateY(0); }\r\n\r\n.jdv-filter__inner{ position:relative; padding-top:60px; padding-bottom:80px; }\r\n.jdv-filterbtn--close{ position:absolute; top:60px; right:40px; }\r\n\r\n.jdv-filter__cols{\r\n  display:grid; grid-template-columns:repeat(4,1fr); gap:36px; margin-top:72px;\r\n  align-items:start;\r\n}\r\n.jdv-filter__heading{ font-size:16px; font-weight:600; margin:0 0 22px; }\r\n.jdv-filter__group{ display:flex; flex-direction:column; gap:14px; }\r\n\r\n.jdv-fpill{\r\n  font-family:var(--jdv-sans); font-size:16px; color:var(--jdv-ink);\r\n  background:transparent; border:1.5px solid var(--jdv-green-line); border-radius:999px;\r\n  padding:14px 18px; cursor:pointer; text-align:center; line-height:1.2;\r\n  transition:background .18s ease, color .18s ease;\r\n}\r\n.jdv-fpill:hover{ background:rgba(92,81,66,.08); }\r\n.jdv-fpill.is-selected{ background:var(--jdv-green-line); color:var(--jdv-green); border-color:var(--jdv-green-line); }\r\n\r\n\/* ===================== RESPONSIVE ===================== *\/\r\n@media (max-width:1024px){\r\n  .jdv-container{ padding:0 28px; }\r\n  .jdv-nav{ display:none; }                 \/* nav collapses; hook burger to your menu *\/\r\n  .jdv-burger{ display:flex; }\r\n  .jdv-hero__inner{ grid-template-columns:1fr; gap:22px; }\r\n  .jdv-hero__title{ max-width:none; }\r\n  .jdv-intro__title{ font-size:38px; }\r\n  .jdv-rail__track{ grid-auto-columns:calc((100% - 22px)\/2); } \/* 2 per view *\/\r\n  .jdv-filter__cols{ grid-template-columns:repeat(2,1fr); gap:28px; }\r\n  .jdv-filterbtn--close{ right:28px; }\r\n}\r\n\r\n@media (max-width:600px){\r\n  .jdv-container{ padding:0 18px; }\r\n  .jdv-header__inner{ height:56px; }\r\n  .jdv-btn--ghost{ display:none; }          \/* keep header tidy on mobile *\/\r\n  .jdv-intro{ padding:44px 0 32px; }\r\n  .jdv-intro__title{ font-size:30px; }\r\n  .jdv-intro__title br{ display:none; }\r\n  .jdv-intro__lead br{ display:none; }\r\n  .jdv-categories{ flex-direction:column; align-items:stretch; gap:14px; }\r\n  .jdv-filterbtn{ margin-left:0; align-self:flex-start; }\r\n  .jdv-rail__title{ font-size:18px; }\r\n  .jdv-rail__track{ grid-auto-columns:78%; }  \/* 1+peek per view *\/\r\n  .jdv-feature{ flex-basis:80%; }\r\n  .jdv-filter__cols{ grid-template-columns:1fr; gap:30px; margin-top:84px; }\r\n  .jdv-filterbtn--close{ top:40px; right:18px; }\r\n  .jdv-filter__inner{ padding-top:40px; }\r\n}\r\n\r\n\/* accessibility: respect reduced motion *\/\r\n@media (prefers-reduced-motion:reduce){\r\n  .jdv-filter{ transition:opacity .01s linear; transform:none; }\r\n  .jdv-hero__track, .jdv-rail__track{ scroll-behavior:auto; }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- ============================ SCRIPT ============================ -->\r\n<script>\r\n(function(){\r\n  \/\/ Scope everything to the JDV widget; guard against double-init if the\r\n  \/\/ widget appears more than once or the script runs twice.\r\n  var root = document.querySelector('.jdv-explore');\r\n  if(!root || root.dataset.jdvInit) return;\r\n  root.dataset.jdvInit = '1';\r\n\r\n  \/* ---------- horizontal rail arrows (hero + content rails) ---------- *\/\r\n  function trackFor(name){\r\n    return document.querySelector('[data-rail=\"'+name+'\"]');\r\n  }\r\n  function scrollAmount(track){\r\n    \/\/ scroll by roughly one \"page\" worth of visible cards\r\n    return Math.max(track.clientWidth * 0.85, 280);\r\n  }\r\n  document.querySelectorAll('[data-rail-next]').forEach(function(btn){\r\n    btn.addEventListener('click', function(){\r\n      var t = trackFor(btn.getAttribute('data-rail-next'));\r\n      if(t) t.scrollBy({ left:  scrollAmount(t), behavior:'smooth' });\r\n    });\r\n  });\r\n  document.querySelectorAll('[data-rail-prev]').forEach(function(btn){\r\n    btn.addEventListener('click', function(){\r\n      var t = trackFor(btn.getAttribute('data-rail-prev'));\r\n      if(t) t.scrollBy({ left: -scrollAmount(t), behavior:'smooth' });\r\n    });\r\n  });\r\n\r\n  \/* ---------- hero pagination dots reflect scroll position ---------- *\/\r\n  var heroTrack = trackFor('hero');\r\n  var heroDots  = document.querySelector('[data-dots=\"hero\"]');\r\n  if(heroTrack && heroDots){\r\n    var dots = heroDots.querySelectorAll('span');\r\n    heroTrack.addEventListener('scroll', function(){\r\n      var max = heroTrack.scrollWidth - heroTrack.clientWidth;\r\n      var ratio = max > 0 ? heroTrack.scrollLeft \/ max : 0;\r\n      var idx = Math.round(ratio * (dots.length - 1));\r\n      dots.forEach(function(d,i){ d.classList.toggle('is-active', i === idx); });\r\n    });\r\n  }\r\n\r\n  \/* ---------- category pills (single-select toggle) ---------- *\/\r\n  \/\/ WP: replace with your filtering\/AJAX query logic.\r\n  root.querySelectorAll('.jdv-categories__pills .jdv-pill').forEach(function(p){\r\n    p.addEventListener('click', function(){ p.classList.toggle('is-active'); });\r\n  });\r\n\r\n  \/* ---------- FILTER overlay open \/ close ---------- *\/\r\n  var overlay   = document.getElementById('jdvFilter');\r\n  var openBtn   = document.getElementById('jdvFilterOpen');\r\n  var closeBtn  = document.getElementById('jdvFilterClose');\r\n  var lastFocus = null;\r\n\r\n  function openFilter(){\r\n    if(!overlay) return;\r\n    lastFocus = document.activeElement;\r\n    overlay.hidden = false;\r\n    \/\/ force reflow so the transition runs from the hidden state\r\n    void overlay.offsetWidth;\r\n    overlay.classList.add('is-open');\r\n    if(openBtn) openBtn.setAttribute('aria-expanded','true');\r\n    document.body.style.overflow = 'hidden';\r\n    if(closeBtn) closeBtn.focus();\r\n  }\r\n  function closeFilter(){\r\n    if(!overlay) return;\r\n    overlay.classList.remove('is-open');\r\n    if(openBtn) openBtn.setAttribute('aria-expanded','false');\r\n    document.body.style.overflow = '';\r\n    var done = function(){\r\n      overlay.hidden = true;\r\n      overlay.removeEventListener('transitionend', done);\r\n    };\r\n    overlay.addEventListener('transitionend', done);\r\n    if(lastFocus && lastFocus.focus) lastFocus.focus();\r\n  }\r\n\r\n  if(openBtn)  openBtn.addEventListener('click', openFilter);\r\n  if(closeBtn) closeBtn.addEventListener('click', closeFilter);\r\n\r\n  \/\/ close when clicking the backdrop (outside the columns \/ close button)\r\n  if(overlay){\r\n    overlay.addEventListener('click', function(e){\r\n      var cols  = overlay.querySelector('.jdv-filter__cols');\r\n      var close = overlay.querySelector('.jdv-filterbtn--close');\r\n      if(cols && cols.contains(e.target)) return;\r\n      if(close && close.contains(e.target)) return;\r\n      closeFilter();\r\n    });\r\n  }\r\n  \/\/ close on Escape\r\n  document.addEventListener('keydown', function(e){\r\n    if(e.key === 'Escape' && overlay && overlay.classList.contains('is-open')) closeFilter();\r\n  });\r\n\r\n  \/* ---------- filter pills (multi-select toggle) ---------- *\/\r\n  \/\/ WP: read .is-selected pills to build the active query on \"apply\".\r\n  root.querySelectorAll('.jdv-fpill').forEach(function(p){\r\n    p.addEventListener('click', function(){\r\n      var on = p.classList.toggle('is-selected');\r\n      p.setAttribute('aria-pressed', on ? 'true' : 'false');\r\n    });\r\n  });\r\n\r\n  \/* ---------- Real thumbnail images across ALL sections ----------\r\n     The four images are spread randomly across EVERY media surface:\r\n     the hero \"Our latest\u2026\" cards PLUS the Watch \/ Listen \/ Read \/ Learn\r\n     cards. No image is tied to a specific card; when the bag runs out it\r\n     is reshuffled and cycling continues in a fresh order (no adjacent\r\n     repeat). To change the images, edit this array. *\/\r\n  var JDV_IMAGES = [\r\n    'https:\/\/jdv.life\/staging\/4684\/wp-content\/uploads\/2026\/01\/JDVT-S6-Youtube-Amina-Naguib.jpg',\r\n    'https:\/\/jdv.life\/staging\/4684\/wp-content\/uploads\/2026\/03\/JDVT-S6-Youtube-2-Sara-El-Emary-1.jpg',\r\n    'https:\/\/jdv.life\/staging\/4684\/wp-content\/uploads\/2026\/01\/JDVT-S6-Youtube-alchemy.jpg',\r\n    'https:\/\/jdv.life\/staging\/4684\/wp-content\/uploads\/2025\/12\/JDVT-S6-Youtube-Karims.jpg'\r\n  ];\r\n\r\n  function jdvShuffle(arr){ \/\/ Fisher\u2013Yates\r\n    var a = arr.slice();\r\n    for(var i=a.length-1;i>0;i--){ var j=Math.floor(Math.random()*(i+1)); var t=a[i];a[i]=a[j];a[j]=t; }\r\n    return a;\r\n  }\r\n\r\n  (function assignImages(){\r\n    \/\/ hero feature media + every rail's card media (Watch\/Listen\/Read\/Learn)\r\n    var medias = root.querySelectorAll('.jdv-feature__media, .jdv-card__media');\r\n    if(!medias.length) return;\r\n\r\n    var bag = jdvShuffle(JDV_IMAGES), bi = 0, last = null;\r\n    medias.forEach(function(media){\r\n      if(bi >= bag.length){                       \/\/ refill with a fresh shuffle\r\n        var next = jdvShuffle(JDV_IMAGES);\r\n        if(next.length > 1 && next[0] === last) next.push(next.shift()); \/\/ no boundary repeat\r\n        bag = next; bi = 0;\r\n      }\r\n      var url = bag[bi++]; last = url;\r\n      media.style.backgroundImage = \"url('\" + url + \"')\";\r\n      media.style.backgroundSize = 'cover';\r\n      media.style.backgroundPosition = 'center';\r\n      media.style.backgroundRepeat = 'no-repeat';\r\n      media.classList.add('jdv-has-image');       \/\/ hides the faux placeholder overlay\r\n    });\r\n  })();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page-explore.php","meta":{"nf_dc_page":"","footnotes":""},"class_list":["post-9395","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jdv.life\/staging\/4684\/wp-json\/wp\/v2\/pages\/9395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jdv.life\/staging\/4684\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jdv.life\/staging\/4684\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jdv.life\/staging\/4684\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jdv.life\/staging\/4684\/wp-json\/wp\/v2\/comments?post=9395"}],"version-history":[{"count":61,"href":"https:\/\/jdv.life\/staging\/4684\/wp-json\/wp\/v2\/pages\/9395\/revisions"}],"predecessor-version":[{"id":9738,"href":"https:\/\/jdv.life\/staging\/4684\/wp-json\/wp\/v2\/pages\/9395\/revisions\/9738"}],"wp:attachment":[{"href":"https:\/\/jdv.life\/staging\/4684\/wp-json\/wp\/v2\/media?parent=9395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}