{"id":5591,"date":"2026-01-30T18:29:44","date_gmt":"2026-01-30T18:29:44","guid":{"rendered":"https:\/\/lyndleadershipconference.com\/?page_id=5591"},"modified":"2026-02-28T06:13:09","modified_gmt":"2026-02-28T06:13:09","slug":"conference-committee","status":"publish","type":"page","link":"https:\/\/lyndleadershipconference.com\/?page_id=5591","title":{"rendered":"Conference Committee"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5591\" class=\"elementor elementor-5591\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6398ea1 e-flex e-con-boxed e-con e-parent\" data-id=\"6398ea1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bafbf48 elementor-widget elementor-widget-html\" data-id=\"bafbf48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\r\n     FUTURE FORWARD: CONFERENCE COMMITTEE CARDS (Motion Intelligence)\r\n     - Hover: scan line + subtle glitch\r\n     - Click: modal with bio + focus + \"Why this matters now\"\r\n     - Tags: Visionary \/ Operator \/ Culture Builder \/ Innovator\r\n     - Mobile image consistency: fixed aspect ratio + object-position + per-person focus\r\n     Copy\/paste into an Elementor HTML widget.\r\n     ========================= -->\r\n\r\n<style>\r\n  .ff-committee {\r\n    --ff-border: rgba(120, 210, 255, 0.28);\r\n    --ff-glow: rgba(80, 190, 255, 0.40);\r\n    --ff-text: rgba(225, 245, 255, 0.95);\r\n    --ff-subtext: rgba(200, 230, 255, 0.75);\r\n    --ff-grid: rgba(80, 190, 255, 0.12);\r\n\r\n    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    color: var(--ff-text);\r\n    position: relative;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--ff-border);\r\n    background: linear-gradient(180deg, rgba(8,18,40,0.78), rgba(3,10,24,0.62));\r\n    box-shadow:\r\n      0 0 0 1px rgba(255,255,255,0.05) inset,\r\n      0 14px 34px rgba(0,0,0,0.32),\r\n      0 0 34px rgba(80,190,255,0.10);\r\n    padding: 14px 14px 12px;\r\n  }\r\n\r\n  .ff-committee::before {\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n      linear-gradient(var(--ff-grid) 1px, transparent 1px) 0 0\/32px 32px,\r\n      linear-gradient(90deg, var(--ff-grid) 1px, transparent 1px) 0 0\/32px 32px;\r\n    opacity: .55;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .ff-committee::after {\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:-20%;\r\n    background: radial-gradient(circle at 20% 30%, rgba(120,225,255,0.18), transparent 60%);\r\n    pointer-events:none;\r\n  }\r\n\r\n  .ff-committee__head{\r\n    position: relative;\r\n    display:flex;\r\n    align-items:flex-end;\r\n    justify-content: space-between;\r\n    gap: 10px;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .ff-committee__kicker{\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: rgba(200,230,255,0.85);\r\n    display:flex;\r\n    align-items:center;\r\n    gap: 8px;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .ff-committee__dot{\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: rgba(120,225,255,0.85);\r\n    box-shadow: 0 0 14px rgba(120,225,255,0.35);\r\n    animation: ffComPulse 1600ms ease-in-out infinite;\r\n  }\r\n  @keyframes ffComPulse{\r\n    0%,100%{ transform: scale(1); opacity:.75; }\r\n    50%{ transform: scale(1.35); opacity:1; }\r\n  }\r\n\r\n  .ff-committee__meta{\r\n    font-size: 12px;\r\n    color: rgba(200,230,255,0.70);\r\n    letter-spacing: 0.02em;\r\n  }\r\n\r\n  .ff-committee__grid{\r\n    position: relative;\r\n    display:grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 10px;\r\n  }\r\n\r\n  .ff-person{\r\n    position: relative;\r\n    border-radius: 14px;\r\n    border: 1px solid rgba(120,210,255,0.22);\r\n    background: rgba(5, 14, 32, 0.50);\r\n    box-shadow:\r\n      0 0 0 1px rgba(255,255,255,0.04) inset,\r\n      0 0 22px rgba(80,190,255,0.10);\r\n    overflow:hidden;\r\n    cursor: pointer;\r\n    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;\r\n    outline: none;\r\n    padding: 0;\r\n    text-align: left;\r\n  }\r\n\r\n  .ff-person:hover{\r\n    transform: translateY(-1px);\r\n    border-color: rgba(120,210,255,0.34);\r\n    box-shadow:\r\n      0 0 0 1px rgba(255,255,255,0.05) inset,\r\n      0 0 28px rgba(120,225,255,0.16);\r\n  }\r\n\r\n  \/* scan line on hover *\/\r\n  .ff-person::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background: linear-gradient(90deg, transparent, rgba(120,225,255,0.12), transparent);\r\n    transform: translateX(-70%);\r\n    opacity: 0;\r\n    pointer-events:none;\r\n  }\r\n  .ff-person:hover::before{\r\n    opacity: .95;\r\n    animation: ffComScan 1100ms linear infinite;\r\n  }\r\n  @keyframes ffComScan{\r\n    0% { transform: translateX(-70%); }\r\n    100% { transform: translateX(70%); }\r\n  }\r\n\r\n  \/* ===== Image Wrap (desktop default) ===== *\/\r\n  .ff-person__imgWrap{\r\n    position: relative;\r\n    aspect-ratio: 4 \/ 5;\r\n    overflow:hidden;\r\n    background: rgba(0,0,0,0.25);\r\n  }\r\n\r\n  \/* ===== Image Consistency Fix ===== *\/\r\n  .ff-person__img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit: cover;\r\n    object-position: var(--ff-focus, 50% 18%); \/* default crop focus *\/\r\n    transform: scale(1.01);\r\n    filter: saturate(1.05) contrast(1.03);\r\n    display:block;\r\n  }\r\n\r\n  \/* subtle \u201cglitch slices\u201d on hover (very light) *\/\r\n  .ff-person__imgWrap::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n      linear-gradient(transparent 0 68%, rgba(120,225,255,0.06) 68% 69%, transparent 69% 100%),\r\n      linear-gradient(transparent 0 35%, rgba(255,120,200,0.05) 35% 36%, transparent 36% 100%);\r\n    opacity: 0;\r\n    pointer-events:none;\r\n    mix-blend-mode: screen;\r\n  }\r\n  .ff-person:hover .ff-person__imgWrap::after{\r\n    opacity: 1;\r\n    animation: ffComGlitch 520ms steps(2,end) infinite;\r\n  }\r\n  @keyframes ffComGlitch{\r\n    0% { transform: translate(0,0); }\r\n    50% { transform: translate(1px,-1px); }\r\n    100% { transform: translate(0,0); }\r\n  }\r\n\r\n  .ff-person__body{\r\n    padding: 10px 10px 11px;\r\n  }\r\n\r\n  .ff-person__name{\r\n    font-size: 14px;\r\n    font-weight: 950;\r\n    letter-spacing: 0.01em;\r\n    line-height: 1.2;\r\n    color: rgba(235,250,255,0.95);\r\n    text-shadow: 0 0 10px rgba(120,225,255,0.14);\r\n  }\r\n\r\n  .ff-person__role{\r\n    margin-top: 4px;\r\n    font-size: 12px;\r\n    color: rgba(200,230,255,0.72);\r\n    letter-spacing: 0.02em;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .ff-person__tags{\r\n    margin-top: 8px;\r\n    display:flex;\r\n    gap: 6px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ff-tag{\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    padding: 6px 8px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(120,210,255,0.28);\r\n    background: rgba(0, 110, 170, 0.10);\r\n    color: rgba(235,250,255,0.88);\r\n    white-space: nowrap;\r\n  }\r\n  .ff-tag[data-kind=\"Visionary\"]{ border-color: rgba(120,225,255,0.35); }\r\n  .ff-tag[data-kind=\"Operator\"]{ border-color: rgba(160,255,210,0.30); }\r\n  .ff-tag[data-kind=\"Culture Builder\"]{ border-color: rgba(255,210,140,0.28); }\r\n  .ff-tag[data-kind=\"Innovator\"]{ border-color: rgba(255,120,200,0.28); }\r\n\r\n  \/* ===== Modal ===== *\/\r\n  .ff-modal{\r\n    position: fixed;\r\n    inset: 0;\r\n    display:none;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 18px;\r\n    z-index: 999999;\r\n  }\r\n  .ff-modal.is-open{ display:flex; }\r\n\r\n  .ff-modal__backdrop{\r\n    position:absolute;\r\n    inset:0;\r\n    background: rgba(0,0,0,0.62);\r\n    backdrop-filter: blur(6px);\r\n  }\r\n\r\n  .ff-modal__panel{\r\n    position: relative;\r\n    width: min(920px, 100%);\r\n    border-radius: 18px;\r\n    overflow:hidden;\r\n    border: 1px solid rgba(120,210,255,0.28);\r\n    background: linear-gradient(180deg, rgba(8,18,40,0.92), rgba(3,10,24,0.86));\r\n    box-shadow:\r\n      0 0 0 1px rgba(255,255,255,0.05) inset,\r\n      0 26px 70px rgba(0,0,0,0.55),\r\n      0 0 44px rgba(80,190,255,0.14);\r\n  }\r\n\r\n  .ff-modal__panel::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n      linear-gradient(var(--ff-grid) 1px, transparent 1px) 0 0\/32px 32px,\r\n      linear-gradient(90deg, var(--ff-grid) 1px, transparent 1px) 0 0\/32px 32px;\r\n    opacity: .35;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .ff-modal__scan{\r\n    position:absolute;\r\n    inset:0;\r\n    background: linear-gradient(90deg, transparent, rgba(120,225,255,0.10), transparent);\r\n    transform: translateX(-65%);\r\n    animation: ffModalScan 5.2s linear infinite;\r\n    pointer-events:none;\r\n    opacity: .85;\r\n  }\r\n  @keyframes ffModalScan{\r\n    0% { transform: translateX(-65%); }\r\n    100% { transform: translateX(65%); }\r\n  }\r\n\r\n  .ff-modal__content{\r\n    position: relative;\r\n    display:grid;\r\n    grid-template-columns: 320px 1fr;\r\n    gap: 0;\r\n  }\r\n\r\n  .ff-modal__left{\r\n    position: relative;\r\n    background: rgba(5,14,32,0.55);\r\n    border-right: 1px solid rgba(120,210,255,0.18);\r\n  }\r\n\r\n  .ff-modal__imgWrap{\r\n    aspect-ratio: 4 \/ 5;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .ff-modal__img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit: cover;\r\n    object-position: var(--ff-modal-focus, 50% 18%);\r\n    display:block;\r\n  }\r\n\r\n  .ff-modal__right{\r\n    padding: 16px 16px 14px;\r\n  }\r\n\r\n  .ff-modal__top{\r\n    display:flex;\r\n    justify-content: space-between;\r\n    gap: 10px;\r\n    align-items:flex-start;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .ff-modal__name{\r\n    font-size: 18px;\r\n    font-weight: 950;\r\n    letter-spacing: 0.02em;\r\n    text-transform: uppercase;\r\n    margin: 0;\r\n  }\r\n  .ff-modal__role{\r\n    margin-top: 6px;\r\n    font-size: 13px;\r\n    color: rgba(200,230,255,0.75);\r\n    letter-spacing: 0.02em;\r\n  }\r\n\r\n  .ff-modal__close{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding: 10px 12px;\r\n    border-radius: 12px;\r\n    border: 1px solid rgba(120,210,255,0.30);\r\n    background: rgba(0, 110, 170, 0.12);\r\n    box-shadow: 0 0 16px rgba(80,190,255,0.10);\r\n    color: rgba(235,250,255,0.95);\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n  }\r\n  .ff-modal__close:hover{ box-shadow: 0 0 22px rgba(120,225,255,0.18); }\r\n\r\n  .ff-modal__tags{\r\n    display:flex;\r\n    gap: 6px;\r\n    flex-wrap: wrap;\r\n    margin: 10px 0 12px;\r\n  }\r\n\r\n  .ff-modal__section{\r\n    border-top: 1px solid rgba(120,210,255,0.14);\r\n    padding-top: 10px;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .ff-modal__label{\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.20em;\r\n    text-transform: uppercase;\r\n    color: rgba(200,230,255,0.78);\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .ff-modal__text{\r\n    font-size: 13px;\r\n    line-height: 1.35;\r\n    color: rgba(235,250,255,0.90);\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 1020px){\r\n    .ff-committee__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n  }\r\n  @media (max-width: 820px){\r\n    .ff-modal__content{ grid-template-columns: 1fr; }\r\n    .ff-modal__left{ border-right: none; border-bottom: 1px solid rgba(120,210,255,0.18); }\r\n    .ff-modal__right{ padding: 14px 14px 12px; }\r\n  }\r\n  @media (max-width: 520px){\r\n    .ff-committee{ padding: 12px 12px 10px; }\r\n    .ff-committee__grid{ grid-template-columns: 1fr; }\r\n\r\n    \/* Mobile image framing: consistent + less tall *\/\r\n    .ff-person__imgWrap{ aspect-ratio: 16 \/ 11; }\r\n    .ff-person__img{ object-position: var(--ff-focus, 50% 14%); }\r\n\r\n    \/* Modal image can be slightly taller than cards *\/\r\n    .ff-modal__imgWrap{ aspect-ratio: 16 \/ 12; }\r\n    .ff-modal__img{ object-position: var(--ff-modal-focus, 50% 16%); }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .ff-person, .ff-person:hover{ transition: none; }\r\n    .ff-person:hover::before, .ff-person:hover .ff-person__imgWrap::after{ animation: none; }\r\n    .ff-modal__scan{ animation: none; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"ff-committee\" id=\"ffCommittee\">\r\n  <div class=\"ff-committee__head\">\r\n    <div class=\"ff-committee__kicker\">\r\n      <span class=\"ff-committee__dot\" aria-hidden=\"true\"><\/span>\r\n      Conference Committee\r\n    <\/div>\r\n    <div class=\"ff-committee__meta\">Hover for signal \u2022 click for intelligence<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ff-committee__grid\" id=\"ffCommitteeGrid\">\r\n    <!-- Mona -->\r\n    <button class=\"ff-person\"\r\n      type=\"button\"\r\n      data-focus=\"50% 12%\"\r\n      data-name=\"Mona Cisneros\"\r\n      data-role=\"The Leader\"\r\n      data-tags=\"Visionary,Culture Builder\"\r\n      data-img=\"https:\/\/lyndleadershipconference.com\/wp-content\/uploads\/2026\/02\/Firefly_GeminiFlash_I-want-a-futuristic-photo-of-myself-349351-1.jpg\"\r\n      data-bio=\"Mona leads the committee with clarity, pace, and alignment\u2014keeping people, priorities, and execution moving in the same direction.\"\r\n      data-topic=\"Conference Direction & Alignment\"\r\n      data-why=\"In 2026, speed without alignment creates noise. Mona ensures we move forward together\u2014on purpose.\"\r\n      aria-label=\"Open profile for Mona Cisneros\">\r\n      <div class=\"ff-person__imgWrap\">\r\n        <img class=\"ff-person__img\" src=\"https:\/\/lyndleadershipconference.com\/wp-content\/uploads\/2026\/02\/Firefly_GeminiFlash_I-want-a-futuristic-photo-of-myself-349351-1.jpg\" alt=\"Mona Cisneros headshot\" loading=\"lazy\" decoding=\"async\">\r\n      <\/div>\r\n      <div class=\"ff-person__body\">\r\n        <div class=\"ff-person__name\">Mona Cisneros<\/div>\r\n        <div class=\"ff-person__role\">The Leader<\/div>\r\n        <div class=\"ff-person__tags\">\r\n          <span class=\"ff-tag\" data-kind=\"Visionary\">Visionary<\/span>\r\n          <span class=\"ff-tag\" data-kind=\"Culture Builder\">Culture Builder<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/button>\r\n\r\n    <!-- Justin -->\r\n    <button class=\"ff-person\"\r\n      type=\"button\"\r\n      data-focus=\"50% 18%\"\r\n      data-name=\"Justin Morfin\"\r\n      data-role=\"Operator\"\r\n      data-tags=\"Operator,Innovator\"\r\n      data-img=\"https:\/\/lyndleadershipconference.com\/wp-content\/uploads\/2026\/02\/Firefly_GeminiFlash_I-want-a-futuristic-photo-of-myself-349351.png\"\r\n      data-bio=\"Justin keeps the moving parts moving\u2014timelines, logistics, and details\u2014so the experience feels effortless for every attendee.\"\r\n      data-topic=\"Logistics, Timing & Experience Flow\"\r\n      data-why=\"Great events aren\u2019t loud\u2014they\u2019re frictionless. Justin turns complexity into clean execution.\"\r\n      aria-label=\"Open profile for Justin Morfin\">\r\n      <div class=\"ff-person__imgWrap\">\r\n        <img class=\"ff-person__img\" src=\"https:\/\/lyndleadershipconference.com\/wp-content\/uploads\/2026\/02\/Firefly_GeminiFlash_I-want-a-futuristic-photo-of-myself-349351.png\" alt=\"Justin Morfin headshot\" loading=\"lazy\" decoding=\"async\">\r\n      <\/div>\r\n      <div class=\"ff-person__body\">\r\n        <div class=\"ff-person__name\">Justin Morfin<\/div>\r\n        <div class=\"ff-person__role\">Operator<\/div>\r\n        <div class=\"ff-person__tags\">\r\n          <span class=\"ff-tag\" data-kind=\"Operator\">Operator<\/span>\r\n          <span class=\"ff-tag\" data-kind=\"Innovator\">Innovator<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/button>\r\n\r\n    <!-- Ashley -->\r\n    <button class=\"ff-person\"\r\n      type=\"button\"\r\n      data-focus=\"50% 16%\"\r\n      data-name=\"Ashley Gonzalez\"\r\n      data-role=\"Operator\"\r\n      data-tags=\"Culture Builder,Operator\"\r\n      data-img=\"https:\/\/lyndleadershipconference.com\/wp-content\/uploads\/2026\/02\/Firefly_GeminiFlash_I-want-a-futuristic-photo-of-myself-355955-1.png\"\r\n      data-bio=\"Ashley brings the people lens\u2014culture, support, and communication\u2014so the conference feels human, energizing, and grounded.\"\r\n      data-topic=\"People, Culture & Connection\"\r\n      data-why=\"When change is constant, culture becomes the operating system. Ashley makes sure the experience strengthens it.\"\r\n      aria-label=\"Open profile for Ashley Gonzalez\">\r\n      <div class=\"ff-person__imgWrap\">\r\n        <img class=\"ff-person__img\" src=\"https:\/\/lyndleadershipconference.com\/wp-content\/uploads\/2026\/02\/Firefly_GeminiFlash_I-want-a-futuristic-photo-of-myself-355955-1.png\" alt=\"Ashley Gonzalez headshot\" loading=\"lazy\" decoding=\"async\">\r\n      <\/div>\r\n      <div class=\"ff-person__body\">\r\n        <div class=\"ff-person__name\">Ashley Gonzalez<\/div>\r\n        <div class=\"ff-person__role\">Operator<\/div>\r\n        <div class=\"ff-person__tags\">\r\n          <span class=\"ff-tag\" data-kind=\"Culture Builder\">Culture Builder<\/span>\r\n          <span class=\"ff-tag\" data-kind=\"Operator\">Operator<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/button>\r\n\r\n    <!-- Shane -->\r\n    <button class=\"ff-person\"\r\n      type=\"button\"\r\n      data-focus=\"60% 18%\"\r\n      data-name=\"Shane Cook\"\r\n      data-role=\"Creative Designer\"\r\n      data-tags=\"Innovator,Visionary\"\r\n      data-img=\"https:\/\/lyndleadershipconference.com\/wp-content\/uploads\/2026\/02\/Firefly_GeminiFlash_I-want-a-futuristic-photo-of-myself-349351-2.jpg\"\r\n      data-bio=\"Shane shapes the visual system and interactive moments\u2014turning the Future Forward brand into something you can feel, not just read.\"\r\n      data-topic=\"Design, Digital Experience & Interactive Storytelling\"\r\n      data-why=\"Attention is earned. Shane builds experiences that keep leaders engaged\u2014and moving forward with intent.\"\r\n      aria-label=\"Open profile for Shane Cook\">\r\n      <div class=\"ff-person__imgWrap\">\r\n        <img class=\"ff-person__img\" src=\"https:\/\/lyndleadershipconference.com\/wp-content\/uploads\/2026\/02\/Firefly_GeminiFlash_I-want-a-futuristic-photo-of-myself-349351-2.jpg\" alt=\"Shane Cook headshot\" loading=\"lazy\" decoding=\"async\">\r\n      <\/div>\r\n      <div class=\"ff-person__body\">\r\n        <div class=\"ff-person__name\">Shane Cook<\/div>\r\n        <div class=\"ff-person__role\">Creative Designer<\/div>\r\n        <div class=\"ff-person__tags\">\r\n          <span class=\"ff-tag\" data-kind=\"Innovator\">Innovator<\/span>\r\n          <span class=\"ff-tag\" data-kind=\"Visionary\">Visionary<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ===== Modal (single modal reused for all cards) ===== -->\r\n<div class=\"ff-modal\" id=\"ffCommitteeModal\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\r\n  <div class=\"ff-modal__backdrop\" data-close=\"1\"><\/div>\r\n\r\n  <div class=\"ff-modal__panel\" role=\"document\">\r\n    <div class=\"ff-modal__scan\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"ff-modal__content\">\r\n      <div class=\"ff-modal__left\">\r\n        <div class=\"ff-modal__imgWrap\">\r\n          <img decoding=\"async\" class=\"ff-modal__img\" id=\"ffModalImg\" src=\"\" alt=\"\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ff-modal__right\">\r\n        <div class=\"ff-modal__top\">\r\n          <div>\r\n            <h3 class=\"ff-modal__name\" id=\"ffModalName\">Name<\/h3>\r\n            <div class=\"ff-modal__role\" id=\"ffModalRole\">Role<\/div>\r\n          <\/div>\r\n          <button class=\"ff-modal__close\" type=\"button\" id=\"ffModalClose\" aria-label=\"Close modal\">\r\n            Close\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"ff-modal__tags\" id=\"ffModalTags\"><\/div>\r\n\r\n        <div class=\"ff-modal__section\">\r\n          <div class=\"ff-modal__label\">Bio<\/div>\r\n          <div class=\"ff-modal__text\" id=\"ffModalBio\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ff-modal__section\">\r\n          <div class=\"ff-modal__label\">Committee Focus<\/div>\r\n          <div class=\"ff-modal__text\" id=\"ffModalTopic\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ff-modal__section\">\r\n          <div class=\"ff-modal__label\">Why this matters now<\/div>\r\n          <div class=\"ff-modal__text\" id=\"ffModalWhy\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const grid = document.getElementById('ffCommitteeGrid');\r\n  const modal = document.getElementById('ffCommitteeModal');\r\n  if (!grid || !modal) return;\r\n\r\n  \/\/ Prevent double init (Elementor editor re-renders)\r\n  if (modal.dataset.ffInit === \"1\") return;\r\n  modal.dataset.ffInit = \"1\";\r\n\r\n  \/\/ Apply per-card focus points to CSS variable --ff-focus\r\n  grid.querySelectorAll('.ff-person[data-focus]').forEach(btn => {\r\n    btn.style.setProperty('--ff-focus', btn.getAttribute('data-focus'));\r\n  });\r\n\r\n  const elImg = document.getElementById('ffModalImg');\r\n  const elName = document.getElementById('ffModalName');\r\n  const elRole = document.getElementById('ffModalRole');\r\n  const elTags = document.getElementById('ffModalTags');\r\n  const elBio = document.getElementById('ffModalBio');\r\n  const elTopic = document.getElementById('ffModalTopic');\r\n  const elWhy = document.getElementById('ffModalWhy');\r\n  const btnClose = document.getElementById('ffModalClose');\r\n\r\n  function escapeHtml(str){\r\n    return String(str || \"\")\r\n      .replaceAll(\"&\",\"&amp;\")\r\n      .replaceAll(\"<\",\"&lt;\")\r\n      .replaceAll(\">\",\"&gt;\")\r\n      .replaceAll('\"',\"&quot;\")\r\n      .replaceAll(\"'\",\"&#039;\");\r\n  }\r\n\r\n  function buildTagPills(tags){\r\n    const safe = (tags || \"\")\r\n      .split(\",\")\r\n      .map(s => s.trim())\r\n      .filter(Boolean);\r\n\r\n    return safe.map(t => `<span class=\"ff-tag\" data-kind=\"${escapeHtml(t)}\">${escapeHtml(t)}<\/span>`).join(\"\");\r\n  }\r\n\r\n  function openModal(btn){\r\n    const data = {\r\n      name: btn.dataset.name || \"Committee Member\",\r\n      role: btn.dataset.role || \"\",\r\n      img: btn.dataset.img || \"\",\r\n      tags: btn.dataset.tags || \"\",\r\n      bio: btn.dataset.bio || \"\",\r\n      topic: btn.dataset.topic || \"\",\r\n      why: btn.dataset.why || \"\"\r\n    };\r\n\r\n    \/\/ Match modal crop focus to the card focus if present\r\n    const focus = btn.getAttribute('data-focus');\r\n    if (focus) modal.style.setProperty('--ff-modal-focus', focus);\r\n\r\n    if (elImg){\r\n      elImg.src = data.img;\r\n      elImg.alt = data.name + \" headshot\";\r\n    }\r\n    if (elName) elName.textContent = data.name;\r\n    if (elRole) elRole.textContent = data.role;\r\n    if (elTags) elTags.innerHTML = buildTagPills(data.tags);\r\n    if (elBio) elBio.textContent = data.bio;\r\n    if (elTopic) elTopic.textContent = data.topic;\r\n    if (elWhy) elWhy.textContent = data.why;\r\n\r\n    modal.classList.add('is-open');\r\n    modal.setAttribute('aria-hidden','false');\r\n\r\n    \/\/ Lock scroll\r\n    document.documentElement.style.overflow = \"hidden\";\r\n    document.body.style.overflow = \"hidden\";\r\n\r\n    \/\/ Focus for accessibility\r\n    if (btnClose) btnClose.focus();\r\n  }\r\n\r\n  function closeModal(){\r\n    modal.classList.remove('is-open');\r\n    modal.setAttribute('aria-hidden','true');\r\n    document.documentElement.style.overflow = \"\";\r\n    document.body.style.overflow = \"\";\r\n  }\r\n\r\n  \/\/ Click open\r\n  grid.addEventListener('click', (e) => {\r\n    const btn = e.target.closest('.ff-person');\r\n    if (!btn) return;\r\n    openModal(btn);\r\n  });\r\n\r\n  \/\/ Keyboard open (Enter\/Space)\r\n  grid.addEventListener('keydown', (e) => {\r\n    const btn = e.target.closest('.ff-person');\r\n    if (!btn) return;\r\n    if (e.key === \"Enter\" || e.key === \" \") {\r\n      e.preventDefault();\r\n      openModal(btn);\r\n    }\r\n  });\r\n\r\n  \/\/ Close handlers\r\n  modal.addEventListener('click', (e) => {\r\n    if (e.target && e.target.getAttribute('data-close') === \"1\") closeModal();\r\n  });\r\n  if (btnClose) btnClose.addEventListener('click', closeModal);\r\n\r\n  \/\/ ESC to close\r\n  document.addEventListener('keydown', (e) => {\r\n    if (!modal.classList.contains('is-open')) return;\r\n    if (e.key === \"Escape\") closeModal();\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\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>Conference Committee Hover for signal \u2022 click for intelligence Mona Cisneros The Leader Visionary Culture Builder Justin Morfin Operator Operator Innovator Ashley Gonzalez Operator Culture Builder Operator Shane Cook Creative Designer Innovator Visionary Name Role Close Bio Committee Focus Why this matters now<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5591","page","type-page","status-publish","hentry"],"aioseo_notices":[],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/lyndleadershipconference.com\/index.php?rest_route=\/wp\/v2\/pages\/5591","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lyndleadershipconference.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lyndleadershipconference.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lyndleadershipconference.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lyndleadershipconference.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5591"}],"version-history":[{"count":0,"href":"https:\/\/lyndleadershipconference.com\/index.php?rest_route=\/wp\/v2\/pages\/5591\/revisions"}],"wp:attachment":[{"href":"https:\/\/lyndleadershipconference.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}