{"id":1524,"date":"2026-04-28T14:24:25","date_gmt":"2026-04-28T14:24:25","guid":{"rendered":"https:\/\/demowebdesign.live\/michael-barnes\/?page_id=1524"},"modified":"2026-05-12T17:53:53","modified_gmt":"2026-05-12T17:53:53","slug":"events","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/michael-barnes\/events\/","title":{"rendered":"Events"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1524\" class=\"elementor elementor-1524\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-633109c e-flex e-con-boxed e-con e-parent\" data-id=\"633109c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7c2405d e-con-full e-flex e-con e-child\" data-id=\"7c2405d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-080f306 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"080f306\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9991e1e e-con-full e-flex e-con e-child\" data-id=\"9991e1e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1fdc1a elementor-widget elementor-widget-heading\" data-id=\"c1fdc1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Events<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3919197 e-flex e-con-boxed e-con e-parent\" data-id=\"3919197\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6939e33 elementor-widget elementor-widget-html\" data-id=\"6939e33\" 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<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&family=Outfit:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  :root {\r\n    --gold: #B8960C;\r\n    --gold-light: #D4AF37;\r\n    --cream: #F5EFE0;\r\n    --ink: #0D0D0D;\r\n    --ink-mid: #1a1a1a;\r\n    --border: #2a2618;\r\n    --text-muted: #8a8070;\r\n  }\r\n  * { box-sizing: border-box; margin: 0; padding: 0; }\r\n  body { background: var(--ink); font-family: 'Outfit', sans-serif; }\r\n\r\n  body::before {\r\n    content: '';\r\n    position: fixed; inset: 0;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");\r\n    pointer-events: none; z-index: 0; opacity: .5;\r\n  }\r\n\r\n  \/* \u2550\u2550 SECTION \u2550\u2550 *\/\r\n  .gallery-section {\r\n    width: 100%;\r\n    padding: 90px 0 100px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: var(--ink);\r\n  }\r\n\r\n  .gallery-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0; height: 1px;\r\n    background: linear-gradient(to right, transparent, var(--border), var(--gold-light), var(--border), transparent);\r\n  }\r\n  .gallery-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0; left: 0; right: 0; height: 1px;\r\n    background: linear-gradient(to right, transparent, var(--border), var(--gold-light), var(--border), transparent);\r\n  }\r\n\r\n  \/* \u2550\u2550 HEADER \u2550\u2550 *\/\r\n  .gallery-header {\r\n    text-align: center;\r\n    margin-bottom: 64px;\r\n    padding: 0 40px;\r\n    animation: fadeUp .9s ease both;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .gallery-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: .28em;\r\n    text-transform: uppercase;\r\n    color: var(--gold-light);\r\n    margin-bottom: 18px;\r\n  }\r\n  .gallery-eyebrow::before, .gallery-eyebrow::after {\r\n    content: '';\r\n    display: block;\r\n    width: 40px; height: 1px;\r\n    background: var(--gold-light);\r\n  }\r\n\r\n  .gallery-title {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: clamp(34px, 4vw, 54px);\r\n    font-weight: 600;\r\n    line-height: 1.1;\r\n    color: var(--cream);\r\n  }\r\n  .gallery-title em {\r\n    font-style: italic;\r\n    color: var(--gold-light);\r\n  }\r\n\r\n  \/* \u2550\u2550 MASONRY GRID \u2550\u2550 *\/\r\n  .gallery-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(12, 1fr);\r\n    grid-auto-rows: 60px;\r\n    gap: 3px;\r\n    padding: 0 40px;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n    animation: fadeUp .9s .1s ease both;\r\n  }\r\n\r\n  \/* \u2550\u2550 ITEM BASE \u2550\u2550 *\/\r\n  .g-item {\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: var(--ink-mid);\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* top gold line on hover *\/\r\n  .g-item::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0; height: 2px;\r\n    background: var(--gold-light);\r\n    transform: scaleX(0);\r\n    transition: transform .4s ease;\r\n    z-index: 3;\r\n  }\r\n  .g-item:hover::before { transform: scaleX(1); }\r\n\r\n  \/* overlay *\/\r\n  .g-item::after {\r\n    content: '';\r\n    position: absolute; inset: 0;\r\n    background: linear-gradient(to top, rgba(13,13,13,0.5) 0%, transparent 50%);\r\n    opacity: 0;\r\n    transition: opacity .4s;\r\n    z-index: 2;\r\n  }\r\n  .g-item:hover::after { opacity: 1; }\r\n\r\n  .g-item img {\r\n    width: 100%; height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    filter: grayscale(8%) contrast(1.04) brightness(0.92);\r\n    transition: transform 6s ease, filter .4s;\r\n  }\r\n  .g-item:hover img {\r\n    transform: scale(1.06);\r\n    filter: grayscale(0%) contrast(1.06) brightness(1);\r\n  }\r\n\r\n  \/* \u2550\u2550 GRID PLACEMENT \u2014 11 images, editorial layout \u2550\u2550 *\/\r\n\r\n  \/* ROW 1: big left (spans 7 cols \u00d7 7 rows) + two stacked right *\/\r\n  .g-item:nth-child(1) { grid-column: 1 \/ 8;  grid-row: 1 \/ 8; }\r\n  .g-item:nth-child(2) { grid-column: 8 \/ 13; grid-row: 1 \/ 4; }\r\n  .g-item:nth-child(3) { grid-column: 8 \/ 13; grid-row: 4 \/ 8; }\r\n\r\n  \/* ROW 2: three equal columns *\/\r\n  .g-item:nth-child(4) { grid-column: 1 \/ 5;  grid-row: 8 \/ 13; }\r\n  .g-item:nth-child(5) { grid-column: 5 \/ 9;  grid-row: 8 \/ 13; }\r\n  .g-item:nth-child(6) { grid-column: 9 \/ 13; grid-row: 8 \/ 13; }\r\n\r\n  \/* ROW 3: two left + big right *\/\r\n  .g-item:nth-child(7)  { grid-column: 1 \/ 5;  grid-row: 13 \/ 17; }\r\n  .g-item:nth-child(8)  { grid-column: 5 \/ 9;  grid-row: 13 \/ 17; }\r\n  .g-item:nth-child(9)  { grid-column: 9 \/ 13; grid-row: 13 \/ 20; }\r\n  .g-item:nth-child(10) { grid-column: 1 \/ 5;  grid-row: 17 \/ 20; }\r\n  .g-item:nth-child(11) { grid-column: 5 \/ 9;  grid-row: 17 \/ 20; }\r\n\r\n  \/* \u2550\u2550 LIGHTBOX \u2550\u2550 *\/\r\n  .lightbox {\r\n    position: fixed; inset: 0;\r\n    background: rgba(0,0,0,0.95);\r\n    z-index: 9999;\r\n    display: flex; align-items: center; justify-content: center;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transition: opacity .35s;\r\n  }\r\n  .lightbox.open { opacity: 1; pointer-events: all; }\r\n\r\n  .lightbox-inner {\r\n    position: relative;\r\n    max-width: 90vw;\r\n    max-height: 88vh;\r\n    display: flex; align-items: center; justify-content: center;\r\n  }\r\n\r\n  .lightbox img {\r\n    max-width: 90vw;\r\n    max-height: 85vh;\r\n    object-fit: contain;\r\n    display: block;\r\n    border: 1px solid var(--border);\r\n  }\r\n\r\n  .lb-close {\r\n    position: fixed;\r\n    top: 24px; right: 32px;\r\n    width: 44px; height: 44px;\r\n    border: 1px solid var(--gold-light);\r\n    background: transparent;\r\n    cursor: pointer;\r\n    display: flex; align-items: center; justify-content: center;\r\n    transition: background .3s;\r\n    z-index: 10000;\r\n  }\r\n  .lb-close:hover { background: var(--gold-light); }\r\n  .lb-close::before, .lb-close::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 18px; height: 1.5px;\r\n    background: var(--gold-light);\r\n    transition: background .3s;\r\n  }\r\n  .lb-close:hover::before, .lb-close:hover::after { background: var(--ink); }\r\n  .lb-close::before { transform: rotate(45deg); }\r\n  .lb-close::after  { transform: rotate(-45deg); }\r\n\r\n  .lb-prev, .lb-next {\r\n    position: fixed;\r\n    top: 50%; transform: translateY(-50%);\r\n    width: 52px; height: 52px;\r\n    border: 1px solid var(--gold-light);\r\n    background: rgba(13,13,13,0.7);\r\n    cursor: pointer;\r\n    display: flex; align-items: center; justify-content: center;\r\n    transition: background .3s;\r\n    z-index: 10000;\r\n  }\r\n  .lb-prev { left: 24px; }\r\n  .lb-next { right: 24px; }\r\n  .lb-prev:hover, .lb-next:hover { background: var(--gold-light); }\r\n\r\n  .lb-prev::before, .lb-next::before {\r\n    content: '';\r\n    display: block;\r\n    width: 11px; height: 11px;\r\n    border-top: 2px solid var(--gold-light);\r\n    border-right: 2px solid var(--gold-light);\r\n    transition: border-color .3s;\r\n  }\r\n  .lb-prev:hover::before, .lb-next:hover::before { border-color: var(--ink); }\r\n  .lb-prev::before { transform: rotate(-135deg) translateX(2px); }\r\n  .lb-next::before { transform: rotate(45deg) translateX(-2px); }\r\n\r\n  .lb-counter {\r\n    position: fixed;\r\n    bottom: 28px; left: 50%; transform: translateX(-50%);\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: 18px;\r\n    color: var(--text-muted);\r\n    letter-spacing: .1em;\r\n    z-index: 10000;\r\n  }\r\n  .lb-counter span { color: var(--gold-light); }\r\n\r\n  @keyframes fadeUp {\r\n    from { opacity: 0; transform: translateY(24px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .gallery-grid {\r\n      grid-template-columns: repeat(6, 1fr);\r\n      padding: 0 16px;\r\n    }\r\n    .g-item:nth-child(1) { grid-column: 1 \/ 5;  grid-row: 1 \/ 7; }\r\n    .g-item:nth-child(2) { grid-column: 5 \/ 7;  grid-row: 1 \/ 4; }\r\n    .g-item:nth-child(3) { grid-column: 5 \/ 7;  grid-row: 4 \/ 7; }\r\n    .g-item:nth-child(4) { grid-column: 1 \/ 3;  grid-row: 7 \/ 11; }\r\n    .g-item:nth-child(5) { grid-column: 3 \/ 5;  grid-row: 7 \/ 11; }\r\n    .g-item:nth-child(6) { grid-column: 5 \/ 7;  grid-row: 7 \/ 11; }\r\n    .g-item:nth-child(7) { grid-column: 1 \/ 3;  grid-row: 11 \/ 15; }\r\n    .g-item:nth-child(8) { grid-column: 3 \/ 5;  grid-row: 11 \/ 15; }\r\n    .g-item:nth-child(9) { grid-column: 5 \/ 7;  grid-row: 11 \/ 17; }\r\n    .g-item:nth-child(10) { grid-column: 1 \/ 3; grid-row: 15 \/ 17; }\r\n    .g-item:nth-child(11) { grid-column: 3 \/ 5; grid-row: 15 \/ 17; }\r\n    .gallery-section { padding: 60px 0 70px; }\r\n  }\r\n\r\n  @media (max-width: 560px) {\r\n    .gallery-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      grid-auto-rows: 48px;\r\n    }\r\n    .g-item:nth-child(1)  { grid-column: 1 \/ 3; grid-row: 1 \/ 6; }\r\n    .g-item:nth-child(2)  { grid-column: 1 \/ 2; grid-row: 6 \/ 10; }\r\n    .g-item:nth-child(3)  { grid-column: 2 \/ 3; grid-row: 6 \/ 10; }\r\n    .g-item:nth-child(4)  { grid-column: 1 \/ 2; grid-row: 10 \/ 14; }\r\n    .g-item:nth-child(5)  { grid-column: 2 \/ 3; grid-row: 10 \/ 14; }\r\n    .g-item:nth-child(6)  { grid-column: 1 \/ 3; grid-row: 14 \/ 18; }\r\n    .g-item:nth-child(7)  { grid-column: 1 \/ 2; grid-row: 18 \/ 22; }\r\n    .g-item:nth-child(8)  { grid-column: 2 \/ 3; grid-row: 18 \/ 22; }\r\n    .g-item:nth-child(9)  { grid-column: 1 \/ 3; grid-row: 22 \/ 26; }\r\n    .g-item:nth-child(10) { grid-column: 1 \/ 2; grid-row: 26 \/ 30; }\r\n    .g-item:nth-child(11) { grid-column: 2 \/ 3; grid-row: 26 \/ 30; }\r\n    .lb-prev { left: 8px; }\r\n    .lb-next { right: 8px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"gallery-section\">\r\n\r\n  <!-- HEADER -->\r\n  <div class=\"gallery-header\">\r\n    <div class=\"gallery-eyebrow\">Keynotes \u00b7 Conferences \u00b7 Workshops<\/div>\r\n    <h2 class=\"gallery-title\">Events & <em>Speaking<\/em><\/h2>\r\n  <\/div>\r\n\r\n  <!-- GRID -->\r\n  <div class=\"gallery-grid\" id=\"galleryGrid\">\r\n\r\n    <div class=\"g-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/michael-barnes\/wp-content\/uploads\/2026\/04\/speaking-2.jpg\" alt=\"Speaking event\">\r\n    <\/div>\r\n    <div class=\"g-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/michael-barnes\/wp-content\/uploads\/2026\/03\/IMG_9718-1-1-scaled.jpg\" alt=\"Author event\">\r\n    <\/div>\r\n    <div class=\"g-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/michael-barnes\/wp-content\/uploads\/2026\/03\/Open-Book-Dialogues.png\" alt=\"Open Book Dialogues\">\r\n    <\/div>\r\n    <div class=\"g-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/michael-barnes\/wp-content\/uploads\/2026\/03\/Meeting-Dr.-Barnes.png\" alt=\"Meeting Dr. Barnes\">\r\n    <\/div>\r\n    <div class=\"g-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/michael-barnes\/wp-content\/uploads\/2026\/03\/Dr-Michael-J-Barnes-and-Vickie-Loncar_converted.png\" alt=\"Dr. Barnes and Vickie Loncar\">\r\n    <\/div>\r\n    <div class=\"g-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/michael-barnes\/wp-content\/uploads\/2026\/03\/Michael-J-Barnes-talking-with-community-members-2-600x400-1.jpg\" alt=\"Community engagement\">\r\n    <\/div>\r\n    <div class=\"g-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/michael-barnes\/wp-content\/uploads\/2026\/03\/Michael-J-Barnes-talking-with-community-members-3-600x400-1.jpg\" alt=\"Community members\">\r\n    <\/div>\r\n    <div class=\"g-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/michael-barnes\/wp-content\/uploads\/2026\/03\/Michael-Barnes-Speaking-at-Excel-Tecc-e1754826887525-600x340-1.jpg\" alt=\"Speaking at Excel Tecc\">\r\n    <\/div>\r\n    <div class=\"g-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/michael-barnes\/wp-content\/uploads\/2026\/03\/Michael-J-Barnes-speaking-at-WRIE-600x337-1.png\" alt=\"Speaking at WRIE\">\r\n    <\/div>\r\n    <div class=\"g-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/michael-barnes\/wp-content\/uploads\/2026\/04\/workshop-2.jpg\" alt=\"Workshop\">\r\n    <\/div>\r\n    <div class=\"g-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/michael-barnes\/wp-content\/uploads\/2026\/04\/Preview-image-2.png\" alt=\"Preview event\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- LIGHTBOX -->\r\n<div class=\"lightbox\" id=\"lightbox\">\r\n  <button class=\"lb-close\" id=\"lbClose\" aria-label=\"Close\"><\/button>\r\n  <button class=\"lb-prev\" id=\"lbPrev\" aria-label=\"Previous\"><\/button>\r\n  <div class=\"lightbox-inner\">\r\n    <img decoding=\"async\" src=\"\" id=\"lbImg\" alt=\"Event photo\">\r\n  <\/div>\r\n  <button class=\"lb-next\" id=\"lbNext\" aria-label=\"Next\"><\/button>\r\n  <div class=\"lb-counter\"><span id=\"lbCur\">1<\/span> \/ <span id=\"lbTot\">11<\/span><\/div>\r\n<\/div>\r\n\r\n<script>\r\n  var items = document.querySelectorAll('.g-item');\r\n  var lb    = document.getElementById('lightbox');\r\n  var lbImg = document.getElementById('lbImg');\r\n  var lbCur = document.getElementById('lbCur');\r\n  var lbTot = document.getElementById('lbTot');\r\n  var cur   = 0;\r\n  var srcs  = [];\r\n\r\n  items.forEach(function(item, i) {\r\n    srcs.push(item.querySelector('img').src);\r\n    item.addEventListener('click', function() { openLb(i); });\r\n  });\r\n\r\n  lbTot.textContent = srcs.length;\r\n\r\n  function openLb(idx) {\r\n    cur = idx;\r\n    lbImg.src = srcs[cur];\r\n    lbCur.textContent = cur + 1;\r\n    lb.classList.add('open');\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n\r\n  function closeLb() {\r\n    lb.classList.remove('open');\r\n    document.body.style.overflow = '';\r\n    lbImg.src = '';\r\n  }\r\n\r\n  function showNext() { cur = (cur + 1) % srcs.length; lbImg.src = srcs[cur]; lbCur.textContent = cur + 1; }\r\n  function showPrev() { cur = (cur - 1 + srcs.length) % srcs.length; lbImg.src = srcs[cur]; lbCur.textContent = cur + 1; }\r\n\r\n  document.getElementById('lbClose').addEventListener('click', closeLb);\r\n  document.getElementById('lbNext').addEventListener('click', showNext);\r\n  document.getElementById('lbPrev').addEventListener('click', showPrev);\r\n\r\n  lb.addEventListener('click', function(e) {\r\n    if (e.target === lb) closeLb();\r\n  });\r\n\r\n  document.addEventListener('keydown', function(e) {\r\n    if (!lb.classList.contains('open')) return;\r\n    if (e.key === 'ArrowRight') showNext();\r\n    if (e.key === 'ArrowLeft')  showPrev();\r\n    if (e.key === 'Escape')     closeLb();\r\n  });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e0415a e-con-full e-flex e-con e-parent\" data-id=\"5e0415a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb7da9a elementor-widget elementor-widget-html\" data-id=\"bb7da9a\" 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<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Crimson+Pro:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@200;300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\nbody {\r\n  background: #080706;\r\n  font-family: 'Jost', sans-serif;\r\n  color: #EDE5D0;\r\n  overflow-x: hidden;\r\n}\r\n\r\n\/* grain *\/\r\nbody::after {\r\n  content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 9999;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23g)' opacity='0.04'\/%3E%3C\/svg%3E\");\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   CTA SECTION\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cta-section {\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: #0E0D0A;\r\n  border-top: 1px solid rgba(201,168,76,.15);\r\n  border-bottom: 1px solid rgba(201,168,76,.15);\r\n}\r\n\r\n\/* \u2500\u2500 background: diagonal gold lines \u2500\u2500 *\/\r\n.cta-section::before {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background-image:\r\n    repeating-linear-gradient(\r\n      -55deg,\r\n      transparent,\r\n      transparent 60px,\r\n      rgba(201,168,76,.028) 60px,\r\n      rgba(201,168,76,.028) 61px\r\n    );\r\n  pointer-events: none; z-index: 0;\r\n}\r\n\r\n\/* \u2500\u2500 large ambient glow center \u2500\u2500 *\/\r\n.cta-section::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 900px; height: 500px;\r\n  background: radial-gradient(ellipse at center, rgba(201,168,76,.07) 0%, transparent 65%);\r\n  pointer-events: none; z-index: 0;\r\n}\r\n\r\n\/* \u2500\u2500 inner \u2500\u2500 *\/\r\n.cta-inner {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 100px 60px;\r\n  position: relative; z-index: 1;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   LEFT \u2014 TEXT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cta-left {}\r\n\r\n.cta-overline {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  margin-bottom: 24px;\r\n  opacity: 0;\r\n  animation: up .9s .05s cubic-bezier(.22,1,.36,1) forwards;\r\n}\r\n.cta-overline-rule {\r\n  width: 36px; height: 1px;\r\n  background: linear-gradient(90deg, #C9A84C, transparent);\r\n}\r\n.cta-overline-text {\r\n  font-size: 10px; font-weight: 600;\r\n  letter-spacing: .32em; text-transform: uppercase;\r\n  color: #C9A84C;\r\n}\r\n\r\n.cta-heading {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(40px, 5vw, 64px);\r\n  font-weight: 500;\r\n  line-height: 1.05;\r\n  letter-spacing: -.015em;\r\n  color: #EDE5D0;\r\n  margin-bottom: 28px;\r\n  opacity: 0;\r\n  animation: up .9s .12s cubic-bezier(.22,1,.36,1) forwards;\r\n}\r\n.cta-heading em {\r\n  font-style: italic;\r\n  color: #E2C46A;\r\n  font-weight: 400;\r\n}\r\n\r\n.cta-body {\r\n  font-family: 'Crimson Pro', serif;\r\n  font-size: 19px;\r\n  font-weight: 300;\r\n  line-height: 1.85;\r\n  color: #fff;\r\n  margin-bottom: 48px;\r\n  max-width: 480px;\r\n  opacity: 0;\r\n  animation: up .9s .2s cubic-bezier(.22,1,.36,1) forwards;\r\n}\r\n\r\n\/* \u2500\u2500 button group \u2500\u2500 *\/\r\n.cta-btns {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  flex-wrap: wrap;\r\n  opacity: 0;\r\n  animation: up .9s .28s cubic-bezier(.22,1,.36,1) forwards;\r\n}\r\n\r\n\/* Primary gold button *\/\r\n.btn-primary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 17px 44px;\r\n  background: #C9A84C;\r\n  color: #ffffff;\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 10.5px;\r\n  font-weight: 600;\r\n  letter-spacing: .22em;\r\n  text-transform: uppercase;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  border: 1px solid #C9A84C;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: color .45s;\r\n}\r\n.btn-primary::before {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background: #E2C46A;\r\n  transform: scaleX(0);\r\n  transform-origin: right;\r\n  transition: transform .48s cubic-bezier(.77,0,.18,1);\r\n}\r\n.btn-primary:hover::before { transform: scaleX(1); }\r\n.btn-primary span { position: relative; z-index: 1; }\r\n.btn-primary .btn-arrow {\r\n  position: relative; z-index: 1;\r\n  display: flex; align-items: center;\r\n  transition: transform .35s;\r\n}\r\n.btn-primary:hover .btn-arrow { transform: translateX(5px); }\r\n\r\n\/* Ghost \/ outline button *\/\r\n.btn-ghost {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 17px 44px;\r\n  background: transparent;\r\n  color: #C9A84C;\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 10.5px;\r\n  font-weight: 600;\r\n  letter-spacing: .22em;\r\n  text-transform: uppercase;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  border: 1px solid rgba(201,168,76,.3);\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: color .45s, border-color .45s;\r\n}\r\n.btn-ghost::before {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background: #C9A84C;\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform .48s cubic-bezier(.77,0,.18,1);\r\n}\r\n.btn-ghost:hover { color: #ffffff; border-color: #C9A84C; }\r\n.btn-ghost:hover::before { transform: scaleX(1); }\r\n.btn-ghost span { position: relative; z-index: 1; }\r\n.btn-ghost .btn-arrow {\r\n  position: relative; z-index: 1;\r\n  display: flex; align-items: center;\r\n  transition: transform .35s;\r\n}\r\n.btn-ghost:hover .btn-arrow { transform: translateX(5px); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RIGHT \u2014 CARDS STACK\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cta-right {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 3px;\r\n  opacity: 0;\r\n  animation: up .9s .18s cubic-bezier(.22,1,.36,1) forwards;\r\n}\r\n\r\n.cta-card {\r\n  background: #141210;\r\n  border: 1px solid rgba(201,168,76,.08);\r\n  padding: 28px 36px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 28px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  cursor: default;\r\n  transition: border-color .5s, background .5s;\r\n}\r\n.cta-card::before {\r\n  content: '';\r\n  position: absolute; inset: 0; pointer-events: none;\r\n  background: radial-gradient(circle 220px at var(--mx,50%) var(--my,50%), rgba(201,168,76,.065), transparent 65%);\r\n  opacity: 0; transition: opacity .5s;\r\n}\r\n.cta-card:hover::before { opacity: 1; }\r\n.cta-card:hover { border-color: rgba(201,168,76,.2); background: #1a1810; }\r\n\/* left gold bar *\/\r\n.cta-card::after {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0; top: 0; bottom: 0; width: 2px;\r\n  background: linear-gradient(180deg, transparent, #C9A84C, transparent);\r\n  transform: scaleY(0);\r\n  transition: transform .55s cubic-bezier(.77,0,.18,1);\r\n}\r\n.cta-card:hover::after { transform: scaleY(1); }\r\n\r\n\/* icon box *\/\r\n.card-icon {\r\n  width: 52px; height: 52px;\r\n  border: 1px solid rgba(201,168,76,.2);\r\n  background: rgba(201,168,76,.05);\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-shrink: 0;\r\n  transition: background .4s, border-color .4s;\r\n}\r\n.cta-card:hover .card-icon {\r\n  background: rgba(201,168,76,.12);\r\n  border-color: rgba(201,168,76,.4);\r\n}\r\n.card-icon svg { transition: stroke .4s; }\r\n\r\n.card-text { flex: 1; }\r\n.card-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 16px; font-weight: 500;\r\n  color: #EDE5D0; margin-bottom: 5px;\r\n  transition: color .4s;\r\n}\r\n.cta-card:hover .card-title { color: #E2C46A; }\r\n.card-desc {\r\n  font-size: 14px; font-weight: 300;\r\n  color: #fff; line-height: 1.6;\r\n  transition: color .4s;\r\n}\r\n.cta-card:hover .card-desc { color: #9a9080; }\r\n\r\n.card-arrow {\r\n  flex-shrink: 0;\r\n  width: 36px; height: 36px;\r\n  border: 1px solid rgba(201,168,76,.15);\r\n  display: flex; align-items: center; justify-content: center;\r\n  transition: background .4s, border-color .4s, transform .4s;\r\n}\r\n.cta-card:hover .card-arrow {\r\n  background: #C9A84C;\r\n  border-color: #C9A84C;\r\n  transform: rotate(45deg);\r\n}\r\n.card-arrow polyline {\r\n  stroke: #C9A84C;\r\n  fill: none; stroke-width: 1.8;\r\n  stroke-linecap: round; stroke-linejoin: round;\r\n  transition: stroke .4s;\r\n}\r\n.cta-card:hover .card-arrow polyline { stroke: #ffffff; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   DIVIDER STRIP\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cta-divider {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  border-top: 1px solid rgba(201,168,76,.12);\r\n  border-bottom: 1px solid rgba(201,168,76,.12);\r\n  background: #0a0908;\r\n  opacity: 0;\r\n  animation: up .9s .36s cubic-bezier(.22,1,.36,1) forwards;\r\n  position: relative; z-index: 1;\r\n}\r\n\r\n.div-cell {\r\n  padding: 32px 40px;\r\n  display: flex; align-items: center; gap: 16px;\r\n  position: relative;\r\n  transition: background .4s;\r\n}\r\n.div-cell:not(:last-child)::after {\r\n  content: ''; position: absolute;\r\n  top: 20%; right: 0; bottom: 20%;\r\n  width: 1px; background: rgba(201,168,76,.12);\r\n}\r\n.div-cell:hover { background: #0e0d0a; }\r\n\r\n.div-num {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 40px; font-weight: 500;\r\n  color: #C9A84C; line-height: 1;\r\n  letter-spacing: -.02em; flex-shrink: 0;\r\n}\r\n.div-info {}\r\n.div-label {\r\n  font-size: 10px; font-weight: 600;\r\n  letter-spacing: .2em; text-transform: uppercase;\r\n  color: #EDE5D0; display: block; margin-bottom: 3px;\r\n}\r\n.div-sublabel {\r\n  font-size: 17px; font-weight: 300;\r\n  color: #fff;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   KEYFRAMES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@keyframes up {\r\n  from { opacity: 0; transform: translateY(28px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 960px) {\r\n  .cta-inner { grid-template-columns: 1fr; gap: 48px; }\r\n  .cta-divider { grid-template-columns: 1fr; }\r\n  .div-cell:not(:last-child)::after { display: none; }\r\n  .cta-inner { padding: 72px 32px; }\r\n}\r\n@media (max-width: 560px) {\r\n  .cta-btns { flex-direction: column; align-items: flex-start; }\r\n  .btn-primary, .btn-ghost { width: 100%; justify-content: center; }\r\n  .cta-inner { padding: 56px 24px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     CTA SECTION\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"cta-section\">\r\n  <div class=\"cta-inner\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"cta-left\">\r\n      <div class=\"cta-overline\">\r\n        <div class=\"cta-overline-rule\"><\/div>\r\n        <span class=\"cta-overline-text\">Take the Next Step<\/span>\r\n      <\/div>\r\n\r\n      <h2 class=\"cta-heading\">\r\n        Let's Build <em>Something<\/em><br>Extraordinary Together\r\n      <\/h2>\r\n\r\n      <p class=\"cta-body\">\r\n        Whether you're looking to book Dr. Michael J. Barnes for a keynote, purchase his books, or connect with the Barnes Foundation \u2014 every conversation starts with a single step.\r\n      <\/p>\r\n\r\n      <div class=\"cta-btns\">\r\n        <a href=\"https:\/\/demowebdesign.live\/michael-barnes\/contact\/\" class=\"btn-primary\">\r\n          <span>Book Dr. Barnes<\/span>\r\n          <span class=\"btn-arrow\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"1.8\" stroke-linecap=\"round\">\r\n              <path d=\"M3 13L13 3M13 3H6M13 3v7\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/demowebdesign.live\/michael-barnes\/shop\/\" class=\"btn-ghost\">\r\n          <span>Explore Books<\/span>\r\n          <span class=\"btn-arrow\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"1.8\" stroke-linecap=\"round\" id=\"ghost-arrow-svg\">\r\n              <path d=\"M3 13L13 3M13 3H6M13 3v7\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT \u2014 action cards -->\r\n    <div class=\"cta-right\">\r\n\r\n      <div class=\"cta-card\"\r\n           onmousemove=\"this.style.setProperty('--mx',(event.clientX-this.getBoundingClientRect().left)+'px');this.style.setProperty('--my',(event.clientY-this.getBoundingClientRect().top)+'px')\">\r\n        <div class=\"card-icon\">\r\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"card-text\">\r\n          <div class=\"card-title\">Book a Speaking Engagement<\/div>\r\n          <div class=\"card-desc\">Keynotes, leadership summits, district events & more<\/div>\r\n        <\/div>\r\n        <div class=\"card-arrow\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\">\r\n            <polyline points=\"4,12 12,4\"\/>\r\n            <polyline points=\"6,4 12,4 12,10\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cta-card\"\r\n           onmousemove=\"this.style.setProperty('--mx',(event.clientX-this.getBoundingClientRect().left)+'px');this.style.setProperty('--my',(event.clientY-this.getBoundingClientRect().top)+'px')\">\r\n        <div class=\"card-icon\">\r\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/>\r\n            <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"card-text\">\r\n          <div class=\"card-title\">Order Dr. Barnes' Books<\/div>\r\n          <div class=\"card-desc\">Winning & The Modern Superintendent \u2014 available now<\/div>\r\n        <\/div>\r\n        <div class=\"card-arrow\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\">\r\n            <polyline points=\"4,12 12,4\"\/>\r\n            <polyline points=\"6,4 12,4 12,10\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cta-card\"\r\n           onmousemove=\"this.style.setProperty('--mx',(event.clientX-this.getBoundingClientRect().left)+'px');this.style.setProperty('--my',(event.clientY-this.getBoundingClientRect().top)+'px')\">\r\n        <div class=\"card-icon\">\r\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\r\n            <polyline points=\"9,22 9,12 15,12 15,22\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"card-text\">\r\n          <div class=\"card-title\">The Barnes Foundation<\/div>\r\n          <div class=\"card-desc\">Support community & educational transformation programs<\/div>\r\n        <\/div>\r\n        <div class=\"card-arrow\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\">\r\n            <polyline points=\"4,12 12,4\"\/>\r\n            <polyline points=\"6,4 12,4 12,10\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cta-card\"\r\n           onmousemove=\"this.style.setProperty('--mx',(event.clientX-this.getBoundingClientRect().left)+'px');this.style.setProperty('--my',(event.clientY-this.getBoundingClientRect().top)+'px')\">\r\n        <div class=\"card-icon\">\r\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n            <polyline points=\"22,6 12,13 2,6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"card-text\">\r\n          <div class=\"card-title\">Get in Touch<\/div>\r\n          <div class=\"card-desc\">Media inquiries, partnerships & general contact<\/div>\r\n        <\/div>\r\n        <div class=\"card-arrow\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\">\r\n            <polyline points=\"4,12 12,4\"\/>\r\n            <polyline points=\"6,4 12,4 12,10\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/cta-right -->\r\n  <\/div><!-- \/cta-inner -->\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     DIVIDER STATS STRIP\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!--<div class=\"cta-divider\">-->\r\n<!--  <div class=\"div-cell\">-->\r\n<!--    <div class=\"div-num\">30+<\/div>-->\r\n<!--    <div class=\"div-info\">-->\r\n<!--      <span class=\"div-label\">Years Leading<\/span>-->\r\n<!--      <span class=\"div-sublabel\">In public education<\/span>-->\r\n<!--    <\/div>-->\r\n<!--  <\/div>-->\r\n<!--  <div class=\"div-cell\">-->\r\n<!--    <div class=\"div-num\">2<\/div>-->\r\n<!--    <div class=\"div-info\">-->\r\n<!--      <span class=\"div-label\">Published Books<\/span>-->\r\n<!--      <span class=\"div-sublabel\">Available nationwide<\/span>-->\r\n<!--    <\/div>-->\r\n<!--  <\/div>-->\r\n<!--  <div class=\"div-cell\">-->\r\n<!--    <div class=\"div-num\">200+<\/div>-->\r\n<!--    <div class=\"div-info\">-->\r\n<!--      <span class=\"div-label\">Voices of Impact<\/span>-->\r\n<!--      <span class=\"div-sublabel\">Testimonials received<\/span>-->\r\n<!--    <\/div>-->\r\n<!--  <\/div>-->\r\n<!--<\/div>-->\r\n\r\n<script>\r\n  \/* ghost button arrow stays white on hover *\/\r\n  var ghostBtn = document.querySelector('.btn-ghost');\r\n  var ghostSvg = document.getElementById('ghost-arrow-svg');\r\n  if (ghostBtn && ghostSvg) {\r\n    ghostBtn.addEventListener('mouseenter', function() {\r\n      ghostSvg.setAttribute('stroke','#ffffff');\r\n    });\r\n    ghostBtn.addEventListener('mouseleave', function() {\r\n      ghostSvg.setAttribute('stroke','#C9A84C');\r\n    });\r\n  }\r\n\r\n  \/* card arrow polyline stroke swap *\/\r\n  document.querySelectorAll('.cta-card').forEach(function(card) {\r\n    var arrow = card.querySelector('.card-arrow');\r\n    if (!arrow) return;\r\n    card.addEventListener('mouseenter', function() {\r\n      arrow.querySelectorAll('polyline').forEach(function(p) { p.setAttribute('stroke','#ffffff'); });\r\n    });\r\n    card.addEventListener('mouseleave', function() {\r\n      arrow.querySelectorAll('polyline').forEach(function(p) { p.setAttribute('stroke','#C9A84C'); });\r\n    });\r\n  });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Events Keynotes \u00b7 Conferences \u00b7 Workshops Events &#038; Speaking 1 \/ 11 Take the Next Step Let&#8217;s Build SomethingExtraordinary Together Whether you&#8217;re looking to book Dr. Michael J. Barnes for a keynote, purchase his books, or connect with the Barnes Foundation \u2014 every conversation starts with a single step. Book Dr. Barnes Explore Books Book [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1524","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/michael-barnes\/wp-json\/wp\/v2\/pages\/1524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebdesign.live\/michael-barnes\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebdesign.live\/michael-barnes\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/michael-barnes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/michael-barnes\/wp-json\/wp\/v2\/comments?post=1524"}],"version-history":[{"count":19,"href":"https:\/\/demowebdesign.live\/michael-barnes\/wp-json\/wp\/v2\/pages\/1524\/revisions"}],"predecessor-version":[{"id":1819,"href":"https:\/\/demowebdesign.live\/michael-barnes\/wp-json\/wp\/v2\/pages\/1524\/revisions\/1819"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/michael-barnes\/wp-json\/wp\/v2\/media?parent=1524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}