{"id":67,"date":"2026-10-29T17:01:25","date_gmt":"2026-10-29T17:01:25","guid":{"rendered":"https:\/\/demowebdesign.live\/martinoforpresident\/?page_id=67"},"modified":"2026-10-30T18:34:23","modified_gmt":"2026-10-30T18:34:23","slug":"vision","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/martinoforpresident\/vision\/","title":{"rendered":"VISION"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"67\" class=\"elementor elementor-67\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8240d3c e-con-full e-flex e-con e-parent\" data-id=\"8240d3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fa3477 elementor-widget elementor-widget-html\" data-id=\"4fa3477\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>body{margin:0;background:#F4F0E7}<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================================\r\n     MARTINO 2028 \u2014 SECTION 01 \u00b7 ABOUT PAGE HERO\r\n     USAGE: Copy everything between MM-SECTION-START and MM-SECTION-END into an\r\n     Elementor \"HTML\" widget. Self-contained: no external CSS\/JS files.\r\n     ============================================================================ -->\r\n<!-- ===== MM-SECTION-START ===== -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Manrope:wght@300;400;500;600;700;800&display=swap');\r\n\r\n\/* ---------- SHARED DESIGN SYSTEM (scoped to #mm-about-hero.mm-root) ---------- *\/\r\n#mm-about-hero.mm-root,\r\n#mm-about-hero.mm-root *,\r\n#mm-about-hero.mm-root *::before,\r\n#mm-about-hero.mm-root *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#mm-about-hero.mm-root {\r\n  --cream: #F4F0E7;\r\n  --ink: #222326;\r\n  --oxblood: #713D4B;\r\n  --stone: #E5DFD3;\r\n  --white: #FFFFFF;\r\n  --gray: #65635F;\r\n  --line: #D5CFC3;\r\n  --coal: #17181A;\r\n  --serif: \"Cormorant Garamond\", Georgia, \"Times New Roman\", serif;\r\n  --sans: \"Manrope\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  --shell: 1280px;\r\n  --pad: clamp(22px, 5vw, 80px);\r\n  --y: clamp(70px, 8.5vw, 130px);\r\n  --e: cubic-bezier(.22, .61, .36, 1);\r\n  position: relative;\r\n  background: var(--cream);\r\n  color: var(--ink);\r\n  font-family: var(--sans);\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  padding-block: clamp(60px, 7vw, 110px);\r\n  overflow: hidden;\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n#mm-about-hero.mm-root p,\r\n#mm-about-hero.mm-root h1,\r\n#mm-about-hero.mm-root h2,\r\n#mm-about-hero.mm-root h3,\r\n#mm-about-hero.mm-root figure,\r\n#mm-about-hero.mm-root figcaption {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#mm-about-hero.mm-root img { display: block; max-width: 100%; height: auto; }\r\n#mm-about-hero.mm-root a { color: inherit; text-decoration: none; }\r\n#mm-about-hero.mm-root :focus-visible { outline: 2px solid var(--oxblood); outline-offset: 4px; }\r\n#mm-about-hero.mm-root .mm-wrap {\r\n  width: 100%;\r\n  max-width: var(--shell);\r\n  margin-inline: auto;\r\n  padding-inline: var(--pad);\r\n}\r\n\r\n\/* Base Reveal Utilities *\/\r\n#mm-about-hero [data-r] {\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity .58s var(--e) var(--d, 0ms), transform .58s var(--e) var(--d, 0ms);\r\n}\r\n#mm-about-hero [data-r].is-in {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#mm-about-hero [data-line] {\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform .75s var(--e) var(--d, 0ms);\r\n}\r\n#mm-about-hero [data-line].is-in {\r\n  transform: scaleX(1);\r\n}\r\n\r\n#mm-about-hero [data-mask] {\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n#mm-about-hero [data-mask]::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: var(--cream);\r\n  z-index: 4;\r\n  transform: scaleY(1);\r\n  transform-origin: top;\r\n  transition: transform .85s var(--e) var(--d, 120ms);\r\n}\r\n#mm-about-hero [data-mask].is-in::after {\r\n  transform: scaleY(0);\r\n}\r\n\r\n\/* Hero Asymmetric Grid *\/\r\n.mm-ab-hero__grid {\r\n  display: grid;\r\n  grid-template-columns: 58fr 42fr;\r\n  gap: clamp(40px, 6vw, 84px);\r\n  align-items: center;\r\n  min-height: clamp(560px, 68vh, 740px);\r\n}\r\n\r\n\/* Left Column Content *\/\r\n.mm-ab-hero__content {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n.mm-ab-hero__accent-rule {\r\n  width: 48px;\r\n  height: 1.5px;\r\n  background: var(--oxblood);\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.mm-ab-hero__eyebrow {\r\n  font: 600 11.5px\/1.4 var(--sans);\r\n  letter-spacing: .2em;\r\n  text-transform: uppercase;\r\n  color: var(--oxblood);\r\n  margin-bottom: 30px !important;\r\n}\r\n\r\n.mm-ab-hero__heading {\r\n  font-family: var(--serif);\r\n  font-weight: 400;\r\n  font-size: clamp(48px, 6.8vw, 92px);\r\n  line-height: 1.02;\r\n  letter-spacing: -.02em;\r\n  color: var(--ink);\r\n  margin-bottom: 28px!important;\r\n}\r\n.mm-ab-hero__headline-line {\r\n  display: block;\r\n  overflow: hidden;\r\n}\r\n.mm-ab-hero__headline-line > span {\r\n  display: block;\r\n}\r\n\r\n.mm-ab-hero__lead {\r\n  font-size: clamp(16px, 1.2vw, 18.5px);\r\n  line-height: 1.74;\r\n  color: var(--gray);\r\n  max-width: 54ch;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.mm-ab-hero__secondary {\r\n  font: 600 11.5px\/1.6 var(--sans);\r\n  letter-spacing: .22em;\r\n  text-transform: uppercase;\r\n  color: var(--ink);\r\n  padding-left: 18px;\r\n  border-left: 2px solid var(--oxblood);\r\n  margin-bottom: 36px;\r\n  margin-top: 36px;\r\n}\r\n\r\n\/* CTA *\/\r\n.mm-ab-hero__cta-wrap {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 24px;\r\n}\r\n\r\n.mm-ab-hero__cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  background: var(--ink);\r\n  color: var(--cream) !important;\r\n  padding: 16px 32px;\r\n  border-radius: 4px;\r\n  font: 600 12px\/1 var(--sans);\r\n  letter-spacing: .16em;\r\n  text-transform: uppercase;\r\n  cursor: pointer;\r\n  transition: background-color .22s var(--e), color .22s var(--e), transform .22s var(--e), box-shadow .22s var(--e);\r\n}\r\n.mm-ab-hero__cta:hover,\r\n.mm-ab-hero__cta:focus-visible {\r\n  background: var(--oxblood);\r\n  color: #fff;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 24px rgba(34, 35, 38, .18);\r\n}\r\n.mm-ab-hero__cta-arrow {\r\n  display: inline-block;\r\n  font-family: var(--sans);\r\n  transition: transform .24s var(--e);\r\n}\r\n.mm-ab-hero__cta:hover .mm-ab-hero__cta-arrow,\r\n.mm-ab-hero__cta:focus-visible .mm-ab-hero__cta-arrow {\r\n  transform: translateX(3px);\r\n}\r\n\r\n\/* Right Column Photography *\/\r\n.mm-ab-hero__media {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n\/* Offset Soft Stone Architectural Frame *\/\r\n.mm-ab-hero__frame {\r\n  position: absolute;\r\n  inset: 22px -22px -22px 22px;\r\n  border: 1px solid var(--line);\r\n  background: transparent;\r\n  pointer-events: none;\r\n  transition: border-color .35s var(--e);\r\n  z-index: 1;\r\n}\r\n.mm-ab-hero__media:hover .mm-ab-hero__frame {\r\n  border-color: var(--oxblood);\r\n}\r\n\r\n\/* Vertical Exterior Rail Label *\/\r\n.mm-ab-hero__rail {\r\n  position: absolute;\r\n  right: -42px;\r\n  top: 50%;\r\n  transform: translateY(-50%) rotate(90deg);\r\n  font: 600 9.5px\/1 var(--sans);\r\n  letter-spacing: .32em;\r\n  text-transform: uppercase;\r\n  color: var(--gray);\r\n  white-space: nowrap;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Portrait Container *\/\r\n.mm-ab-hero__photo-box {\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 4 \/ 5.2;\r\n  background: var(--stone);\r\n  overflow: hidden;\r\n  z-index: 2;\r\n  border: 1px solid var(--line);\r\n}\r\n\r\n.mm-ab-hero__img {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: cover;\r\n  object-position: center 26%;\r\n  transform: scale(1.001);\r\n  transition: transform .7s var(--e);\r\n}\r\n.mm-ab-hero__photo-box:hover .mm-ab-hero__img {\r\n  transform: scale(1.025);\r\n}\r\n\r\n.mm-ab-hero__caption {\r\n  position: absolute;\r\n  left: 14px;\r\n  bottom: 14px;\r\n  z-index: 5;\r\n  background: rgba(244, 240, 231, .92);\r\n  color: var(--ink);\r\n  font: 600 9px\/1.2 var(--sans);\r\n  letter-spacing: .18em;\r\n  text-transform: uppercase;\r\n  padding: 7px 11px;\r\n  border-radius: 2px;\r\n  backdrop-filter: blur(4px);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1100px) {\r\n  .mm-ab-hero__rail { display: none; }\r\n  .mm-ab-hero__frame { inset: 16px -16px -16px 16px; }\r\n}\r\n@media (max-width: 900px) {\r\n  .mm-ab-hero__grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 48px;\r\n    min-height: auto;\r\n  }\r\n  .mm-ab-hero__heading {\r\n    font-size: clamp(44px, 8.5vw, 64px);\r\n    margin-bottom: 22px;\r\n  }\r\n  .mm-ab-hero__lead { max-width: none; }\r\n  .mm-ab-hero__media {\r\n    max-width: 480px;\r\n    margin-inline: auto;\r\n    width: 100%;\r\n  }\r\n  .mm-ab-hero__frame { inset: 12px -12px -12px 12px; }\r\n}\r\n@media (max-width: 560px) {\r\n  .mm-ab-hero__cta { width: 100%; justify-content: center; }\r\n  .mm-ab-hero__frame { inset: 8px -8px -8px 8px; }\r\n  .mm-ab-hero__heading { font-size: clamp(40px, 9.8vw, 52px); }\r\n}\r\n\r\n\/* Reduced Motion *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #mm-about-hero.mm-root *,\r\n  #mm-about-hero.mm-root *::before,\r\n  #mm-about-hero.mm-root *::after {\r\n    animation-duration: .01ms!important;\r\n    transition-duration: .01ms!important;\r\n  }\r\n  #mm-about-hero [data-r],\r\n  #mm-about-hero [data-line] { opacity: 1!important; transform: none!important; }\r\n  #mm-about-hero [data-mask]::after { transform: scaleY(0)!important; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"mm-about-hero\" class=\"mm-root\" aria-labelledby=\"mm-about-hero-title\">\r\n  <div class=\"mm-wrap\">\r\n    <div class=\"mm-ab-hero__grid\">\r\n\r\n      <!-- Left Column: Editorial Introduction -->\r\n      <div class=\"mm-ab-hero__content\">\r\n        <span class=\"mm-ab-hero__accent-rule\" data-line style=\"--d:40ms\" aria-hidden=\"true\"><\/span>\r\n        <p class=\"mm-ab-hero__eyebrow\" data-r style=\"--d:80ms\">ABOUT MICHAEL MARTINO<\/p>\r\n\r\n        <h1 class=\"mm-ab-hero__heading\" id=\"mm-about-hero-title\">\r\n          <span class=\"mm-ab-hero__headline-line\" data-r style=\"--d:160ms\"><span>Leadership Begins<\/span><\/span>\r\n          <span class=\"mm-ab-hero__headline-line\" data-r style=\"--d:240ms\"><span>With Listening.<\/span><\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"mm-ab-hero__lead\" data-r style=\"--d:320ms\">\r\n          Michael Martino\u2019s independent presidential campaign is driven by a belief that government should serve the people, public resources should be managed responsibly, and leadership must remain accountable to the citizens it represents.\r\n        <\/p>\r\n\r\n        <div class=\"mm-ab-hero__secondary\" data-r style=\"--d:400ms\">\r\n          A VISION ROOTED IN UNITY, LIBERTY AND PUBLIC TRUST.\r\n        <\/div>\r\n\r\n        <div class=\"mm-ab-hero__cta-wrap\" data-r style=\"--d:480ms\">\r\n          <a class=\"mm-ab-hero__cta\" href=\"#story\">\r\n            EXPLORE HIS VISION <span class=\"mm-ab-hero__cta-arrow\" aria-hidden=\"true\">&rarr;<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right Column: Candidate Portrait Composition -->\r\n      <div class=\"mm-ab-hero__media\" data-r style=\"--d:220ms\">\r\n        <span class=\"mm-ab-hero__frame\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"mm-ab-hero__rail\" aria-hidden=\"true\">INDEPENDENT &middot; 2028<\/span>\r\n        \r\n        <figure class=\"mm-ab-hero__photo-box\" data-mask style=\"--d:260ms\">\r\n          <img fetchpriority=\"high\" decoding=\"async\" \r\n            class=\"mm-ab-hero__img\"\r\n            src=\"https:\/\/demowebdesign.live\/martinoforpresident\/wp-content\/uploads\/2026\/10\/vision.jpg\" \r\n            alt=\"Portrait of Michael Martino, independent presidential candidate for 2028\"\r\n            width=\"800\"\r\n            height=\"1040\"\r\n            loading=\"eager\"\r\n            fetchpriority=\"high\"\r\n          >\r\n          <figcaption class=\"mm-ab-hero__caption\">Michael Martino &middot; 2028<\/figcaption>\r\n        <\/figure>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var root = document.getElementById('mm-about-hero');\r\n  if(!root || root.getAttribute('data-ready') === '1') return;\r\n  root.setAttribute('data-ready', '1');\r\n\r\n  var items = root.querySelectorAll('[data-r],[data-line],[data-mask]');\r\n  function show(el){ el.classList.add('is-in'); }\r\n\r\n  \/* Elementor Editor Detection *\/\r\n  var isEditor = (window.elementorFrontend && window.elementorFrontend.isEditMode && window.elementorFrontend.isEditMode()) ||\r\n                 document.body.classList.contains('elementor-editor-active') ||\r\n                 (window.parent && window.parent.elementor);\r\n\r\n  if(isEditor) {\r\n    Array.prototype.forEach.call(items, show);\r\n    return;\r\n  }\r\n\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(entry){\r\n        if(entry.isIntersecting){\r\n          show(entry.target);\r\n          io.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\r\n\r\n    Array.prototype.forEach.call(items, function(el){ io.observe(el); });\r\n\r\n    \/* Safety fallback timeout *\/\r\n    setTimeout(function(){\r\n      Array.prototype.forEach.call(items, function(el){\r\n        if(!el.classList.contains('is-in')){\r\n          var rect = el.getBoundingClientRect();\r\n          if(rect.top < window.innerHeight) show(el);\r\n        }\r\n      });\r\n    }, 600);\r\n  } else {\r\n    Array.prototype.forEach.call(items, show);\r\n  }\r\n})();\r\n<\/script>\r\n<noscript><style>#mm-about-hero [data-r],#mm-about-hero [data-line]{opacity:1!important;transform:none!important}#mm-about-hero [data-mask]::after{transform:scaleY(0)!important}<\/style><\/noscript>\r\n<!-- ===== MM-SECTION-END ===== -->\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-629abef e-con-full e-flex e-con e-parent\" data-id=\"629abef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-028775c elementor-widget elementor-widget-html\" data-id=\"028775c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>body{margin:0;background:#FFFFFF}<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================================\r\n     MARTINO 2028 \u2014 SECTION 02 \u00b7 THE STORY BEHIND THE CAMPAIGN\r\n     USAGE: Copy everything between MM-SECTION-START and MM-SECTION-END into an\r\n     Elementor \"HTML\" widget. Self-contained: no external CSS\/JS files.\r\n     ============================================================================ -->\r\n<!-- ===== MM-SECTION-START ===== -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Manrope:wght@300;400;500;600;700;800&display=swap');\r\n\r\n\/* ---------- SHARED DESIGN SYSTEM (scoped to #mm-story.mm-root) ---------- *\/\r\n#mm-story.mm-root,\r\n#mm-story.mm-root *,\r\n#mm-story.mm-root *::before,\r\n#mm-story.mm-root *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#mm-story.mm-root {\r\n  --cream: #F4F0E7;\r\n  --ink: #222326;\r\n  --oxblood: #713D4B;\r\n  --stone: #E5DFD3;\r\n  --white: #FFFFFF;\r\n  --gray: #65635F;\r\n  --line: #D5CFC3;\r\n  --coal: #17181A;\r\n  --serif: \"Cormorant Garamond\", Georgia, \"Times New Roman\", serif;\r\n  --sans: \"Manrope\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  --shell: 1280px;\r\n  --pad: clamp(22px, 5vw, 80px);\r\n  --e: cubic-bezier(.22, .61, .36, 1);\r\n  position: relative;\r\n  background: var(--white);\r\n  color: var(--ink);\r\n  font-family: var(--sans);\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  padding-block: clamp(75px, 9.5vw, 135px);\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n#mm-story.mm-root p,\r\n#mm-story.mm-root h1,\r\n#mm-story.mm-root h2,\r\n#mm-story.mm-root h3 {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#mm-story.mm-root a { color: inherit; text-decoration: none; }\r\n#mm-story.mm-root :focus-visible { outline: 2px solid var(--oxblood); outline-offset: 4px; }\r\n#mm-story.mm-root .mm-wrap {\r\n  width: 100%;\r\n  max-width: var(--shell);\r\n  margin-inline: auto;\r\n  padding-inline: var(--pad);\r\n}\r\n\r\n\/* Reveal Utilities *\/\r\n#mm-story [data-r] {\r\n  opacity: 0;\r\n  transform: translateY(22px);\r\n  transition: opacity .6s var(--e) var(--d, 0ms), transform .6s var(--e) var(--d, 0ms);\r\n}\r\n#mm-story [data-r].is-in {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#mm-story [data-vline] {\r\n  transform: scaleY(0);\r\n  transform-origin: top;\r\n  transition: transform .7s var(--e) var(--d, 0ms);\r\n}\r\n#mm-story [data-vline].is-in {\r\n  transform: scaleY(1);\r\n}\r\n\r\n#mm-story [data-hline] {\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform .75s var(--e) var(--d, 0ms);\r\n}\r\n#mm-story [data-hline].is-in {\r\n  transform: scaleX(1);\r\n}\r\n\r\n\/* Two-Column Editorial Layout *\/\r\n#mm-story.mm-root .mm-story__grid {\r\n  display: grid;\r\n  grid-template-columns: 36fr 64fr;\r\n  gap: clamp(40px, 7vw, 100px);\r\n  align-items: start;\r\n  position: relative;\r\n}\r\n\r\n\/* Left Column: Sticky Editorial Anchor *\/\r\n#mm-story.mm-root .mm-story__left {\r\n  position: sticky;\r\n  top: clamp(100px, 12vh, 140px);\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n#mm-story.mm-root .mm-story__eyebrow {\r\n  font: 600 11.5px\/1.4 var(--sans);\r\n  letter-spacing: .22em;\r\n  text-transform: uppercase;\r\n  color: var(--oxblood);\r\n  margin-bottom: 22px;\r\n}\r\n\r\n#mm-story.mm-root .mm-story__heading-wrap {\r\n  position: relative;\r\n  padding-left: 26px;\r\n}\r\n\r\n#mm-story.mm-root .mm-story__vline {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 8px;\r\n  bottom: 8px;\r\n  width: 2px;\r\n  background: var(--oxblood);\r\n}\r\n\r\n#mm-story.mm-root .mm-story__title {\r\n  font-family: var(--serif);\r\n  font-weight: 400;\r\n  font-size: clamp(44px, 4.6vw, 64px);\r\n  line-height: 1.08;\r\n  letter-spacing: -.015em;\r\n  color: var(--ink);\r\n  margin-bottom: 24px;\r\n}\r\n\r\n#mm-story.mm-root .mm-story__subtitle {\r\n  font-size: clamp(15.5px, 1.15vw, 18px);\r\n  line-height: 1.72;\r\n  color: var(--gray);\r\n  max-width: 32ch;\r\n}\r\n\r\n\/* Right Column: Editorial Passages *\/\r\n#mm-story.mm-root .mm-story__right {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n#mm-story.mm-root article.mm-story__passage {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding-top: clamp(38px, 4.5vw, 58px);\r\n  padding-bottom: 0;\r\n  margin: 0;\r\n  border: none;\r\n  transition: transform .25s var(--e);\r\n}\r\n#mm-story.mm-root article.mm-story__passage:first-child {\r\n  padding-top: 0;\r\n}\r\n#mm-story.mm-root article.mm-story__passage:last-child {\r\n  padding-bottom: 0;\r\n}\r\n\r\n\/* Divider Line between passages with generous, deliberate spacing *\/\r\n#mm-story.mm-root .mm-story__divider {\r\n  width: 100%;\r\n  height: 1px;\r\n  background: var(--line);\r\n  margin-top: clamp(38px, 4.5vw, 58px);\r\n  margin-bottom: 0;\r\n  position: relative;\r\n  transition: background-color .3s var(--e);\r\n}\r\n#mm-story.mm-root article.mm-story__passage:hover .mm-story__divider {\r\n  background: var(--oxblood);\r\n}\r\n\r\n\/* Passage Meta & Number *\/\r\n#mm-story.mm-root .mm-story__meta {\r\n  display: flex;\r\n  align-items: baseline;\r\n  gap: 16px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n#mm-story.mm-root .mm-story__idx {\r\n  font: 700 12px\/1 var(--sans);\r\n  letter-spacing: .2em;\r\n  color: var(--gray);\r\n  transition: color .25s var(--e), transform .25s var(--e);\r\n}\r\n#mm-story.mm-root article.mm-story__passage:hover .mm-story__idx {\r\n  color: var(--oxblood);\r\n  transform: translateX(3px);\r\n}\r\n\r\n#mm-story.mm-root .mm-story__cat {\r\n  font: 600 11px\/1 var(--sans);\r\n  letter-spacing: .18em;\r\n  text-transform: uppercase;\r\n  color: var(--gray);\r\n}\r\n\r\n\/* Passage Typography *\/\r\n#mm-story.mm-root .mm-story__pass-title {\r\n  font-family: var(--serif);\r\n  font-weight: 500;\r\n  font-size: clamp(28px, 2.6vw, 36px);\r\n  line-height: 1.22;\r\n  color: var(--ink);\r\n  margin-bottom: 18px;\r\n  transition: color .25s var(--e);\r\n}\r\n#mm-story.mm-root article.mm-story__passage:hover .mm-story__pass-title {\r\n  color: var(--oxblood);\r\n}\r\n\r\n#mm-story.mm-root .mm-story__body {\r\n  font-family: var(--sans);\r\n  font-size: clamp(16px, 1.15vw, 18px);\r\n  line-height: 1.78;\r\n  color: var(--gray);\r\n  max-width: 60ch;\r\n  margin: 0;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n  #mm-story.mm-root .mm-story__grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 52px;\r\n  }\r\n  #mm-story.mm-root .mm-story__left {\r\n    position: static;\r\n    top: auto;\r\n  }\r\n  #mm-story.mm-root .mm-story__subtitle { max-width: none; }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  #mm-story.mm-root .mm-story__heading-wrap { padding-left: 20px; }\r\n  #mm-story.mm-root .mm-story__pass-title { font-size: clamp(24px, 5.8vw, 30px); }\r\n  #mm-story.mm-root .mm-story__body { font-size: 15.5px; line-height: 1.7; }\r\n  #mm-story.mm-root article.mm-story__passage {\r\n    padding-top: 32px;\r\n  }\r\n  #mm-story.mm-root .mm-story__divider {\r\n    margin-top: 32px;\r\n  }\r\n}\r\n\r\n\/* Reduced Motion *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #mm-story.mm-root *,\r\n  #mm-story.mm-root *::before,\r\n  #mm-story.mm-root *::after {\r\n    animation-duration: .01ms!important;\r\n    transition-duration: .01ms!important;\r\n  }\r\n  #mm-story [data-r],\r\n  #mm-story [data-vline],\r\n  #mm-story [data-hline] { opacity: 1!important; transform: none!important; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"mm-story\" class=\"mm-root\" aria-labelledby=\"mm-story-heading\">\r\n  <span id=\"story\" style=\"position:absolute;top:-80px;left:0;visibility:hidden;pointer-events:none;\" aria-hidden=\"true\"><\/span>\r\n  <div class=\"mm-wrap\">\r\n    <div class=\"mm-story__grid\">\r\n\r\n      <!-- Left Column: Sticky Anchor -->\r\n      <aside class=\"mm-story__left\">\r\n        <p class=\"mm-story__eyebrow\" data-r style=\"--d:40ms\">THE STORY<\/p>\r\n\r\n        <div class=\"mm-story__heading-wrap\">\r\n          <span class=\"mm-story__vline\" data-vline style=\"--d:80ms\" aria-hidden=\"true\"><\/span>\r\n          <h2 class=\"mm-story__title\" id=\"mm-story-heading\" data-r style=\"--d:120ms\">\r\n            A Call for<br>Change.\r\n          <\/h2>\r\n          <p class=\"mm-story__subtitle\" data-r style=\"--d:180ms\">\r\n            An independent campaign shaped by concerns about the everyday challenges facing American families.\r\n          <\/p>\r\n        <\/div>\r\n      <\/aside>\r\n\r\n      <!-- Right Column: Editorial Narrative Passages -->\r\n      <div class=\"mm-story__right\">\r\n\r\n        <!-- Passage 01 -->\r\n        <article class=\"mm-story__passage\" data-r style=\"--d:100ms\">\r\n          <div class=\"mm-story__meta\">\r\n            <span class=\"mm-story__idx\">01<\/span>\r\n            <span class=\"mm-story__cat\">Everyday Challenges<\/span>\r\n          <\/div>\r\n          <h3 class=\"mm-story__pass-title\">A Growing Concern<\/h3>\r\n          <p class=\"mm-story__body\">\r\n            Michael Martino says he has grown tired of seeing everyday Americans struggle while taxes and the cost of living continue to rise, without people feeling they receive enough value, support or accountability in return.\r\n          <\/p>\r\n          <div class=\"mm-story__divider\" data-hline style=\"--d:220ms\" aria-hidden=\"true\"><\/div>\r\n        <\/article>\r\n\r\n        <!-- Passage 02 -->\r\n        <article class=\"mm-story__passage\" data-r style=\"--d:200ms\">\r\n          <div class=\"mm-story__meta\">\r\n            <span class=\"mm-story__idx\">02<\/span>\r\n            <span class=\"mm-story__cat\">Principles of Stewardship<\/span>\r\n          <\/div>\r\n          <h3 class=\"mm-story__pass-title\">A Different Standard of Leadership<\/h3>\r\n          <p class=\"mm-story__body\">\r\n            His campaign is driven by the belief that government should work for the people, use public funds responsibly and be transparent about its decisions.\r\n          <\/p>\r\n          <div class=\"mm-story__divider\" data-hline style=\"--d:320ms\" aria-hidden=\"true\"><\/div>\r\n        <\/article>\r\n\r\n        <!-- Passage 03 -->\r\n        <article class=\"mm-story__passage\" data-r style=\"--d:300ms\">\r\n          <div class=\"mm-story__meta\">\r\n            <span class=\"mm-story__idx\">03<\/span>\r\n            <span class=\"mm-story__cat\">Constitutional Stewardship<\/span>\r\n          <\/div>\r\n          <h3 class=\"mm-story__pass-title\">A Responsibility to the People<\/h3>\r\n          <p class=\"mm-story__body\">\r\n            Martino views the presidency as a public trust: a responsibility entrusted by the people and one that must remain accountable to them.\r\n          <\/p>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var root = document.getElementById('mm-story');\r\n  if(!root || root.getAttribute('data-ready') === '1') return;\r\n  root.setAttribute('data-ready', '1');\r\n\r\n  var items = root.querySelectorAll('[data-r],[data-vline],[data-hline]');\r\n  function show(el){ el.classList.add('is-in'); }\r\n\r\n  \/* Elementor Editor Detection *\/\r\n  var isEditor = (window.elementorFrontend && window.elementorFrontend.isEditMode && window.elementorFrontend.isEditMode()) ||\r\n                 document.body.classList.contains('elementor-editor-active') ||\r\n                 (window.parent && window.parent.elementor);\r\n\r\n  if(isEditor){\r\n    Array.prototype.forEach.call(items, show);\r\n    return;\r\n  }\r\n\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(entry){\r\n        if(entry.isIntersecting){\r\n          show(entry.target);\r\n          io.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.12, rootMargin: '0px 0px -30px 0px' });\r\n\r\n    Array.prototype.forEach.call(items, function(el){ io.observe(el); });\r\n\r\n    \/* Safety timer for element visibility inside dynamic page builders *\/\r\n    setTimeout(function(){\r\n      Array.prototype.forEach.call(items, function(el){\r\n        if(!el.classList.contains('is-in')){\r\n          var rect = el.getBoundingClientRect();\r\n          if(rect.top < window.innerHeight) show(el);\r\n        }\r\n      });\r\n    }, 600);\r\n  } else {\r\n    Array.prototype.forEach.call(items, show);\r\n  }\r\n})();\r\n<\/script>\r\n<noscript><style>#mm-story [data-r],#mm-story [data-vline],#mm-story [data-hline]{opacity:1!important;transform:none!important}<\/style><\/noscript>\r\n<!-- ===== MM-SECTION-END ===== -->\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5d2f34 e-con-full e-flex e-con e-parent\" data-id=\"b5d2f34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24fd41a elementor-widget elementor-widget-html\" data-id=\"24fd41a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>body{margin:0;background:#222326}<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================================\r\n     MARTINO 2028 \u2014 SECTION 03 \u00b7 WHY INDEPENDENCE MATTERS\r\n     USAGE: Copy everything between MM-SECTION-START and MM-SECTION-END into an\r\n     Elementor \"HTML\" widget. Self-contained: no external CSS\/JS files.\r\n     ============================================================================ -->\r\n<!-- ===== MM-SECTION-START ===== -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Manrope:wght@300;400;500;600;700;800&display=swap');\r\n\r\n\/* ---------- SHARED DESIGN SYSTEM (scoped to #mm-why-ind.mm-root) ---------- *\/\r\n#mm-why-ind.mm-root,\r\n#mm-why-ind.mm-root *,\r\n#mm-why-ind.mm-root *::before,\r\n#mm-why-ind.mm-root *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#mm-why-ind.mm-root {\r\n  --cream: #F4F0E7;\r\n  --ink: #222326;\r\n  --oxblood: #713D4B;\r\n  --stone: #E5DFD3;\r\n  --white: #FFFFFF;\r\n  --gray: #65635F;\r\n  --line: #D5CFC3;\r\n  --coal: #17181A;\r\n  --serif: \"Cormorant Garamond\", Georgia, \"Times New Roman\", serif;\r\n  --sans: \"Manrope\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  --shell: 1280px;\r\n  --pad: clamp(22px, 5vw, 80px);\r\n  --e: cubic-bezier(.22, .61, .36, 1);\r\n  position: relative;\r\n  background: var(--ink);\r\n  color: var(--cream);\r\n  font-family: var(--sans);\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  padding-block: clamp(80px, 10vw, 135px);\r\n  overflow: hidden;\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n#mm-why-ind.mm-root p,\r\n#mm-why-ind.mm-root h1,\r\n#mm-why-ind.mm-root h2,\r\n#mm-why-ind.mm-root h3 {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#mm-why-ind.mm-root a { color: inherit; text-decoration: none; }\r\n#mm-why-ind.mm-root :focus-visible { outline: 2px solid var(--oxblood); outline-offset: 4px; }\r\n#mm-why-ind.mm-root .mm-wrap {\r\n  width: 100%;\r\n  max-width: var(--shell);\r\n  margin-inline: auto;\r\n  padding-inline: var(--pad);\r\n}\r\n\r\n\/* Reveal Utilities *\/\r\n#mm-why-ind [data-r] {\r\n  opacity: 0;\r\n  transform: translateY(22px);\r\n  transition: opacity .6s var(--e) var(--d, 0ms), transform .6s var(--e) var(--d, 0ms);\r\n}\r\n#mm-why-ind [data-r].is-in {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#mm-why-ind [data-line] {\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform .8s var(--e) var(--d, 0ms);\r\n}\r\n#mm-why-ind [data-line].is-in {\r\n  transform: scaleX(1);\r\n}\r\n\r\n\/* Wide Editorial Layout *\/\r\n#mm-why-ind.mm-root .mm-why-ind__content {\r\n  max-width: 960px;\r\n  margin-inline: auto;\r\n}\r\n\r\n#mm-why-ind.mm-root .mm-why-ind__eyebrow {\r\n  font: 600 11.5px\/1.4 var(--sans);\r\n  letter-spacing: .24em;\r\n  text-transform: uppercase;\r\n  color: rgba(244, 240, 231, .6);\r\n  margin-bottom: 22px;\r\n}\r\n\r\n#mm-why-ind.mm-root .mm-why-ind__title {\r\n  font-family: var(--serif);\r\n  font-weight: 400;\r\n  font-size: clamp(48px, 6.2vw, 82px);\r\n  line-height: 1.04;\r\n  letter-spacing: -.015em;\r\n  color: var(--cream);\r\n  margin-bottom: 26px;\r\n}\r\n\r\n#mm-why-ind.mm-root .mm-why-ind__rule {\r\n  width: 72px;\r\n  height: 2px;\r\n  background: var(--oxblood);\r\n  margin-bottom: 40px;\r\n}\r\n\r\n\/* Supporting Narrative *\/\r\n#mm-why-ind.mm-root .mm-why-ind__lead-group {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: clamp(28px, 4vw, 56px);\r\n  margin-bottom: clamp(52px, 6.8vw, 86px);\r\n}\r\n\r\n#mm-why-ind.mm-root .mm-why-ind__lead-group p {\r\n  font-size: clamp(16px, 1.15vw, 18px);\r\n  line-height: 1.76;\r\n  color: rgba(244, 240, 231, .82);\r\n  margin: 0;\r\n}\r\n\r\n\/* Three Horizontally Arranged Typographic Principles *\/\r\n#mm-why-ind.mm-root .mm-why-ind__principles {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1px 1fr 1px 1fr;\r\n  align-items: stretch;\r\n  border-top: 1px solid rgba(244, 240, 231, .16);\r\n  border-bottom: 1px solid rgba(244, 240, 231, .16);\r\n  padding-block: clamp(28px, 3.6vw, 42px);\r\n}\r\n\r\n#mm-why-ind.mm-root .mm-why-ind__v-sep {\r\n  background: rgba(244, 240, 231, .16);\r\n  width: 1px;\r\n  position: relative;\r\n  transition: background-color .3s var(--e);\r\n}\r\n\r\n#mm-why-ind.mm-root .mm-why-ind__item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  padding-inline: clamp(16px, 3vw, 40px);\r\n  transition: transform .25s var(--e);\r\n}\r\n#mm-why-ind.mm-root .mm-why-ind__item:first-child {\r\n  padding-left: 0;\r\n}\r\n#mm-why-ind.mm-root .mm-why-ind__item:last-child {\r\n  padding-right: 0;\r\n}\r\n\r\n#mm-why-ind.mm-root .mm-why-ind__item:hover {\r\n  transform: translateY(-2px);\r\n}\r\n#mm-why-ind.mm-root .mm-why-ind__item:hover + .mm-why-ind__v-sep,\r\n#mm-why-ind.mm-root .mm-why-ind__item:hover ~ .mm-why-ind__v-sep {\r\n  background-color: var(--oxblood);\r\n}\r\n\r\n#mm-why-ind.mm-root .mm-why-ind__item-label {\r\n  font: 600 11px\/1 var(--sans);\r\n  letter-spacing: .22em;\r\n  color: rgba(244, 240, 231, .45);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n#mm-why-ind.mm-root .mm-why-ind__item-title {\r\n  font-family: var(--serif);\r\n  font-weight: 500;\r\n  font-size: clamp(22px, 2.2vw, 30px);\r\n  letter-spacing: .06em;\r\n  text-transform: uppercase;\r\n  color: var(--cream);\r\n  line-height: 1.15;\r\n  transition: color .24s var(--e);\r\n}\r\n#mm-why-ind.mm-root .mm-why-ind__item:hover .mm-why-ind__item-title {\r\n  color: #FFFFFF;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n  #mm-why-ind.mm-root .mm-why-ind__lead-group {\r\n    grid-template-columns: 1fr;\r\n    gap: 24px;\r\n  }\r\n  #mm-why-ind.mm-root .mm-why-ind__principles {\r\n    grid-template-columns: 1fr;\r\n    gap: 26px;\r\n    padding-block: 28px;\r\n  }\r\n  #mm-why-ind.mm-root .mm-why-ind__v-sep {\r\n    display: none;\r\n  }\r\n  #mm-why-ind.mm-root .mm-why-ind__item {\r\n    padding-inline: 0;\r\n    border-bottom: 1px solid rgba(244, 240, 231, .12);\r\n    padding-bottom: 22px;\r\n  }\r\n  #mm-why-ind.mm-root .mm-why-ind__item:last-child {\r\n    border-bottom: none;\r\n    padding-bottom: 0;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  #mm-why-ind.mm-root .mm-why-ind__title {\r\n    font-size: clamp(40px, 9.5vw, 54px);\r\n  }\r\n  #mm-why-ind.mm-root .mm-why-ind__lead-group p {\r\n    font-size: 15.5px;\r\n    line-height: 1.68;\r\n  }\r\n}\r\n\r\n\/* Reduced Motion *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #mm-why-ind.mm-root *,\r\n  #mm-why-ind.mm-root *::before,\r\n  #mm-why-ind.mm-root *::after {\r\n    animation-duration: .01ms!important;\r\n    transition-duration: .01ms!important;\r\n  }\r\n  #mm-why-ind [data-r],\r\n  #mm-why-ind [data-line] { opacity: 1!important; transform: none!important; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"mm-why-ind\" class=\"mm-root\" aria-labelledby=\"mm-why-ind-title\">\r\n  <span id=\"independence\" style=\"position:absolute;top:-80px;left:0;visibility:hidden;pointer-events:none;\" aria-hidden=\"true\"><\/span>\r\n  <div class=\"mm-wrap\">\r\n    <div class=\"mm-why-ind__content\">\r\n\r\n      <p class=\"mm-why-ind__eyebrow\" data-r style=\"--d:40ms\">AN INDEPENDENT PATH<\/p>\r\n\r\n      <h2 class=\"mm-why-ind__title\" id=\"mm-why-ind-title\" data-r style=\"--d:100ms\">\r\n        People Before Party.\r\n      <\/h2>\r\n\r\n      <div class=\"mm-why-ind__rule\" data-line style=\"--d:180ms\" aria-hidden=\"true\"><\/div>\r\n\r\n      <!-- Supporting Editorial Narrative -->\r\n      <div class=\"mm-why-ind__lead-group\">\r\n        <p data-r style=\"--d:240ms\">\r\n          Michael Martino\u2019s campaign seeks to bring Americans together across political divides, rebuild public trust and focus on the interests of the people rather than party machinery or special interests.\r\n        <\/p>\r\n        <p data-r style=\"--d:320ms\">\r\n          His independent identity reflects a commitment to individual liberty, national sovereignty, constitutional rights and leadership accountable to the citizens it serves.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Three Horizontally Arranged Typographic Principles -->\r\n      <div class=\"mm-why-ind__principles\" data-r style=\"--d:400ms\">\r\n        <div class=\"mm-why-ind__item\">\r\n          <span class=\"mm-why-ind__item-label\">PRINCIPLE 01<\/span>\r\n          <span class=\"mm-why-ind__item-title\">Independence<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"mm-why-ind__v-sep\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"mm-why-ind__item\">\r\n          <span class=\"mm-why-ind__item-label\">PRINCIPLE 02<\/span>\r\n          <span class=\"mm-why-ind__item-title\">Accountability<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"mm-why-ind__v-sep\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"mm-why-ind__item\">\r\n          <span class=\"mm-why-ind__item-label\">PRINCIPLE 03<\/span>\r\n          <span class=\"mm-why-ind__item-title\">Individual Liberty<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var root = document.getElementById('mm-why-ind');\r\n  if(!root || root.getAttribute('data-ready') === '1') return;\r\n  root.setAttribute('data-ready', '1');\r\n\r\n  var items = root.querySelectorAll('[data-r],[data-line]');\r\n  function show(el){ el.classList.add('is-in'); }\r\n\r\n  \/* Elementor Editor Detection *\/\r\n  var isEditor = (window.elementorFrontend && window.elementorFrontend.isEditMode && window.elementorFrontend.isEditMode()) ||\r\n                 document.body.classList.contains('elementor-editor-active') ||\r\n                 (window.parent && window.parent.elementor);\r\n\r\n  if(isEditor){\r\n    Array.prototype.forEach.call(items, show);\r\n    return;\r\n  }\r\n\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(entry){\r\n        if(entry.isIntersecting){\r\n          show(entry.target);\r\n          io.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\r\n\r\n    Array.prototype.forEach.call(items, function(el){ io.observe(el); });\r\n\r\n    \/* Safety fallback *\/\r\n    setTimeout(function(){\r\n      Array.prototype.forEach.call(items, function(el){\r\n        if(!el.classList.contains('is-in')){\r\n          var rect = el.getBoundingClientRect();\r\n          if(rect.top < window.innerHeight) show(el);\r\n        }\r\n      });\r\n    }, 600);\r\n  } else {\r\n    Array.prototype.forEach.call(items, show);\r\n  }\r\n})();\r\n<\/script>\r\n<noscript><style>#mm-why-ind [data-r],#mm-why-ind [data-line]{opacity:1!important;transform:none!important}<\/style><\/noscript>\r\n<!-- ===== MM-SECTION-END ===== -->\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ce493a e-con-full e-flex e-con e-parent\" data-id=\"6ce493a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ab4822 elementor-widget elementor-widget-html\" data-id=\"3ab4822\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n  body { margin: 0; background: #F4F0E7; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================================\r\n     MARTINO 2028 \u2014 SECTION 04 \u00b7 LEADERSHIP PHILOSOPHY\r\n     USAGE: Copy everything between MM-SECTION-START and MM-SECTION-END into an\r\n     Elementor \"HTML\" widget. Self-contained: no external CSS\/JS files.\r\n     ============================================================================ -->\r\n<!-- ===== MM-SECTION-START ===== -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Manrope:wght@300;400;500;600;700;800&display=swap');\r\n\r\n\/* ---------- SHARED DESIGN SYSTEM ---------- *\/\r\n#mm-philosophy.mm-root,\r\n#mm-philosophy.mm-root *,\r\n#mm-philosophy.mm-root *::before,\r\n#mm-philosophy.mm-root *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#mm-philosophy.mm-root {\r\n  --cream: #F4F0E7;\r\n  --ink: #222326;\r\n  --oxblood: #713D4B;\r\n  --stone: #E5DFD3;\r\n  --white: #FFFFFF;\r\n  --gray: #65635F;\r\n  --line: #D5CFC3;\r\n  --coal: #17181A;\r\n  --serif: \"Cormorant Garamond\", Georgia, \"Times New Roman\", serif;\r\n  --sans: \"Manrope\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  --shell: 1280px;\r\n  --pad: clamp(20px, 5vw, 80px);\r\n  --section-space: clamp(64px, 9vw, 128px);\r\n  --e: cubic-bezier(.22, .61, .36, 1);\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  padding-block: var(--section-space);\r\n  overflow: hidden;\r\n  background: var(--cream);\r\n  color: var(--ink);\r\n  font: 400 16px\/1.6 var(--sans);\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n#mm-philosophy.mm-root p,\r\n#mm-philosophy.mm-root h1,\r\n#mm-philosophy.mm-root h2,\r\n#mm-philosophy.mm-root h3 {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#mm-philosophy.mm-root a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n#mm-philosophy.mm-root :focus-visible {\r\n  outline: 2px solid var(--oxblood);\r\n  outline-offset: 4px;\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-wrap {\r\n  width: 100%;\r\n  max-width: var(--shell);\r\n  margin-inline: auto;\r\n  padding-inline: var(--pad);\r\n}\r\n\r\n\/* ---------- REVEAL ANIMATIONS ---------- *\/\r\n#mm-philosophy [data-r] {\r\n  opacity: 0;\r\n  transform: translateY(22px);\r\n  transition:\r\n    opacity .6s var(--e) var(--d, 0ms),\r\n    transform .6s var(--e) var(--d, 0ms);\r\n}\r\n\r\n#mm-philosophy [data-r].is-in {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#mm-philosophy [data-line] {\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform .75s var(--e) var(--d, 0ms);\r\n}\r\n\r\n#mm-philosophy [data-line].is-in {\r\n  transform: scaleX(1);\r\n}\r\n\r\n\/* ---------- EDITORIAL HEADER ---------- *\/\r\n#mm-philosophy.mm-root .mm-philo__header {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);\r\n  align-items: end;\r\n  gap: clamp(36px, 6vw, 84px);\r\n  margin-bottom: clamp(42px, 6vw, 76px);\r\n  padding-bottom: clamp(28px, 4vw, 42px);\r\n  border-bottom: 1px solid var(--line);\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-philo__header-left {\r\n  min-width: 0;\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-philo__badge-wrap {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n  margin-bottom: clamp(24px, 3vw, 34px);\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-philo__eyebrow {\r\n  color: var(--oxblood);\r\n  font: 700 11px\/1.6 var(--sans);\r\n  letter-spacing: .22em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-philo__eyebrow-rule {\r\n  display: inline-block;\r\n  flex: 0 0 38px;\r\n  width: 38px;\r\n  height: 1px;\r\n  background: var(--oxblood);\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-philo__title {\r\n  color: var(--ink);\r\n  font: 400 clamp(46px, 6.4vw, 86px)\/1.02 var(--serif);\r\n  letter-spacing: -.02em;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-philo__title-accent {\r\n  color: var(--oxblood);\r\n  font-weight: 300;\r\n  font-style: italic;\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-philo__manifesto {\r\n  min-width: 0;\r\n  padding-left: clamp(20px, 2.5vw, 32px);\r\n  border-left: 2px solid var(--line);\r\n  transition: border-color .3s var(--e);\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-philo__header:hover .mm-philo__manifesto {\r\n  border-color: var(--oxblood);\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-philo__intro {\r\n  max-width: 44ch;\r\n  color: var(--gray);\r\n  font-size: clamp(16px, 1.18vw, 18.5px);\r\n  line-height: 1.76;\r\n}\r\n\r\n\/* ---------- RESPONSIVE CARD GRID ---------- *\/\r\n#mm-philosophy.mm-root .mm-philo__monoliths {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  align-items: stretch;\r\n  gap: clamp(20px, 2.6vw, 34px);\r\n}\r\n\r\n#mm-philosophy.mm-root article.mm-philo__plinth {\r\n  position: relative;\r\n  display: flex;\r\n  min-width: 0;\r\n  flex-direction: column;\r\n  padding: clamp(28px, 3.2vw, 44px);\r\n  border: 1px solid var(--line);\r\n  border-radius: 2px;\r\n  background: var(--white);\r\n  transition:\r\n    transform .35s var(--e),\r\n    border-color .35s var(--e),\r\n    box-shadow .35s var(--e),\r\n    background-color .35s var(--e);\r\n}\r\n\r\n#mm-philosophy.mm-root article.mm-philo__plinth:nth-child(2) {\r\n  border-top: 3px solid var(--oxblood);\r\n  background: #FCFAF6;\r\n}\r\n\r\n#mm-philosophy.mm-root article.mm-philo__plinth:hover {\r\n  transform: translateY(-5px);\r\n  border-color: var(--oxblood);\r\n  background: #FFFFFF;\r\n  box-shadow: 0 18px 42px rgba(34, 35, 38, .08);\r\n}\r\n\r\n\/* Card decorative crosshair *\/\r\n#mm-philosophy.mm-root .mm-philo__crosshair {\r\n  position: absolute;\r\n  top: 14px;\r\n  right: 16px;\r\n  color: var(--line);\r\n  font: 400 13px\/1 var(--sans);\r\n  pointer-events: none;\r\n  transition: color .3s var(--e), transform .3s var(--e);\r\n}\r\n\r\n#mm-philosophy.mm-root article.mm-philo__plinth:hover .mm-philo__crosshair {\r\n  color: var(--oxblood);\r\n  transform: rotate(90deg);\r\n}\r\n\r\n\/* Card heading row *\/\r\n#mm-philosophy.mm-root .mm-philo__plinth-top {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  margin-bottom: clamp(26px, 3vw, 38px);\r\n  padding-bottom: 16px;\r\n  border-bottom: 1px solid rgba(213, 207, 195, .65);\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-philo__watermark-num {\r\n  color: var(--ink);\r\n  font: 300 clamp(38px, 4vw, 52px)\/1 var(--serif);\r\n  letter-spacing: -.02em;\r\n  transition: color .3s var(--e), transform .3s var(--e);\r\n}\r\n\r\n#mm-philosophy.mm-root article.mm-philo__plinth:hover .mm-philo__watermark-num {\r\n  color: var(--oxblood);\r\n  transform: translateX(4px);\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-philo__tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  color: var(--gray);\r\n  font: 700 9.5px\/1.4 var(--sans);\r\n  letter-spacing: .18em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-philo__tag-dot {\r\n  flex: 0 0 4px;\r\n  width: 4px;\r\n  height: 4px;\r\n  border-radius: 50%;\r\n  background: var(--oxblood);\r\n}\r\n\r\n\/* Card content *\/\r\n#mm-philosophy.mm-root .mm-philo__plinth-core {\r\n  display: flex;\r\n  flex: 1 1 auto;\r\n  flex-direction: column;\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-philo__plinth-title {\r\n  margin-bottom: 16px !important;\r\n  color: var(--ink);\r\n  font: 500 clamp(26px, 2.35vw, 34px)\/1.18 var(--serif);\r\n  letter-spacing: -.01em;\r\n  transition: color .26s var(--e);\r\n}\r\n\r\n#mm-philosophy.mm-root article.mm-philo__plinth:hover .mm-philo__plinth-title {\r\n  color: var(--oxblood);\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-philo__plinth-desc {\r\n  color: var(--gray);\r\n  font: 400 clamp(15px, 1.05vw, 17px)\/1.76 var(--sans);\r\n  transition: color .26s var(--e);\r\n}\r\n\r\n#mm-philosophy.mm-root article.mm-philo__plinth:hover .mm-philo__plinth-desc {\r\n  color: var(--ink);\r\n}\r\n\r\n\/* Card footer *\/\r\n#mm-philosophy.mm-root .mm-philo__plinth-foot {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  margin-top: clamp(28px, 3vw, 40px);\r\n  padding-top: 18px;\r\n  border-top: 1px solid rgba(213, 207, 195, .65);\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-philo__citation {\r\n  color: var(--gray);\r\n  font: 600 9px\/1.5 var(--sans);\r\n  letter-spacing: .13em;\r\n  text-transform: uppercase;\r\n  transition: color .24s var(--e);\r\n}\r\n\r\n#mm-philosophy.mm-root article.mm-philo__plinth:hover .mm-philo__citation {\r\n  color: var(--oxblood);\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-philo__notch {\r\n  flex: 0 0 14px;\r\n  width: 14px;\r\n  height: 1px;\r\n  background: var(--line);\r\n  transition: width .3s var(--e), background-color .3s var(--e);\r\n}\r\n\r\n#mm-philosophy.mm-root article.mm-philo__plinth:hover .mm-philo__notch {\r\n  flex-basis: 24px;\r\n  width: 24px;\r\n  background: var(--oxblood);\r\n}\r\n\r\n\/* ---------- BOTTOM CREDO BAR ---------- *\/\r\n#mm-philosophy.mm-root .mm-philo__arch-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  gap: 18px 28px;\r\n  margin-top: clamp(44px, 5vw, 68px);\r\n  padding-top: 22px;\r\n  border-top: 1px solid var(--line);\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-philo__credo {\r\n  color: var(--gray);\r\n  font: 600 10px\/1.6 var(--sans);\r\n  letter-spacing: .18em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-philo__credo-right {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  color: var(--ink);\r\n  font: 700 9px\/1.6 var(--sans);\r\n  letter-spacing: .15em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#mm-philosophy.mm-root .mm-philo__credo-diamond {\r\n  flex: 0 0 5px;\r\n  width: 5px;\r\n  height: 5px;\r\n  transform: rotate(45deg);\r\n  background: var(--oxblood);\r\n}\r\n\r\n\/* ---------- TABLET ---------- *\/\r\n@media (max-width: 1024px) {\r\n  #mm-philosophy.mm-root {\r\n    --section-space: clamp(64px, 8vw, 96px);\r\n  }\r\n\r\n  #mm-philosophy.mm-root .mm-philo__header {\r\n    grid-template-columns: minmax(0, 1.1fr) minmax(250px, .9fr);\r\n    gap: 32px;\r\n  }\r\n\r\n  #mm-philosophy.mm-root .mm-philo__monoliths {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 22px;\r\n  }\r\n\r\n  #mm-philosophy.mm-root article.mm-philo__plinth:last-child {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n}\r\n\r\n\/* ---------- SMALL TABLET \/ LARGE PHONE ---------- *\/\r\n@media (max-width: 760px) {\r\n  #mm-philosophy.mm-root .mm-philo__header {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 28px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  #mm-philosophy.mm-root .mm-philo__manifesto {\r\n    max-width: 60ch;\r\n  }\r\n\r\n  #mm-philosophy.mm-root .mm-philo__intro {\r\n    max-width: none;\r\n  }\r\n\r\n  #mm-philosophy.mm-root .mm-philo__monoliths {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 20px;\r\n  }\r\n\r\n  #mm-philosophy.mm-root article.mm-philo__plinth:last-child {\r\n    grid-column: auto;\r\n  }\r\n\r\n  #mm-philosophy.mm-root article.mm-philo__plinth {\r\n    padding: clamp(28px, 5vw, 38px);\r\n  }\r\n\r\n  #mm-philosophy.mm-root .mm-philo__arch-bar {\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n  }\r\n}\r\n\r\n\/* ---------- MOBILE ---------- *\/\r\n@media (max-width: 560px) {\r\n  #mm-philosophy.mm-root {\r\n    --pad: clamp(20px, 6vw, 28px);\r\n    --section-space: 56px;\r\n  }\r\n\r\n  #mm-philosophy.mm-root .mm-philo__badge-wrap {\r\n    gap: 10px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  #mm-philosophy.mm-root .mm-philo__eyebrow {\r\n    font-size: 9px;\r\n    letter-spacing: .16em;\r\n  }\r\n\r\n  #mm-philosophy.mm-root .mm-philo__eyebrow-rule {\r\n    flex-basis: 26px;\r\n    width: 26px;\r\n  }\r\n\r\n  #mm-philosophy.mm-root .mm-philo__title {\r\n    font-size: clamp(40px, 10.5vw, 56px);\r\n    line-height: 1.04;\r\n  }\r\n\r\n  #mm-philosophy.mm-root .mm-philo__manifesto {\r\n    padding-left: 16px;\r\n  }\r\n\r\n  #mm-philosophy.mm-root .mm-philo__intro {\r\n    font-size: 15.5px;\r\n    line-height: 1.72;\r\n  }\r\n\r\n  #mm-philosophy.mm-root .mm-philo__plinth-top {\r\n    margin-bottom: 26px;\r\n  }\r\n\r\n  #mm-philosophy.mm-root .mm-philo__plinth-title {\r\n    font-size: 29px;\r\n  }\r\n\r\n  #mm-philosophy.mm-root .mm-philo__plinth-desc {\r\n    font-size: 15px;\r\n  }\r\n\r\n  #mm-philosophy.mm-root .mm-philo__citation {\r\n    font-size: 8px;\r\n    letter-spacing: .1em;\r\n  }\r\n\r\n  #mm-philosophy.mm-root .mm-philo__credo-right {\r\n    gap: 10px;\r\n    font-size: 8px;\r\n    letter-spacing: .1em;\r\n  }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n  #mm-philosophy.mm-root .mm-philo__title {\r\n    font-size: 39px;\r\n  }\r\n\r\n  #mm-philosophy.mm-root .mm-philo__tag {\r\n    font-size: 8px;\r\n    letter-spacing: .12em;\r\n  }\r\n\r\n  #mm-philosophy.mm-root .mm-philo__credo-right {\r\n    gap: 8px;\r\n    font-size: 7px;\r\n  }\r\n}\r\n\r\n\/* ---------- REDUCED MOTION ---------- *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #mm-philosophy.mm-root *,\r\n  #mm-philosophy.mm-root *::before,\r\n  #mm-philosophy.mm-root *::after {\r\n    animation-duration: .01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    scroll-behavior: auto !important;\r\n    transition-duration: .01ms !important;\r\n  }\r\n\r\n  #mm-philosophy [data-r],\r\n  #mm-philosophy [data-line] {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"mm-philosophy\" class=\"mm-root\" aria-labelledby=\"mm-philo-heading\">\r\n  <span id=\"philosophy\" style=\"position:absolute;top:-80px;left:0;visibility:hidden;pointer-events:none;\" aria-hidden=\"true\"><\/span>\r\n\r\n  <div class=\"mm-wrap\">\r\n\r\n    <header class=\"mm-philo__header\">\r\n      <div class=\"mm-philo__header-left\">\r\n        <div class=\"mm-philo__badge-wrap\" data-r style=\"--d:40ms\">\r\n          <span class=\"mm-philo__eyebrow\">The Principles of Leadership<\/span>\r\n          <span class=\"mm-philo__eyebrow-rule\" aria-hidden=\"true\"><\/span>\r\n        <\/div>\r\n\r\n        <h2 class=\"mm-philo__title\" id=\"mm-philo-heading\" data-r style=\"--d:100ms\">\r\n          Power Is a<br>\r\n          <span class=\"mm-philo__title-accent\">Responsibility.<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"mm-philo__manifesto\" data-r style=\"--d:160ms\">\r\n        <p class=\"mm-philo__intro\">\r\n          The presidency is not simply a position of authority. It is a public trust that requires accountability, restraint and respect for the people.\r\n        <\/p>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <div class=\"mm-philo__monoliths\">\r\n\r\n      <article class=\"mm-philo__plinth\" data-r style=\"--d:120ms\">\r\n        <span class=\"mm-philo__crosshair\" aria-hidden=\"true\">+<\/span>\r\n\r\n        <div class=\"mm-philo__plinth-top\">\r\n          <span class=\"mm-philo__watermark-num\">01<\/span>\r\n          <span class=\"mm-philo__tag\">\r\n            <span class=\"mm-philo__tag-dot\" aria-hidden=\"true\"><\/span>\r\n            Fiscal Integrity\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"mm-philo__plinth-core\">\r\n          <h3 class=\"mm-philo__plinth-title\">Responsible Government<\/h3>\r\n          <p class=\"mm-philo__plinth-desc\">\r\n            Public funds should be used responsibly, with clear accountability for government decisions.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <footer class=\"mm-philo__plinth-foot\">\r\n          <span class=\"mm-philo__citation\">Tenet &middot; Fiscal Stewardship<\/span>\r\n          <span class=\"mm-philo__notch\" aria-hidden=\"true\"><\/span>\r\n        <\/footer>\r\n      <\/article>\r\n\r\n      <article class=\"mm-philo__plinth\" data-r style=\"--d:220ms\">\r\n        <span class=\"mm-philo__crosshair\" aria-hidden=\"true\">+<\/span>\r\n\r\n        <div class=\"mm-philo__plinth-top\">\r\n          <span class=\"mm-philo__watermark-num\">02<\/span>\r\n          <span class=\"mm-philo__tag\">\r\n            <span class=\"mm-philo__tag-dot\" aria-hidden=\"true\"><\/span>\r\n            Rule of Law\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"mm-philo__plinth-core\">\r\n          <h3 class=\"mm-philo__plinth-title\">Constitutional Principles<\/h3>\r\n          <p class=\"mm-philo__plinth-desc\">\r\n            Individual liberty, constitutional rights and fair, impartial justice must remain central to public life.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <footer class=\"mm-philo__plinth-foot\">\r\n          <span class=\"mm-philo__citation\">Tenet &middot; Individual Liberty<\/span>\r\n          <span class=\"mm-philo__notch\" aria-hidden=\"true\"><\/span>\r\n        <\/footer>\r\n      <\/article>\r\n\r\n      <article class=\"mm-philo__plinth\" data-r style=\"--d:320ms\">\r\n        <span class=\"mm-philo__crosshair\" aria-hidden=\"true\">+<\/span>\r\n\r\n        <div class=\"mm-philo__plinth-top\">\r\n          <span class=\"mm-philo__watermark-num\">03<\/span>\r\n          <span class=\"mm-philo__tag\">\r\n            <span class=\"mm-philo__tag-dot\" aria-hidden=\"true\"><\/span>\r\n            Civic Harmony\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"mm-philo__plinth-core\">\r\n          <h3 class=\"mm-philo__plinth-title\">Public Trust<\/h3>\r\n          <p class=\"mm-philo__plinth-desc\">\r\n            Leadership should bring people together, rebuild confidence and keep the interests of the people at the center of government.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <footer class=\"mm-philo__plinth-foot\">\r\n          <span class=\"mm-philo__citation\">Tenet &middot; Governance by Consent<\/span>\r\n          <span class=\"mm-philo__notch\" aria-hidden=\"true\"><\/span>\r\n        <\/footer>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"mm-philo__arch-bar\" data-r style=\"--d:420ms\">\r\n      <span class=\"mm-philo__credo\">Michael Martino &middot; 2028 Executive Charter<\/span>\r\n\r\n      <div class=\"mm-philo__credo-right\">\r\n        <span>Accountability<\/span>\r\n        <span class=\"mm-philo__credo-diamond\" aria-hidden=\"true\"><\/span>\r\n        <span>Restraint<\/span>\r\n        <span class=\"mm-philo__credo-diamond\" aria-hidden=\"true\"><\/span>\r\n        <span>Common Ground<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var root = document.getElementById('mm-philosophy');\r\n  if(!root || root.getAttribute('data-ready') === '1') return;\r\n  root.setAttribute('data-ready', '1');\r\n\r\n  var items = root.querySelectorAll('[data-r],[data-line]');\r\n  function show(el){ el.classList.add('is-in'); }\r\n\r\n  var isEditor =\r\n    (window.elementorFrontend &&\r\n      window.elementorFrontend.isEditMode &&\r\n      window.elementorFrontend.isEditMode()) ||\r\n    document.body.classList.contains('elementor-editor-active');\r\n\r\n  if(isEditor){\r\n    Array.prototype.forEach.call(items, show);\r\n    return;\r\n  }\r\n\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(entry){\r\n        if(entry.isIntersecting){\r\n          show(entry.target);\r\n          io.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.1,\r\n      rootMargin: '0px 0px -30px 0px'\r\n    });\r\n\r\n    Array.prototype.forEach.call(items, function(el){ io.observe(el); });\r\n\r\n    setTimeout(function(){\r\n      Array.prototype.forEach.call(items, function(el){\r\n        if(el.classList.contains('is-in')) return;\r\n        var rect = el.getBoundingClientRect();\r\n        if(rect.top < window.innerHeight) show(el);\r\n      });\r\n    }, 600);\r\n  } else {\r\n    Array.prototype.forEach.call(items, show);\r\n  }\r\n})();\r\n<\/script>\r\n\r\n<noscript>\r\n  <style>\r\n    #mm-philosophy [data-r],\r\n    #mm-philosophy [data-line] {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n    }\r\n  <\/style>\r\n<\/noscript>\r\n<!-- ===== MM-SECTION-END ===== -->\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a9fa36a e-con-full e-flex e-con e-parent\" data-id=\"a9fa36a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5691b07 elementor-widget elementor-widget-html\" data-id=\"5691b07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>body{margin:0;background:#E5DFD3}<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================================\r\n     MARTINO 2028 \u2014 SECTION 05 \u00b7 A VISION THAT BRINGS PEOPLE TOGETHER\r\n     USAGE: Copy everything between MM-SECTION-START and MM-SECTION-END into an\r\n     Elementor \"HTML\" widget. Self-contained: no external CSS\/JS files.\r\n     ============================================================================ -->\r\n<!-- ===== MM-SECTION-START ===== -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Manrope:wght@300;400;500;600;700;800&display=swap');\r\n\r\n\/* ---------- SHARED DESIGN SYSTEM (scoped to #mm-vision-together.mm-root) ---------- *\/\r\n#mm-vision-together.mm-root,\r\n#mm-vision-together.mm-root *,\r\n#mm-vision-together.mm-root *::before,\r\n#mm-vision-together.mm-root *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#mm-vision-together.mm-root {\r\n  --cream: #F4F0E7;\r\n  --ink: #222326;\r\n  --oxblood: #713D4B;\r\n  --stone: #E5DFD3;\r\n  --white: #FFFFFF;\r\n  --gray: #65635F;\r\n  --line: #D5CFC3;\r\n  --coal: #17181A;\r\n  --serif: \"Cormorant Garamond\", Georgia, \"Times New Roman\", serif;\r\n  --sans: \"Manrope\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  --shell: 1280px;\r\n  --pad: clamp(22px, 5vw, 80px);\r\n  --e: cubic-bezier(.22, .61, .36, 1);\r\n  position: relative;\r\n  background: var(--stone);\r\n  color: var(--ink);\r\n  font-family: var(--sans);\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  padding-block: clamp(75px, 9vw, 130px);\r\n  overflow: hidden;\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n#mm-vision-together.mm-root p,\r\n#mm-vision-together.mm-root h1,\r\n#mm-vision-together.mm-root h2,\r\n#mm-vision-together.mm-root h3 {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#mm-vision-together.mm-root img { display: block; max-width: 100%; height: auto; }\r\n#mm-vision-together.mm-root a { color: inherit; text-decoration: none; }\r\n#mm-vision-together.mm-root :focus-visible { outline: 2px solid var(--oxblood); outline-offset: 4px; }\r\n#mm-vision-together.mm-root .mm-wrap {\r\n  width: 100%;\r\n  max-width: var(--shell);\r\n  margin-inline: auto;\r\n  padding-inline: var(--pad);\r\n}\r\n\r\n\/* Reveal Utilities *\/\r\n#mm-vision-together [data-r] {\r\n  opacity: 0;\r\n  transform: translateY(22px);\r\n  transition: opacity .6s var(--e) var(--d, 0ms), transform .6s var(--e) var(--d, 0ms);\r\n}\r\n#mm-vision-together [data-r].is-in {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#mm-vision-together [data-mask] {\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n#mm-vision-together [data-mask]::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: var(--stone);\r\n  z-index: 4;\r\n  transform: scaleY(1);\r\n  transform-origin: top;\r\n  transition: transform .85s var(--e) var(--d, 100ms);\r\n}\r\n#mm-vision-together [data-mask].is-in::after {\r\n  transform: scaleY(0);\r\n}\r\n\r\n\/* Asymmetric Split Grid: Left 54%, Right 46% *\/\r\n#mm-vision-together.mm-root .mm-together__grid {\r\n  display: grid;\r\n  grid-template-columns: 54fr 46fr;\r\n  gap: clamp(40px, 6.5vw, 92px);\r\n  align-items: center;\r\n}\r\n\r\n\/* Left Column: Photograph *\/\r\n#mm-vision-together.mm-root .mm-together__media {\r\n  position: relative;\r\n}\r\n\r\n#mm-vision-together.mm-root figure.mm-together__figure {\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 4 \/ 3.4;\r\n  background: var(--cream);\r\n  overflow: hidden;\r\n  border: 1px solid var(--line);\r\n  margin: 0;\r\n  padding: 0;\r\n  transition: border-color .35s var(--e);\r\n}\r\n#mm-vision-together.mm-root figure.mm-together__figure:hover {\r\n  border-color: var(--oxblood);\r\n}\r\n\r\n#mm-vision-together.mm-root .mm-together__img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center 35%;\r\n  transform: scale(1.001);\r\n  transition: transform .7s var(--e);\r\n}\r\n#mm-vision-together.mm-root figure.mm-together__figure:hover .mm-together__img {\r\n  transform: scale(1.03);\r\n}\r\n\r\n#mm-vision-together.mm-root figcaption.mm-together__caption {\r\n  position: absolute;\r\n  left: 14px;\r\n  bottom: 14px;\r\n  z-index: 5;\r\n  background: rgba(244, 240, 231, .92);\r\n  color: var(--ink);\r\n  font: 600 9px\/1.2 var(--sans);\r\n  letter-spacing: .18em;\r\n  text-transform: uppercase;\r\n  padding: 6px 10px;\r\n  border-radius: 2px;\r\n  margin: 0;\r\n  backdrop-filter: blur(4px);\r\n}\r\n\r\n\/* Right Column: Editorial Copy *\/\r\n#mm-vision-together.mm-root .mm-together__content {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n#mm-vision-together.mm-root .mm-together__eyebrow {\r\n  font: 600 11.5px\/1.4 var(--sans);\r\n  letter-spacing: .22em;\r\n  text-transform: uppercase;\r\n  color: var(--oxblood);\r\n  margin-bottom: 20px;\r\n}\r\n\r\n#mm-vision-together.mm-root .mm-together__title {\r\n  font-family: var(--serif);\r\n  font-weight: 400;\r\n  font-size: clamp(44px, 5.2vw, 70px);\r\n  line-height: 1.05;\r\n  letter-spacing: -.015em;\r\n  color: var(--ink);\r\n  margin-bottom: 26px;\r\n}\r\n\r\n#mm-vision-together.mm-root .mm-together__lead {\r\n  font-size: clamp(16px, 1.15vw, 18px);\r\n  line-height: 1.74;\r\n  color: var(--ink);\r\n  margin-bottom: 20px;\r\n  max-width: 48ch;\r\n}\r\n\r\n#mm-vision-together.mm-root .mm-together__secondary {\r\n  font-size: clamp(15.5px, 1.08vw, 17px);\r\n  line-height: 1.74;\r\n  color: var(--gray);\r\n  margin-bottom: 36px;\r\n  max-width: 48ch;\r\n}\r\n\r\n\/* CTA *\/\r\n#mm-vision-together.mm-root .mm-together__cta-wrap {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n#mm-vision-together.mm-root .mm-together__cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  background: var(--ink);\r\n  color: var(--cream);\r\n  padding: 16px 32px;\r\n  border-radius: 4px;\r\n  font: 600 12px\/1 var(--sans);\r\n  letter-spacing: .16em;\r\n  text-transform: uppercase;\r\n  cursor: pointer;\r\n  transition: background-color .22s var(--e), color .22s var(--e), transform .22s var(--e), box-shadow .22s var(--e);\r\n}\r\n#mm-vision-together.mm-root .mm-together__cta:hover,\r\n#mm-vision-together.mm-root .mm-together__cta:focus-visible {\r\n  background: var(--oxblood);\r\n  color: #fff;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 24px rgba(34, 35, 38, .18);\r\n}\r\n#mm-vision-together.mm-root .mm-together__cta-arrow {\r\n  display: inline-block;\r\n  font-family: var(--sans);\r\n  transition: transform .24s var(--e);\r\n}\r\n#mm-vision-together.mm-root .mm-together__cta:hover .mm-together__cta-arrow,\r\n#mm-vision-together.mm-root .mm-together__cta:focus-visible .mm-together__cta-arrow {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 960px) {\r\n  #mm-vision-together.mm-root .mm-together__grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 44px;\r\n  }\r\n  #mm-vision-together.mm-root .mm-together__content {\r\n    order: 1;\r\n  }\r\n  #mm-vision-together.mm-root .mm-together__media {\r\n    order: 2;\r\n    max-width: 580px;\r\n  }\r\n  #mm-vision-together.mm-root .mm-together__title {\r\n    font-size: clamp(40px, 8.5vw, 56px);\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  #mm-vision-together.mm-root .mm-together__cta { width: 100%; justify-content: center; }\r\n  #mm-vision-together.mm-root figure.mm-together__figure { aspect-ratio: 4 \/ 3.2; }\r\n}\r\n\r\n\/* Reduced Motion *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #mm-vision-together.mm-root *,\r\n  #mm-vision-together.mm-root *::before,\r\n  #mm-vision-together.mm-root *::after {\r\n    animation-duration: .01ms!important;\r\n    transition-duration: .01ms!important;\r\n  }\r\n  #mm-vision-together [data-r] { opacity: 1!important; transform: none!important; }\r\n  #mm-vision-together [data-mask]::after { transform: scaleY(0)!important; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"mm-vision-together\" class=\"mm-root\" aria-labelledby=\"mm-together-title\">\r\n  <span id=\"vision\" style=\"position:absolute;top:-80px;left:0;visibility:hidden;pointer-events:none;\" aria-hidden=\"true\"><\/span>\r\n  <div class=\"mm-wrap\">\r\n    <div class=\"mm-together__grid\">\r\n\r\n      <!-- Left Column: Photograph with Controlled Crop & Natural Light -->\r\n      <div class=\"mm-together__media\">\r\n        <figure class=\"mm-together__figure\" data-mask style=\"--d:100ms\">\r\n          <img loading=\"lazy\" decoding=\"async\" \r\n            class=\"mm-together__img\"\r\n            src=\"https:\/\/demowebdesign.live\/martinoforpresident\/wp-content\/uploads\/2026\/10\/shaped-future.jpg\" \r\n            alt=\"Michael Martino engaging in dialogue in a civic community setting\"\r\n            width=\"800\"\r\n            height=\"680\"\r\n            loading=\"lazy\"\r\n          >\r\n          <figcaption class=\"mm-together__caption\">Community Dialogue &middot; 2028<\/figcaption>\r\n        <\/figure>\r\n      <\/div>\r\n\r\n      <!-- Right Column: Editorial Copy -->\r\n      <div class=\"mm-together__content\">\r\n        <p class=\"mm-together__eyebrow\" data-r style=\"--d:40ms\">A SHARED FUTURE<\/p>\r\n\r\n        <h2 class=\"mm-together__title\" id=\"mm-together-title\" data-r style=\"--d:120ms\">\r\n          Stronger Together.\r\n        <\/h2>\r\n\r\n        <p class=\"mm-together__lead\" data-r style=\"--d:200ms\">\r\n          Michael Martino wants to bring Americans together across political divides, rebuild public trust, strengthen economic opportunity and infrastructure, and protect constitutional rights and individual liberty.\r\n        <\/p>\r\n\r\n        <p class=\"mm-together__secondary\" data-r style=\"--d:280ms\">\r\n          His campaign presents unity not as an absence of disagreement, but as a commitment to respectful dialogue, common ground and government that remains accountable to the people.\r\n        <\/p>\r\n\r\n        <div class=\"mm-together__cta-wrap\" data-r style=\"--d:360ms\">\r\n          <!--<a class=\"mm-together__cta\" href=\"#issues\">-->\r\n          <!--  EXPLORE THE CAMPAIGN VISION <span class=\"mm-together__cta-arrow\" aria-hidden=\"true\">&rarr;<\/span>-->\r\n          <!--<\/a>-->\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var root = document.getElementById('mm-vision-together');\r\n  if(!root || root.getAttribute('data-ready') === '1') return;\r\n  root.setAttribute('data-ready', '1');\r\n\r\n  var items = root.querySelectorAll('[data-r],[data-mask]');\r\n  function show(el){ el.classList.add('is-in'); }\r\n\r\n  \/* Elementor Editor Detection *\/\r\n  var isEditor = (window.elementorFrontend && window.elementorFrontend.isEditMode && window.elementorFrontend.isEditMode()) ||\r\n                 document.body.classList.contains('elementor-editor-active') ||\r\n                 (window.parent && window.parent.elementor);\r\n\r\n  if(isEditor){\r\n    Array.prototype.forEach.call(items, show);\r\n    return;\r\n  }\r\n\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(entry){\r\n        if(entry.isIntersecting){\r\n          show(entry.target);\r\n          io.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\r\n\r\n    Array.prototype.forEach.call(items, function(el){ io.observe(el); });\r\n\r\n    \/* Safety fallback *\/\r\n    setTimeout(function(){\r\n      Array.prototype.forEach.call(items, function(el){\r\n        if(!el.classList.contains('is-in')){\r\n          var rect = el.getBoundingClientRect();\r\n          if(rect.top < window.innerHeight) show(el);\r\n        }\r\n      });\r\n    }, 600);\r\n  } else {\r\n    Array.prototype.forEach.call(items, show);\r\n  }\r\n})();\r\n<\/script>\r\n<noscript><style>#mm-vision-together [data-r]{opacity:1!important;transform:none!important}#mm-vision-together [data-mask]::after{transform:scaleY(0)!important}<\/style><\/noscript>\r\n<!-- ===== MM-SECTION-END ===== -->\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a4bab96 e-con-full e-flex e-con e-parent\" data-id=\"a4bab96\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-978aeb2 elementor-widget elementor-widget-html\" data-id=\"978aeb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>body{margin:0;background:#FFFFFF}<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================================\r\n     MARTINO 2028 \u2014 SECTION 06 \u00b7 THE ISSUES THAT SHAPE THE CAMPAIGN\r\n     USAGE: Copy everything between MM-SECTION-START and MM-SECTION-END into an\r\n     Elementor \"HTML\" widget. Self-contained: no external CSS\/JS files.\r\n     ============================================================================ -->\r\n<!-- ===== MM-SECTION-START ===== -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Manrope:wght@300;400;500;600;700;800&display=swap');\r\n\r\n\/* ---------- SHARED DESIGN SYSTEM (scoped to #mm-issues.mm-root) ---------- *\/\r\n#mm-issues.mm-root,\r\n#mm-issues.mm-root *,\r\n#mm-issues.mm-root *::before,\r\n#mm-issues.mm-root *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#mm-issues.mm-root {\r\n  --cream: #F4F0E7;\r\n  --ink: #222326;\r\n  --oxblood: #713D4B;\r\n  --stone: #E5DFD3;\r\n  --white: #FFFFFF;\r\n  --gray: #65635F;\r\n  --line: #D5CFC3;\r\n  --coal: #17181A;\r\n  --serif: \"Cormorant Garamond\", Georgia, \"Times New Roman\", serif;\r\n  --sans: \"Manrope\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  --shell: 1280px;\r\n  --pad: clamp(22px, 5vw, 80px);\r\n  --e: cubic-bezier(.22, .61, .36, 1);\r\n  position: relative;\r\n  background: var(--white);\r\n  color: var(--ink);\r\n  font-family: var(--sans);\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  padding-block: clamp(75px, 9.5vw, 135px);\r\n  overflow: hidden;\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n#mm-issues.mm-root p,\r\n#mm-issues.mm-root h1,\r\n#mm-issues.mm-root h2,\r\n#mm-issues.mm-root h3 {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#mm-issues.mm-root a { color: inherit; text-decoration: none; }\r\n#mm-issues.mm-root :focus-visible { outline: 2px solid var(--oxblood); outline-offset: 4px; }\r\n#mm-issues.mm-root .mm-wrap {\r\n  width: 100%;\r\n  max-width: var(--shell);\r\n  margin-inline: auto;\r\n  padding-inline: var(--pad);\r\n}\r\n\r\n\/* Reveal Utilities *\/\r\n#mm-issues [data-r] {\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity .58s var(--e) var(--d, 0ms), transform .58s var(--e) var(--d, 0ms);\r\n}\r\n#mm-issues [data-r].is-in {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#mm-issues [data-line] {\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform .7s var(--e) var(--d, 0ms);\r\n}\r\n#mm-issues [data-line].is-in {\r\n  transform: scaleX(1);\r\n}\r\n\r\n\/* Header Area *\/\r\n#mm-issues.mm-root .mm-issues__head {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-end;\r\n  gap: 36px;\r\n  margin-bottom: clamp(52px, 6.5vw, 80px);\r\n  flex-wrap: wrap;\r\n}\r\n\r\n#mm-issues.mm-root .mm-issues__head-left {\r\n  max-width: 620px;\r\n}\r\n\r\n#mm-issues.mm-root .mm-issues__eyebrow {\r\n  font: 600 11.5px\/1.4 var(--sans);\r\n  letter-spacing: .22em;\r\n  text-transform: uppercase;\r\n  color: var(--oxblood);\r\n  margin-bottom: 20px;\r\n}\r\n\r\n#mm-issues.mm-root .mm-issues__title {\r\n  font-family: var(--serif);\r\n  font-weight: 400;\r\n  font-size: clamp(42px, 5.2vw, 68px);\r\n  line-height: 1.05;\r\n  letter-spacing: -.015em;\r\n  color: var(--ink);\r\n}\r\n\r\n#mm-issues.mm-root .mm-issues__intro {\r\n  font-size: clamp(16px, 1.15vw, 18px);\r\n  line-height: 1.74;\r\n  color: var(--gray);\r\n  max-width: 44ch;\r\n  margin: 0;\r\n}\r\n\r\n\/* Horizontal Editorial Rows *\/\r\n#mm-issues.mm-root .mm-issues__index {\r\n  border-top: 1px solid var(--line);\r\n}\r\n\r\n#mm-issues.mm-root a.mm-issues__row {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: 80px 1.4fr 2fr 48px;\r\n  align-items: center;\r\n  gap: clamp(18px, 3.2vw, 44px);\r\n  padding-block: clamp(28px, 3.4vw, 40px);\r\n  padding-inline: clamp(14px, 2.2vw, 28px);\r\n  border-bottom: 1px solid var(--line);\r\n  transition: background-color .26s var(--e), padding-left .26s var(--e);\r\n  cursor: pointer;\r\n  text-decoration: none;\r\n}\r\n#mm-issues.mm-root a.mm-issues__row:hover {\r\n  background-color: var(--cream);\r\n  padding-left: clamp(18px, 2.6vw, 34px);\r\n}\r\n\r\n\/* Column 1: Editorial Number *\/\r\n#mm-issues.mm-root .mm-issues__num {\r\n  font: 700 13px\/1 var(--sans);\r\n  letter-spacing: .2em;\r\n  color: var(--gray);\r\n  transition: color .24s var(--e);\r\n}\r\n#mm-issues.mm-root a.mm-issues__row:hover .mm-issues__num {\r\n  color: var(--oxblood);\r\n}\r\n\r\n\/* Column 2: Issue Heading *\/\r\n#mm-issues.mm-root .mm-issues__name {\r\n  font-family: var(--serif);\r\n  font-weight: 600;\r\n  font-size: clamp(24px, 2.2vw, 32px);\r\n  line-height: 1.2;\r\n  letter-spacing: .01em;\r\n  color: var(--ink);\r\n  transition: color .24s var(--e);\r\n}\r\n#mm-issues.mm-root a.mm-issues__row:hover .mm-issues__name {\r\n  color: var(--oxblood);\r\n}\r\n\r\n\/* Column 3: Description *\/\r\n#mm-issues.mm-root .mm-issues__desc {\r\n  font-family: var(--sans);\r\n  font-size: clamp(15px, 1.05vw, 17px);\r\n  line-height: 1.68;\r\n  color: var(--gray);\r\n  margin: 0;\r\n  transition: color .24s var(--e);\r\n}\r\n#mm-issues.mm-root a.mm-issues__row:hover .mm-issues__desc {\r\n  color: var(--ink);\r\n}\r\n\r\n\/* Column 4: Arrow *\/\r\n#mm-issues.mm-root .mm-issues__arrow-cell {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n}\r\n#mm-issues.mm-root .mm-issues__arrow {\r\n  display: inline-block;\r\n  font-size: 20px;\r\n  line-height: 1;\r\n  color: var(--gray);\r\n  transition: transform .26s var(--e), color .26s var(--e);\r\n}\r\n#mm-issues.mm-root a.mm-issues__row:hover .mm-issues__arrow {\r\n  color: var(--oxblood);\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 960px) {\r\n  #mm-issues.mm-root a.mm-issues__row {\r\n    grid-template-columns: 60px 1fr 36px;\r\n    gap: 16px 24px;\r\n    padding-block: 26px;\r\n  }\r\n  #mm-issues.mm-root .mm-issues__desc {\r\n    grid-column: 2 \/ 3;\r\n  }\r\n  #mm-issues.mm-root .mm-issues__arrow-cell {\r\n    grid-column: 3 \/ 4;\r\n    grid-row: 1 \/ 3;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  #mm-issues.mm-root .mm-issues__head { flex-direction: column; align-items: flex-start; gap: 20px; }\r\n  #mm-issues.mm-root a.mm-issues__row {\r\n    grid-template-columns: 1fr auto;\r\n    padding-inline: 8px;\r\n    gap: 12px;\r\n  }\r\n  #mm-issues.mm-root .mm-issues__num {\r\n    font-size: 11px;\r\n    margin-bottom: 4px;\r\n  }\r\n  #mm-issues.mm-root .mm-issues__name {\r\n    font-size: 23px;\r\n  }\r\n  #mm-issues.mm-root .mm-issues__desc {\r\n    grid-column: 1 \/ -1;\r\n    font-size: 14.5px;\r\n  }\r\n  #mm-issues.mm-root .mm-issues__arrow-cell {\r\n    grid-column: 2 \/ 3;\r\n    grid-row: 1 \/ 2;\r\n  }\r\n}\r\n\r\n\/* Reduced Motion *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #mm-issues.mm-root *,\r\n  #mm-issues.mm-root *::before,\r\n  #mm-issues.mm-root *::after {\r\n    animation-duration: .01ms!important;\r\n    transition-duration: .01ms!important;\r\n  }\r\n  #mm-issues [data-r],\r\n  #mm-issues [data-line] { opacity: 1!important; transform: none!important; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"mm-issues\" class=\"mm-root\" aria-labelledby=\"mm-issues-heading\">\r\n  <span id=\"issues\" style=\"position:absolute;top:-80px;left:0;visibility:hidden;pointer-events:none;\" aria-hidden=\"true\"><\/span>\r\n  <div class=\"mm-wrap\">\r\n\r\n    <!-- Top Area: Section Heading & Summary -->\r\n    <div class=\"mm-issues__head\">\r\n      <div class=\"mm-issues__head-left\">\r\n        <p class=\"mm-issues__eyebrow\" data-r style=\"--d:40ms\">WHAT MATTERS<\/p>\r\n        <h2 class=\"mm-issues__title\" id=\"mm-issues-heading\" data-r style=\"--d:100ms\">\r\n          The Work Ahead.\r\n        <\/h2>\r\n      <\/div>\r\n      <p class=\"mm-issues__intro\" data-r style=\"--d:160ms\">\r\n        From responsible government to opportunity and individual liberty, the campaign focuses on issues it believes are essential to America's future.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Horizontal Editorial Index -->\r\n    <div class=\"mm-issues__index\">\r\n\r\n      <!-- Issue 01 -->\r\n      <a class=\"mm-issues__row\" href=\"#story\" data-r style=\"--d:180ms\" aria-label=\"Issue 01: Economic Opportunity\">\r\n        <span class=\"mm-issues__num\">01<\/span>\r\n        <h3 class=\"mm-issues__name\">Economic Opportunity<\/h3>\r\n        <p class=\"mm-issues__desc\">\r\n          Strengthen economic opportunity and support stronger families.\r\n        <\/p>\r\n        <div class=\"mm-issues__arrow-cell\">\r\n          <span class=\"mm-issues__arrow\" aria-hidden=\"true\">&rarr;<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Issue 02 -->\r\n      <a class=\"mm-issues__row\" href=\"#story\" data-r style=\"--d:260ms\" aria-label=\"Issue 02: Public Accountability\">\r\n        <span class=\"mm-issues__num\">02<\/span>\r\n        <h3 class=\"mm-issues__name\">Public Accountability<\/h3>\r\n        <p class=\"mm-issues__desc\">\r\n          Promote responsible use of public funds and transparent government decisions.\r\n        <\/p>\r\n        <div class=\"mm-issues__arrow-cell\">\r\n          <span class=\"mm-issues__arrow\" aria-hidden=\"true\">&rarr;<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Issue 03 -->\r\n      <a class=\"mm-issues__row\" href=\"#independence\" data-r style=\"--d:340ms\" aria-label=\"Issue 03: Constitutional Rights\">\r\n        <span class=\"mm-issues__num\">03<\/span>\r\n        <h3 class=\"mm-issues__name\">Constitutional Rights<\/h3>\r\n        <p class=\"mm-issues__desc\">\r\n          Protect individual liberty and uphold constitutional principles.\r\n        <\/p>\r\n        <div class=\"mm-issues__arrow-cell\">\r\n          <span class=\"mm-issues__arrow\" aria-hidden=\"true\">&rarr;<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Issue 04 -->\r\n      <a class=\"mm-issues__row\" href=\"#story\" data-r style=\"--d:420ms\" aria-label=\"Issue 04: Infrastructure and Energy\">\r\n        <span class=\"mm-issues__num\">04<\/span>\r\n        <h3 class=\"mm-issues__name\">Infrastructure &amp; Energy<\/h3>\r\n        <p class=\"mm-issues__desc\">\r\n          Strengthen infrastructure and pursue energy independence.\r\n        <\/p>\r\n        <div class=\"mm-issues__arrow-cell\">\r\n          <span class=\"mm-issues__arrow\" aria-hidden=\"true\">&rarr;<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Issue 05 -->\r\n      <a class=\"mm-issues__row\" href=\"#philosophy\" data-r style=\"--d:500ms\" aria-label=\"Issue 05: Fair and Impartial Justice\">\r\n        <span class=\"mm-issues__num\">05<\/span>\r\n        <h3 class=\"mm-issues__name\">Fair &amp; Impartial Justice<\/h3>\r\n        <p class=\"mm-issues__desc\">\r\n          Promote justice that is fair and impartial for every American.\r\n        <\/p>\r\n        <div class=\"mm-issues__arrow-cell\">\r\n          <span class=\"mm-issues__arrow\" aria-hidden=\"true\">&rarr;<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var root = document.getElementById('mm-issues');\r\n  if(!root || root.getAttribute('data-ready') === '1') return;\r\n  root.setAttribute('data-ready', '1');\r\n\r\n  var items = root.querySelectorAll('[data-r]');\r\n  function show(el){ el.classList.add('is-in'); }\r\n\r\n  \/* Elementor Editor Detection *\/\r\n  var isEditor = (window.elementorFrontend && window.elementorFrontend.isEditMode && window.elementorFrontend.isEditMode()) ||\r\n                 document.body.classList.contains('elementor-editor-active') ||\r\n                 (window.parent && window.parent.elementor);\r\n\r\n  if(isEditor){\r\n    Array.prototype.forEach.call(items, show);\r\n    return;\r\n  }\r\n\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(entry){\r\n        if(entry.isIntersecting){\r\n          show(entry.target);\r\n          io.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\r\n\r\n    Array.prototype.forEach.call(items, function(el){ io.observe(el); });\r\n\r\n    \/* Safety fallback *\/\r\n    setTimeout(function(){\r\n      Array.prototype.forEach.call(items, function(el){\r\n        if(!el.classList.contains('is-in')){\r\n          var rect = el.getBoundingClientRect();\r\n          if(rect.top < window.innerHeight) show(el);\r\n        }\r\n      });\r\n    }, 600);\r\n  } else {\r\n    Array.prototype.forEach.call(items, show);\r\n  }\r\n})();\r\n<\/script>\r\n<noscript><style>#mm-issues [data-r]{opacity:1!important;transform:none!important}<\/style><\/noscript>\r\n<!-- ===== MM-SECTION-END ===== -->\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6594de2 e-con-full e-flex e-con e-parent\" data-id=\"6594de2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61244d2 elementor-widget elementor-widget-html\" data-id=\"61244d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>body{margin:0;background:#222326}<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================================\r\n     MARTINO 2028 \u2014 SECTION 08 \u00b7 A MESSAGE ABOUT PUBLIC TRUST\r\n     USAGE: Copy everything between MM-SECTION-START and MM-SECTION-END into an\r\n     Elementor \"HTML\" widget. Self-contained: no external CSS\/JS files.\r\n     ============================================================================ -->\r\n<!-- ===== MM-SECTION-START ===== -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Manrope:wght@300;400;500;600;700;800&display=swap');\r\n\r\n\/* ---------- SHARED DESIGN SYSTEM (scoped to #mm-public-trust.mm-root) ---------- *\/\r\n#mm-public-trust.mm-root,\r\n#mm-public-trust.mm-root *,\r\n#mm-public-trust.mm-root *::before,\r\n#mm-public-trust.mm-root *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#mm-public-trust.mm-root {\r\n  --cream: #F4F0E7;\r\n  --ink: #222326;\r\n  --oxblood: #713D4B;\r\n  --stone: #E5DFD3;\r\n  --white: #FFFFFF;\r\n  --gray: #65635F;\r\n  --line: #D5CFC3;\r\n  --coal: #17181A;\r\n  --serif: \"Cormorant Garamond\", Georgia, \"Times New Roman\", serif;\r\n  --sans: \"Manrope\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  --shell: 1280px;\r\n  --pad: clamp(22px, 5vw, 80px);\r\n  --e: cubic-bezier(.22, .61, .36, 1);\r\n  position: relative;\r\n  background: var(--ink);\r\n  color: var(--cream);\r\n  font-family: var(--sans);\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  padding-block: clamp(85px, 11vw, 140px);\r\n  overflow: hidden;\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n#mm-public-trust.mm-root p,\r\n#mm-public-trust.mm-root h1,\r\n#mm-public-trust.mm-root h2 {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#mm-public-trust.mm-root a { color: inherit; text-decoration: none; }\r\n#mm-public-trust.mm-root :focus-visible { outline: 2px solid var(--oxblood); outline-offset: 4px; }\r\n#mm-public-trust.mm-root .mm-wrap {\r\n  width: 100%;\r\n  max-width: var(--shell);\r\n  margin-inline: auto;\r\n  padding-inline: var(--pad);\r\n}\r\n\r\n\/* Reveal Utilities *\/\r\n#mm-public-trust [data-r] {\r\n  opacity: 0;\r\n  transform: translateY(22px);\r\n  transition: opacity .6s var(--e) var(--d, 0ms), transform .6s var(--e) var(--d, 0ms);\r\n}\r\n#mm-public-trust [data-r].is-in {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#mm-public-trust [data-line] {\r\n  transform: scaleX(0);\r\n  transform-origin: center;\r\n  transition: transform .75s var(--e) var(--d, 0ms);\r\n}\r\n#mm-public-trust [data-line].is-in {\r\n  transform: scaleX(1);\r\n}\r\n\r\n\/* Narrow Centered Column Layout (~850px) *\/\r\n#mm-public-trust.mm-root .mm-trust__box {\r\n  max-width: 850px;\r\n  margin-inline: auto;\r\n  text-align: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n#mm-public-trust.mm-root .mm-trust__label {\r\n  font: 600 11.5px\/1.4 var(--sans);\r\n  letter-spacing: .26em;\r\n  text-transform: uppercase;\r\n  color: rgba(244, 240, 231, .55);\r\n  margin-bottom: 26px;\r\n}\r\n\r\n#mm-public-trust.mm-root blockquote.mm-trust__statement {\r\n  font-family: var(--serif);\r\n  font-weight: 400;\r\n  font-size: clamp(44px, 6.4vw, 84px);\r\n  line-height: 1.08;\r\n  letter-spacing: -.02em;\r\n  color: var(--cream);\r\n  margin: 0;\r\n  padding: 0;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n\/* Fine Muted Oxblood Accent Line *\/\r\n#mm-public-trust.mm-root .mm-trust__rule {\r\n  width: 64px;\r\n  height: 2px;\r\n  background: var(--oxblood);\r\n  margin-block: 8px 32px;\r\n  transition: opacity .25s var(--e), width .3s var(--e);\r\n}\r\n#mm-public-trust.mm-root .mm-trust__box:hover .mm-trust__rule {\r\n  opacity: .85;\r\n  width: 80px;\r\n}\r\n\r\n#mm-public-trust.mm-root .mm-trust__supporting {\r\n  font-size: clamp(16.5px, 1.25vw, 20px);\r\n  line-height: 1.74;\r\n  color: rgba(244, 240, 231, .8);\r\n  max-width: 44ch;\r\n  margin-bottom: 36px;\r\n}\r\n\r\n#mm-public-trust.mm-root a.mm-trust__attribution {\r\n  font: 600 11px\/1 var(--sans);\r\n  letter-spacing: .24em;\r\n  text-transform: uppercase;\r\n  color: rgba(244, 240, 231, .55);\r\n  position: relative;\r\n  display: inline-block;\r\n  padding-bottom: 6px;\r\n  transition: color .2s var(--e);\r\n}\r\n#mm-public-trust.mm-root a.mm-trust__attribution::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  width: 100%;\r\n  height: 1px;\r\n  background: var(--oxblood);\r\n  transform: scaleX(0);\r\n  transform-origin: center;\r\n  transition: transform .26s var(--e);\r\n}\r\n#mm-public-trust.mm-root a.mm-trust__attribution:hover {\r\n  color: var(--cream);\r\n}\r\n#mm-public-trust.mm-root a.mm-trust__attribution:hover::after {\r\n  transform: scaleX(1);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 600px) {\r\n  #mm-public-trust.mm-root blockquote.mm-trust__statement {\r\n    font-size: clamp(38px, 9.4vw, 54px);\r\n    margin-bottom: 22px;\r\n  }\r\n  #mm-public-trust.mm-root .mm-trust__supporting {\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n  }\r\n}\r\n\r\n\/* Reduced Motion *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #mm-public-trust.mm-root *,\r\n  #mm-public-trust.mm-root *::before,\r\n  #mm-public-trust.mm-root *::after {\r\n    animation-duration: .01ms!important;\r\n    transition-duration: .01ms!important;\r\n  }\r\n  #mm-public-trust [data-r],\r\n  #mm-public-trust [data-line] { opacity: 1!important; transform: none!important; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"mm-public-trust\" class=\"mm-root\" aria-label=\"A Message About Public Trust\">\r\n  <div class=\"mm-wrap\">\r\n    <div class=\"mm-trust__box\">\r\n\r\n      <p class=\"mm-trust__label\" data-r style=\"--d:40ms\">THE GUIDING PRINCIPLE<\/p>\r\n\r\n      <blockquote class=\"mm-trust__statement\" data-r style=\"--d:120ms\">\r\n        The presidency is a public trust.\r\n      <\/blockquote>\r\n\r\n      <div class=\"mm-trust__rule\" data-line style=\"--d:200ms\" aria-hidden=\"true\"><\/div>\r\n\r\n      <p class=\"mm-trust__supporting\" data-r style=\"--d:260ms\">\r\n        Power should remain with the people, and government should remain accountable to the citizens it serves.\r\n      <\/p>\r\n\r\n      <a class=\"mm-trust__attribution\" href=\"#story\" data-r style=\"--d:320ms\">\r\n        MICHAEL MARTINO &middot; CAMPAIGN VISION\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var root = document.getElementById('mm-public-trust');\r\n  if(!root || root.getAttribute('data-ready') === '1') return;\r\n  root.setAttribute('data-ready', '1');\r\n\r\n  var items = root.querySelectorAll('[data-r],[data-line]');\r\n  function show(el){ el.classList.add('is-in'); }\r\n\r\n  \/* Elementor Editor Detection *\/\r\n  var isEditor = (window.elementorFrontend && window.elementorFrontend.isEditMode && window.elementorFrontend.isEditMode()) ||\r\n                 document.body.classList.contains('elementor-editor-active') ||\r\n                 (window.parent && window.parent.elementor);\r\n\r\n  if(isEditor){\r\n    Array.prototype.forEach.call(items, show);\r\n    return;\r\n  }\r\n\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(entry){\r\n        if(entry.isIntersecting){\r\n          show(entry.target);\r\n          io.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\r\n\r\n    Array.prototype.forEach.call(items, function(el){ io.observe(el); });\r\n\r\n    \/* Safety fallback *\/\r\n    setTimeout(function(){\r\n      Array.prototype.forEach.call(items, function(el){\r\n        if(!el.classList.contains('is-in')){\r\n          var rect = el.getBoundingClientRect();\r\n          if(rect.top < window.innerHeight) show(el);\r\n        }\r\n      });\r\n    }, 600);\r\n  } else {\r\n    Array.prototype.forEach.call(items, show);\r\n  }\r\n})();\r\n<\/script>\r\n<noscript><style>#mm-public-trust [data-r],#mm-public-trust [data-line]{opacity:1!important;transform:none!important}<\/style><\/noscript>\r\n<!-- ===== MM-SECTION-END ===== -->\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-431c753 e-con-full e-flex e-con e-parent\" data-id=\"431c753\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1386ee6 elementor-widget elementor-widget-html\" data-id=\"1386ee6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>body{margin:0;background:#E5DFD3}<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================================\r\n     MARTINO 2028 \u2014 SECTION 09 \u00b7 FINAL ABOUT-PAGE CTA\r\n     USAGE: Copy everything between MM-SECTION-START and MM-SECTION-END into an\r\n     Elementor \"HTML\" widget. Self-contained: no external CSS\/JS files.\r\n     ============================================================================ -->\r\n<!-- ===== MM-SECTION-START ===== -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Manrope:wght@300;400;500;600;700;800&display=swap');\r\n\r\n\/* ---------- SHARED DESIGN SYSTEM (scoped to #mm-about-cta.mm-root) ---------- *\/\r\n#mm-about-cta.mm-root,\r\n#mm-about-cta.mm-root *,\r\n#mm-about-cta.mm-root *::before,\r\n#mm-about-cta.mm-root *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#mm-about-cta.mm-root {\r\n  --cream: #F4F0E7;\r\n  --ink: #222326;\r\n  --oxblood: #713D4B;\r\n  --stone: #E5DFD3;\r\n  --white: #FFFFFF;\r\n  --gray: #65635F;\r\n  --line: #D5CFC3;\r\n  --coal: #17181A;\r\n  --serif: \"Cormorant Garamond\", Georgia, \"Times New Roman\", serif;\r\n  --sans: \"Manrope\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  --shell: 1280px;\r\n  --pad: clamp(22px, 5vw, 80px);\r\n  --e: cubic-bezier(.22, .61, .36, 1);\r\n  position: relative;\r\n  background: var(--stone);\r\n  color: var(--ink);\r\n  font-family: var(--sans);\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  padding-block: clamp(75px, 9vw, 125px);\r\n  overflow: hidden;\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n#mm-about-cta.mm-root p,\r\n#mm-about-cta.mm-root h1,\r\n#mm-about-cta.mm-root h2,\r\n#mm-about-cta.mm-root h3 {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#mm-about-cta.mm-root a { color: inherit; text-decoration: none; }\r\n#mm-about-cta.mm-root :focus-visible { outline: 2px solid var(--oxblood); outline-offset: 4px; }\r\n#mm-about-cta.mm-root .mm-wrap {\r\n  width: 100%;\r\n  max-width: var(--shell);\r\n  margin-inline: auto;\r\n  padding-inline: var(--pad);\r\n}\r\n\r\n\/* Reveal Utilities *\/\r\n#mm-about-cta [data-r] {\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity .6s var(--e) var(--d, 0ms), transform .6s var(--e) var(--d, 0ms);\r\n}\r\n#mm-about-cta [data-r].is-in {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n\/* Two-Column Editorial Grid *\/\r\n#mm-about-cta.mm-root .mm-ab-cta__grid {\r\n  display: grid;\r\n  grid-template-columns: 56fr 44fr;\r\n  gap: clamp(40px, 6vw, 88px);\r\n  align-items: center;\r\n}\r\n\r\n\/* Left Column: Heading and Message *\/\r\n#mm-about-cta.mm-root .mm-ab-cta__left {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n#mm-about-cta.mm-root .mm-ab-cta__eyebrow {\r\n  font: 600 11.5px\/1.4 var(--sans);\r\n  letter-spacing: .22em;\r\n  text-transform: uppercase;\r\n  color: var(--oxblood);\r\n  margin-bottom: 20px;\r\n}\r\n\r\n#mm-about-cta.mm-root .mm-ab-cta__title {\r\n  font-family: var(--serif);\r\n  font-weight: 400;\r\n  font-size: clamp(42px, 5.2vw, 68px);\r\n  line-height: 1.05;\r\n  letter-spacing: -.015em;\r\n  color: var(--ink);\r\n  margin-bottom: 24px;\r\n}\r\n\r\n#mm-about-cta.mm-root .mm-ab-cta__copy {\r\n  font-size: clamp(16px, 1.15vw, 18.5px);\r\n  line-height: 1.74;\r\n  color: var(--gray);\r\n  max-width: 48ch;\r\n  margin: 0;\r\n}\r\n\r\n\/* Right Column: Actions *\/\r\n#mm-about-cta.mm-root .mm-ab-cta__actions {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 18px;\r\n  align-items: flex-start;\r\n  padding-left: clamp(0px, 2vw, 24px);\r\n}\r\n\r\n\/* Buttons *\/\r\n#mm-about-cta.mm-root .mm-ab-cta__btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  min-width: 260px;\r\n  padding: 18px 34px;\r\n  border-radius: 4px;\r\n  font: 600 12px\/1 var(--sans);\r\n  letter-spacing: .16em;\r\n  text-transform: uppercase;\r\n  cursor: pointer;\r\n  transition: background-color .24s var(--e), border-color .24s var(--e), color .24s var(--e), transform .24s var(--e), box-shadow .24s var(--e);\r\n}\r\n\r\n\/* Primary Button *\/\r\n#mm-about-cta.mm-root .mm-ab-cta__btn--primary {\r\n  background: var(--ink);\r\n  color: var(--cream);\r\n  border: 1px solid var(--ink);\r\n}\r\n#mm-about-cta.mm-root .mm-ab-cta__btn--primary:hover,\r\n#mm-about-cta.mm-root .mm-ab-cta__btn--primary:focus-visible {\r\n  background: var(--oxblood);\r\n  border-color: var(--oxblood);\r\n  color: #FFFFFF;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 24px rgba(34, 35, 38, .18);\r\n}\r\n\r\n\/* Secondary Button *\/\r\n#mm-about-cta.mm-root .mm-ab-cta__btn--secondary {\r\n  background: transparent;\r\n  color: var(--ink);\r\n  border: 1px solid var(--ink);\r\n}\r\n#mm-about-cta.mm-root .mm-ab-cta__btn--secondary:hover,\r\n#mm-about-cta.mm-root .mm-ab-cta__btn--secondary:focus-visible {\r\n  background: var(--cream);\r\n  border-color: var(--oxblood);\r\n  color: var(--ink);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* Optional Supporting Text Link *\/\r\n#mm-about-cta.mm-root .mm-ab-cta__link {\r\n  font: 600 12px\/1.4 var(--sans);\r\n  letter-spacing: .14em;\r\n  text-transform: uppercase;\r\n  color: var(--ink);\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin-top: 10px;\r\n  padding-block: 4px;\r\n  transition: color .2s var(--e);\r\n}\r\n#mm-about-cta.mm-root .mm-ab-cta__link::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  width: 100%;\r\n  height: 1px;\r\n  background: var(--oxblood);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform .26s var(--e);\r\n}\r\n#mm-about-cta.mm-root .mm-ab-cta__link:hover,\r\n#mm-about-cta.mm-root .mm-ab-cta__link:focus-visible {\r\n  color: var(--oxblood);\r\n}\r\n#mm-about-cta.mm-root .mm-ab-cta__link:hover::after,\r\n#mm-about-cta.mm-root .mm-ab-cta__link:focus-visible::after {\r\n  transform: scaleX(1);\r\n}\r\n#mm-about-cta.mm-root .mm-ab-cta__link-arrow {\r\n  display: inline-block;\r\n  font-family: var(--sans);\r\n  transition: transform .24s var(--e);\r\n}\r\n#mm-about-cta.mm-root .mm-ab-cta__link:hover .mm-ab-cta__link-arrow,\r\n#mm-about-cta.mm-root .mm-ab-cta__link:focus-visible .mm-ab-cta__link-arrow {\r\n  transform: translateX(3px);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n  #mm-about-cta.mm-root .mm-ab-cta__grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n  #mm-about-cta.mm-root .mm-ab-cta__actions {\r\n    padding-left: 0;\r\n    width: 100%;\r\n  }\r\n  #mm-about-cta.mm-root .mm-ab-cta__btn {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  #mm-about-cta.mm-root .mm-ab-cta__title { font-size: clamp(36px, 8.8vw, 50px); }\r\n}\r\n\r\n\/* Reduced Motion *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #mm-about-cta.mm-root *,\r\n  #mm-about-cta.mm-root *::before,\r\n  #mm-about-cta.mm-root *::after {\r\n    animation-duration: .01ms!important;\r\n    transition-duration: .01ms!important;\r\n  }\r\n  #mm-about-cta [data-r] { opacity: 1!important; transform: none!important; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"mm-about-cta\" class=\"mm-root\" aria-labelledby=\"mm-ab-cta-title\">\r\n  <span id=\"cta\" style=\"position:absolute;top:-80px;left:0;visibility:hidden;pointer-events:none;\" aria-hidden=\"true\"><\/span>\r\n  <span id=\"volunteer\" style=\"position:absolute;top:-80px;left:0;visibility:hidden;pointer-events:none;\" aria-hidden=\"true\"><\/span>\r\n  <div class=\"mm-wrap\">\r\n    <div class=\"mm-ab-cta__grid\">\r\n\r\n      <!-- Left Column -->\r\n      <div class=\"mm-ab-cta__left\">\r\n        <p class=\"mm-ab-cta__eyebrow\" data-r style=\"--d:40ms\">THE NEXT STEP<\/p>\r\n        <h2 class=\"mm-ab-cta__title\" id=\"mm-ab-cta-title\" data-r style=\"--d:100ms\">\r\n          Be Part of the<br>Conversation.\r\n        <\/h2>\r\n        <p class=\"mm-ab-cta__copy\" data-r style=\"--d:180ms\">\r\n          Explore the campaign's priorities, follow its updates and discover how you can participate in building a future centered on unity and accountability.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Right Column: Vertical Arrangement of Actions -->\r\n      <div class=\"mm-ab-cta__actions\">\r\n        \r\n        <a class=\"mm-ab-cta__btn mm-ab-cta__btn--primary\" href=\"https:\/\/demowebdesign.live\/martinoforpresident\/volunteer\/\" data-r style=\"--d:220ms\">\r\n          JOIN THE MOVEMENT\r\n        <\/a>\r\n\r\n        <a class=\"mm-ab-cta__btn mm-ab-cta__btn--secondary\" href=\"https:\/\/demowebdesign.live\/martinoforpresident\/platform\/\" data-r style=\"--d:280ms\">\r\n          EXPLORE THE PLATFORM\r\n        <\/a>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var root = document.getElementById('mm-about-cta');\r\n  if(!root || root.getAttribute('data-ready') === '1') return;\r\n  root.setAttribute('data-ready', '1');\r\n\r\n  var items = root.querySelectorAll('[data-r]');\r\n  function show(el){ el.classList.add('is-in'); }\r\n\r\n  \/* Elementor Editor Detection *\/\r\n  var isEditor = (window.elementorFrontend && window.elementorFrontend.isEditMode && window.elementorFrontend.isEditMode()) ||\r\n                 document.body.classList.contains('elementor-editor-active') ||\r\n                 (window.parent && window.parent.elementor);\r\n\r\n  if(isEditor){\r\n    Array.prototype.forEach.call(items, show);\r\n    return;\r\n  }\r\n\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(entry){\r\n        if(entry.isIntersecting){\r\n          show(entry.target);\r\n          io.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\r\n\r\n    Array.prototype.forEach.call(items, function(el){ io.observe(el); });\r\n\r\n    \/* Safety fallback *\/\r\n    setTimeout(function(){\r\n      Array.prototype.forEach.call(items, function(el){\r\n        if(!el.classList.contains('is-in')){\r\n          var rect = el.getBoundingClientRect();\r\n          if(rect.top < window.innerHeight) show(el);\r\n        }\r\n      });\r\n    }, 600);\r\n  } else {\r\n    Array.prototype.forEach.call(items, show);\r\n  }\r\n})();\r\n<\/script>\r\n<noscript><style>#mm-about-cta [data-r]{opacity:1!important;transform:none!important}<\/style><\/noscript>\r\n<!-- ===== MM-SECTION-END ===== -->\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","protected":false},"excerpt":{"rendered":"<p>ABOUT MICHAEL MARTINO Leadership Begins With Listening. Michael Martino\u2019s independent presidential campaign is driven by a belief that government should [&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":"","ast-site-content-layout":"full-width-container","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":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","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":"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":"","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-4)","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-4)","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-4)","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-67","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/martinoforpresident\/wp-json\/wp\/v2\/pages\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebdesign.live\/martinoforpresident\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebdesign.live\/martinoforpresident\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/martinoforpresident\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/martinoforpresident\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":59,"href":"https:\/\/demowebdesign.live\/martinoforpresident\/wp-json\/wp\/v2\/pages\/67\/revisions"}],"predecessor-version":[{"id":383,"href":"https:\/\/demowebdesign.live\/martinoforpresident\/wp-json\/wp\/v2\/pages\/67\/revisions\/383"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/martinoforpresident\/wp-json\/wp\/v2\/media?parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}