{"id":10,"date":"2026-10-29T15:10:46","date_gmt":"2026-10-29T15:10:46","guid":{"rendered":"https:\/\/demowebdesign.live\/martinoforpresident\/?page_id=10"},"modified":"2026-10-30T18:12:20","modified_gmt":"2026-10-30T18:12:20","slug":"home","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/martinoforpresident\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8641247 e-con-full e-flex e-con e-parent\" data-id=\"8641247\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-798af33 elementor-widget elementor-widget-html\" data-id=\"798af33\" 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>\n<\/head>\n<body>\n\n<!-- ============================================================================\n     MARTINO 2028 \u2014 SECTION 02 \u00b7 HERO: \"A BRIDGE FOR AMERICA\"\n     USAGE: copy everything between MM-SECTION-START and MM-SECTION-END into an\n     Elementor \"HTML\" widget. Self-contained: no external CSS\/JS files.\n     ============================================================================ -->\n<!-- ===== MM-SECTION-START ===== -->\n<style>\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');\n\n\/* ---------- SHARED DESIGN SYSTEM (scoped) ---------- *\/\n#mm-hero.mm-root, #mm-hero.mm-root *, #mm-hero.mm-root *::before, #mm-hero.mm-root *::after{box-sizing:border-box;}\n#mm-hero.mm-root{\n  --cream:#F4F0E7; --ink:#222326; --oxblood:#713D4B; --stone:#E5DFD3;\n  --white:#FFFFFF; --gray:#65635F; --line:#D5CFC3; --coal:#17181A;\n  --mask:#F4F0E7;\n  --serif:\"Cormorant Garamond\",Georgia,\"Times New Roman\",serif;\n  --sans:\"Manrope\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n  --shell:1440px;\n  --pad:clamp(22px,5vw,80px);\n  --y:clamp(66px,8.2vw,132px);\n  --e:cubic-bezier(.22,.61,.36,1);\n  position:relative;\n  padding-block:var(--y) calc(var(--y) * .78);\n  font-family:var(--sans); color:var(--ink); font-size:16px; line-height:1.6;\n  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\n  background:var(--cream); overflow:hidden;\n}\n#mm-hero.mm-root p,#mm-hero.mm-root h1,#mm-hero.mm-root h2,#mm-hero.mm-root h3,\n#mm-hero.mm-root ul,#mm-hero.mm-root li,#mm-hero.mm-root figure,#mm-hero.mm-root figcaption{margin:0;padding:0;}\n#mm-hero.mm-root ul{list-style:none;}\n#mm-hero.mm-root img{display:block;max-width:100%;height:auto;}\n#mm-hero.mm-root a{color:inherit;text-decoration:none;}\n#mm-hero.mm-root :focus-visible{outline:2px solid var(--oxblood);outline-offset:4px;}\n#mm-hero.mm-root .mm-wrap{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--pad);}\n#mm-hero.mm-root .mm-eyebrow{\n  display:flex;align-items:center;gap:12px;\n  font:500 11px\/1.55 var(--sans);letter-spacing:.2em;text-transform:uppercase;\n  margin-bottom:30px !important;\n}\n\n#mm-hero.mm-root .mm-hero__flag{\n  position:relative;display:inline-block;flex:none;width:38px;height:26px;overflow:hidden;\n  border:1px solid rgba(34,35,38,.16);border-radius:2px;\n  background:repeating-linear-gradient(to bottom,#B22234 0 2px,#FFFFFF 2px 4px);\n  box-shadow:0 2px 5px rgba(34,35,38,.12);\n}\n#mm-hero.mm-root .mm-hero__flag::before{\n  content:\"\";position:absolute;top:0;left:0;width:17px;height:14px;background:#3C3B6E;\n}\n#mm-hero.mm-root .mm-hero__flag::after{\n  content:\"\u2726 \u2726\\A \u2726 \u2726\";position:absolute;top:1px;left:2px;width:13px;\n  color:#fff;font:400 4px\/5px Arial,sans-serif;letter-spacing:1px;\n  text-align:center;white-space:pre;\n}\n\n#mm-hero [data-r]{opacity:0;transform:translateY(20px);transition:opacity .6s var(--e) var(--d,0ms),transform .6s var(--e) var(--d,0ms);}\n#mm-hero [data-r].is-in{opacity:1;transform:none;}\n#mm-hero [data-line]{transform:scaleX(0);transform-origin:left;transition:transform .8s var(--e) var(--d,0ms);}\n#mm-hero [data-line].is-in{transform:scaleX(1);}\n#mm-hero [data-mask]{position:relative;overflow:hidden;}\n#mm-hero [data-mask]::after{content:\"\";position:absolute;inset:0;background:var(--mask);z-index:3;\n  transform:scaleX(1);transform-origin:right;transition:transform .9s var(--e) var(--d,60ms);}\n#mm-hero [data-mask].is-in::after{transform:scaleX(0);}\n\n#mm-hero.mm-root .mm-btn{display:inline-flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:4px;\n  padding:16px 28px;font:600 12px\/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;\n  transition:background-color .22s var(--e),color .22s var(--e),border-color .22s var(--e),\n             transform .22s var(--e),box-shadow .22s var(--e);}\n#mm-hero.mm-root .mm-btn--ink{background:var(--ink);color:var(--cream);}\n#mm-hero.mm-root .mm-btn--ink:hover,#mm-hero.mm-root .mm-btn--ink:focus-visible{background:var(--oxblood);color:#fff;transform:translateY(-2px);\n  box-shadow:0 10px 24px rgba(34,35,38,.18);}\n#mm-hero.mm-root .mm-btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink);}\n#mm-hero.mm-root .mm-btn--ghost:hover,#mm-hero.mm-root .mm-btn--ghost:focus-visible{background:var(--stone);border-color:var(--oxblood);color:var(--ink);}\n#mm-hero.mm-root .mm-btn__arrow{display:inline-block;font-family:var(--sans);transition:transform .24s var(--e);}\n#mm-hero.mm-root .mm-btn--ghost:hover .mm-btn__arrow,#mm-hero.mm-root .mm-btn--ghost:focus-visible .mm-btn__arrow{transform:translateX(3px);}\n\n\/* ---------- 02 \u00b7 HERO ---------- *\/\n.mm-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);\n  gap:clamp(34px,5vw,76px);align-items:center;}\n\n\/* far-left vertical rail \u2014 architectural framing *\/\n.mm-hero__rail{position:absolute;top:50%;left:14px;transform:translateY(-50%) rotate(180deg);\n  writing-mode:vertical-rl;display:flex;align-items:center;gap:14px;\n  font:500 9.5px\/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--gray);}\n.mm-hero__rail::before{content:\"\";width:1px;height:64px;background:var(--line);}\n\n.mm-hero__left{position:relative;min-width:0;}\n.mm-hero__rule{width:46px;height:1px;background:var(--oxblood);margin-bottom:clamp(32px,3.2vw,42px);}\n.mm-hero__eyebrow{color:var(--oxblood);}\n.mm-hero__h1{margin-top:clamp(30px,3.4vw,46px);font-family:var(--serif);font-weight:400;\n  font-size:clamp(46px,7.4vw,102px);line-height:1.02;letter-spacing:-.012em;color:var(--ink);}\n.mm-hero__line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em;}\n.mm-hero__line > span{display:block;}\n.mm-hero__ul{position:relative;font-style:italic;margin-bottom:30px;}\n.mm-hero__ul::after{content:\"\";position:absolute;left:0;right:2%;bottom:.04em;height:1px;background:var(--oxblood);\n  transform:scaleX(0);transform-origin:left;transition:transform .9s var(--e);}\n.mm-hero__line.is-in .mm-hero__ul::after{transform:scaleX(1);transition-delay:.45s;}\n\n.mm-hero__lede{margin-top:clamp(26px,2.8vw,38px);max-width:500px;font-size:clamp(15.5px,1.12vw,18px);line-height:1.72;color:var(--gray);}\n.mm-hero__cta{margin-top:38px;display:flex;flex-wrap:wrap;gap:14px;}\n.mm-hero__sig{margin-top:40px !important;font:500 10px\/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--gray);}\n.mm-hero__sig span{display:inline-block;width:26px;height:1px;background:var(--line);vertical-align:middle;margin-right:12px;}\n\n\/* right \u00b7 image composition *\/\n.mm-hero__right{position:relative;width:100%;max-width:640px;margin-inline:auto;min-width:0;}\n.mm-hero__frame{position:absolute;inset:24px -24px -24px 24px;border:1px solid var(--stone);pointer-events:none;}\n.mm-hero__figure{position:relative;aspect-ratio:4\/5;background:var(--stone);overflow:hidden;background-size:cover !important;}\n.mm-hero__figure img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:50% 28%;\n  transform:scale(1.001);transition:transform .9s var(--e);}\n.mm-hero__figure:hover img{transform:scale(1.025);}\n#mm-hero.mm-root .mm-ph{position:absolute;left:12px;bottom:12px;z-index:4;background:rgba(244,240,231,.9);color:var(--ink);\n  font:500 9px\/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:6px 9px;border-radius:2px;}\n\n\/* bottom architectural hairline *\/\n.mm-hero__foot{margin-top:calc(var(--y) * .55);display:flex;align-items:center;gap:clamp(24px,3vw,42px);}\n.mm-hero__foot .mm-line{flex:1;height:1px;background:var(--line);}\n.mm-hero__foot span.mm-cap{font:500 9.5px\/1.5 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--gray);white-space:nowrap;}\n\n\/* ---------- RESPONSIVE ---------- *\/\n@media (max-width:1180px){\n  .mm-hero__rail{display:none;}\n}\n@media (max-width:900px){\n  #mm-hero.mm-root{padding-block:clamp(64px,9vw,92px);}\n  .mm-hero__grid{grid-template-columns:minmax(0,1fr);gap:clamp(42px,7vw,60px);}\n  .mm-hero__h1{font-size:clamp(48px,8.5vw,68px);}\n  .mm-hero__lede{max-width:58ch;}\n  .mm-hero__right{max-width:600px;}\n  .mm-hero__frame{inset:16px -16px -16px 16px;}\n  .mm-hero__foot{margin-top:54px;}\n}\n@media (max-width:560px){\n  #mm-hero.mm-root{padding-block:54px 58px;}\n  .mm-hero__grid{gap:40px;}\n  .mm-hero__rule{margin-bottom:30px;}\n  .mm-hero__h1{margin-top:30px;font-size:clamp(40px,11vw,56px);line-height:1.04;}\n  .mm-hero__lede{margin-top:24px;font-size:16px;line-height:1.7;}\n  .mm-hero__cta{flex-direction:column;align-items:stretch;gap:12px;margin-top:30px;}\n  .mm-hero__cta .mm-btn{justify-content:center;min-height:52px;padding-inline:18px;}\n  .mm-hero__sig{margin-top:30px !important;line-height:1.5;letter-spacing:.18em;}\n  .mm-hero__frame{inset:12px -12px -12px 12px;}\n  .mm-hero__foot{margin-top:46px;gap:14px;flex-wrap:wrap;}\n  .mm-hero__foot .mm-line{min-width:28px;}\n  .mm-hero__foot span.mm-cap{font-size:8px;letter-spacing:.16em;white-space:normal;}\n}\n@media (max-width:360px){\n  .mm-hero__rule{margin-bottom:26px;}\n  .mm-hero__h1{font-size:40px;}\n  .mm-hero__foot{gap:10px;}\n  .mm-hero__foot span.mm-cap{font-size:7.5px;letter-spacing:.12em;}\n}\n\n\/* ---------- REDUCED MOTION ---------- *\/\n@media (prefers-reduced-motion:reduce){\n  #mm-hero.mm-root *,#mm-hero.mm-root *::before,#mm-hero.mm-root *::after{\n    animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}\n  #mm-hero [data-r],#mm-hero [data-line]{opacity:1!important;transform:none!important;}\n  #mm-hero [data-mask]::after{transform:scaleX(0)!important;}\n  .mm-hero__ul::after{transform:scaleX(1)!important;}\n}\n<\/style>\n\n<section id=\"mm-hero\" class=\"mm-root\" aria-labelledby=\"mm-hero-title\">\n\n  <span class=\"mm-hero__rail\" aria-hidden=\"true\">Independent for President &mdash; 2028<\/span>\n\n  <div class=\"mm-wrap\">\n    <div class=\"mm-hero__grid\">\n\n      <div class=\"mm-hero__left\">\n        <span class=\"mm-hero__rule\" data-line style=\"display:block;--d:60ms\" aria-hidden=\"true\"><\/span>\n        <p class=\"mm-eyebrow mm-hero__eyebrow\" data-r style=\"--d:80ms\">\n          <span class=\"mm-hero__flag\" role=\"img\" aria-label=\"United States flag\"><\/span>\n          Independent for President &middot; 2028\n        <\/p>\n\n        <h1 class=\"mm-hero__h1\" id=\"mm-hero-title\">\n          <span class=\"mm-hero__line\" data-r style=\"--d:160ms\"><span>A Bridge for<\/span><\/span>\n          <span class=\"mm-hero__line\" data-r style=\"--d:250ms\"><span class=\"mm-hero__ul\">America.<\/span><\/span>\n        <\/h1>\n\n        <p class=\"mm-hero__lede\" data-r style=\"--d:360ms\">\n          Michael Martino is running to unite the nation, restore public trust and keep power where it belongs: with the people.\n        <\/p>\n\n        <div class=\"mm-hero__cta\">\n          <a class=\"mm-btn mm-btn--ink\" href=\"https:\/\/demowebdesign.live\/martinoforpresident\/volunteer\/\" data-r style=\"--d:450ms\">Join the Movement<\/a>\n          <a class=\"mm-btn mm-btn--ghost\" href=\"https:\/\/demowebdesign.live\/martinoforpresident\/vision\/\" data-r style=\"--d:520ms\">Explore the Vision <span class=\"mm-btn__arrow\" aria-hidden=\"true\">&rarr;<\/span><\/a>\n        <\/div>\n\n        <p class=\"mm-hero__sig\" data-r style=\"--d:600ms\"><span aria-hidden=\"true\"><\/span>Michael Martino &middot; 2028<\/p>\n      <\/div>\n\n      <div class=\"mm-hero__right\">\n        <span class=\"mm-hero__frame\" aria-hidden=\"true\" data-r style=\"--d:560ms\"><\/span>\n        <figure class=\"mm-hero__figure\" data-mask style=\"--d:420ms\">\n          <img fetchpriority=\"high\" decoding=\"async\"\n            src=\"https:\/\/demowebdesign.live\/martinoforpresident\/wp-content\/uploads\/2026\/10\/hero.jpg\"\n            alt=\"Placeholder editorial portrait of Michael Martino, independent candidate for President.\"\n            loading=\"eager\" fetchpriority=\"high\" width=\"900\" height=\"1125\">\n        <\/figure>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"mm-hero__foot\" data-r style=\"--d:680ms\">\n      <span class=\"mm-cap\">Principle &middot; Unity &middot; Freedom<\/span>\n      <span class=\"mm-line\" aria-hidden=\"true\"><\/span>\n      <span class=\"mm-cap\">Scroll<\/span>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n(function(){\n  var root = document.getElementById('mm-hero');\n  if(!root || root.getAttribute('data-ready') === '1') return;\n  root.setAttribute('data-ready','1');\n\n  var items = root.querySelectorAll('[data-r],[data-line],[data-mask]');\n  function show(el){ el.classList.add('is-in'); }\n\n  if('IntersectionObserver' in window){\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(en){ if(en.isIntersecting){ show(en.target); io.unobserve(en.target); } });\n    },{ threshold:.12, rootMargin:'0px 0px -5% 0px' });\n    Array.prototype.forEach.call(items, function(el){ io.observe(el); });\n\n    setTimeout(function(){\n      Array.prototype.forEach.call(items, function(el){\n        if(el.classList.contains('is-in')) return;\n        var r = el.getBoundingClientRect();\n        if(r.top < window.innerHeight) show(el);\n      });\n    }, 800);\n  } else {\n    Array.prototype.forEach.call(items, show);\n  }\n})();\n<\/script>\n<noscript><style>#mm-hero [data-r],#mm-hero [data-line]{opacity:1!important;transform:none!important}#mm-hero [data-mask]::after{transform:scaleX(0)!important}#mm-hero .mm-hero__ul::after{transform:scaleX(1)!important}<\/style><\/noscript>\n<!-- ===== MM-SECTION-END ===== -->\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc572f8 e-con-full e-flex e-con e-parent\" data-id=\"bc572f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fd47b8 elementor-widget elementor-widget-html\" data-id=\"3fd47b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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 PRESIDENTIAL STATEMENT\r\n     \"The presidency is a 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) ---------- *\/\r\n#mm-statement.mm-root, #mm-statement.mm-root *, #mm-statement.mm-root *::before, #mm-statement.mm-root *::after{box-sizing:border-box;}\r\n#mm-statement.mm-root{\r\n  --cream:#F4F0E7; --ink:#222326; --oxblood:#713D4B; --stone:#E5DFD3;\r\n  --white:#FFFFFF; --gray:#65635F; --line:#D5CFC3; --coal:#17181A;\r\n  --dim:rgba(244,240,231,.58);\r\n  --hair:rgba(244,240,231,.16);\r\n  --mask:#222326;\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:1440px;\r\n  --pad:clamp(22px,5vw,80px);\r\n  --y:clamp(66px,8.2vw,132px);\r\n  --e:cubic-bezier(.22,.61,.36,1);\r\n  position:relative;\r\n  padding-block:var(--y);\r\n  font-family:var(--sans); color:var(--cream); font-size:16px; line-height:1.6;\r\n  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\r\n  background:var(--ink); overflow:hidden;\r\n}\r\n#mm-statement.mm-root p,#mm-statement.mm-root h2,#mm-statement.mm-root h3,\r\n#mm-statement.mm-root ul,#mm-statement.mm-root li{margin:0;padding:0;}\r\n#mm-statement.mm-root ul{list-style:none;}\r\n#mm-statement.mm-root a{color:inherit;text-decoration:none;}\r\n#mm-statement.mm-root :focus-visible{outline:2px solid var(--cream);outline-offset:4px;}\r\n#mm-statement.mm-root .mm-wrap{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--pad);}\r\n#mm-statement.mm-root .mm-eyebrow{font:500 11px\/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;}\r\n\r\n#mm-statement [data-r]{opacity:0;transform:translateY(20px);transition:opacity .62s var(--e) var(--d,0ms),transform .62s var(--e) var(--d,0ms);}\r\n#mm-statement [data-r].is-in{opacity:1;transform:none;}\r\n#mm-statement [data-line]{transform:scaleX(0);transform-origin:left;transition:transform .85s var(--e) var(--d,0ms);}\r\n#mm-statement [data-line].is-in{transform:scaleX(1);}\r\n#mm-statement [data-line-y]{transform:scaleY(0);transform-origin:top;transition:transform .9s var(--e) var(--d,0ms);}\r\n#mm-statement [data-line-y].is-in{transform:scaleY(1);}\r\n\r\n\/* ---------- 03 \u00b7 STATEMENT ---------- *\/\r\n.mm-st__grid{display:grid;grid-template-columns:minmax(140px,190px) minmax(0,1fr);gap:clamp(30px,5vw,84px);align-items:start;}\r\n\r\n\/* left rail \u2014 vertical label on a hairline *\/\r\n.mm-st__rail{position:relative;display:flex;gap:18px;align-items:flex-start;padding-top:10px;}\r\n.mm-st__railline{flex:none;width:1px;height:112px;background:var(--oxblood);display:block;}\r\n.mm-st__label{writing-mode:vertical-rl;transform:rotate(180deg);font:500 10px\/1 var(--sans);\r\n  letter-spacing:.3em;text-transform:uppercase;color:var(--dim);}\r\n\r\n\/* right \u00b7 editorial body *\/\r\n.mm-st__headline{font-family:var(--serif);font-weight:400;font-size:clamp(38px,6vw,70px);\r\n  line-height:1.04;letter-spacing:-.012em;max-width:900px;color:var(--cream);}\r\n.mm-st__rule{display:block;width:min(220px,42%);height:1px;background:var(--oxblood);margin-top:34px;\r\n  transition:background-color .5s var(--e);}\r\n#mm-statement.mm-root:hover .mm-st__rule{background:#8A4B5C;}\r\n.mm-st__copy{margin-top:34px;max-width:640px;font-size:clamp(15.5px,1.1vw,17.5px);line-height:1.78;color:var(--dim);}\r\n\r\n\/* bottom signature row *\/\r\n.mm-st__foot{margin-top:calc(var(--y) * .62);}\r\n.mm-st__hair{display:block;height:1px;width:100%;background:var(--hair);}\r\n.mm-st__words{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(14px,2.4vw,30px);}\r\n.mm-st__words span{font:500 10.5px\/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--dim);}\r\n.mm-st__words i{display:block;width:4px;height:4px;background:var(--oxblood);border-radius:50%;flex:none;}\r\n\r\n\/* ---------- RESPONSIVE ---------- *\/\r\n@media (max-width:900px){\r\n  .mm-st__grid{grid-template-columns:1fr;gap:30px;}\r\n  .mm-st__rail{flex-direction:row;align-items:center;padding-top:0;}\r\n  .mm-st__railline{width:56px;height:1px;}\r\n  .mm-st__label{writing-mode:horizontal-tb;transform:none;}\r\n  .mm-st__headline{font-size:clamp(34px,8.6vw,46px);}\r\n  .mm-st__copy{max-width:none;}\r\n  .mm-st__foot{margin-top:calc(var(--y) * .5);}\r\n}\r\n@media (max-width:480px){\r\n  .mm-st__words{gap:12px;}\r\n  .mm-st__words span{letter-spacing:.22em;font-size:10px;}\r\n}\r\n\r\n\/* ---------- REDUCED MOTION ---------- *\/\r\n@media (prefers-reduced-motion:reduce){\r\n  #mm-statement.mm-root *,#mm-statement.mm-root *::before,#mm-statement.mm-root *::after{\r\n    animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}\r\n  #mm-statement [data-r],#mm-statement [data-line],#mm-statement [data-line-y]{opacity:1!important;transform:none!important;}\r\n}\r\n<\/style>\r\n\r\n<section id=\"mm-statement\" class=\"mm-root\" aria-labelledby=\"mm-statement-title\">\r\n  <div class=\"mm-wrap\">\r\n\r\n    <div class=\"mm-st__grid\">\r\n\r\n      <aside class=\"mm-st__rail\">\r\n        <span class=\"mm-st__railline\" data-line-y style=\"--d:120ms\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"mm-st__label\" data-r style=\"--d:60ms\">The Purpose of Leadership<\/span>\r\n      <\/aside>\r\n\r\n      <div class=\"mm-st__body\">\r\n        <h2 class=\"mm-st__headline\" id=\"mm-statement-title\" data-r style=\"--d:160ms\">\r\n          The presidency is a public&nbsp;trust.\r\n        <\/h2>\r\n        <span class=\"mm-st__rule\" data-line style=\"--d:420ms\" aria-hidden=\"true\"><\/span>\r\n        <p class=\"mm-st__copy\" data-r style=\"--d:520ms;margin-top:20px !important\">\r\n          Government should serve the people, use public funds responsibly and remain accountable for its decisions.\r\n          Leadership begins with the understanding that power belongs to the people.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"mm-st__foot\">\r\n      <span class=\"mm-st__hair\" data-line style=\"--d:640ms\" aria-hidden=\"true\"><\/span>\r\n      <ul class=\"mm-st__words\" data-r style=\"--d:740ms\">\r\n        <li><span>Principles<\/span><\/li>\r\n        <li><i aria-hidden=\"true\"><\/i><\/li>\r\n        <li><span>Unity<\/span><\/li>\r\n        <li><i aria-hidden=\"true\"><\/i><\/li>\r\n        <li><span>Freedom<\/span><\/li>\r\n      <\/ul>\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-statement');\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-line-y]');\r\n  function show(el){ el.classList.add('is-in'); }\r\n\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(en){ if(en.isIntersecting){ show(en.target); io.unobserve(en.target); } });\r\n    },{ threshold:.14, rootMargin:'0px 0px -6% 0px' });\r\n    Array.prototype.forEach.call(items, function(el){ io.observe(el); });\r\n\r\n    \/* safety net \u2014 never leave content invisible *\/\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 r = el.getBoundingClientRect();\r\n        if(r.top < window.innerHeight) show(el);\r\n      });\r\n    }, 800);\r\n  } else {\r\n    Array.prototype.forEach.call(items, show);\r\n  }\r\n})();\r\n<\/script>\r\n<noscript><style>#mm-statement [data-r],#mm-statement [data-line],#mm-statement [data-line-y]{opacity:1!important;transform:none!important}<\/style><\/noscript>\r\n<!-- ===== MM-SECTION-END ===== -->\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1237b7 e-con-full e-flex e-con e-parent\" data-id=\"d1237b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa4d32e elementor-widget elementor-widget-html\" data-id=\"aa4d32e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== MM-SECTION-START ===== -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');\r\n\r\n\/* ---------- RESET (zero specificity, so it never overrides spacing) ---------- *\/\r\n#mm-commitment, #mm-commitment *, #mm-commitment *::before, #mm-commitment *::after{box-sizing:border-box;}\r\n:where(#mm-commitment) :where(p,h2,h3,ul,li,article,header,div){margin:0;padding:0;}\r\n:where(#mm-commitment) :where(ul){list-style:none;}\r\n\r\n\/* ---------- ROOT ---------- *\/\r\n#mm-commitment{\r\n  --cream:#F4F0E7; --ink:#222326; --oxblood:#713D4B; --oxblood-deep:#5A2F3B;\r\n  --gray:#65635F; --line:#D5CFC3; --card:#FBF9F4;\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  --pad:clamp(22px,5vw,80px);\r\n  --e:cubic-bezier(.22,.61,.36,1);\r\n  position:relative; display:block; width:100%;\r\n  padding:clamp(72px,9vw,140px) 0;\r\n  background:var(--cream);\r\n  font-family:var(--sans); color:var(--ink); font-size:16px; line-height:1.6;\r\n  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\r\n}\r\n#mm-commitment :focus-visible{outline:2px solid var(--oxblood);outline-offset:4px;}\r\n#mm-commitment .mm-wrap{width:100%;max-width:1360px;margin:0 auto;padding:0 var(--pad);}\r\n\r\n\/* ---------- REVEAL ---------- *\/\r\n#mm-commitment [data-r]{opacity:0;transform:translateY(22px);\r\n  transition:opacity .75s var(--e) var(--d,0ms),transform .75s var(--e) var(--d,0ms);}\r\n#mm-commitment [data-r].is-in{opacity:1;transform:none;}\r\n#mm-commitment [data-line]{transform:scaleX(0);transform-origin:left;\r\n  transition:transform .9s var(--e) var(--d,0ms);}\r\n#mm-commitment [data-line].is-in{transform:scaleX(1);}\r\n\r\n\/* ---------- HEADER ---------- *\/\r\n#mm-commitment .mm-cm__head{display:block;max-width:760px;}\r\n#mm-commitment .mm-cm__eyebrow{display:block;margin:0;font:600 11px\/1.4 var(--sans);\r\n  letter-spacing:.26em;text-transform:uppercase;color:var(--oxblood);}\r\n#mm-commitment .mm-cm__title{display:block;margin:22px 0 0;font-family:var(--serif);font-weight:400;\r\n  font-size:clamp(42px,5.6vw,72px);line-height:1.04;letter-spacing:-.012em;color:var(--ink);}\r\n#mm-commitment .mm-cm__intro{display:block;margin:28px 0 0;max-width:58ch;\r\n  font-family:var(--sans);font-size:clamp(15.5px,1.1vw,17.5px);line-height:1.85;color:var(--gray);}\r\n#mm-commitment .mm-cm__rule{display:block;height:1px;background:var(--line);\r\n  margin:clamp(44px,5.5vw,76px) 0 clamp(44px,5.5vw,76px);}\r\n\r\n\/* ---------- GRID OF CARDS ---------- *\/\r\n#mm-commitment .mm-cm__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));\r\n  gap:clamp(16px,1.6vw,24px);margin:0;padding:0;list-style:none;align-items:stretch;}\r\n#mm-commitment .mm-cm__cell{display:flex;margin:0;padding:0;min-width:0;}\r\n\r\n#mm-commitment .mm-cm__card{\r\n  position:relative;display:flex;flex-direction:column;width:100%;\r\n  padding:clamp(30px,2.6vw,44px) clamp(24px,2.2vw,36px) clamp(28px,2.4vw,40px);\r\n  min-height:clamp(340px,28vw,420px);\r\n  background:var(--card);border:1px solid var(--line);border-radius:2px;overflow:hidden;\r\n  transition:background-color .45s var(--e),border-color .45s var(--e),\r\n             transform .45s var(--e),box-shadow .45s var(--e);\r\n}\r\n\/* soft glow layer *\/\r\n#mm-commitment .mm-cm__card::before{content:\"\";position:absolute;inset:0;pointer-events:none;\r\n  background:radial-gradient(120% 80% at 100% 0%,rgba(255,255,255,.14),transparent 60%);\r\n  opacity:0;transition:opacity .45s var(--e);}\r\n\/* bottom accent line *\/\r\n#mm-commitment .mm-cm__card::after{content:\"\";position:absolute;left:0;bottom:0;height:3px;width:0;\r\n  background:#E8D9B8;transition:width .55s var(--e);}\r\n\r\n#mm-commitment .mm-cm__num{display:block;margin:0;font-family:var(--serif);font-weight:400;\r\n  font-size:clamp(46px,4.4vw,64px);line-height:1;color:var(--oxblood);\r\n  transition:color .45s var(--e);}\r\n#mm-commitment .mm-cm__sep{display:block;width:34px;height:1px;background:var(--oxblood);\r\n  margin:clamp(22px,2vw,30px) 0 clamp(20px,1.8vw,26px);transition:background-color .45s var(--e),width .45s var(--e);}\r\n#mm-commitment .mm-cm__name{display:block;margin:0;font-family:var(--serif);font-weight:500;\r\n  font-size:clamp(26px,2.2vw,32px);line-height:1.12;letter-spacing:0;color:var(--ink);\r\n  transition:color .45s var(--e);}\r\n#mm-commitment .mm-cm__copy{display:block;margin:18px 0 0;font-family:var(--sans);\r\n  font-size:clamp(14.5px,1vw,15.5px);line-height:1.8;color:var(--gray);\r\n  transition:color .45s var(--e);}\r\n\r\n\/* ---------- HOVER \/ FOCUS: card changes color ---------- *\/\r\n#mm-commitment .mm-cm__card:hover,\r\n#mm-commitment .mm-cm__card:focus-visible{\r\n  background:var(--oxblood);border-color:var(--oxblood);\r\n  transform:translateY(-8px);box-shadow:0 28px 50px -24px rgba(90,47,59,.55);}\r\n#mm-commitment .mm-cm__card:hover::before,\r\n#mm-commitment .mm-cm__card:focus-visible::before{opacity:1;}\r\n#mm-commitment .mm-cm__card:hover::after,\r\n#mm-commitment .mm-cm__card:focus-visible::after{width:100%;}\r\n#mm-commitment .mm-cm__card:hover .mm-cm__num,\r\n#mm-commitment .mm-cm__card:focus-visible .mm-cm__num{color:rgba(244,240,231,.55);}\r\n#mm-commitment .mm-cm__card:hover .mm-cm__sep,\r\n#mm-commitment .mm-cm__card:focus-visible .mm-cm__sep{background:#E8D9B8;width:56px;}\r\n#mm-commitment .mm-cm__card:hover .mm-cm__name,\r\n#mm-commitment .mm-cm__card:focus-visible .mm-cm__name{color:#FFFFFF;}\r\n#mm-commitment .mm-cm__card:hover .mm-cm__copy,\r\n#mm-commitment .mm-cm__card:focus-visible .mm-cm__copy{color:rgba(244,240,231,.86);}\r\n\r\n\/* ---------- RESPONSIVE ---------- *\/\r\n@media (max-width:1100px){\r\n  #mm-commitment .mm-cm__grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n  #mm-commitment .mm-cm__card{min-height:320px;}\r\n}\r\n@media (max-width:640px){\r\n  #mm-commitment .mm-cm__grid{grid-template-columns:1fr;gap:16px;}\r\n  #mm-commitment .mm-cm__card{min-height:0;padding:30px 24px 32px;}\r\n  #mm-commitment .mm-cm__card:hover,#mm-commitment .mm-cm__card:focus-visible{transform:none;}\r\n  #mm-commitment .mm-cm__num{font-size:44px;}\r\n}\r\n\r\n\/* ---------- REDUCED MOTION ---------- *\/\r\n@media (prefers-reduced-motion:reduce){\r\n  #mm-commitment *,#mm-commitment *::before,#mm-commitment *::after{\r\n    animation-duration:.01ms!important;transition-duration:.01ms!important;}\r\n  #mm-commitment [data-r],#mm-commitment [data-line]{opacity:1!important;transform:none!important;}\r\n}\r\n<\/style>\r\n\r\n<section id=\"mm-commitment\" aria-labelledby=\"mm-cm-title\">\r\n  <div class=\"mm-wrap\">\r\n\r\n    <header class=\"mm-cm__head\">\r\n      <p class=\"mm-cm__eyebrow\" data-r style=\"--d:60ms\">A Shared Responsibility<\/p>\r\n      <h2 class=\"mm-cm__title\" id=\"mm-cm-title\" data-r style=\"--d:140ms\">Our Commitment<\/h2>\r\n      <p class=\"mm-cm__intro\" data-r style=\"--d:240ms\">\r\n        A stronger future begins with leadership that brings people together, earns public trust and puts the\r\n        interests of the nation ahead of partisan division.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <span class=\"mm-cm__rule\" data-line style=\"--d:320ms\" aria-hidden=\"true\"><\/span>\r\n\r\n    <ul class=\"mm-cm__grid\">\r\n\r\n      <li class=\"mm-cm__cell\" data-r style=\"--d:60ms\">\r\n        <article class=\"mm-cm__card\" tabindex=\"0\">\r\n          <span class=\"mm-cm__num\">01<\/span>\r\n          <span class=\"mm-cm__sep\" aria-hidden=\"true\"><\/span>\r\n          <h3 class=\"mm-cm__name\">Unite the Nation<\/h3>\r\n          <p class=\"mm-cm__copy\">Bridge partisan divides and restore respectful dialogue across communities, putting cooperation ahead of conflict.<\/p>\r\n        <\/article>\r\n      <\/li>\r\n\r\n      <li class=\"mm-cm__cell\" data-r style=\"--d:160ms\">\r\n        <article class=\"mm-cm__card\" tabindex=\"0\">\r\n          <span class=\"mm-cm__num\">02<\/span>\r\n          <span class=\"mm-cm__sep\" aria-hidden=\"true\"><\/span>\r\n          <h3 class=\"mm-cm__name\">Restore the Bridge<\/h3>\r\n          <p class=\"mm-cm__copy\">Rebuild critical infrastructure, expand economic opportunity and strengthen public trust through transparent, accountable leadership.<\/p>\r\n        <\/article>\r\n      <\/li>\r\n\r\n      <li class=\"mm-cm__cell\" data-r style=\"--d:260ms\">\r\n        <article class=\"mm-cm__card\" tabindex=\"0\">\r\n          <span class=\"mm-cm__num\">03<\/span>\r\n          <span class=\"mm-cm__sep\" aria-hidden=\"true\"><\/span>\r\n          <h3 class=\"mm-cm__name\">Defend Independence<\/h3>\r\n          <p class=\"mm-cm__copy\">Uphold national sovereignty, secure borders and protect individual liberty without dependence on party machinery or special interests.<\/p>\r\n        <\/article>\r\n      <\/li>\r\n\r\n      <li class=\"mm-cm__cell\" data-r style=\"--d:360ms\">\r\n        <article class=\"mm-cm__card\" tabindex=\"0\">\r\n          <span class=\"mm-cm__num\">04<\/span>\r\n          <span class=\"mm-cm__sep\" aria-hidden=\"true\"><\/span>\r\n          <h3 class=\"mm-cm__name\">Platform Principles<\/h3>\r\n          <p class=\"mm-cm__copy\">Champion fiscal responsibility, protect constitutional rights, strengthen energy independence and pursue fair, impartial justice.<\/p>\r\n        <\/article>\r\n      <\/li>\r\n\r\n    <\/ul>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var root = document.getElementById('mm-commitment');\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  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(en){ if(en.isIntersecting){ show(en.target); io.unobserve(en.target); } });\r\n    },{ threshold:.12, rootMargin:'0px 0px -6% 0px' });\r\n    Array.prototype.forEach.call(items, function(el){ io.observe(el); });\r\n\r\n    \/* safety net: never leave content invisible *\/\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 r = el.getBoundingClientRect();\r\n        if(r.top < window.innerHeight) show(el);\r\n      });\r\n    }, 800);\r\n  } else {\r\n    Array.prototype.forEach.call(items, show);\r\n  }\r\n})();\r\n<\/script>\r\n<noscript><style>#mm-commitment [data-r],#mm-commitment [data-line]{opacity:1!important;transform:none!important}<\/style><\/noscript>\r\n<!-- ===== MM-SECTION-END ===== -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64540db e-con-full e-flex e-con e-parent\" data-id=\"64540db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52b02c4 elementor-widget elementor-widget-html\" data-id=\"52b02c4\" 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>\n<\/head>\n<body>\n\n<!-- ============================================================================\n     MARTINO 2028 \u2014 SECTION 02 \u00b7 VISION\n     ============================================================================ -->\n<!-- ===== MM-SECTION-START ===== -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');\n\n\/* ---------- RESET (zero specificity: never overrides spacing) ---------- *\/\n#mm-vision, #mm-vision *, #mm-vision *::before, #mm-vision *::after{box-sizing:border-box;}\n:where(#mm-vision) :where(p,h2,h3,blockquote,figure,figcaption,div,span){margin:0;padding:0;}\n:where(#mm-vision) :where(img){display:block;max-width:100%;}\n\n\/* ---------- TEXT-DECORATION: forced off on every link state ---------- *\/\n#mm-vision a,\n#mm-vision a:link,\n#mm-vision a:visited,\n#mm-vision a:hover,\n#mm-vision a:focus,\n#mm-vision a:focus-visible,\n#mm-vision a:active,\n#mm-vision a *,\n#mm-vision .mm-btn,\n#mm-vision .mm-btn:hover,\n#mm-vision .mm-btn:focus,\n#mm-vision .mm-btn:active,\n#mm-vision .mm-btn *{\n  text-decoration:none !important;\n  text-decoration-line:none !important;\n  border-bottom:0 !important;\n  box-shadow:none;\n}\n#mm-vision a{color:inherit;}\n#mm-vision .mm-btn:hover,\n#mm-vision .mm-btn:focus-visible{box-shadow:0 18px 32px -16px rgba(90,47,59,.6) !important;}\n\n\/* ---------- ROOT ---------- *\/\n#mm-vision{\n  --cream:#F4F0E7; --ink:#222326; --oxblood:#713D4B; --oxblood-deep:#5A2F3B;\n  --stone:#E5DFD3; --gray:#65635F; --line:#D5CFC3; --gold:#C9B58A;\n  --serif:\"Cormorant Garamond\",Georgia,\"Times New Roman\",serif;\n  --sans:\"Manrope\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n  --pad:clamp(20px,5vw,80px);\n  --e:cubic-bezier(.22,.61,.36,1);\n  position:relative; z-index:20; display:block; width:100%;\n  overflow-x:clip;\n  padding:clamp(60px,9.5vw,150px) 0;\n  background:#FFFFFF;\n  font-family:var(--sans); color:var(--ink); font-size:16px; line-height:1.6;\n  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\n}\n#mm-vision :focus-visible{outline:2px solid var(--oxblood);outline-offset:4px;}\n#mm-vision .mm-wrap{position:relative;z-index:1;width:100%;max-width:1360px;margin:0 auto;padding:0 var(--pad);}\n\n\/* ---------- REVEAL ---------- *\/\n@keyframes mmUp{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:none;}}\n@keyframes mmWipe{from{opacity:1;clip-path:inset(0 0 0 100%);}to{opacity:1;clip-path:inset(0 0 0 0);}}\n#mm-vision.mm-js [data-r]{opacity:0;}\n#mm-vision.mm-js [data-r].is-in{opacity:1;animation:mmUp .8s var(--e) var(--d,0ms) backwards;}\n#mm-vision.mm-js [data-clip]{opacity:0;}\n#mm-vision.mm-js [data-clip].is-in{opacity:1;animation:mmWipe 1.1s var(--e) var(--d,0ms) backwards;}\n#mm-vision.mm-js .mm-vision__capline{transform:scaleX(0);transform-origin:left;transition:transform .9s var(--e) .25s;}\n#mm-vision.mm-js .mm-vision__caption.is-in .mm-vision__capline{transform:scaleX(1);}\n\n\/* ---------- PATRIOTIC FLAG ---------- *\/\n#mm-vision .mm-vision__flag-art{\n  position:absolute;z-index:0;right:-18px;bottom:-16px;\n  display:block;width:clamp(112px,17vw,220px);height:auto;\n  opacity:1;transform:rotate(-7deg);transform-origin:center;\n  filter:drop-shadow(0 12px 18px rgba(34,35,38,.16));\n  pointer-events:none;\n}\n\n\/* ---------- LAYOUT ---------- *\/\n#mm-vision .mm-vision__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6.4fr);\n  gap:clamp(44px,6.5vw,120px);align-items:center;}\n\n\/* ---------- COPY ---------- *\/\n#mm-vision .mm-vision__copy{display:block;max-width:520px;min-width:0;}\n#mm-vision .mm-vision__eyebrow{display:flex;align-items:center;gap:16px;margin:0 0 24px;\n  font:600 11px\/1.4 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--oxblood);}\n#mm-vision .mm-vision__eyebrow::before{content:\"\";display:block;width:38px;height:1px;background:var(--oxblood);flex:none;}\n#mm-vision .mm-vision__title{display:block;margin:0 0 clamp(26px,3vw,40px);\n  font-family:var(--serif);font-weight:500;font-size:clamp(40px,5.6vw,80px);\n  line-height:1.03;letter-spacing:-.015em;color:var(--ink);overflow-wrap:break-word;}\n\n\/* blockquote *\/\n#mm-vision .mm-vision__quote{display:block;margin:0 0 clamp(24px,3vw,38px);max-width:25ch;\n  padding:4px 0 4px clamp(18px,2vw,28px) !important;\n  border:0 !important;border-left:1px solid var(--oxblood) !important;\n  background:none !important;box-shadow:none !important;quotes:none;\n  font-family:var(--serif);font-style:italic;font-weight:400;\n  font-size:clamp(22px,2.3vw,31px);line-height:1.3;color:var(--ink);overflow-wrap:break-word;}\n#mm-vision .mm-vision__quote::before,\n#mm-vision .mm-vision__quote::after{content:none !important;display:none !important;}\n\n#mm-vision .mm-vision__body{display:block;max-width:46ch;}\n#mm-vision .mm-vision__body p{margin:0;font-size:clamp(15.5px,1.08vw,17px);line-height:1.8;color:var(--gray);}\n#mm-vision .mm-vision__body p + p{margin-top:18px;}\n#mm-vision .mm-vision__cta{display:block;margin-top:clamp(32px,3.6vw,48px);}\n\n\/* button *\/\n#mm-vision .mm-btn{position:relative;display:inline-flex;align-items:center;gap:18px;max-width:100%;\n  padding:18px 22px 18px 30px;border-radius:2px;background:var(--ink);color:var(--cream);\n  font:600 12px\/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;overflow:hidden;\n  transition:background-color .35s var(--e),transform .35s var(--e),box-shadow .35s var(--e);}\n#mm-vision .mm-btn__arw{display:inline-flex;align-items:center;justify-content:center;flex:none;\n  width:28px;height:28px;border-radius:50%;border:1px solid rgba(244,240,231,.4);font-size:13px;line-height:1;\n  transition:transform .35s var(--e),background-color .35s var(--e),border-color .35s var(--e),color .35s var(--e);}\n#mm-vision .mm-btn:focus-visible{background:var(--oxblood);}\n#mm-vision .mm-btn:focus-visible .mm-btn__arw{transform:translateX(4px);background:var(--cream);border-color:var(--cream);color:var(--oxblood);}\n\n\/* ---------- MEDIA ---------- *\/\n#mm-vision .mm-vision__media{position:relative;display:block;margin:0;min-width:0;}\n#mm-vision .mm-vision__media::before{content:\"\";position:absolute;z-index:0;\n  top:clamp(10px,1.6vw,24px);left:calc(-1 * clamp(10px,1.6vw,24px));\n  right:clamp(10px,1.6vw,24px);bottom:calc(-1 * clamp(10px,1.6vw,24px));\n  border:1px solid var(--oxblood);opacity:.28;border-radius:2px;\n  transition:opacity .5s var(--e),transform .6s var(--e);pointer-events:none;}\n\n#mm-vision .mm-vision__frame{position:relative;z-index:1;display:block;aspect-ratio:4\/3.1;\n  overflow:hidden;border-radius:2px;border:0;\n  box-shadow:0 40px 70px -40px rgba(34,35,38,.45);\n  background:\n    radial-gradient(ellipse 60% 50% at 75% 20%,rgba(255,255,255,.55),transparent 62%),\n    radial-gradient(ellipse 70% 60% at 15% 90%,rgba(113,61,75,.38),transparent 65%),\n    linear-gradient(145deg,#cdc3af 0%,#e5dfd3 55%,#f1ece0 100%);}\n#mm-vision .mm-vision__par{position:absolute;inset:-6% 0;will-change:transform;}\n#mm-vision .mm-vision__frame img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--e);}\n#mm-vision .mm-vision__frame::after{content:\"\";position:absolute;inset:0;z-index:2;pointer-events:none;\n  background:linear-gradient(180deg,rgba(34,35,38,0) 55%,rgba(34,35,38,.22) 100%);}\n\n#mm-vision .mm-vision__badge{position:absolute;z-index:3;top:16px;right:16px;max-width:calc(100% - 32px);\n  padding:7px 11px;border-radius:2px;background:rgba(244,240,231,.92);color:var(--gray);\n  font:600 9px\/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;}\n\n\/* caption sits BELOW the image *\/\n#mm-vision .mm-vision__caption{position:relative;z-index:1;display:flex;align-items:center;gap:16px;\n  margin:clamp(30px,3.4vw,48px) 0 0;}\n#mm-vision .mm-vision__capline{display:block;width:clamp(40px,5vw,72px);height:1px;background:var(--oxblood);flex:none;}\n#mm-vision .mm-vision__cap{display:block;min-width:0;font:600 10.5px\/1.5 var(--sans);letter-spacing:.2em;\n  text-transform:uppercase;color:var(--gray);}\n\n\/* ---------- HOVER ---------- *\/\n@media (hover:hover) and (pointer:fine){\n  #mm-vision .mm-btn:hover{background:var(--oxblood);transform:translateY(-3px);}\n  #mm-vision .mm-btn:hover .mm-btn__arw{transform:translateX(4px);background:var(--cream);border-color:var(--cream);color:var(--oxblood);}\n  #mm-vision .mm-vision__media:hover::before{opacity:.65;transform:translate(-4px,4px);}\n  #mm-vision .mm-vision__media:hover .mm-vision__frame img{transform:scale(1.04);}\n}\n\n\/* ---------- RESPONSIVE ---------- *\/\n@media (max-width:960px){\n  #mm-vision .mm-vision__grid{grid-template-columns:1fr;gap:clamp(44px,9vw,72px);align-items:start;}\n  #mm-vision .mm-vision__copy{max-width:640px;}\n  #mm-vision .mm-vision__body{max-width:56ch;}\n  #mm-vision .mm-vision__frame{aspect-ratio:4\/3;}\n}\n@media (max-width:560px){\n  #mm-vision .mm-vision__eyebrow{margin-bottom:20px;letter-spacing:.22em;}\n  #mm-vision .mm-vision__title{font-size:clamp(36px,11vw,48px);}\n  #mm-vision .mm-vision__quote{max-width:none;font-size:clamp(20px,5.8vw,24px);}\n  #mm-vision .mm-vision__body p + p{margin-top:16px;}\n  #mm-vision .mm-btn{display:flex;width:100%;justify-content:space-between;padding:17px 18px 17px 22px;}\n  #mm-vision .mm-vision__frame{aspect-ratio:4\/3.4;}\n  #mm-vision .mm-vision__media::before{top:10px;left:-8px;right:8px;bottom:-10px;}\n  #mm-vision .mm-vision__badge{top:12px;right:12px;font-size:8px;}\n  #mm-vision .mm-vision__cap{letter-spacing:.16em;}\n  #mm-vision .mm-vision__flag-art{right:-12px;bottom:-10px;width:clamp(108px,34vw,150px);opacity:.25;}\n}\n@media (max-width:400px){\n  #mm-vision .mm-vision__badge{display:none;}\n}\n\n\/* ---------- REDUCED MOTION ---------- *\/\n@media (prefers-reduced-motion:reduce){\n  #mm-vision *,#mm-vision *::before,#mm-vision *::after{animation:none!important;transition-duration:.01ms!important;}\n  #mm-vision.mm-js [data-r],#mm-vision.mm-js [data-clip]{opacity:1!important;}\n  #mm-vision.mm-js .mm-vision__capline{transform:none!important;}\n}\n<\/style>\n\n<section id=\"mm-vision\" aria-labelledby=\"mm-vision-title\">\n  <svg class=\"mm-vision__flag-art\" viewBox=\"0 0 190 100\" aria-hidden=\"true\" focusable=\"false\">\n    <defs>\n      <clipPath id=\"mm-vision-flag-clip\">\n        <path d=\"M0 4C54 0 132 10 190 3V91C132 98 57 90 0 98Z\"\/>\n      <\/clipPath>\n      <pattern id=\"mm-vision-flag-stars\" width=\"8\" height=\"8\" patternUnits=\"userSpaceOnUse\">\n        <path d=\"M2 0.4 2.45 1.65 3.8 1.65 2.7 2.45 3.1 3.75 2 2.95 .9 3.75 1.3 2.45 .2 1.65 1.55 1.65Z\" fill=\"#fff\"\/>\n      <\/pattern>\n    <\/defs>\n    <g clip-path=\"url(#mm-vision-flag-clip)\">\n      <rect width=\"190\" height=\"100\" fill=\"#fff\"\/>\n      <path d=\"M0 0H190V7H0ZM0 14H190V21H0ZM0 28H190V35H0ZM0 42H190V49H0ZM0 56H190V63H0ZM0 70H190V77H0ZM0 84H190V91H0Z\" fill=\"#B22234\"\/>\n      <path d=\"M0 0H78V54H0Z\" fill=\"#3C3B6E\"\/>\n      <path d=\"M3 3H76V51H3Z\" fill=\"url(#mm-vision-flag-stars)\"\/>\n    <\/g>\n  <\/svg>\n\n  <div class=\"mm-wrap\">\n    <div class=\"mm-vision__grid\">\n\n      <div class=\"mm-vision__copy\">\n        <p class=\"mm-vision__eyebrow\" data-r style=\"--d:0ms\">A Vision for America<\/p>\n        <h2 class=\"mm-vision__title\" id=\"mm-vision-title\" data-r style=\"--d:90ms\">Power to the People<\/h2>\n        <blockquote class=\"mm-vision__quote\" data-r style=\"--d:200ms\">Leadership is a responsibility entrusted to those who serve.<\/blockquote>\n        <div class=\"mm-vision__body\">\n          <p data-r style=\"--d:290ms\">Governments derive their just powers from the consent of the governed. When public trust is weakened, restoring it requires transparency, accountability and respect for constitutional rights.<\/p>\n          <p data-r style=\"--d:370ms\">Michael Martino&rsquo;s vision is to move beyond divisive politics, identify common ground and keep the American people at the center of government.<\/p>\n        <\/div>\n        <div class=\"mm-vision__cta\" data-r style=\"--d:460ms\">\n          <a class=\"mm-btn\" href=\"https:\/\/demowebdesign.live\/martinoforpresident\/platform\/\">Discover the Platform <span class=\"mm-btn__arw\" aria-hidden=\"true\">&#8594;<\/span><\/a>\n        <\/div>\n      <\/div>\n\n      <figure class=\"mm-vision__media\">\n        <div class=\"mm-vision__frame\" data-clip style=\"--d:120ms\" role=\"img\" aria-label=\"Community members gathered in a civic hall\">\n          <div class=\"mm-vision__par\" data-par>\n            <img src=\"https:\/\/demowebdesign.live\/martinoforpresident\/wp-content\/uploads\/2026\/10\/power.jpg\" alt=\"Community members gathered in a small-town civic hall\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n        <\/div>\n        <figcaption class=\"mm-vision__caption\" data-r style=\"--d:560ms\">\n          <span class=\"mm-vision__capline\" aria-hidden=\"true\"><\/span>\n          <span class=\"mm-vision__cap\">Communities at the centre of government<\/span>\n        <\/figcaption>\n      <\/figure>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var root = document.getElementById('mm-vision');\n  if(!root || root.getAttribute('data-ready') === '1') return;\n  root.setAttribute('data-ready','1');\n\n  var items = Array.prototype.slice.call(root.querySelectorAll('[data-r],[data-clip]'));\n  function show(el){ el.classList.add('is-in'); }\n\n  if(!('IntersectionObserver' in window)){ items.forEach(show); }\n  else {\n    root.classList.add('mm-js');\n\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(en){\n        if(en.isIntersecting){ show(en.target); io.unobserve(en.target); }\n      });\n    },{ threshold:.05, rootMargin:'0px 0px -3% 0px' });\n    items.forEach(function(el){ io.observe(el); });\n\n    var sweepTick = false;\n    var sweep = function(){\n      sweepTick = false;\n      var vh = window.innerHeight || document.documentElement.clientHeight;\n      items.forEach(function(el){\n        if(el.classList.contains('is-in')) return;\n        var r = el.getBoundingClientRect();\n        if(r.top < vh * 0.98){ show(el); io.unobserve(el); }\n      });\n    };\n    var queueSweep = function(){\n      if(!sweepTick){ sweepTick = true; window.requestAnimationFrame(sweep); }\n    };\n    window.addEventListener('scroll', queueSweep, { passive:true });\n    window.addEventListener('resize', queueSweep);\n    window.addEventListener('load', function(){ setTimeout(sweep, 300); });\n    setTimeout(sweep, 800);\n  }\n\n  var frame = root.querySelector('.mm-vision__frame');\n  var par = root.querySelector('[data-par]');\n  var wide = window.matchMedia('(min-width:961px)');\n  var fine = window.matchMedia('(hover:hover) and (pointer:fine)');\n  var calm = window.matchMedia('(prefers-reduced-motion: reduce)');\n  var ticking = false;\n\n  function applyPar(){\n    ticking = false;\n    if(!frame || !par) return;\n    if(!wide.matches || !fine.matches || calm.matches){ par.style.transform = ''; return; }\n    var r = frame.getBoundingClientRect();\n    var vh = window.innerHeight || document.documentElement.clientHeight;\n    var p = (r.top + r.height\/2 - vh\/2) \/ (vh\/2 + r.height\/2);\n    if(p > 1) p = 1; else if(p < -1) p = -1;\n    par.style.transform = 'translate3d(0,' + (p * -14).toFixed(2) + 'px,0)';\n  }\n\n  function onScroll(){\n    if(!ticking){ ticking = true; window.requestAnimationFrame(applyPar); }\n  }\n\n  applyPar();\n  window.addEventListener('scroll', onScroll, { passive:true });\n  window.addEventListener('resize', onScroll);\n})();\n<\/script>\n<noscript><style>#mm-vision [data-r],#mm-vision [data-clip]{opacity:1!important;transform:none!important}<\/style><\/noscript>\n<!-- ===== MM-SECTION-END ===== -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f87216 e-con-full e-flex e-con e-parent\" data-id=\"9f87216\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34c3326 elementor-widget elementor-widget-html\" data-id=\"34c3326\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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 PLATFORM PRINCIPLES\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;1,500&family=Manrope:wght@300;400;500;600;700;800&display=swap');\r\n\r\n\/* ---------- SHARED DESIGN SYSTEM (every rule scoped to #mm-platform.mm-root so theme styles can't clash) ---------- *\/\r\n#mm-platform.mm-root, #mm-platform.mm-root *, #mm-platform.mm-root *::before, #mm-platform.mm-root *::after{box-sizing:border-box;}\r\n#mm-platform.mm-root{\r\n  --cream:#F4F0E7; --ink:#222326; --oxblood:#713D4B; --stone:#E5DFD3;\r\n  --white:#FFFFFF; --gray:#65635F; --line:#D5CFC3; --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:1440px;\r\n  --pad:clamp(22px,5vw,80px);\r\n  --y:clamp(60px,7.4vw,120px);\r\n  --e:cubic-bezier(.22,.61,.36,1);\r\n  position:relative;\r\n  \/* OWN BACKGROUND \u2014 change --cream to --stone for a deeper tone *\/\r\n  background:var(--cream);\r\n  \/* full-bleed background even inside a boxed Elementor container *\/\r\n  box-shadow:0 0 0 100vmax var(--cream);\r\n  clip-path:inset(0 -100vmax);\r\n  padding-block:var(--y);\r\n  font-family:var(--sans); color:var(--ink); font-size:16px; line-height:1.6;\r\n  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\r\n}\r\n\/* reset \u2014 every layout rule below uses the same prefix plus a class, so it always wins *\/\r\n#mm-platform.mm-root p,#mm-platform.mm-root h2,#mm-platform.mm-root h3,\r\n#mm-platform.mm-root ul,#mm-platform.mm-root li{margin:0;padding:0;}\r\n#mm-platform.mm-root ul{list-style:none;}\r\n#mm-platform.mm-root h2,#mm-platform.mm-root h3{text-transform:none;font-family:var(--serif);color:var(--ink);}\r\n#mm-platform.mm-root a{color:inherit;text-decoration:none;}\r\n#mm-platform.mm-root :focus-visible{outline:2px solid var(--oxblood);outline-offset:4px;}\r\n#mm-platform.mm-root .mm-wrap{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--pad);}\r\n#mm-platform.mm-root .mm-eyebrow{font:500 11px\/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;}\r\n\r\n\/* reveal utilities *\/\r\n#mm-platform [data-r]{opacity:0;transform:translateY(20px);transition:opacity .6s var(--e) var(--d,0ms),transform .6s var(--e) var(--d,0ms);}\r\n#mm-platform [data-r].is-in{opacity:1;transform:none;}\r\n#mm-platform [data-line]{transform:scaleX(0);transform-origin:left;transition:transform .8s var(--e) var(--d,0ms);}\r\n#mm-platform [data-line].is-in{transform:scaleX(1);}\r\n\r\n\/* ---------- 06 \u00b7 LAYOUT ---------- *\/\r\n#mm-platform.mm-root .mm-plat__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);\r\n  gap:clamp(40px,7vw,128px);align-items:start;}\r\n\r\n\/* left \u00b7 pinned heading block *\/\r\n#mm-platform.mm-root .mm-plat__head{position:sticky;top:clamp(24px,6vw,96px);align-self:start;}\r\n#mm-platform.mm-root .mm-plat__tag{display:flex;align-items:center;gap:16px;color:var(--oxblood);}\r\n#mm-platform.mm-root .mm-plat__tagrule{display:block;width:clamp(32px,3.4vw,52px);height:1px;background:var(--oxblood);}\r\n#mm-platform.mm-root .mm-plat__title{font-weight:500;font-size:clamp(40px,5vw,72px);line-height:1.04;letter-spacing:-.01em;\r\n  color:var(--ink);max-width:11ch;margin-top:clamp(20px,2.2vw,28px);}\r\n#mm-platform.mm-root .mm-plat__support{font-size:clamp(15.5px,1.15vw,18px);line-height:1.74;color:var(--gray);\r\n  max-width:44ch;margin-top:clamp(20px,2.2vw,28px);}\r\n\r\n\/* right \u00b7 principle rows *\/\r\n#mm-platform.mm-root .mm-plat__list{border-top:0;}\r\n#mm-platform.mm-root .mm-plat__row{position:relative;}\r\n#mm-platform.mm-root .mm-plat__rule{position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);}\r\n\/* oxblood hairline that sweeps across on hover *\/\r\n#mm-platform.mm-root .mm-plat__row::after{content:\"\";position:absolute;left:0;right:0;top:0;height:1px;background:var(--oxblood);\r\n  transform:scaleX(0);transform-origin:left;transition:transform .45s var(--e);}\r\n#mm-platform.mm-root .mm-plat__row:hover::after{transform:scaleX(1);}\r\n\r\n#mm-platform.mm-root .mm-plat__inner{display:grid;grid-template-columns:clamp(52px,5vw,84px) minmax(0,1fr);\r\n  column-gap:clamp(12px,2vw,28px);align-items:baseline;\r\n  padding-block:clamp(28px,3.2vw,44px);transition:transform .35s var(--e);}\r\n#mm-platform.mm-root .mm-plat__idx{font-family:var(--serif);font-style:italic;font-weight:500;\r\n  font-size:clamp(20px,1.9vw,26px);line-height:1;color:var(--oxblood);}\r\n#mm-platform.mm-root .mm-plat__h{font-weight:500;font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.005em;\r\n  color:var(--ink);transition:color .25s var(--e);}\r\n#mm-platform.mm-root .mm-plat__d{grid-column:2;font-size:clamp(15px,1.1vw,17px);line-height:1.65;color:var(--gray);\r\n  max-width:46ch;margin-top:12px;}\r\n#mm-platform.mm-root .mm-plat__row:hover .mm-plat__inner{transform:translateX(6px);}\r\n#mm-platform.mm-root .mm-plat__row:hover .mm-plat__h{color:var(--oxblood);}\r\n\r\n#mm-platform.mm-root .mm-plat__end{display:block;height:1px;background:var(--line);}\r\n\r\n\/* ---------- RESPONSIVE ---------- *\/\r\n@media (max-width:900px){\r\n  #mm-platform.mm-root .mm-plat__grid{grid-template-columns:1fr;gap:clamp(36px,7vw,52px);}\r\n  #mm-platform.mm-root .mm-plat__head{position:static;}\r\n  #mm-platform.mm-root .mm-plat__title{max-width:14ch;}\r\n  #mm-platform.mm-root .mm-plat__support{max-width:56ch;}\r\n  #mm-platform.mm-root .mm-plat__row:hover .mm-plat__inner{transform:none;}\r\n}\r\n@media (max-width:560px){\r\n  #mm-platform.mm-root .mm-plat__inner{grid-template-columns:1fr;row-gap:8px;padding-block:26px;}\r\n  #mm-platform.mm-root .mm-plat__d{grid-column:1;margin-top:4px;}\r\n  #mm-platform.mm-root .mm-plat__h{font-size:clamp(26px,7.6vw,32px);}\r\n}\r\n\r\n\/* ---------- REDUCED MOTION ---------- *\/\r\n@media (prefers-reduced-motion:reduce){\r\n  #mm-platform.mm-root *,#mm-platform.mm-root *::before,#mm-platform.mm-root *::after{\r\n    animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}\r\n  #mm-platform [data-r],#mm-platform [data-line]{opacity:1!important;transform:none!important;}\r\n}\r\n<\/style>\r\n\r\n<section id=\"mm-platform\" class=\"mm-root\" aria-labelledby=\"mm-platform-title\">\r\n  <div class=\"mm-wrap\">\r\n    <div class=\"mm-plat__grid\">\r\n\r\n      <!-- LEFT \u00b7 heading block -->\r\n      <header class=\"mm-plat__head\">\r\n        <div class=\"mm-plat__tag\" data-r style=\"--d:0ms\">\r\n          <span class=\"mm-plat__tagrule\" aria-hidden=\"true\"><\/span>\r\n          <p class=\"mm-eyebrow\">Independent. People First.<\/p>\r\n        <\/div>\r\n        <h2 class=\"mm-plat__title\" id=\"mm-platform-title\" data-r style=\"--d:100ms\">Platform Principles<\/h2>\r\n        <p class=\"mm-plat__support\" data-r style=\"--d:200ms\">A practical approach to leadership begins with responsible government, individual liberty and opportunity for the next generation.<\/p>\r\n      <\/header>\r\n\r\n      <!-- RIGHT \u00b7 principles -->\r\n      <div class=\"mm-plat__right\">\r\n        <ul class=\"mm-plat__list\">\r\n\r\n          <li class=\"mm-plat__row\">\r\n            <span class=\"mm-plat__rule\" data-line style=\"--d:160ms\" aria-hidden=\"true\"><\/span>\r\n            <div class=\"mm-plat__inner\" data-r style=\"--d:200ms\">\r\n              <span class=\"mm-plat__idx\" aria-hidden=\"true\">01<\/span>\r\n              <h3 class=\"mm-plat__h\">Economic Growth<\/h3>\r\n              <p class=\"mm-plat__d\">More jobs. Stronger families. Greater opportunity.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"mm-plat__row\">\r\n            <span class=\"mm-plat__rule\" data-line style=\"--d:240ms\" aria-hidden=\"true\"><\/span>\r\n            <div class=\"mm-plat__inner\" data-r style=\"--d:280ms\">\r\n              <span class=\"mm-plat__idx\" aria-hidden=\"true\">02<\/span>\r\n              <h3 class=\"mm-plat__h\">Safer Communities<\/h3>\r\n              <p class=\"mm-plat__d\">Law and order. Real security. Respect for individual rights.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"mm-plat__row\">\r\n            <span class=\"mm-plat__rule\" data-line style=\"--d:320ms\" aria-hidden=\"true\"><\/span>\r\n            <div class=\"mm-plat__inner\" data-r style=\"--d:360ms\">\r\n              <span class=\"mm-plat__idx\" aria-hidden=\"true\">03<\/span>\r\n              <h3 class=\"mm-plat__h\">Better Education<\/h3>\r\n              <p class=\"mm-plat__d\">Opportunity for every child. Brighter futures.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"mm-plat__row\">\r\n            <span class=\"mm-plat__rule\" data-line style=\"--d:400ms\" aria-hidden=\"true\"><\/span>\r\n            <div class=\"mm-plat__inner\" data-r style=\"--d:440ms\">\r\n              <span class=\"mm-plat__idx\" aria-hidden=\"true\">04<\/span>\r\n              <h3 class=\"mm-plat__h\">Quality Healthcare<\/h3>\r\n              <p class=\"mm-plat__d\">Healthier people. Stronger communities.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"mm-plat__row\">\r\n            <span class=\"mm-plat__rule\" data-line style=\"--d:480ms\" aria-hidden=\"true\"><\/span>\r\n            <div class=\"mm-plat__inner\" data-r style=\"--d:520ms\">\r\n              <span class=\"mm-plat__idx\" aria-hidden=\"true\">05<\/span>\r\n              <h3 class=\"mm-plat__h\">Cleaner Environment<\/h3>\r\n              <p class=\"mm-plat__d\">A sustainable tomorrow.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n\r\n        <\/ul>\r\n        <span class=\"mm-plat__end\" data-line style=\"--d:560ms\" aria-hidden=\"true\"><\/span>\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-platform');\r\n  if(!root || root.getAttribute('data-ready') === '1') return;\r\n  root.setAttribute('data-ready','1');\r\n\r\n  \/* ---- entrance reveals (observe once, never replay) ---- *\/\r\n  var items = root.querySelectorAll('[data-r],[data-line]');\r\n  function show(el){ el.classList.add('is-in'); }\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(en){ if(en.isIntersecting){ show(en.target); io.unobserve(en.target); } });\r\n    },{ threshold:.1, rootMargin:'0px 0px -4% 0px' });\r\n    Array.prototype.forEach.call(items, function(el){ io.observe(el); });\r\n    \/* safety net: anything already on screen reveals even if the observer is slow *\/\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 r = el.getBoundingClientRect();\r\n        if(r.top < window.innerHeight) show(el);\r\n      });\r\n    }, 800);\r\n  } else {\r\n    Array.prototype.forEach.call(items, show);\r\n  }\r\n})();\r\n<\/script>\r\n<noscript><style>#mm-platform [data-r],#mm-platform [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-1cb9f64 e-con-full e-flex e-con e-parent\" data-id=\"1cb9f64\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abff900 elementor-widget elementor-widget-html\" data-id=\"abff900\" 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 07 \u00b7 ACCOUNTABILITY FOR OUR MONEY\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-accountability.mm-root \u2014 safe inside WordPress themes) ---------- *\/\r\n#mm-accountability.mm-root, #mm-accountability.mm-root *, #mm-accountability.mm-root *::before, #mm-accountability.mm-root *::after{box-sizing:border-box;}\r\n#mm-accountability.mm-root{\r\n  --cream:#F4F0E7; --ink:#222326; --oxblood:#713D4B; --stone:#E5DFD3;\r\n  --white:#FFFFFF; --gray:#65635F; --line:#D5CFC3; --coal:#17181A;\r\n  --mask:#222326;\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:1440px;\r\n  --pad:clamp(22px,5vw,80px);\r\n  --y:clamp(56px,6.4vw,104px);\r\n  --e:cubic-bezier(.22,.61,.36,1);\r\n  position:relative; z-index:20;\r\n  \/* OWN BACKGROUND \u2014 section no longer depends on the page colour *\/\r\n  background:var(--ink);\r\n  \/* full-bleed: background extends edge to edge even inside a boxed Elementor container *\/\r\n  box-shadow:0 0 0 100vmax var(--ink);\r\n  clip-path:inset(0 -100vmax);\r\n  font-family:var(--sans); color:var(--cream); font-size:16px; line-height:1.6;\r\n  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\r\n}\r\n#mm-accountability.mm-root p,#mm-accountability.mm-root h1,#mm-accountability.mm-root h2,#mm-accountability.mm-root h3,\r\n#mm-accountability.mm-root ul,#mm-accountability.mm-root li,#mm-accountability.mm-root figure{margin:0;padding:0;}\r\n#mm-accountability.mm-root ul{list-style:none;}\r\n#mm-accountability.mm-root img{display:block;max-width:100%;}\r\n#mm-accountability.mm-root a{color:inherit;text-decoration:none;}\r\n#mm-accountability.mm-root :focus-visible{outline:2px solid var(--cream);outline-offset:4px;}\r\n\r\n#mm-accountability.mm-root .mm-wrap{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--pad);}\r\n#mm-accountability.mm-root .mm-eyebrow{font:500 11px\/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;}\r\n\r\n\/* reveal utilities *\/\r\n#mm-accountability [data-r]{opacity:0;transform:translateY(20px);transition:opacity .6s var(--e) var(--d,0ms),transform .6s var(--e) var(--d,0ms);}\r\n#mm-accountability [data-r].is-in{opacity:1;transform:none;}\r\n#mm-accountability [data-line]{transform:scaleX(0);transform-origin:left;transition:transform .8s var(--e) var(--d,0ms);}\r\n#mm-accountability [data-line].is-in{transform:scaleX(1);}\r\n#mm-accountability [data-mask]{position:relative;overflow:hidden;}\r\n#mm-accountability [data-mask]::after{content:\"\";position:absolute;inset:0;z-index:2;background:var(--mask);\r\n  transform-origin:right;transform:scaleX(1);transition:transform .9s var(--e) var(--d,0ms);pointer-events:none;}\r\n#mm-accountability [data-mask].is-in::after{transform:scaleX(0);}\r\n\r\n\/* underline link *\/\r\n#mm-accountability.mm-root .mm-link{position:relative;display:inline-block;transition:color .2s var(--e);}\r\n#mm-accountability.mm-root .mm-link::after{content:\"\";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;\r\n  transform:scaleX(0);transform-origin:left;transition:transform .26s var(--e);}\r\n#mm-accountability.mm-root .mm-link:hover::after,#mm-accountability.mm-root .mm-link:focus-visible::after{transform:scaleX(1);}\r\n\r\n\/* button \u2014 cream on dark, oxblood on hover *\/\r\n#mm-accountability.mm-root .mm-btn{display:inline-flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:4px;\r\n  padding:15px 26px;font:600 12px\/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;\r\n  transition:background-color .22s var(--e),color .22s var(--e),border-color .22s var(--e),transform .22s var(--e);}\r\n#mm-accountability.mm-root .mm-btn--cream{background:var(--cream);color:var(--ink);}\r\n#mm-accountability.mm-root .mm-btn--cream:hover,#mm-accountability.mm-root .mm-btn--cream:focus-visible{background:var(--oxblood);color:#fff;transform:translateY(-2px);}\r\n#mm-accountability.mm-root .mm-btn__arw{transition:transform .22s var(--e);}\r\n#mm-accountability.mm-root .mm-btn:hover .mm-btn__arw{transform:translateX(3px);}\r\n\r\n\/* ---------- 07 \u00b7 ACCOUNTABILITY ---------- *\/\r\n#mm-accountability.mm-root .mm-acc{padding-block:var(--y);}\r\n#mm-accountability.mm-root .mm-acc__grid{display:grid;grid-template-columns:minmax(0,20%) minmax(0,80%);\r\n  gap:clamp(24px,3.4vw,52px);align-items:stretch;}\r\n\r\n\/* narrow left rail *\/\r\n#mm-accountability.mm-root .mm-acc__rail{display:flex;align-items:flex-end;gap:16px;\r\n  padding-right:clamp(18px,2.6vw,40px);border-right:1px solid rgba(244,240,231,.14);}\r\n#mm-accountability.mm-root .mm-acc__anchor{position:relative;display:block;width:1px;height:clamp(56px,7.5vw,92px);flex:none;overflow:hidden;}\r\n#mm-accountability.mm-root .mm-acc__anchor::before{content:\"\";position:absolute;left:0;top:0;width:1px;height:100%;\r\n  background:var(--oxblood);transform:scaleY(0);transform-origin:top;transition:transform .9s var(--e) var(--d,0ms);}\r\n#mm-accountability.mm-root .mm-acc__anchor.is-in::before{transform:scaleY(1);}\r\n\/* neutralise the horizontal data-line transform for the vertical anchor (only the ::before animates) *\/\r\n#mm-accountability.mm-root .mm-acc__anchor[data-line],\r\n#mm-accountability.mm-root .mm-acc__anchor[data-line].is-in{transform:none;}\r\n#mm-accountability.mm-root .mm-acc__label{writing-mode:vertical-rl;transform:rotate(180deg);\r\n  font:600 11px\/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:rgba(244,240,231,.62);}\r\n\r\n\/* broad editorial column *\/\r\n#mm-accountability.mm-root .mm-acc__main{max-width:960px;}\r\n#mm-accountability.mm-root .mm-acc__title{font-family:var(--serif);font-weight:500;font-size:clamp(40px,5.8vw,68px);\r\n  line-height:1.04;letter-spacing:-.01em;color:var(--cream);margin-bottom:18px;}\r\n#mm-accountability.mm-root .mm-acc__tags{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(12px,1.6vw,20px);\r\n  font:600 11px\/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:rgba(244,240,231,.6);margin-bottom:24px;}\r\n#mm-accountability.mm-root .mm-acc__tags span{display:inline-flex;align-items:center;gap:clamp(12px,1.6vw,20px);}\r\n#mm-accountability.mm-root .mm-acc__tags span+span::before{content:\"\";width:clamp(16px,2vw,34px);height:1px;background:rgba(244,240,231,.32);}\r\n#mm-accountability.mm-root .mm-acc__body{max-width:62ch;color:rgba(244,240,231,.82);\r\n  font-size:clamp(15.5px,1.15vw,18px);line-height:1.7;margin-bottom:30px;}\r\n#mm-accountability.mm-root .mm-acc__cta{display:flex;align-items:center;gap:28px;flex-wrap:wrap;}\r\n\r\n\/* closing photographic band (restrained, does not dominate the headline) *\/\r\n#mm-accountability.mm-root .mm-acc__band{position:relative;margin:clamp(40px,5vw,72px) auto 0;aspect-ratio:2.7\/1;\r\n  overflow:hidden;border-radius:4px;border:1px solid rgba(244,240,231,.14);background:var(--coal);}\r\n#mm-accountability.mm-root .mm-acc__band img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--e);}\r\n#mm-accountability.mm-root .mm-acc__band:hover img{transform:scale(1.025);}\r\n#mm-accountability.mm-root .mm-acc__badge{position:absolute;right:12px;top:12px;z-index:3;background:rgba(34,35,38,.72);\r\n  color:rgba(244,240,231,.88);font:500 9px\/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:6px 9px;border-radius:3px;}\r\n\r\n\/* ---------- RESPONSIVE ---------- *\/\r\n@media (max-width:900px){\r\n  #mm-accountability.mm-root .mm-acc__grid{grid-template-columns:1fr;gap:clamp(18px,4.5vw,28px);}\r\n  #mm-accountability.mm-root .mm-acc__rail{flex-direction:row;align-items:center;padding-right:0;\r\n    padding-bottom:14px;border-right:0;border-bottom:1px solid rgba(244,240,231,.14);}\r\n  #mm-accountability.mm-root .mm-acc__anchor{width:clamp(44px,12vw,80px);height:1px;}\r\n  #mm-accountability.mm-root .mm-acc__anchor::before{width:100%;height:1px;transform:scaleX(0);transform-origin:left;}\r\n  #mm-accountability.mm-root .mm-acc__anchor.is-in::before{transform:scaleX(1);}\r\n  #mm-accountability.mm-root .mm-acc__label{writing-mode:horizontal-tb;transform:none;}\r\n  #mm-accountability.mm-root .mm-acc__title{font-size:clamp(42px,9vw,50px);}\r\n  #mm-accountability.mm-root .mm-acc__main{max-width:none;}\r\n  #mm-accountability.mm-root .mm-acc__band{aspect-ratio:16\/9;}\r\n}\r\n@media (max-width:560px){\r\n  #mm-accountability.mm-root .mm-acc__title{font-size:clamp(38px,11vw,46px);}\r\n  #mm-accountability.mm-root .mm-acc__cta{gap:18px;}\r\n}\r\n\r\n\/* ---------- REDUCED MOTION ---------- *\/\r\n@media (prefers-reduced-motion:reduce){\r\n  #mm-accountability.mm-root *,#mm-accountability.mm-root *::before,#mm-accountability.mm-root *::after{\r\n    animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}\r\n  #mm-accountability [data-r],#mm-accountability [data-line],#mm-accountability [data-mask]{opacity:1!important;transform:none!important;}\r\n  #mm-accountability [data-mask]::after{transform:scaleX(0)!important;}\r\n  #mm-accountability.mm-root .mm-acc__anchor::before{transform:none!important;}\r\n}\r\n<\/style>\r\n\r\n<section id=\"mm-accountability\" class=\"mm-root\">\r\n  <div class=\"mm-acc\">\r\n    <div class=\"mm-wrap\">\r\n\r\n      <div class=\"mm-acc__grid\">\r\n\r\n        <!-- narrow label rail -->\r\n        <aside class=\"mm-acc__rail\">\r\n          <span class=\"mm-acc__anchor\" data-line style=\"--d:120ms\" aria-hidden=\"true\"><\/span>\r\n          <span class=\"mm-acc__label\" data-r style=\"--d:0ms\">Public Accountability<\/span>\r\n        <\/aside>\r\n\r\n        <!-- broad editorial column -->\r\n        <div class=\"mm-acc__main\">\r\n          <h2 class=\"mm-acc__title\" data-r style=\"--d:80ms\">Accountability for Our Money<\/h2>\r\n          <p class=\"mm-acc__tags\" data-r style=\"--d:180ms\">\r\n            <span>Our Taxes<\/span><span>Cost of Living<\/span><span>Transparency<\/span>\r\n          <\/p>\r\n          <p class=\"mm-acc__body\" data-r style=\"--d:260ms\">Americans deserve clear answers about how public money is used, how decisions are made and whether government is delivering meaningful value. Responsible leadership requires transparency, careful stewardship of public funds and accountability to the people.<\/p>\r\n          <div class=\"mm-acc__cta\" data-r style=\"--d:360ms\">\r\n            <!--<a class=\"mm-btn mm-btn--cream\" href=\"#issues\">Explore the Issues <span class=\"mm-btn__arw\" aria-hidden=\"true\">&#8594;<\/span><\/a>-->\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- restrained closing band -->\r\n      <figure class=\"mm-acc__band\" data-mask style=\"--d:300ms\">\r\n        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/martinoforpresident\/wp-content\/uploads\/2026\/10\/money.jpg\"\r\n             alt=\"A weathered civic building facade in overcast light, photographed in a restrained symmetrical composition\" loading=\"lazy\">\r\n        <!--<span class=\"mm-acc__badge\">Placeholder &middot; Campaign Photograph<\/span>-->\r\n      <\/figure>\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-accountability');\r\n  if(!root || root.getAttribute('data-ready') === '1') return;\r\n  root.setAttribute('data-ready','1');\r\n\r\n  \/* ---- entrance reveals (observe once, never replay) ---- *\/\r\n  var items = root.querySelectorAll('[data-r],[data-line],[data-mask]');\r\n  function show(el){ el.classList.add('is-in'); }\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(en){ if(en.isIntersecting){ show(en.target); io.unobserve(en.target); } });\r\n    },{ threshold:.12, rootMargin:'0px 0px -4% 0px' });\r\n    Array.prototype.forEach.call(items, function(el){ io.observe(el); });\r\n    \/* safety net: anything already on screen reveals even if the observer is slow *\/\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 r = el.getBoundingClientRect();\r\n        if(r.top < window.innerHeight) show(el);\r\n      });\r\n    }, 800);\r\n  } else {\r\n    Array.prototype.forEach.call(items, show);\r\n  }\r\n})();\r\n<\/script>\r\n<noscript><style>#mm-accountability [data-r],#mm-accountability [data-line]{opacity:1!important;transform:none!important}#mm-accountability [data-mask]::after{transform:scaleX(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-043b13f e-con-full e-flex e-con e-parent\" data-id=\"043b13f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ae99f8 elementor-widget elementor-widget-html\" data-id=\"1ae99f8\" 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 08 \u00b7 THE BOOK\r\n     \"The Smoking Mirrors of the American Dream\"\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 (every rule scoped to #mm-book.mm-root so theme styles and resets can't clash) ---------- *\/\r\n#mm-book.mm-root, #mm-book.mm-root *, #mm-book.mm-root *::before, #mm-book.mm-root *::after{box-sizing:border-box;}\r\n#mm-book.mm-root{\r\n  --cream:#F4F0E7; --ink:#222326; --oxblood:#713D4B; --stone:#E5DFD3;\r\n  --white:#FFFFFF; --gray:#65635F; --line:#D5CFC3; --coal:#17181A;\r\n  --mask:#F4F0E7;\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:1440px;\r\n  --pad:clamp(22px,5vw,80px);\r\n  --y:clamp(60px,7vw,112px);\r\n  --e:cubic-bezier(.22,.61,.36,1);\r\n  position:relative;\r\n  background:var(--cream);\r\n  \/* full-bleed background even inside a boxed Elementor container *\/\r\n  box-shadow:0 0 0 100vmax var(--cream);\r\n  clip-path:inset(0 -100vmax);\r\n  padding-block:var(--y);\r\n  font-family:var(--sans); color:var(--ink); font-size:16px; line-height:1.6;\r\n  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\r\n}\r\n\/* reset \u2014 kept at the top; every layout rule below uses the same prefix so it wins by source order *\/\r\n#mm-book.mm-root p,#mm-book.mm-root h2,#mm-book.mm-root h3,\r\n#mm-book.mm-root ul,#mm-book.mm-root li,#mm-book.mm-root figure,#mm-book.mm-root figcaption{margin:0;padding:0;}\r\n#mm-book.mm-root ul{list-style:none;}\r\n#mm-book.mm-root h2,#mm-book.mm-root h3{text-transform:none;color:var(--ink);font-family:var(--serif);}\r\n#mm-book.mm-root img{display:block;max-width:100%;}\r\n#mm-book.mm-root a{color:inherit;text-decoration:none;}\r\n#mm-book.mm-root :focus-visible{outline:2px solid var(--oxblood);outline-offset:4px;}\r\n#mm-book.mm-root .mm-wrap{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--pad);}\r\n#mm-book.mm-root .mm-eyebrow{font:500 11px\/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--oxblood);}\r\n\r\n\/* reveal utilities *\/\r\n#mm-book [data-r]{opacity:0;transform:translateY(20px);transition:opacity .6s var(--e) var(--d,0ms),transform .6s var(--e) var(--d,0ms);}\r\n#mm-book [data-r].is-in{opacity:1;transform:none;}\r\n#mm-book [data-line]{transform:scaleX(0);transform-origin:left;transition:transform .8s var(--e) var(--d,0ms);}\r\n#mm-book [data-line].is-in{transform:scaleX(1);}\r\n#mm-book [data-mask]{position:relative;overflow:hidden;}\r\n#mm-book [data-mask]::after{content:\"\";position:absolute;inset:0;z-index:2;background:var(--mask);\r\n  transform-origin:right;transition:transform .85s var(--e) var(--d,0ms);}\r\n#mm-book [data-mask].is-in::after{transform:scaleX(0);}\r\n\r\n\/* buttons *\/\r\n#mm-book.mm-root .mm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:4px;\r\n  padding:16px 28px;font:600 12px\/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;\r\n  transition:background-color .22s var(--e),color .22s var(--e),border-color .22s var(--e),\r\n             transform .22s var(--e),box-shadow .22s var(--e);}\r\n#mm-book.mm-root .mm-btn--ink{background:var(--ink);color:var(--cream);}\r\n#mm-book.mm-root .mm-btn--ink:hover,#mm-book.mm-root .mm-btn--ink:focus-visible{background:var(--oxblood);color:#fff;transform:translateY(-2px);\r\n  box-shadow:0 10px 24px rgba(34,35,38,.18);}\r\n#mm-book.mm-root .mm-btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink);}\r\n#mm-book.mm-root .mm-btn--ghost:hover,#mm-book.mm-root .mm-btn--ghost:focus-visible{background:var(--stone);color:var(--oxblood);border-color:var(--oxblood);}\r\n\r\n\/* placeholder badge *\/\r\n#mm-book.mm-root .mm-ph{position:absolute;right:10px;bottom:10px;z-index:1;font:600 9px\/1 var(--sans);letter-spacing:.16em;\r\n  text-transform:uppercase;padding:6px 9px;border-radius:2px;background:rgba(34,35,38,.5);color:var(--cream);pointer-events:none;}\r\n\r\n\/* ---------- 08 \u00b7 LAYOUT ---------- *\/\r\n#mm-book.mm-root .mm-book__grid{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);\r\n  gap:clamp(40px,8.4vw,96px);align-items:center;}\r\n\r\n\/* left \u00b7 cover *\/\r\n#mm-book.mm-root .mm-book__media{position:relative;margin-right:calc(-1 * clamp(20px,3vw,52px));}\r\n#mm-book.mm-root .mm-book__panel{position:absolute;z-index:0;top:6%;left:11%;right:-6%;bottom:-6%;background:var(--stone);pointer-events:none;}\r\n#mm-book.mm-root .mm-book__cover{position:relative;z-index:1;aspect-ratio:3\/4;overflow:hidden;border-radius:3px;\r\n  background:var(--stone);box-shadow:0 22px 46px rgba(34,35,38,.14);\r\n  transition:box-shadow .45s var(--e);}\r\n\/* image fills the frame completely (absolute fill beats any theme height:auto) *\/\r\n#mm-book.mm-root .mm-book__cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s var(--e);}\r\n#mm-book.mm-root .mm-book__cover:hover{box-shadow:0 32px 62px rgba(34,35,38,.2);}\r\n#mm-book.mm-root .mm-book__cover:hover img{transform:scale(1.03);}\r\n\r\n\/* right \u00b7 copy *\/\r\n#mm-book.mm-root .mm-book__copy{position:relative;z-index:2;max-width:640px;}\r\n#mm-book.mm-root .mm-book__title{font-weight:500;font-size:clamp(32px,4.2vw,56px);line-height:1.08;\r\n  letter-spacing:-.01em;max-width:15ch;margin-top:16px;}\r\n#mm-book.mm-root .mm-book__sub{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(18px,1.7vw,24px);\r\n  line-height:1.4;color:var(--gray);max-width:36ch;margin-top:18px;text-wrap:balance;}\r\n#mm-book.mm-root .mm-book__body{font-size:clamp(15.5px,1.1vw,17.5px);line-height:1.75;color:var(--gray);max-width:60ch;\r\n  margin-top:clamp(20px,2.2vw,28px);}\r\n\r\n#mm-book.mm-root .mm-book__subhead{display:flex;align-items:center;gap:18px;margin-top:clamp(34px,3.8vw,52px);}\r\n#mm-book.mm-root .mm-book__subhead .mm-eyebrow{white-space:nowrap;}\r\n#mm-book.mm-root .mm-book__rule{flex:1;height:1px;background:var(--line);}\r\n\r\n#mm-book.mm-root .mm-book__figs{margin-top:clamp(14px,1.6vw,20px);border-top:1px solid var(--line);}\r\n#mm-book.mm-root .mm-book__fig{display:grid;grid-template-columns:2.2em minmax(0,42%) minmax(0,1fr);gap:clamp(12px,2vw,28px);\r\n  align-items:center;padding-block:clamp(16px,1.7vw,22px);border-bottom:1px solid var(--line);}\r\n#mm-book.mm-root .mm-book__idx{font:500 11px\/1 var(--sans);letter-spacing:.14em;color:var(--gray);}\r\n#mm-book.mm-root .mm-book__name{font-family:var(--serif);font-weight:500;font-size:clamp(20px,1.8vw,25px);line-height:1.2;\r\n  position:relative;justify-self:start;transition:color .2s var(--e);}\r\n#mm-book.mm-root .mm-book__name::after{content:\"\";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:var(--oxblood);\r\n  transform:scaleX(0);transform-origin:left;transition:transform .26s var(--e);}\r\n#mm-book.mm-root .mm-book__desc{font-size:clamp(14px,1vw,15.5px);line-height:1.55;color:var(--gray);}\r\n#mm-book.mm-root .mm-book__fig:hover .mm-book__name{color:var(--oxblood);}\r\n#mm-book.mm-root .mm-book__fig:hover .mm-book__name::after{transform:scaleX(1);}\r\n\r\n#mm-book.mm-root .mm-book__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(34px,3.8vw,52px);}\r\n\r\n\/* ---------- RESPONSIVE ---------- *\/\r\n@media (max-width:900px){\r\n  #mm-book.mm-root .mm-book__grid{grid-template-columns:1fr;gap:clamp(36px,7vw,52px);}\r\n  #mm-book.mm-root .mm-book__media{margin-right:0;max-width:min(400px,78%);}\r\n  #mm-book.mm-root .mm-book__copy{max-width:none;}\r\n  #mm-book.mm-root .mm-book__title{max-width:18ch;}\r\n}\r\n@media (max-width:560px){\r\n  #mm-book.mm-root .mm-book__media{max-width:86%;}\r\n  #mm-book.mm-root .mm-book__fig{grid-template-columns:1fr;gap:4px;padding-block:16px;}\r\n  #mm-book.mm-root .mm-book__idx{display:none;}\r\n  #mm-book.mm-root .mm-book__actions .mm-btn{width:100%;}\r\n}\r\n\r\n\/* ---------- REDUCED MOTION ---------- *\/\r\n@media (prefers-reduced-motion:reduce){\r\n  #mm-book.mm-root *,#mm-book.mm-root *::before,#mm-book.mm-root *::after{\r\n    animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}\r\n  #mm-book [data-r],#mm-book [data-line]{opacity:1!important;transform:none!important;}\r\n  #mm-book [data-mask]::after{transform:scaleX(0)!important;}\r\n}\r\n<\/style>\r\n\r\n<section id=\"mm-book\" class=\"mm-root\" aria-labelledby=\"mm-book-title\">\r\n  <div class=\"mm-wrap\">\r\n    <div class=\"mm-book__grid\">\r\n\r\n      <!-- LEFT \u00b7 the book cover (fixed aspect ratio, masked reveal, stone backdrop panel) -->\r\n      <div class=\"mm-book__media\">\r\n        <span class=\"mm-book__panel\" aria-hidden=\"true\"><\/span>\r\n        <figure class=\"mm-book__cover\" data-mask style=\"--d:0ms\">\r\n          <img decoding=\"async\" src=\"\"\r\n               alt=\"The Smoking Mirrors of the American Dream \"\r\n               loading=\"lazy\">\r\n          <!--<figcaption class=\"mm-ph\">PLACEHOLDER &middot; CAMPAIGN PHOTOGRAPH<\/figcaption>-->\r\n        <\/figure>\r\n      <\/div>\r\n\r\n      <!-- RIGHT \u00b7 editorial copy (CMS: eyebrow, title, subtitle, body, guardians list, CTAs) -->\r\n      <div class=\"mm-book__copy\">\r\n        <p class=\"mm-eyebrow\" data-r style=\"--d:120ms\">THE BOOK<\/p>\r\n        <h2 id=\"mm-book-title\" class=\"mm-book__title\" data-r style=\"--d:180ms\">The Smoking Mirrors of the American Dream<\/h2>\r\n        <p class=\"mm-book__sub\" data-r style=\"--d:240ms\">Guardians, Sacrifice, and the Bridge of 2028<\/p>\r\n        <p class=\"mm-book__body\" data-r style=\"--d:300ms\">Michael Martino explores the ideals, sacrifices and responsibilities associated with the American Dream through the lives and legacies of five historical figures.<\/p>\r\n\r\n        <div class=\"mm-book__subhead\">\r\n          <span class=\"mm-eyebrow\" data-r style=\"--d:360ms\">THE FIVE GUARDIANS<\/span>\r\n          <span class=\"mm-book__rule\" data-line style=\"--d:420ms\" aria-hidden=\"true\"><\/span>\r\n        <\/div>\r\n\r\n        <ul class=\"mm-book__figs\">\r\n          <li class=\"mm-book__fig\" data-r style=\"--d:460ms\">\r\n            <span class=\"mm-book__idx\" aria-hidden=\"true\">01<\/span>\r\n            <h3 class=\"mm-book__name\">Abraham Lincoln<\/h3>\r\n            <p class=\"mm-book__desc\">Preserving the Union and equality.<\/p>\r\n          <\/li>\r\n          <li class=\"mm-book__fig\" data-r style=\"--d:520ms\">\r\n            <span class=\"mm-book__idx\" aria-hidden=\"true\">02<\/span>\r\n            <h3 class=\"mm-book__name\">Martin Luther King Jr.<\/h3>\r\n            <p class=\"mm-book__desc\">Justice and equality through peace.<\/p>\r\n          <\/li>\r\n          <li class=\"mm-book__fig\" data-r style=\"--d:580ms\">\r\n            <span class=\"mm-book__idx\" aria-hidden=\"true\">03<\/span>\r\n            <h3 class=\"mm-book__name\">James A. Garfield<\/h3>\r\n            <p class=\"mm-book__desc\">Education and honest leadership.<\/p>\r\n          <\/li>\r\n          <li class=\"mm-book__fig\" data-r style=\"--d:640ms\">\r\n            <span class=\"mm-book__idx\" aria-hidden=\"true\">04<\/span>\r\n            <h3 class=\"mm-book__name\">John F. Kennedy<\/h3>\r\n            <p class=\"mm-book__desc\">Courage and national vision.<\/p>\r\n          <\/li>\r\n          <li class=\"mm-book__fig\" data-r style=\"--d:700ms\">\r\n            <span class=\"mm-book__idx\" aria-hidden=\"true\">05<\/span>\r\n            <h3 class=\"mm-book__name\">William McKinley<\/h3>\r\n            <p class=\"mm-book__desc\">Prosperity and economic progress.<\/p>\r\n          <\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"mm-book__actions\">\r\n          <a class=\"mm-btn mm-btn--ink\" href=\"https:\/\/demowebdesign.live\/martinoforpresident\/the-book\/\" data-r style=\"--d:780ms\">Explore the Book<\/a>\r\n          <a class=\"mm-btn mm-btn--ghost\" href=\"https:\/\/demowebdesign.live\/martinoforpresident\/vision\/\" data-r style=\"--d:840ms\">Learn About Michael<\/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-book');\r\n  if(!root || root.getAttribute('data-ready') === '1') return;\r\n  root.setAttribute('data-ready','1');\r\n\r\n  \/* ---- entrance reveals (observe once, never replay) ---- *\/\r\n  var items = root.querySelectorAll('[data-r],[data-line],[data-mask]');\r\n  function show(el){ el.classList.add('is-in'); }\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(en){ if(en.isIntersecting){ show(en.target); io.unobserve(en.target); } });\r\n    },{ threshold:.1, rootMargin:'0px 0px -4% 0px' });\r\n    Array.prototype.forEach.call(items, function(el){ io.observe(el); });\r\n    \/* safety net: anything already on screen reveals even if the observer is slow *\/\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 r = el.getBoundingClientRect();\r\n        if(r.top < window.innerHeight) show(el);\r\n      });\r\n    }, 800);\r\n  } else {\r\n    Array.prototype.forEach.call(items, show);\r\n  }\r\n})();\r\n<\/script>\r\n<noscript><style>#mm-book [data-r],#mm-book [data-line]{opacity:1!important;transform:none!important}#mm-book [data-mask]::after{transform:scaleX(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-b536942 e-con-full e-flex e-con e-parent\" data-id=\"b536942\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f5b8ab elementor-widget elementor-widget-html\" data-id=\"1f5b8ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== MM-SECTION-START ===== -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');\r\n\r\n#mm-journal,\r\n#mm-journal *,\r\n#mm-journal *::before,\r\n#mm-journal *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#mm-journal {\r\n  --cream: #F4F0E7;\r\n  --ink: #222326;\r\n  --oxblood: #713D4B;\r\n  --oxblood-deep: #5A2F3B;\r\n  --stone: #E5DFD3;\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: 1360px;\r\n  --pad: clamp(20px, 5vw, 80px);\r\n  --ease: cubic-bezier(.22, .61, .36, 1);\r\n\r\n  position: relative;\r\n  display: block;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  padding-block: clamp(64px, 9vw, 132px);\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-journal h2,\r\n#mm-journal h3,\r\n#mm-journal p,\r\n#mm-journal figure {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#mm-journal a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n#mm-journal :focus-visible {\r\n  outline: 2px solid var(--oxblood);\r\n  outline-offset: 5px;\r\n}\r\n\r\n#mm-journal .mm-journal__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\/* Header *\/\r\n#mm-journal .mm-journal__head {\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: space-between;\r\n  gap: 28px;\r\n  margin-bottom: clamp(28px, 4vw, 48px);\r\n}\r\n\r\n#mm-journal .mm-journal__intro {\r\n  max-width: 760px;\r\n  min-width: 0;\r\n}\r\n\r\n#mm-journal .mm-journal__eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  margin-bottom: 20px;\r\n  color: var(--oxblood);\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: .24em;\r\n  line-height: 1.6;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#mm-journal .mm-journal__eyebrow::before {\r\n  content: \"\";\r\n  flex: 0 0 34px;\r\n  width: 34px;\r\n  height: 1px;\r\n  background: var(--oxblood);\r\n}\r\n\r\n#mm-journal .mm-journal__title {\r\n  color: var(--ink);\r\n  font: 500 clamp(48px, 6vw, 82px)\/.98 var(--serif);\r\n  letter-spacing: -.025em;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n#mm-journal .mm-journal__title em {\r\n  color: var(--oxblood);\r\n  font-weight: 400;\r\n}\r\n\r\n#mm-journal .mm-journal__dek {\r\n  max-width: 42ch;\r\n  margin-top: 16px;\r\n  color: var(--gray);\r\n  font-size: clamp(14px, 1.15vw, 16px);\r\n  line-height: 1.75;\r\n}\r\n\r\n#mm-journal .mm-journal__all {\r\n  display: inline-flex;\r\n  flex: none;\r\n  align-items: center;\r\n  gap: 13px;\r\n  padding-bottom: 5px;\r\n  color: var(--ink);\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: .16em;\r\n  line-height: 1.5;\r\n  text-transform: uppercase;\r\n  transition: color .25s var(--ease);\r\n}\r\n\r\n#mm-journal .mm-journal__all:hover {\r\n  color: var(--oxblood);\r\n}\r\n\r\n#mm-journal .mm-journal__all-arrow {\r\n  display: grid;\r\n  width: 42px;\r\n  height: 42px;\r\n  place-items: center;\r\n  border: 1px solid var(--line);\r\n  border-radius: 50%;\r\n  font-size: 17px;\r\n  transition:\r\n    color .25s var(--ease),\r\n    border-color .25s var(--ease),\r\n    background-color .25s var(--ease),\r\n    transform .25s var(--ease);\r\n}\r\n\r\n#mm-journal .mm-journal__all:hover .mm-journal__all-arrow {\r\n  transform: translateX(3px);\r\n  border-color: var(--oxblood);\r\n  background: var(--oxblood);\r\n  color: #fff;\r\n}\r\n\r\n#mm-journal .mm-journal__divider {\r\n  width: 100%;\r\n  height: 1px;\r\n  margin-bottom: clamp(26px, 3.5vw, 46px);\r\n  background: var(--line);\r\n}\r\n\r\n\/* Feature and story layout *\/\r\n#mm-journal .mm-journal__grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.35fr) minmax(340px, .9fr);\r\n  gap: clamp(20px, 2.4vw, 34px);\r\n  align-items: stretch;\r\n}\r\n\r\n\/* Featured editorial panel *\/\r\n#mm-journal .mm-journal__feature {\r\n  position: relative;\r\n  display: flex;\r\n  min-width: 0;\r\n  min-height: clamp(480px, 48vw, 660px);\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  background: var(--coal);\r\n  color: var(--cream);\r\n}\r\n\r\n#mm-journal .mm-journal__art {\r\n  position: absolute;\r\n  z-index: -2;\r\n  inset: 0;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(ellipse at 75% 22%, rgba(232, 217, 184, .3), transparent 35%),\r\n    radial-gradient(ellipse at 18% 82%, rgba(113, 61, 75, .72), transparent 52%),\r\n    linear-gradient(135deg, #423039 0%, #272326 54%, #17181A 100%);\r\n}\r\n\r\n#mm-journal .mm-journal__art::before,\r\n#mm-journal .mm-journal__art::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  pointer-events: none;\r\n}\r\n\r\n#mm-journal .mm-journal__art::before {\r\n  top: 10%;\r\n  right: -9%;\r\n  width: min(57%, 420px);\r\n  aspect-ratio: 1;\r\n  border: 1px solid rgba(244, 240, 231, .22);\r\n  border-radius: 50%;\r\n  box-shadow:\r\n    0 0 0 32px rgba(244, 240, 231, .035),\r\n    0 0 0 72px rgba(244, 240, 231, .025);\r\n}\r\n\r\n#mm-journal .mm-journal__art::after {\r\n  right: 12%;\r\n  bottom: 24%;\r\n  width: 34%;\r\n  height: 1px;\r\n  background: rgba(232, 217, 184, .72);\r\n  transform: rotate(-35deg);\r\n  transform-origin: right center;\r\n}\r\n\r\n#mm-journal .mm-journal__feature::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: -1;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(23, 24, 26, .08) 0%,\r\n    rgba(23, 24, 26, .18) 35%,\r\n    rgba(23, 24, 26, .92) 100%\r\n  );\r\n  pointer-events: none;\r\n}\r\n\r\n#mm-journal .mm-journal__feature-inner {\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: clamp(28px, 4vw, 54px);\r\n}\r\n\r\n#mm-journal .mm-journal__feature-label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  margin-bottom: 20px;\r\n  color: #E8D9B8;\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  letter-spacing: .2em;\r\n  line-height: 1.5;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#mm-journal .mm-journal__feature-label::before {\r\n  content: \"\";\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background: currentColor;\r\n}\r\n\r\n#mm-journal .mm-journal__feature-title {\r\n  max-width: 13ch;\r\n  color: #fff;\r\n  font: 500 clamp(38px, 5vw, 68px)\/.98 var(--serif);\r\n  letter-spacing: -.015em;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n#mm-journal .mm-journal__feature-copy {\r\n  max-width: 48ch;\r\n  margin-top: 18px;\r\n  color: rgba(244, 240, 231, .84);\r\n  font-size: clamp(14px, 1.1vw, 16px);\r\n  line-height: 1.75;\r\n}\r\n\r\n#mm-journal .mm-journal__feature-link {\r\n  display: inline-flex;\r\n  min-height: 44px;\r\n  align-items: center;\r\n  gap: 14px;\r\n  margin-top: 26px;\r\n  color: #fff;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: .16em;\r\n  line-height: 1.5;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#mm-journal .mm-journal__feature-link span:last-child {\r\n  display: grid;\r\n  width: 40px;\r\n  height: 40px;\r\n  place-items: center;\r\n  border: 1px solid rgba(244, 240, 231, .48);\r\n  border-radius: 50%;\r\n  font-size: 16px;\r\n  transition:\r\n    color .25s var(--ease),\r\n    border-color .25s var(--ease),\r\n    background-color .25s var(--ease),\r\n    transform .25s var(--ease);\r\n}\r\n\r\n#mm-journal .mm-journal__feature-link:hover span:last-child {\r\n  transform: translateX(3px);\r\n  border-color: var(--cream);\r\n  background: var(--cream);\r\n  color: var(--oxblood);\r\n}\r\n\r\n\/* Supporting editorial cards *\/\r\n#mm-journal .mm-journal__stories {\r\n  display: grid;\r\n  min-width: 0;\r\n  grid-template-rows: repeat(2, minmax(0, 1fr));\r\n  gap: clamp(18px, 2vw, 26px);\r\n}\r\n\r\n#mm-journal .mm-journal__story {\r\n  display: grid;\r\n  min-width: 0;\r\n  grid-template-columns: minmax(108px, .72fr) minmax(0, 1fr);\r\n  align-items: stretch;\r\n  gap: clamp(18px, 2vw, 28px);\r\n  padding: clamp(18px, 2vw, 28px);\r\n  border: 1px solid var(--line);\r\n  background: rgba(255, 255, 255, .48);\r\n  transition:\r\n    border-color .3s var(--ease),\r\n    background-color .3s var(--ease),\r\n    transform .3s var(--ease);\r\n}\r\n\r\n#mm-journal .mm-journal__story:hover {\r\n  transform: translateY(-3px);\r\n  border-color: rgba(113, 61, 75, .55);\r\n  background: #fff;\r\n}\r\n\r\n#mm-journal .mm-journal__story-art {\r\n  position: relative;\r\n  display: grid;\r\n  min-width: 0;\r\n  min-height: 160px;\r\n  place-items: center;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(circle at 72% 25%, rgba(255, 255, 255, .72), transparent 38%),\r\n    linear-gradient(145deg, #D8CFBF, #ECE6DA);\r\n}\r\n\r\n#mm-journal .mm-journal__story-art::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 72%;\r\n  aspect-ratio: 1;\r\n  border: 1px solid rgba(113, 61, 75, .42);\r\n  border-radius: 50%;\r\n}\r\n\r\n#mm-journal .mm-journal__story-art::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 48%;\r\n  height: 1px;\r\n  background: rgba(113, 61, 75, .65);\r\n  transform: rotate(-42deg);\r\n}\r\n\r\n#mm-journal .mm-journal__story-art--dark {\r\n  background:\r\n    radial-gradient(circle at 25% 72%, rgba(113, 61, 75, .34), transparent 46%),\r\n    linear-gradient(145deg, #DED5C5, #F1ECE2);\r\n}\r\n\r\n#mm-journal .mm-journal__story-art--dark::before {\r\n  width: 58%;\r\n  border-color: rgba(34, 35, 38, .36);\r\n  border-radius: 0;\r\n  transform: rotate(45deg);\r\n}\r\n\r\n#mm-journal .mm-journal__story-art--dark::after {\r\n  width: 68%;\r\n  background: rgba(34, 35, 38, .5);\r\n  transform: rotate(45deg);\r\n}\r\n\r\n\/* Card background images *\/\r\n#mm-journal .mm-journal__art {\r\n  background-image:\r\n    linear-gradient(180deg, rgba(23, 24, 26, .08), rgba(23, 24, 26, .32)),\r\n    url(\"https:\/\/demowebdesign.live\/martinoforpresident\/wp-content\/uploads\/2026\/10\/campagin-1.jpg\");\r\n  background-position: center;\r\n  background-size: cover;\r\n}\r\n\r\n#mm-journal .mm-journal__story:nth-child(1) .mm-journal__story-art {\r\n  background-image:\r\n    linear-gradient(rgba(34, 35, 38, .12), rgba(34, 35, 38, .12)),\r\n    url(\"https:\/\/demowebdesign.live\/martinoforpresident\/wp-content\/uploads\/2026\/10\/campagin-2.jpg\");\r\n  background-position: center;\r\n  background-size: cover;\r\n}\r\n\r\n#mm-journal .mm-journal__story:nth-child(2) .mm-journal__story-art {\r\n  background-image:\r\n    linear-gradient(rgba(34, 35, 38, .16), rgba(34, 35, 38, .16)),\r\n    url(\"https:\/\/demowebdesign.live\/martinoforpresident\/wp-content\/uploads\/2026\/10\/campagin-3.jpg\");\r\n  background-position: center;\r\n  background-size: cover;\r\n}\r\n\r\n#mm-journal .mm-journal__story-number {\r\n  position: relative;\r\n  z-index: 1;\r\n  color: rgba(34, 35, 38, .76);\r\n  font: 400 clamp(38px, 4vw, 54px)\/1 var(--serif);\r\n}\r\n\r\n#mm-journal .mm-journal__story-content {\r\n  display: flex;\r\n  min-width: 0;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n}\r\n\r\n#mm-journal .mm-journal__story-kicker {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: 8px;\r\n  color: var(--oxblood);\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  letter-spacing: .17em;\r\n  line-height: 1.5;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#mm-journal .mm-journal__story-kicker::before {\r\n  content: \"\";\r\n  width: 18px;\r\n  height: 1px;\r\n  background: currentColor;\r\n}\r\n\r\n#mm-journal .mm-journal__story-title {\r\n  margin-top: 12px;\r\n  color: var(--ink);\r\n  font: 500 clamp(24px, 2.4vw, 32px)\/1.08 var(--serif);\r\n  letter-spacing: -.01em;\r\n  overflow-wrap: anywhere;\r\n  transition: color .25s var(--ease);\r\n}\r\n\r\n#mm-journal .mm-journal__story:hover .mm-journal__story-title {\r\n  color: var(--oxblood);\r\n}\r\n\r\n#mm-journal .mm-journal__story-copy {\r\n  margin-top: 10px;\r\n  color: var(--gray);\r\n  font-size: 13px;\r\n  line-height: 1.7;\r\n}\r\n\r\n#mm-journal .mm-journal__story-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  margin-top: auto;\r\n  padding-top: 17px;\r\n  color: var(--ink);\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  letter-spacing: .13em;\r\n  line-height: 1.5;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#mm-journal .mm-journal__story-link span {\r\n  font-size: 16px;\r\n  transition: transform .25s var(--ease);\r\n}\r\n\r\n#mm-journal .mm-journal__story:hover .mm-journal__story-link span {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* Bottom signature line *\/\r\n#mm-journal .mm-journal__foot {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 18px;\r\n  margin-top: clamp(32px, 4vw, 52px);\r\n  color: var(--gray);\r\n  font-size: 9px;\r\n  font-weight: 600;\r\n  letter-spacing: .2em;\r\n  line-height: 1.6;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#mm-journal .mm-journal__foot::after {\r\n  content: \"\";\r\n  flex: 1;\r\n  height: 1px;\r\n  background: var(--line);\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 960px) {\r\n  #mm-journal .mm-journal__head {\r\n    align-items: flex-start;\r\n  }\r\n\r\n  #mm-journal .mm-journal__grid {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  #mm-journal .mm-journal__feature {\r\n    min-height: clamp(430px, 65vw, 580px);\r\n  }\r\n\r\n  #mm-journal .mm-journal__stories {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    grid-template-rows: auto;\r\n  }\r\n\r\n  #mm-journal .mm-journal__story {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 16px;\r\n  }\r\n\r\n  #mm-journal .mm-journal__story-art {\r\n    min-height: 0;\r\n    aspect-ratio: 16 \/ 9;\r\n  }\r\n\r\n  #mm-journal .mm-journal__story-content {\r\n    min-height: 190px;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 600px) {\r\n  #mm-journal {\r\n    --pad: clamp(18px, 5vw, 26px);\r\n    padding-block: 54px;\r\n  }\r\n\r\n  #mm-journal .mm-journal__head {\r\n    flex-direction: column;\r\n    gap: 22px;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  #mm-journal .mm-journal__eyebrow {\r\n    gap: 11px;\r\n    margin-bottom: 16px;\r\n    font-size: 9px;\r\n    letter-spacing: .19em;\r\n  }\r\n\r\n  #mm-journal .mm-journal__eyebrow::before {\r\n    flex-basis: 26px;\r\n    width: 26px;\r\n  }\r\n\r\n  #mm-journal .mm-journal__title {\r\n    font-size: clamp(44px, 12vw, 62px);\r\n  }\r\n\r\n  #mm-journal .mm-journal__dek {\r\n    margin-top: 12px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  #mm-journal .mm-journal__all {\r\n    gap: 10px;\r\n    font-size: 9px;\r\n  }\r\n\r\n  #mm-journal .mm-journal__all-arrow {\r\n    width: 38px;\r\n    height: 38px;\r\n  }\r\n\r\n  #mm-journal .mm-journal__divider {\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  #mm-journal .mm-journal__feature {\r\n    min-height: 430px;\r\n  }\r\n\r\n  #mm-journal .mm-journal__feature-inner {\r\n    padding: 26px 22px;\r\n  }\r\n\r\n  #mm-journal .mm-journal__feature-title {\r\n    font-size: clamp(38px, 10vw, 52px);\r\n  }\r\n\r\n  #mm-journal .mm-journal__feature-copy {\r\n    margin-top: 14px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  #mm-journal .mm-journal__stories {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 14px;\r\n  }\r\n\r\n  #mm-journal .mm-journal__story {\r\n    grid-template-columns: minmax(96px, .7fr) minmax(0, 1fr);\r\n    gap: 16px;\r\n    padding: 16px;\r\n  }\r\n\r\n  #mm-journal .mm-journal__story-art {\r\n    min-height: 140px;\r\n    aspect-ratio: auto;\r\n  }\r\n\r\n  #mm-journal .mm-journal__story-content {\r\n    min-height: 0;\r\n  }\r\n\r\n  #mm-journal .mm-journal__story-title {\r\n    font-size: clamp(23px, 6vw, 29px);\r\n  }\r\n\r\n  #mm-journal .mm-journal__story-copy {\r\n    font-size: 12px;\r\n  }\r\n\r\n  #mm-journal .mm-journal__story-link {\r\n    padding-top: 12px;\r\n    font-size: 8px;\r\n    letter-spacing: .1em;\r\n  }\r\n\r\n  #mm-journal .mm-journal__foot {\r\n    gap: 12px;\r\n    margin-top: 28px;\r\n    font-size: 8px;\r\n    letter-spacing: .14em;\r\n  }\r\n}\r\n\r\n\/* Narrow phones *\/\r\n@media (max-width: 380px) {\r\n  #mm-journal {\r\n    --pad: 16px;\r\n  }\r\n\r\n  #mm-journal .mm-journal__story {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  #mm-journal .mm-journal__story-art {\r\n    aspect-ratio: 16 \/ 8;\r\n  }\r\n\r\n  #mm-journal .mm-journal__story-content {\r\n    min-height: 0;\r\n  }\r\n\r\n  #mm-journal .mm-journal__feature {\r\n    min-height: 400px;\r\n  }\r\n\r\n  #mm-journal .mm-journal__feature-title {\r\n    font-size: 38px;\r\n  }\r\n}\r\n\r\n\/* Motion accessibility *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #mm-journal *,\r\n  #mm-journal *::before,\r\n  #mm-journal *::after {\r\n    scroll-behavior: auto !important;\r\n    animation-duration: .01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: .01ms !important;\r\n  }\r\n\r\n  #mm-journal.mm-js [data-r] {\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  #mm-journal.mm-js [data-line] {\r\n    transform: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"mm-journal\" aria-labelledby=\"mm-journal-title\">\r\n  <div class=\"mm-journal__wrap\">\r\n\r\n    <header class=\"mm-journal__head\">\r\n      <div class=\"mm-journal__intro\">\r\n        <p class=\"mm-journal__eyebrow\" data-r>Ideas &amp; Principles<\/p>\r\n        <h2 class=\"mm-journal__title\" id=\"mm-journal-title\" data-r>\r\n          The Campaign <em>Journal<\/em>\r\n        <\/h2>\r\n        <p class=\"mm-journal__dek\" data-r style=\"--d:80ms\">\r\n          A closer look at the principles, priorities, and people shaping the campaign.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <a class=\"mm-journal__all\" href=\"#updates\" data-r style=\"--d:160ms\">\r\n        Follow the Campaign\r\n        <span class=\"mm-journal__all-arrow\" aria-hidden=\"true\">&rarr;<\/span>\r\n      <\/a>\r\n    <\/header>\r\n\r\n    <div class=\"mm-journal__divider\" data-line aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"mm-journal__grid\">\r\n\r\n      <article class=\"mm-journal__feature\" data-r>\r\n        <div class=\"mm-journal__art\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"mm-journal__feature-inner\">\r\n          <p class=\"mm-journal__feature-label\">The Vision<\/p>\r\n          <h3 class=\"mm-journal__feature-title\">A Bridge Across America<\/h3>\r\n          <p class=\"mm-journal__feature-copy\">\r\n            Explore a vision centered on bringing people together, restoring public trust, and keeping leadership accountable to the people.\r\n          <\/p>\r\n          <a class=\"mm-journal__feature-link\" href=\"https:\/\/demowebdesign.live\/martinoforpresident\/vision\/\">\r\n            Explore the Vision\r\n            <span aria-hidden=\"true\">&rarr;<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <div class=\"mm-journal__stories\">\r\n\r\n        <article class=\"mm-journal__story\" data-r style=\"--d:100ms\">\r\n          <figure class=\"mm-journal__story-art\" aria-hidden=\"true\">\r\n            <span class=\"mm-journal__story-number\">01<\/span>\r\n          <\/figure>\r\n          <div class=\"mm-journal__story-content\">\r\n            <p class=\"mm-journal__story-kicker\">Principles<\/p>\r\n            <h3 class=\"mm-journal__story-title\">Public Accountability<\/h3>\r\n            <p class=\"mm-journal__story-copy\">\r\n              Learn about the campaign\u2019s emphasis on responsible government and transparent leadership.\r\n            <\/p>\r\n            <a class=\"mm-journal__story-link\" href=\"https:\/\/demowebdesign.live\/martinoforpresident\/platform\/\">\r\n              Explore the Platform\r\n              <span aria-hidden=\"true\">&rarr;<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"mm-journal__story\" data-r style=\"--d:180ms\">\r\n          <figure class=\"mm-journal__story-art mm-journal__story-art--dark\" aria-hidden=\"true\">\r\n            <span class=\"mm-journal__story-number\">02<\/span>\r\n          <\/figure>\r\n          <div class=\"mm-journal__story-content\">\r\n            <p class=\"mm-journal__story-kicker\">Independent Leadership<\/p>\r\n            <h3 class=\"mm-journal__story-title\">A Different Kind of Politics<\/h3>\r\n            <p class=\"mm-journal__story-copy\">\r\n              Discover the campaign\u2019s focus on putting people and shared priorities first.\r\n            <\/p>\r\n            <a class=\"mm-journal__story-link\" href=\"https:\/\/demowebdesign.live\/martinoforpresident\/vision\/\">\r\n              Read the Vision\r\n              <span aria-hidden=\"true\">&rarr;<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <p class=\"mm-journal__foot\" data-r style=\"--d:240ms\">\r\n      Michael Martino \u00b7 2028\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var root = document.getElementById('mm-journal');\r\n  if (!root || root.getAttribute('data-ready') === '1') return;\r\n\r\n  root.setAttribute('data-ready', '1');\r\n\r\n  var items = Array.prototype.slice.call(\r\n    root.querySelectorAll('[data-r], [data-line]')\r\n  );\r\n\r\n  function show(element) {\r\n    element.classList.add('is-in');\r\n  }\r\n\r\n  if (!('IntersectionObserver' in window)) {\r\n    items.forEach(show);\r\n    return;\r\n  }\r\n\r\n  var reducedMotion = window.matchMedia &&\r\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  var isEditor =\r\n    document.body.classList.contains('elementor-editor-active') ||\r\n    document.body.classList.contains('elementor-editor-preview');\r\n\r\n  if (reducedMotion || isEditor) {\r\n    items.forEach(show);\r\n    return;\r\n  }\r\n\r\n  root.classList.add('mm-js');\r\n\r\n  var observer = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry){\r\n      if (entry.isIntersecting) {\r\n        show(entry.target);\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, {\r\n    threshold: .08,\r\n    rootMargin: '0px 0px -3% 0px'\r\n  });\r\n\r\n  items.forEach(function(element){\r\n    observer.observe(element);\r\n  });\r\n\r\n  window.setTimeout(function(){\r\n    items.forEach(function(element){\r\n      if (element.classList.contains('is-in')) return;\r\n\r\n      var rect = element.getBoundingClientRect();\r\n      if (rect.top < window.innerHeight) {\r\n        show(element);\r\n        observer.unobserve(element);\r\n      }\r\n    });\r\n  }, 900);\r\n})();\r\n<\/script>\r\n\r\n<noscript>\r\n  <style>\r\n    #mm-journal [data-r],\r\n    #mm-journal [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 ===== -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9761f90 e-con-full e-flex e-con e-parent\" data-id=\"9761f90\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb36171 elementor-widget elementor-widget-html\" data-id=\"eb36171\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== MM-SECTION-START ===== -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');\r\n\r\n\/* ---------- RESET (zero specificity: never overrides spacing) ---------- *\/\r\n#mm-join, #mm-join *, #mm-join *::before, #mm-join *::after{box-sizing:border-box;}\r\n:where(#mm-join) :where(p,h2,h3,ul,li,figure,div,fieldset,legend){margin:0;padding:0;}\r\n:where(#mm-join) :where(a){color:inherit;text-decoration:none;}\r\n\r\n\/* ---------- ROOT ---------- *\/\r\n#mm-join{\r\n  --cream:#F4F0E7; --ink:#222326; --oxblood:#713D4B; --oxblood-deep:#5A2F3B;\r\n  --gray:#65635F; --line:#D5CFC3; --card:#FBF9F4; --gold:#E8D9B8; --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  --pad:clamp(22px,5vw,80px);\r\n  --e:cubic-bezier(.22,.61,.36,1);\r\n  position:relative; display:block; width:100%; isolation:isolate; overflow:hidden;\r\n  background:var(--coal);\r\n  \/* full-bleed background even inside a boxed Elementor container *\/\r\n  box-shadow:0 0 0 100vmax var(--coal); clip-path:inset(0 -100vmax);\r\n  padding:clamp(84px,9.5vw,150px) 0;\r\n  font-family:var(--sans); color:var(--cream); font-size:16px; line-height:1.6;\r\n  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\r\n}\r\n#mm-join::before{content:\"\";position:absolute;z-index:-1;inset:0;pointer-events:none;\r\n  background:\r\n    radial-gradient(60% 70% at 8% 0%,rgba(113,61,75,.55),transparent 62%),\r\n    radial-gradient(45% 55% at 100% 100%,rgba(113,61,75,.28),transparent 65%);}\r\n#mm-join :focus-visible{outline:2px solid var(--gold);outline-offset:4px;}\r\n#mm-join .mm-wrap{width:100%;max-width:1360px;margin:0 auto;padding:0 var(--pad);}\r\n#mm-join .mm-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;\r\n  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;}\r\n\r\n\/* ---------- REVEAL ---------- *\/\r\n#mm-join [data-r]{opacity:0;transform:translateY(22px);\r\n  transition:opacity .8s var(--e) var(--d,0ms),transform .8s var(--e) var(--d,0ms);}\r\n#mm-join [data-r].is-in{opacity:1;transform:none;}\r\n#mm-join [data-line]{transform:scaleX(0);transform-origin:left;transition:transform .9s var(--e) var(--d,0ms);}\r\n#mm-join [data-line].is-in{transform:scaleX(1);}\r\n#mm-join [data-slide]{opacity:0;transform:translateY(30px);\r\n  transition:opacity .9s var(--e) var(--d,0ms),transform .9s var(--e) var(--d,0ms);}\r\n#mm-join [data-slide].is-in{opacity:1;transform:none;}\r\n\r\n\/* ---------- LAYOUT ---------- *\/\r\n#mm-join .mm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);\r\n  gap:clamp(48px,7vw,130px);align-items:center;}\r\n\r\n\/* ---------- LEFT ---------- *\/\r\n#mm-join .mm-left{display:block;max-width:560px;}\r\n#mm-join .mm-eyebrow{display:flex;align-items:center;gap:16px;margin:0 0 26px;\r\n  font:600 11px\/1.4 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);}\r\n#mm-join .mm-eyebrow::before{content:\"\";display:block;width:38px;height:1px;background:var(--gold);flex:none;}\r\n#mm-join .mm-h2{display:block;margin:0;font-family:var(--serif);font-weight:400;\r\n  font-size:clamp(44px,5.8vw,84px);line-height:1.01;letter-spacing:-.015em;color:#fff;}\r\n#mm-join .mm-h2 em{font-style:italic;font-weight:400;color:var(--gold);}\r\n#mm-join .mm-lede{display:block;margin:clamp(26px,2.8vw,36px) 0 0;max-width:46ch;\r\n  font-size:clamp(15.5px,1.1vw,17.5px);line-height:1.85;color:rgba(244,240,231,.74);}\r\n\r\n#mm-join .mm-steps{display:block;margin:clamp(40px,4.6vw,64px) 0 0;}\r\n#mm-join .mm-hair{display:block;height:1px;background:rgba(244,240,231,.18);}\r\n#mm-join .mm-step{position:relative;display:grid;grid-template-columns:clamp(54px,5vw,72px) minmax(0,1fr);\r\n  gap:clamp(14px,1.6vw,24px);align-items:start;padding:clamp(26px,2.6vw,36px) 0;}\r\n#mm-join .mm-step::before{content:\"\";position:absolute;left:0;top:-1px;height:1px;width:100%;background:var(--gold);\r\n  transform:scaleX(0);transform-origin:left;transition:transform .6s var(--e);}\r\n#mm-join .mm-step:hover::before{transform:scaleX(1);}\r\n#mm-join .mm-step__no{display:block;font-family:var(--serif);font-style:italic;font-weight:400;\r\n  font-size:clamp(34px,3.2vw,46px);line-height:1;color:rgba(244,240,231,.4);transition:color .45s var(--e);}\r\n#mm-join .mm-step:hover .mm-step__no{color:var(--gold);}\r\n#mm-join .mm-step__k{display:block;margin:2px 0 0;font:700 11px\/1.4 var(--sans);letter-spacing:.22em;\r\n  text-transform:uppercase;color:#fff;}\r\n#mm-join .mm-step__p{display:block;margin:12px 0 0;max-width:42ch;font-size:clamp(14.5px,1.02vw,16px);\r\n  line-height:1.8;color:rgba(244,240,231,.7);}\r\n\r\n\/* ---------- RIGHT: FORM CARD ---------- *\/\r\n#mm-join .mm-panel{position:relative;display:block;background:var(--card);color:var(--ink);border-radius:2px;\r\n  padding:clamp(30px,3.6vw,56px) clamp(24px,3.4vw,54px) clamp(32px,3.6vw,54px);\r\n  box-shadow:0 50px 90px -40px rgba(0,0,0,.7);}\r\n#mm-join .mm-panel::before{content:\"\";position:absolute;left:0;top:0;height:3px;width:100%;\r\n  background:linear-gradient(90deg,var(--oxblood),var(--gold));}\r\n#mm-join .mm-panel__t{display:block;margin:0;font-family:var(--serif);font-weight:500;\r\n  font-size:clamp(30px,2.8vw,40px);line-height:1.1;letter-spacing:-.005em;color:var(--ink);}\r\n#mm-join .mm-panel__note{display:block;margin:12px 0 0;font:600 10px\/1.5 var(--sans);letter-spacing:.18em;\r\n  text-transform:uppercase;color:var(--gray);}\r\n#mm-join .mm-panel__body{display:block;margin:clamp(28px,3vw,40px) 0 0;}\r\n\r\n#mm-join .mm-field{display:block;margin:0 0 clamp(22px,2.2vw,28px);}\r\n#mm-join .mm-label{display:block;margin:0;font:700 10.5px\/1.4 var(--sans);letter-spacing:.2em;\r\n  text-transform:uppercase;color:var(--ink);}\r\n#mm-join .mm-req{color:var(--oxblood);}\r\n#mm-join .mm-input{display:block;width:100%;min-height:50px;margin:6px 0 0;padding:12px 0;\r\n  border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);\r\n  font:400 16px\/1.4 var(--sans);-webkit-appearance:none;appearance:none;box-shadow:none;\r\n  transition:border-color .3s var(--e),box-shadow .3s var(--e);}\r\n#mm-join .mm-input::placeholder{color:#9C988E;}\r\n#mm-join .mm-input:hover{border-bottom-color:var(--gray);}\r\n#mm-join .mm-input:focus,#mm-join .mm-input:focus-visible{outline:0;border-bottom-color:var(--oxblood);\r\n  box-shadow:0 1px 0 0 var(--oxblood);}\r\n#mm-join .mm-input.is-invalid{border-bottom-color:#A23A4F;box-shadow:0 1px 0 0 #A23A4F;}\r\n\r\n\/* chips *\/\r\n#mm-join .mm-fieldset{display:block;border:0;margin:0 0 clamp(26px,2.6vw,34px);padding:0;min-width:0;}\r\n#mm-join .mm-fieldset legend{display:block;padding:0;margin:0 0 14px;}\r\n#mm-join .mm-choices{display:flex;flex-wrap:wrap;gap:10px;}\r\n#mm-join .mm-choice{position:relative;display:inline-block;margin:0;cursor:pointer;}\r\n#mm-join .mm-choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer;}\r\n#mm-join .mm-choice span{display:inline-block;padding:11px 18px;border:1px solid var(--line);border-radius:999px;\r\n  font:600 12.5px\/1.2 var(--sans);letter-spacing:.02em;color:var(--ink);background:transparent;\r\n  transition:background-color .3s var(--e),color .3s var(--e),border-color .3s var(--e),transform .3s var(--e);}\r\n#mm-join .mm-choice:hover span{border-color:var(--oxblood);color:var(--oxblood);}\r\n#mm-join .mm-choice input:checked + span{background:var(--oxblood);border-color:var(--oxblood);color:#fff;}\r\n#mm-join .mm-choice input:focus-visible + span{outline:2px solid var(--oxblood);outline-offset:3px;}\r\n\r\n\/* consent *\/\r\n#mm-join .mm-consent{display:flex;align-items:flex-start;gap:14px;margin:0;padding-top:clamp(22px,2.2vw,28px);\r\n  border-top:1px solid var(--line);cursor:pointer;}\r\n#mm-join .mm-consent input{flex:none;width:18px;height:18px;margin:3px 0 0;accent-color:var(--oxblood);cursor:pointer;}\r\n#mm-join .mm-consent input:focus-visible{outline:2px solid var(--oxblood);outline-offset:3px;}\r\n#mm-join .mm-consent span{font-size:13.5px;line-height:1.7;color:var(--gray);}\r\n\r\n#mm-join .mm-err{display:block;margin:0;font:500 12px\/1.5 var(--sans);color:#A23A4F;}\r\n#mm-join .mm-err:not(:empty){margin-top:8px;}\r\n#mm-join .mm-status{display:block;margin:0;font:500 13.5px\/1.7 var(--sans);color:var(--ink);}\r\n#mm-join .mm-status:not(:empty){margin-top:20px;}\r\n#mm-join .mm-status[data-kind=\"ok\"]{padding-left:14px;border-left:2px solid var(--oxblood);}\r\n#mm-join .mm-status[data-kind=\"error\"]{color:#A23A4F;}\r\n\r\n\/* submit *\/\r\n#mm-join .mm-submit{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;\r\n  min-height:60px;margin:clamp(24px,2.6vw,32px) 0 0;padding:0 14px 0 30px;border:0;border-radius:2px;cursor:pointer;\r\n  background:var(--oxblood);color:#fff;font:700 12px\/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;\r\n  overflow:hidden;transition:background-color .4s var(--e),transform .4s var(--e),box-shadow .4s var(--e);}\r\n#mm-join .mm-submit__arw{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;\r\n  border-radius:50%;border:1px solid rgba(255,255,255,.45);font-size:14px;line-height:1;\r\n  transition:transform .4s var(--e),background-color .4s var(--e),color .4s var(--e),border-color .4s var(--e);}\r\n#mm-join .mm-submit:hover,#mm-join .mm-submit:focus-visible{background:var(--ink);transform:translateY(-3px);\r\n  box-shadow:0 20px 34px -16px rgba(34,35,38,.6);}\r\n#mm-join .mm-submit:hover .mm-submit__arw,#mm-join .mm-submit:focus-visible .mm-submit__arw{\r\n  transform:translateX(4px);background:var(--gold);border-color:var(--gold);color:var(--ink);}\r\n#mm-join .mm-submit[disabled],#mm-join .mm-submit[aria-busy=\"true\"]{opacity:.6;cursor:progress;transform:none;box-shadow:none;}\r\n#mm-join .mm-privacy{display:block;margin:18px 0 0;max-width:50ch;font-size:12.5px;line-height:1.7;color:var(--gray);}\r\n\r\n\/* ---------- RESPONSIVE ---------- *\/\r\n@media (max-width:960px){\r\n  #mm-join .mm-grid{grid-template-columns:minmax(0,1fr);gap:clamp(52px,9vw,72px);align-items:start;}\r\n  #mm-join .mm-left{max-width:640px;}\r\n}\r\n@media (max-width:560px){\r\n  #mm-join .mm-h2{font-size:clamp(38px,11vw,50px);}\r\n  #mm-join .mm-panel{padding:30px 22px 32px;}\r\n  #mm-join .mm-submit{padding-left:22px;}\r\n}\r\n\r\n\/* ---------- REDUCED MOTION ---------- *\/\r\n@media (prefers-reduced-motion:reduce){\r\n  #mm-join *,#mm-join *::before,#mm-join *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}\r\n  #mm-join [data-r],#mm-join [data-line],#mm-join [data-slide]{opacity:1!important;transform:none!important;}\r\n}\r\n<\/style>\r\n\r\n<section id=\"mm-join\" aria-labelledby=\"mm-join-title\">\r\n  <div class=\"mm-wrap\">\r\n    <div class=\"mm-grid\">\r\n\r\n      <!-- ============ LEFT: MESSAGE ============ -->\r\n      <div class=\"mm-left\">\r\n        <p class=\"mm-eyebrow\" data-r style=\"--d:0ms\">Be Part of the Work<\/p>\r\n        <h2 class=\"mm-h2\" id=\"mm-join-title\" data-r style=\"--d:90ms\">Join the Movement for <em>Change<\/em><\/h2>\r\n        <p class=\"mm-lede\" data-r style=\"--d:190ms\">We can&rsquo;t do this without you. Help shape a future built on unity, integrity and common-sense leadership for all Americans.<\/p>\r\n\r\n        <div class=\"mm-steps\">\r\n          <span class=\"mm-hair\" data-line style=\"--d:0ms\" aria-hidden=\"true\"><\/span>\r\n\r\n          <div class=\"mm-step\" data-r style=\"--d:260ms\">\r\n            <span class=\"mm-step__no\" aria-hidden=\"true\">01<\/span>\r\n            <div>\r\n              <p class=\"mm-step__k\">Reach Out<\/p>\r\n              <p class=\"mm-step__p\">Volunteer locally, canvass neighborhoods and connect with your community.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <span class=\"mm-hair\" data-line style=\"--d:80ms\" aria-hidden=\"true\"><\/span>\r\n\r\n          <div class=\"mm-step\" data-r style=\"--d:340ms\">\r\n            <span class=\"mm-step__no\" aria-hidden=\"true\">02<\/span>\r\n            <div>\r\n              <p class=\"mm-step__k\">Contribute Your Skills<\/p>\r\n              <p class=\"mm-step__p\">Offer your time, skills or resources to help support campaign activities and events.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <span class=\"mm-hair\" data-line style=\"--d:160ms\" aria-hidden=\"true\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ============ RIGHT: SIGN-UP FORM ============ -->\r\n      <!-- ============================================================================\r\n           FORM ENDPOINT: the form MUST be connected to the campaign's CRM \/\r\n           mailing list. Replace the `action` attribute below with the real\r\n           endpoint (e.g. Action Network, NGP VAN, Mailchimp, NationBuilder\r\n           hosted form POST URL). Keep method=\"post\".\r\n           The hidden `action=mm_volunteer_signup` input is a WordPress\r\n           admin-ajax placeholder: rename it to your CRM's field name.\r\n           The JavaScript only validates and renders states; it never posts to\r\n           a fake URL, it calls preventDefault() and shows the success state.\r\n           ============================================================================ -->\r\n      <form class=\"mm-panel\" id=\"mm-join-form\" data-form action=\"\/wp-admin\/admin-ajax.php\" method=\"post\" novalidate\r\n            data-slide style=\"--d:160ms\" aria-labelledby=\"mm-join-title\">\r\n        <input type=\"hidden\" name=\"action\" value=\"mm_volunteer_signup\">\r\n\r\n        <h3 class=\"mm-panel__t\">Volunteer sign-up<\/h3>\r\n        <p class=\"mm-panel__note\">Fields marked with an <span aria-hidden=\"true\">*<\/span><span class=\"mm-sr\">asterisk<\/span> are required<\/p>\r\n\r\n        <div class=\"mm-panel__body\">\r\n\r\n          <div class=\"mm-field\">\r\n            <label class=\"mm-label\" for=\"mm-join-name\">Full name <span class=\"mm-req\" aria-hidden=\"true\">*<\/span><\/label>\r\n            <input class=\"mm-input\" id=\"mm-join-name\" name=\"full_name\" type=\"text\" autocomplete=\"name\"\r\n                   aria-describedby=\"mm-join-name-err\" required>\r\n            <p class=\"mm-err\" id=\"mm-join-name-err\" data-err aria-live=\"polite\"><\/p>\r\n          <\/div>\r\n\r\n          <div class=\"mm-field\">\r\n            <label class=\"mm-label\" for=\"mm-join-email\">Email address <span class=\"mm-req\" aria-hidden=\"true\">*<\/span><\/label>\r\n            <input class=\"mm-input\" id=\"mm-join-email\" name=\"email\" type=\"email\" autocomplete=\"email\"\r\n                   inputmode=\"email\" aria-describedby=\"mm-join-email-err\" required>\r\n            <p class=\"mm-err\" id=\"mm-join-email-err\" data-err aria-live=\"polite\"><\/p>\r\n          <\/div>\r\n\r\n          <div class=\"mm-field\">\r\n            <label class=\"mm-label\" for=\"mm-join-zip\">ZIP code <span class=\"mm-req\" aria-hidden=\"true\">*<\/span><\/label>\r\n            <input class=\"mm-input\" id=\"mm-join-zip\" name=\"zip\" type=\"text\" autocomplete=\"postal-code\"\r\n                   inputmode=\"numeric\" pattern=\"\\d{5}(-\\d{4})?\" maxlength=\"10\"\r\n                   aria-describedby=\"mm-join-zip-err\" required>\r\n            <p class=\"mm-err\" id=\"mm-join-zip-err\" data-err aria-live=\"polite\"><\/p>\r\n          <\/div>\r\n\r\n          <fieldset class=\"mm-fieldset\">\r\n            <legend class=\"mm-label\">How would you like to help?<\/legend>\r\n            <div class=\"mm-choices\">\r\n              <label class=\"mm-choice\"><input type=\"checkbox\" name=\"help\" value=\"Volunteer locally\"><span>Volunteer locally<\/span><\/label>\r\n              <label class=\"mm-choice\"><input type=\"checkbox\" name=\"help\" value=\"Help with events\"><span>Help with events<\/span><\/label>\r\n              <label class=\"mm-choice\"><input type=\"checkbox\" name=\"help\" value=\"Support campaign outreach\"><span>Support campaign outreach<\/span><\/label>\r\n              <label class=\"mm-choice\"><input type=\"checkbox\" name=\"help\" value=\"Receive campaign updates\"><span>Receive campaign updates<\/span><\/label>\r\n              <label class=\"mm-choice\"><input type=\"checkbox\" name=\"help\" value=\"Other\"><span>Other<\/span><\/label>\r\n            <\/div>\r\n          <\/fieldset>\r\n\r\n          <label class=\"mm-consent\" for=\"mm-join-consent\">\r\n            <input type=\"checkbox\" id=\"mm-join-consent\" name=\"consent\" value=\"yes\"\r\n                   aria-describedby=\"mm-join-consent-err\" required>\r\n            <span>Yes, I agree to join the campaign mailing list and receive updates by email. I understand I can opt out at any time.<\/span>\r\n          <\/label>\r\n          <p class=\"mm-err\" id=\"mm-join-consent-err\" data-err aria-live=\"polite\"><\/p>\r\n\r\n          <button class=\"mm-submit\" type=\"submit\" data-submit aria-busy=\"false\">\r\n            <span data-label>SIGN ME UP<\/span><span class=\"mm-submit__arw\" aria-hidden=\"true\">&rarr;<\/span>\r\n          <\/button>\r\n\r\n          <p class=\"mm-status\" data-status role=\"status\" aria-live=\"polite\"><\/p>\r\n\r\n          <p class=\"mm-privacy\">We only use your details to coordinate volunteer activity and send campaign updates. You can ask to be removed at any time.<\/p>\r\n        <\/div>\r\n      <\/form>\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-join');\r\n  if(!root || root.getAttribute('data-ready') === '1') return;\r\n  root.setAttribute('data-ready','1');\r\n\r\n  \/* ---- entrance reveals (observe once, never replay) ---- *\/\r\n  var items = root.querySelectorAll('[data-r],[data-line],[data-slide]');\r\n  function show(el){ el.classList.add('is-in'); }\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(en){ if(en.isIntersecting){ show(en.target); io.unobserve(en.target); } });\r\n    },{ threshold:.1, rootMargin:'0px 0px -4% 0px' });\r\n    Array.prototype.forEach.call(items, function(el){ io.observe(el); });\r\n    \/* safety net: never leave content invisible *\/\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 r = el.getBoundingClientRect();\r\n        if(r.top < window.innerHeight) show(el);\r\n      });\r\n    }, 800);\r\n  } else {\r\n    Array.prototype.forEach.call(items, show);\r\n  }\r\n\r\n  \/* ---- sign-up form: validation, states, inline messaging ---- *\/\r\n  var form = root.querySelector('[data-form]');\r\n  if(!form) return;\r\n\r\n  var statusEl  = form.querySelector('[data-status]');\r\n  var submitBtn = form.querySelector('[data-submit]');\r\n  var labelEl   = submitBtn ? submitBtn.querySelector('[data-label]') : null;\r\n\r\n  var inputs = {\r\n    name:    document.getElementById('mm-join-name'),\r\n    email:   document.getElementById('mm-join-email'),\r\n    zip:     document.getElementById('mm-join-zip'),\r\n    consent: document.getElementById('mm-join-consent')\r\n  };\r\n  var errIds = {\r\n    name:'mm-join-name-err', email:'mm-join-email-err',\r\n    zip:'mm-join-zip-err',   consent:'mm-join-consent-err'\r\n  };\r\n  var order = ['name','email','zip','consent'];\r\n  var EMAIL_RE = \/^[^\\s@]+@[^\\s@]+\\.[A-Za-z]{2,}$\/;\r\n  var ZIP_RE   = \/^\\d{5}(-\\d{4})?$\/;\r\n\r\n  function trim(v){ return (v || '').replace(\/^\\s+|\\s+$\/g,''); }\r\n\r\n  function messageFor(key){\r\n    var el = inputs[key];\r\n    if(!el) return '';\r\n    if(key === 'consent'){\r\n      return el.checked ? '' : 'Please confirm that you agree to receive campaign updates.';\r\n    }\r\n    var v = trim(el.value);\r\n    if(key === 'name'){\r\n      if(!v) return 'Please enter your full name.';\r\n      if(v.length < 2) return 'Please enter at least 2 characters.';\r\n      return '';\r\n    }\r\n    if(key === 'email'){\r\n      if(!v) return 'Please enter your email address.';\r\n      if(!EMAIL_RE.test(v)) return 'Please enter a valid email address, e.g. name@example.com.';\r\n      return '';\r\n    }\r\n    if(key === 'zip'){\r\n      if(!v) return 'Please enter your ZIP code.';\r\n      if(!ZIP_RE.test(v)) return 'Enter a 5-digit ZIP code, e.g. 10001 or 10001-1234.';\r\n      return '';\r\n    }\r\n    return '';\r\n  }\r\n\r\n  function render(key, msg){\r\n    var el  = inputs[key];\r\n    var box = document.getElementById(errIds[key]);\r\n    if(box) box.textContent = msg || '';\r\n    if(!el) return;\r\n    if(msg){ el.setAttribute('aria-invalid','true'); el.classList.add('is-invalid'); }\r\n    else   { el.removeAttribute('aria-invalid'); el.classList.remove('is-invalid'); }\r\n  }\r\n\r\n  function check(key){ var m = messageFor(key); render(key, m); return !m; }\r\n\r\n  function setStatus(msg, kind){\r\n    if(!statusEl) return;\r\n    statusEl.textContent = msg || '';\r\n    statusEl.setAttribute('data-kind', kind || '');\r\n  }\r\n\r\n  Array.prototype.forEach.call(order, function(key){\r\n    var el = inputs[key];\r\n    if(!el) return;\r\n    el.addEventListener(key === 'consent' ? 'change' : 'blur', function(){ check(key); });\r\n    el.addEventListener('input', function(){ if(el.classList.contains('is-invalid')) check(key); });\r\n  });\r\n\r\n  form.addEventListener('submit', function(e){\r\n    e.preventDefault(); \/* handled in-page: no silent post to a fake URL *\/\r\n    if(submitBtn && submitBtn.getAttribute('aria-busy') === 'true') return;\r\n\r\n    var firstInvalid = null, i;\r\n    for(i = 0; i < order.length; i++){\r\n      if(!check(order[i]) && !firstInvalid) firstInvalid = inputs[order[i]];\r\n    }\r\n    if(firstInvalid){\r\n      setStatus('Please correct the highlighted fields and try again.', 'error');\r\n      firstInvalid.focus();\r\n      return;\r\n    }\r\n\r\n    var first = (trim(inputs.name && inputs.name.value).split(' ')[0]) || 'there';\r\n    setStatus('', '');\r\n    if(submitBtn){\r\n      submitBtn.setAttribute('aria-busy','true');\r\n      submitBtn.disabled = true;\r\n      if(labelEl) labelEl.textContent = 'SENDING\\u2026';\r\n    }\r\n\r\n    \/* ---- DEVELOPMENT NOTE -------------------------------------------------\r\n       Replace this timeout with a real POST (fetch\/XHR) to the CRM endpoint\r\n       set in the form's `action` attribute. On a 2xx response show the success\r\n       state below; on failure call setStatus('...', 'error').\r\n       ---------------------------------------------------------------------- *\/\r\n    window.setTimeout(function(){\r\n      if(submitBtn){\r\n        submitBtn.removeAttribute('aria-busy');\r\n        submitBtn.setAttribute('aria-busy','false');\r\n        submitBtn.disabled = false;\r\n        if(labelEl) labelEl.textContent = 'SIGN ME UP';\r\n      }\r\n      form.reset();\r\n      Array.prototype.forEach.call(order, function(key){\r\n        var el = inputs[key];\r\n        if(el){ el.removeAttribute('aria-invalid'); el.classList.remove('is-invalid'); }\r\n        var box = document.getElementById(errIds[key]);\r\n        if(box) box.textContent = '';\r\n      });\r\n      setStatus('Thank you, ' + first + '. Your details have been received \\u2014 the campaign team will be in touch about volunteer opportunities.', 'ok');\r\n      if(statusEl){ statusEl.setAttribute('tabindex','-1'); statusEl.focus(); }\r\n    }, 700);\r\n  });\r\n})();\r\n<\/script>\r\n<noscript><style>#mm-join [data-r],#mm-join [data-line],#mm-join [data-slide]{opacity:1!important;transform:none!important}<\/style><\/noscript>\r\n<!-- ===== MM-SECTION-END ===== -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73c0e12 e-con-full e-flex e-con e-parent\" data-id=\"73c0e12\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06a9af6 elementor-widget elementor-widget-html\" data-id=\"06a9af6\" 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:#F4F0E7}<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================================\r\n     MARTINO 2028 \u2014 SECTION 11 \u00b7 GRASSROOTS CONTRIBUTIONS\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-root \u2014 safe inside WordPress themes) ---------- *\/\r\n#mm-contribute.mm-root, #mm-contribute.mm-root *, #mm-contribute.mm-root *::before, #mm-contribute.mm-root *::after{box-sizing:border-box;}\r\n#mm-contribute.mm-root{\r\n  --cream:#F4F0E7; --ink:#222326; --oxblood:#713D4B; --stone:#E5DFD3;\r\n  --white:#FFFFFF; --gray:#65635F; --line:#D5CFC3; --coal:#17181A;\r\n  --mask:#F4F0E7;\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:1440px;\r\n  --pad:clamp(22px,5vw,80px);\r\n  --y:clamp(66px,8.2vw,132px);\r\n  --e:cubic-bezier(.22,.61,.36,1);\r\n  position:relative;\r\n  background:var(--cream); color:var(--ink);\r\n  font-family:var(--sans); font-size:16px; line-height:1.6;\r\n  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\r\n}\r\n#mm-contribute.mm-root p,#mm-contribute.mm-root h2,#mm-contribute.mm-root h3,\r\n#mm-contribute.mm-root ul,#mm-contribute.mm-root li,#mm-contribute.mm-root figure{margin:0;padding:0;}\r\n#mm-contribute.mm-root ul{list-style:none;}\r\n#mm-contribute.mm-root a{color:inherit;text-decoration:none;}\r\n#mm-contribute.mm-root :focus-visible{outline:2px solid var(--oxblood);outline-offset:4px;}\r\n\r\n#mm-contribute.mm-root .mm-wrap{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--pad);}\r\n#mm-contribute.mm-root .mm-eyebrow{font:500 11px\/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;}\r\n#mm-contribute.mm-root .mm-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;\r\n  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;}\r\n\r\n\/* reveal utilities *\/\r\n#mm-contribute [data-r]{opacity:0;transform:translateY(20px);transition:opacity .6s var(--e) var(--d,0ms),transform .6s var(--e) var(--d,0ms);}\r\n#mm-contribute [data-r].is-in{opacity:1;transform:none;}\r\n#mm-contribute [data-line]{transform:scaleX(0);transform-origin:left;transition:transform .8s var(--e) var(--d,0ms);}\r\n#mm-contribute [data-line].is-in{transform:scaleX(1);}\r\n#mm-contribute .mm-fade{opacity:0;transform:translateY(10px);transition:opacity .5s var(--e) var(--d,0ms),transform .5s var(--e) var(--d,0ms);}\r\n#mm-contribute .mm-fade.is-in{opacity:1;transform:none;}\r\n\r\n\/* buttons *\/\r\n#mm-contribute.mm-root .mm-btn{display:inline-flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:4px;\r\n  padding:15px 26px;font:600 12px\/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;\r\n  transition:background-color .22s var(--e),color .22s var(--e),border-color .22s var(--e),\r\n             transform .22s var(--e),box-shadow .22s var(--e);}\r\n#mm-contribute.mm-root .mm-btn--ink{background:var(--ink);color:var(--cream);}\r\n#mm-contribute.mm-root .mm-btn--ink:hover,#mm-contribute.mm-root .mm-btn--ink:focus-visible{background:var(--oxblood);color:#fff;\r\n  transform:translateY(-2px);box-shadow:0 10px 24px rgba(34,35,38,.18);}\r\n#mm-contribute.mm-root .mm-btn--ink[disabled]{background:var(--ink);color:var(--cream);cursor:not-allowed;}\r\n#mm-contribute.mm-root .mm-cta[disabled].is-in{opacity:.42;}\r\n#mm-contribute.mm-root .mm-cta[disabled]:hover{background:var(--ink);color:var(--cream);transform:none;box-shadow:none;}\r\n\r\n\/* ---------- 11 \u00b7 SECTION LAYOUT ---------- *\/\r\n#mm-contribute.mm-root .mm-sec{padding-block:var(--y);}\r\n#mm-contribute.mm-root .mm-grid{display:grid;grid-template-columns:minmax(0,54fr) minmax(0,46fr);\r\n  gap:clamp(38px,5.6vw,104px);align-items:start;}\r\n\r\n\/* ---------- 11 \u00b7 LEFT COLUMN ---------- *\/\r\n#mm-contribute.mm-root .mm-h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,5vw,68px);\r\n  line-height:1.02;letter-spacing:-.012em;max-width:18ch;}\r\n#mm-contribute.mm-root .mm-lede{margin-top:24px;font-size:clamp(15.5px,1.1vw,17.5px);line-height:1.65;\r\n  color:var(--gray);max-width:46ch;}\r\n#mm-contribute.mm-root .mm-hair{height:1px;background:var(--line);margin-top:clamp(30px,3.6vw,44px);}\r\n#mm-contribute.mm-root .mm-sub{margin-top:20px;color:var(--oxblood);\r\n  font:500 11px\/1.6 var(--sans);letter-spacing:.2em;text-transform:uppercase;}\r\n\r\n\/* ---------- 11 \u00b7 RIGHT COLUMN \u2014 CONTRIBUTION CONTROLS ---------- *\/\r\n#mm-contribute.mm-root .mm-right{padding-top:clamp(0px,3vw,54px);}\r\n#mm-contribute.mm-root .mm-label{display:block;font:600 11px\/1.4 var(--sans);letter-spacing:.14em;\r\n  text-transform:uppercase;color:var(--ink);}\r\n\r\n#mm-contribute.mm-root .mm-amount{border:0;margin:0;padding:0;min-width:0;}\r\n#mm-contribute.mm-root .mm-amount legend{padding:0;display:block;margin-bottom:16px;}\r\n#mm-contribute.mm-root .mm-amount__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}\r\n\r\n#mm-contribute.mm-root .mm-amt{position:relative;display:block;cursor:pointer;}\r\n#mm-contribute.mm-root .mm-amt input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none;}\r\n#mm-contribute.mm-root .mm-amt__box{display:flex;align-items:center;justify-content:space-between;gap:10px;\r\n  min-height:62px;padding:16px 18px;border:1px solid var(--ink);border-radius:4px;background:transparent;\r\n  color:var(--ink);font:600 14px\/1 var(--sans);letter-spacing:.06em;\r\n  transition:background-color .2s var(--e),border-color .2s var(--e),color .2s var(--e);}\r\n#mm-contribute.mm-root .mm-amt__box::after{content:\"\";width:7px;height:7px;border-radius:50%;flex:none;\r\n  background:currentColor;opacity:0;transform:scale(.4);\r\n  transition:opacity .2s var(--e),transform .2s var(--e);}\r\n#mm-contribute.mm-root .mm-amt:hover input:not(:checked)+.mm-amt__box{border-color:var(--oxblood);background:var(--stone);}\r\n#mm-contribute.mm-root .mm-amt input:focus-visible+.mm-amt__box{outline:2px solid var(--oxblood);outline-offset:3px;}\r\n#mm-contribute.mm-root .mm-amt input:checked+.mm-amt__box{background:var(--ink);color:var(--cream);border-color:var(--ink);}\r\n#mm-contribute.mm-root .mm-amt input:checked+.mm-amt__box::after{opacity:1;transform:scale(1);}\r\n\r\n\/* custom amount \u2014 smooth height + opacity reveal *\/\r\n#mm-contribute.mm-root .mm-custom{max-height:0;opacity:0;visibility:hidden;overflow:hidden;\r\n  transition:max-height .42s var(--e),opacity .3s var(--e),margin-top .42s var(--e),visibility 0s linear .42s;}\r\n#mm-contribute.mm-root .mm-custom.is-open{max-height:180px;opacity:1;visibility:visible;margin-top:16px;\r\n  transition-delay:0s,0s,0s,0s;}\r\n#mm-contribute.mm-root .mm-custom__row{display:flex;align-items:center;gap:8px;min-height:48px;margin-top:10px;\r\n  padding:0 14px;border:1px solid var(--line);border-radius:4px;background:var(--white);\r\n  transition:border-color .2s var(--e);}\r\n#mm-contribute.mm-root .mm-custom__row:hover{border-color:var(--gray);}\r\n#mm-contribute.mm-root .mm-custom__row:focus-within{outline:2px solid var(--oxblood);outline-offset:2px;border-color:var(--oxblood);}\r\n#mm-contribute.mm-root .mm-custom__row.is-invalid{border-color:var(--oxblood);}\r\n#mm-contribute.mm-root .mm-custom__cur{font:500 15px\/1 var(--sans);color:var(--gray);}\r\n#mm-contribute.mm-root .mm-custom__row input{flex:1 1 auto;width:100%;min-width:0;border:0;outline:0;background:transparent;\r\n  color:var(--ink);font:400 15px\/1.4 var(--sans);padding:12px 0;}\r\n\r\n#mm-contribute.mm-root .mm-err{display:block;margin-top:0;font:500 12px\/1.5 var(--sans);color:var(--oxblood);}\r\n#mm-contribute.mm-root .mm-err:not(:empty){margin-top:8px;}\r\n\r\n#mm-contribute.mm-root .mm-status{display:block;margin-top:0;font:500 13px\/1.6 var(--sans);color:var(--gray);}\r\n#mm-contribute.mm-root .mm-status:not(:empty){margin-top:20px;}\r\n#mm-contribute.mm-root .mm-status[data-kind=\"ready\"]{color:var(--ink);padding-left:14px;border-left:2px solid var(--oxblood);}\r\n#mm-contribute.mm-root .mm-status[data-kind=\"error\"]{color:var(--oxblood);}\r\n\r\n#mm-contribute.mm-root .mm-cta{width:100%;justify-content:center;margin-top:20px;min-height:52px;}\r\n\r\n\/* ---------- RESPONSIVE ---------- *\/\r\n@media (max-width:900px){\r\n  #mm-contribute.mm-root .mm-grid{grid-template-columns:minmax(0,1fr);gap:clamp(30px,5vw,48px);}\r\n  #mm-contribute.mm-root .mm-h2{max-width:22ch;}\r\n  #mm-contribute.mm-root .mm-right{padding-top:0;}\r\n}\r\n@media (max-width:560px){\r\n  #mm-contribute.mm-root .mm-h2{font-size:clamp(30px,8.4vw,42px);}\r\n  #mm-contribute.mm-root .mm-sec{padding-block:clamp(56px,12vw,80px);}\r\n  #mm-contribute.mm-root .mm-amt__box{min-height:56px;padding:14px 14px;font-size:13px;}\r\n  #mm-contribute.mm-root .mm-amount__grid{gap:10px;}\r\n}\r\n\r\n\/* ---------- REDUCED MOTION ---------- *\/\r\n@media (prefers-reduced-motion:reduce){\r\n  #mm-contribute.mm-root *,#mm-contribute.mm-root *::before,#mm-contribute.mm-root *::after{\r\n    animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}\r\n  #mm-contribute [data-r],#mm-contribute [data-line],#mm-contribute .mm-fade{opacity:1!important;transform:none!important;}\r\n}\r\n<\/style>\r\n\r\n<section id=\"mm-contribute\" class=\"mm-root\" aria-labelledby=\"mm-contribute-title\">\r\n  <div class=\"mm-sec\">\r\n    <div class=\"mm-wrap\">\r\n      <div class=\"mm-grid\">\r\n\r\n        <!-- ============ LEFT \u2014 EDITORIAL MESSAGE ============ -->\r\n        <div class=\"mm-left\">\r\n          <h2 class=\"mm-h2\" id=\"mm-contribute-title\" data-r style=\"--d:0ms\">Help Build the Bridge for the Next Generation.<\/h2>\r\n\r\n          <p class=\"mm-lede\" data-r style=\"--d:120ms\">Support a campaign centered on unity, public accountability and the belief that leadership should serve the people.<\/p>\r\n\r\n          <div class=\"mm-hair\" data-line style=\"--d:60ms\" aria-hidden=\"true\"><\/div>\r\n          <p class=\"mm-sub\" data-r style=\"--d:220ms\">Grassroots. Independent. People first.<\/p>\r\n        <\/div>\r\n\r\n        <!-- ============================================================================\r\n             CONTRIBUTION PROCESSING \u2014 NOT CONNECTED.\r\n             These controls must be wired to the campaign's verified, secure\r\n             contribution processor (e.g. ActBlue \/ Anedot \/ a Stripe-backed\r\n             platform). No donation is processed client-side and no payment data\r\n             is collected in this section. On launch, send the selected amount to\r\n             the processor's hosted page.\r\n             ============================================================================ -->\r\n        <!-- ============================================================================\r\n             CAMPAIGN-FINANCE DISCLAIMER \u2014 DEVELOPMENT PLACEHOLDER (do not invent).\r\n             The required legal disclaimer has NOT been supplied. Paste the approved\r\n             wording from the campaign's compliance counsel below before launch and\r\n             remove this comment wrapper.\r\n\r\n             <p class=\"mm-disclaimer\">[PASTE REQUIRED CAMPAIGN-FINANCE DISCLAIMER]<\/p>\r\n             ============================================================================ -->\r\n\r\n        <!-- ============ RIGHT \u2014 CONTRIBUTION CONTROLS ============ -->\r\n        <div class=\"mm-right\">\r\n          <fieldset class=\"mm-amount\" role=\"radiogroup\" aria-label=\"Contribution amount\">\r\n            <legend class=\"mm-label\">Contribution amount<\/legend>\r\n\r\n            <div class=\"mm-amount__grid\">\r\n              <label class=\"mm-amt mm-fade\" style=\"--d:260ms\">\r\n                <input type=\"radio\" name=\"mm-amount\" value=\"25\">\r\n                <span class=\"mm-amt__box\">$25<\/span>\r\n              <\/label>\r\n              <label class=\"mm-amt mm-fade\" style=\"--d:320ms\">\r\n                <input type=\"radio\" name=\"mm-amount\" value=\"50\">\r\n                <span class=\"mm-amt__box\">$50<\/span>\r\n              <\/label>\r\n              <label class=\"mm-amt mm-fade\" style=\"--d:380ms\">\r\n                <input type=\"radio\" name=\"mm-amount\" value=\"100\">\r\n                <span class=\"mm-amt__box\">$100<\/span>\r\n              <\/label>\r\n              <label class=\"mm-amt mm-fade\" style=\"--d:440ms\">\r\n                <input type=\"radio\" name=\"mm-amount\" value=\"other\">\r\n                <span class=\"mm-amt__box\">Other amount<\/span>\r\n              <\/label>\r\n            <\/div>\r\n          <\/fieldset>\r\n\r\n          <div class=\"mm-custom\" data-custom aria-hidden=\"true\">\r\n            <label class=\"mm-label\" for=\"mm-contribute-other\">Enter amount (USD)<\/label>\r\n            <div class=\"mm-custom__row\">\r\n              <span class=\"mm-custom__cur\" aria-hidden=\"true\">$<\/span>\r\n              <input id=\"mm-contribute-other\" type=\"text\" name=\"mm-other-amount\" inputmode=\"decimal\"\r\n                     autocomplete=\"off\" placeholder=\"0.00\" aria-describedby=\"mm-contribute-other-err\">\r\n            <\/div>\r\n            <p class=\"mm-err\" id=\"mm-contribute-other-err\" data-err aria-live=\"polite\"><\/p>\r\n          <\/div>\r\n\r\n          <p class=\"mm-status\" id=\"mm-contribute-status\" data-status role=\"status\" aria-live=\"polite\">Select an amount to continue.<\/p>\r\n\r\n          <button class=\"mm-btn mm-btn--ink mm-cta mm-fade\" style=\"--d:560ms\" type=\"button\"\r\n                  data-cta disabled aria-busy=\"false\" aria-describedby=\"mm-contribute-status\">CONTINUE TO CONTRIBUTE<\/button>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var root = document.getElementById('mm-contribute');\r\n  if(!root || root.getAttribute('data-ready') === '1') return;\r\n  root.setAttribute('data-ready','1');\r\n\r\n  \/* ---- entrance reveals (observe once, never replay) ---- *\/\r\n  var items = root.querySelectorAll('[data-r],[data-line],.mm-fade');\r\n  function show(el){ el.classList.add('is-in'); }\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(en){ if(en.isIntersecting){ show(en.target); io.unobserve(en.target); } });\r\n    },{ threshold:.1, rootMargin:'0px 0px -4% 0px' });\r\n    Array.prototype.forEach.call(items, function(el){ io.observe(el); });\r\n    \/* safety net: anything already on screen reveals even if the observer is slow *\/\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 r = el.getBoundingClientRect();\r\n        if(r.top < window.innerHeight) show(el);\r\n      });\r\n    }, 800);\r\n  } else {\r\n    Array.prototype.forEach.call(items, show);\r\n  }\r\n\r\n  \/* ---- amount selection: radiogroup state, custom amount, CTA gating ---- *\/\r\n  var fieldset = root.querySelector('.mm-amount');\r\n  var radios   = root.querySelectorAll('input[name=\"mm-amount\"]');\r\n  var custom   = root.querySelector('[data-custom]');\r\n  var otherEl  = root.querySelector('#mm-contribute-other');\r\n  var errEl    = root.querySelector('#mm-contribute-other-err');\r\n  var statusEl = root.querySelector('[data-status]');\r\n  var cta      = root.querySelector('[data-cta]');\r\n  if(!radios.length || !custom || !otherEl || !cta) return;\r\n\r\n  var rowEl = otherEl.parentNode;\r\n  var AMOUNT_RE = \/^\\d{1,7}(\\.\\d{1,2})?$\/;\r\n  var byPointer = false; \/* true when the last selection came from a click\/tap *\/\r\n\r\n  if(fieldset){\r\n    fieldset.addEventListener('mousedown', function(){ byPointer = true; });\r\n    fieldset.addEventListener('touchstart', function(){ byPointer = true; }, { passive:true });\r\n  }\r\n\r\n  var chosen = null; \/* null | '25' | '50' | '100' | 'other' *\/\r\n\r\n  function trim(v){ return (v || '').replace(\/^\\s+|\\s+$\/g,''); }\r\n\r\n  function setStatus(msg, kind){\r\n    if(!statusEl) return;\r\n    statusEl.textContent = msg || '';\r\n    statusEl.setAttribute('data-kind', kind || '');\r\n  }\r\n\r\n  function setOtherError(msg){\r\n    if(errEl) errEl.textContent = msg || '';\r\n    if(rowEl) rowEl.classList[msg ? 'add' : 'remove']('is-invalid');\r\n    if(msg) otherEl.setAttribute('aria-invalid','true');\r\n    else otherEl.removeAttribute('aria-invalid');\r\n  }\r\n\r\n  function openCustom(open){\r\n    \/* the closed state uses visibility:hidden, so the input is unfocusable while hidden *\/\r\n    if(open){\r\n      custom.classList.add('is-open');\r\n      custom.setAttribute('aria-hidden','false');\r\n    } else {\r\n      custom.classList.remove('is-open');\r\n      custom.setAttribute('aria-hidden','true');\r\n      setOtherError('');\r\n    }\r\n  }\r\n\r\n  function customAmount(){\r\n    var v = trim(otherEl.value);\r\n    if(!v) return { ok:false, msg:'Please enter an amount to continue.' };\r\n    if(!AMOUNT_RE.test(v) || parseFloat(v) <= 0) return { ok:false, msg:'Enter a valid amount, e.g. 75 or 75.00.' };\r\n    return { ok:true, value:v };\r\n  }\r\n\r\n  var FIXED = { '25':'$25', '50':'$50', '100':'$100' };\r\n\r\n  function sync(focusCustom){\r\n    if(chosen === null){\r\n      openCustom(false);\r\n      cta.disabled = true;\r\n      setStatus('Select an amount to continue.', '');\r\n      return;\r\n    }\r\n    if(chosen === 'other'){\r\n      openCustom(true);\r\n      var r = customAmount();\r\n      if(r.ok){\r\n        cta.disabled = false;\r\n        setOtherError('');\r\n        setStatus('$' + r.value + ' selected.', 'ready');\r\n      } else {\r\n        cta.disabled = true;\r\n        setOtherError(r.msg);\r\n        setStatus('Enter your amount to continue.', '');\r\n      }\r\n      if(focusCustom) otherEl.focus();\r\n      return;\r\n    }\r\n    openCustom(false);\r\n    cta.disabled = false;\r\n    setStatus(FIXED[chosen] + ' selected.', 'ready');\r\n  }\r\n\r\n  Array.prototype.forEach.call(radios, function(radio){\r\n    radio.addEventListener('change', function(){\r\n      if(!radio.checked) return;\r\n      chosen = radio.value;\r\n      \/* clicking \"Other amount\" moves focus into the field; arrow-key\r\n         navigation between radios stays uninterrupted *\/\r\n      sync(radio.value === 'other' && byPointer);\r\n      byPointer = false;\r\n    });\r\n  });\r\n\r\n  otherEl.addEventListener('input', function(){\r\n    if(chosen !== 'other') return;\r\n    var r = customAmount();\r\n    if(r.ok){\r\n      setOtherError('');\r\n      cta.disabled = false;\r\n      setStatus('$' + r.value + ' selected.', 'ready');\r\n    } else {\r\n      setOtherError(r.msg);\r\n      cta.disabled = true;\r\n      setStatus('Enter your amount to continue.', '');\r\n    }\r\n  });\r\n\r\n  otherEl.addEventListener('blur', function(){\r\n    if(chosen !== 'other') return;\r\n    var r = customAmount();\r\n    setOtherError(r.ok ? '' : r.msg);\r\n  });\r\n\r\n  cta.addEventListener('click', function(){\r\n    if(cta.disabled) return;\r\n    var label = (chosen === 'other') ? '$' + trim(otherEl.value) : FIXED[chosen];\r\n\r\n    \/* ---- DEVELOPMENT NOTE -------------------------------------------------\r\n       Replace this with the hand-off to the campaign's verified secure\r\n       contribution processor (redirect or hosted widget), passing the selected\r\n       amount. No donation is processed client-side.\r\n       ---------------------------------------------------------------------- *\/\r\n    setStatus(label + ' ready. This control must be connected to the campaign\\u2019s verified secure contribution processor before launch.', 'ready');\r\n  });\r\n})();\r\n<\/script>\r\n<noscript><style>#mm-contribute [data-r],#mm-contribute [data-line],#mm-contribute .mm-fade{opacity:1!important;transform:none!important}#mm-contribute .mm-custom{max-height:none!important;opacity:1!important;visibility:visible!important}<\/style><\/noscript>\r\n<!-- ===== MM-SECTION-END ===== -->\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46bad3c e-con-full e-flex e-con e-parent\" data-id=\"46bad3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b24fa0 elementor-widget elementor-widget-html\" data-id=\"5b24fa0\" 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:#F4F0E7}<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================================\r\n     MARTINO 2028 \u2014 SECTION 12 \u00b7 FINAL CAMPAIGN STATEMENT\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 (every rule scoped to #mm-final.mm-root so theme styles can't clash) ---------- *\/\r\n#mm-final.mm-root, #mm-final.mm-root *, #mm-final.mm-root *::before, #mm-final.mm-root *::after{box-sizing:border-box;}\r\n#mm-final.mm-root{\r\n  --cream:#F4F0E7; --ink:#222326; --oxblood:#713D4B; --stone:#E5DFD3;\r\n  --white:#FFFFFF; --gray:#65635F; --line:#D5CFC3; --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:1440px;\r\n  --pad:clamp(22px,5vw,80px);\r\n  --y:clamp(60px,7vw,112px);\r\n  --e:cubic-bezier(.22,.61,.36,1);\r\n  position:relative;\r\n  background:var(--ink); color:var(--cream);\r\n  \/* full-bleed background even inside a boxed Elementor container *\/\r\n  box-shadow:0 0 0 100vmax var(--ink);\r\n  clip-path:inset(0 -100vmax);\r\n  padding-block:var(--y);\r\n  font-family:var(--sans); font-size:16px; line-height:1.6;\r\n  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\r\n}\r\n#mm-final.mm-root p,#mm-final.mm-root h2,#mm-final.mm-root h3,#mm-final.mm-root ul,#mm-final.mm-root li{margin:0;padding:0;}\r\n#mm-final.mm-root ul{list-style:none;}\r\n#mm-final.mm-root h2,#mm-final.mm-root h3{text-transform:none;font-family:var(--serif);color:var(--cream);}\r\n#mm-final.mm-root a{color:inherit;text-decoration:none;}\r\n#mm-final.mm-root :focus-visible{outline:2px solid var(--cream);outline-offset:4px;}\r\n#mm-final.mm-root .mm-wrap{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--pad);}\r\n#mm-final.mm-root .mm-eyebrow{font:500 11px\/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;}\r\n\r\n\/* reveal utilities *\/\r\n#mm-final [data-r]{opacity:0;transform:translateY(20px);transition:opacity .6s var(--e) var(--d,0ms),transform .6s var(--e) var(--d,0ms);}\r\n#mm-final [data-r].is-in{opacity:1;transform:none;}\r\n#mm-final [data-line]{transform:scaleX(0);transform-origin:left;transition:transform .8s var(--e) var(--d,0ms);}\r\n#mm-final [data-line].is-in{transform:scaleX(1);}\r\n\r\n\/* buttons *\/\r\n#mm-final.mm-root .mm-btn{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;\r\n  border:1px solid transparent;border-radius:4px;padding:19px 24px;\r\n  font:600 12px\/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;\r\n  transition:background-color .22s var(--e),color .22s var(--e),border-color .22s var(--e),transform .22s var(--e),box-shadow .22s var(--e);}\r\n#mm-final.mm-root .mm-btn__arrow{display:inline-block;font-size:15px;line-height:1;transition:transform .26s var(--e);}\r\n#mm-final.mm-root .mm-btn:hover .mm-btn__arrow,#mm-final.mm-root .mm-btn:focus-visible .mm-btn__arrow{transform:translateX(5px);}\r\n#mm-final.mm-root .mm-btn--cream{background:var(--cream);color:var(--ink);border-color:var(--cream);}\r\n#mm-final.mm-root .mm-btn--cream:hover,#mm-final.mm-root .mm-btn--cream:focus-visible{background:var(--oxblood);color:#fff;border-color:var(--oxblood);\r\n  transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.3);}\r\n#mm-final.mm-root .mm-btn--outline{background:transparent;color:var(--cream);border-color:rgba(244,240,231,.34);}\r\n#mm-final.mm-root .mm-btn--outline:hover,#mm-final.mm-root .mm-btn--outline:focus-visible{border-color:var(--cream);transform:translateY(-2px);}\r\n\r\n\/* ---------- 12 \u00b7 LAYOUT ---------- *\/\r\n#mm-final.mm-root .mm-final__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);\r\n  gap:clamp(36px,6vw,110px);align-items:center;}\r\n\r\n\/* left \u00b7 statement *\/\r\n#mm-final.mm-root .mm-final__tag{display:flex;align-items:center;gap:16px;color:rgba(244,240,231,.66);}\r\n#mm-final.mm-root .mm-final__rule{display:block;width:clamp(36px,4vw,56px);height:1px;background:var(--oxblood);}\r\n#mm-final.mm-root .mm-final__h{font-weight:500;font-size:clamp(40px,5.4vw,76px);line-height:1.04;letter-spacing:-.01em;\r\n  color:var(--cream);max-width:14ch;text-wrap:balance;margin-top:clamp(20px,2.4vw,30px);}\r\n#mm-final.mm-root .mm-final__p{font:400 clamp(15.5px,1.15vw,18px)\/1.72 var(--sans);color:rgba(244,240,231,.76);\r\n  max-width:48ch;margin-top:clamp(20px,2.4vw,30px);}\r\n\r\n\/* right \u00b7 action panel *\/\r\n#mm-final.mm-root .mm-final__panel{background:rgba(244,240,231,.045);border:1px solid rgba(244,240,231,.14);border-radius:6px;\r\n  padding:clamp(26px,3vw,44px);}\r\n#mm-final.mm-root .mm-final__panelhead{color:rgba(244,240,231,.62);padding-bottom:18px;margin-bottom:clamp(20px,2.2vw,28px);\r\n  border-bottom:1px solid rgba(244,240,231,.14);}\r\n#mm-final.mm-root .mm-final__cta{display:flex;flex-direction:column;gap:14px;}\r\n\r\n\/* pillars strip *\/\r\n#mm-final.mm-root .mm-final__pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));\r\n  margin-top:clamp(44px,5.4vw,84px);border-top:1px solid rgba(244,240,231,.16);}\r\n#mm-final.mm-root .mm-final__pillar{display:flex;align-items:baseline;gap:18px;padding-block:clamp(20px,2.2vw,30px);\r\n  padding-right:clamp(16px,2vw,32px);}\r\n#mm-final.mm-root .mm-final__pillar+.mm-final__pillar{padding-left:clamp(16px,2vw,32px);border-left:1px solid rgba(244,240,231,.16);}\r\n#mm-final.mm-root .mm-final__idx{font:500 11px\/1 var(--sans);letter-spacing:.16em;color:rgba(244,240,231,.5);}\r\n#mm-final.mm-root .mm-final__pname{font-weight:500;font-size:clamp(20px,1.9vw,27px);line-height:1.2;color:var(--cream);}\r\n\r\n\/* ---------- RESPONSIVE ---------- *\/\r\n@media (max-width:900px){\r\n  #mm-final.mm-root .mm-final__grid{grid-template-columns:1fr;gap:clamp(30px,6vw,44px);align-items:start;}\r\n  #mm-final.mm-root .mm-final__h{max-width:16ch;}\r\n  #mm-final.mm-root .mm-final__p{max-width:56ch;}\r\n}\r\n@media (max-width:640px){\r\n  #mm-final.mm-root .mm-final__pillars{grid-template-columns:1fr;}\r\n  #mm-final.mm-root .mm-final__pillar{padding-inline:0;}\r\n  #mm-final.mm-root .mm-final__pillar+.mm-final__pillar{padding-left:0;border-left:0;border-top:1px solid rgba(244,240,231,.16);}\r\n}\r\n\r\n\/* ---------- REDUCED MOTION ---------- *\/\r\n@media (prefers-reduced-motion:reduce){\r\n  #mm-final.mm-root *,#mm-final.mm-root *::before,#mm-final.mm-root *::after{\r\n    animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}\r\n  #mm-final [data-r],#mm-final [data-line]{opacity:1!important;transform:none!important;}\r\n}\r\n<\/style>\r\n\r\n<section id=\"mm-final\" class=\"mm-root\" aria-labelledby=\"mm-final-title\">\r\n  <div class=\"mm-wrap\">\r\n\r\n    <div class=\"mm-final__grid\">\r\n\r\n      <!-- LEFT \u00b7 statement -->\r\n      <div class=\"mm-final__main\">\r\n        <div class=\"mm-final__tag\" data-r style=\"--d:0ms\">\r\n          <span class=\"mm-final__rule\" aria-hidden=\"true\"><\/span>\r\n          <p class=\"mm-eyebrow\">The Work Starts With Us<\/p>\r\n        <\/div>\r\n        <h2 class=\"mm-final__h\" id=\"mm-final-title\" data-r style=\"--d:100ms\">Let&rsquo;s Build a Bridge for America.<\/h2>\r\n        <p class=\"mm-final__p\" data-r style=\"--d:200ms\">Join a movement committed to unity, accountability and a government that serves the people.<\/p>\r\n      <\/div>\r\n\r\n      <!-- RIGHT \u00b7 action panel -->\r\n      <div class=\"mm-final__panel\" data-r style=\"--d:260ms\">\r\n        <p class=\"mm-eyebrow mm-final__panelhead\">Take the Next Step<\/p>\r\n        <div class=\"mm-final__cta\">\r\n          <a class=\"mm-btn mm-btn--cream\" href=\"https:\/\/demowebdesign.live\/martinoforpresident\/volunteer\/\">Join the Movement <span class=\"mm-btn__arrow\" aria-hidden=\"true\">&rarr;<\/span><\/a>\r\n          <a class=\"mm-btn mm-btn--outline\" href=\"https:\/\/demowebdesign.live\/martinoforpresident\/vision\/\">Explore the Vision <span class=\"mm-btn__arrow\" aria-hidden=\"true\">&rarr;<\/span><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- pillars strip -->\r\n    <ul class=\"mm-final__pillars\">\r\n      <li class=\"mm-final__pillar\" data-r style=\"--d:340ms\">\r\n        <span class=\"mm-final__idx\" aria-hidden=\"true\">01<\/span>\r\n        <h3 class=\"mm-final__pname\">Unity<\/h3>\r\n      <\/li>\r\n      <li class=\"mm-final__pillar\" data-r style=\"--d:400ms\">\r\n        <span class=\"mm-final__idx\" aria-hidden=\"true\">02<\/span>\r\n        <h3 class=\"mm-final__pname\">Accountability<\/h3>\r\n      <\/li>\r\n      <li class=\"mm-final__pillar\" data-r style=\"--d:460ms\">\r\n        <span class=\"mm-final__idx\" aria-hidden=\"true\">03<\/span>\r\n        <h3 class=\"mm-final__pname\">Service to the People<\/h3>\r\n      <\/li>\r\n    <\/ul>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var root = document.getElementById('mm-final');\r\n  if(!root || root.getAttribute('data-ready') === '1') return;\r\n  root.setAttribute('data-ready','1');\r\n\r\n  \/* ---- entrance reveals (observe once, never replay) ---- *\/\r\n  var items = root.querySelectorAll('[data-r],[data-line]');\r\n  function show(el){ el.classList.add('is-in'); }\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(en){ if(en.isIntersecting){ show(en.target); io.unobserve(en.target); } });\r\n    },{ threshold:.1, rootMargin:'0px 0px -4% 0px' });\r\n    Array.prototype.forEach.call(items, function(el){ io.observe(el); });\r\n    \/* safety net: anything already on screen reveals even if the observer is slow *\/\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 r = el.getBoundingClientRect();\r\n        if(r.top < window.innerHeight) show(el);\r\n      });\r\n    }, 800);\r\n  } else {\r\n    Array.prototype.forEach.call(items, show);\r\n  }\r\n})();\r\n<\/script>\r\n<noscript><style>#mm-final [data-r],#mm-final [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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Independent for President &mdash; 2028 Independent for President &middot; 2028 A Bridge for America. Michael Martino is running to unite [&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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/martinoforpresident\/wp-json\/wp\/v2\/pages\/10","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=10"}],"version-history":[{"count":91,"href":"https:\/\/demowebdesign.live\/martinoforpresident\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":359,"href":"https:\/\/demowebdesign.live\/martinoforpresident\/wp-json\/wp\/v2\/pages\/10\/revisions\/359"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/martinoforpresident\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}