Chris Matera for Sutton School Committee<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;600;700&family=Source+Serif+4:ital,wght@0,400;0,600;1,400&family=Source+Sans+3:wght@400;600&display=swap\" rel=\"stylesheet\">\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --green: #1a4a1a;\n --green-dark: #0f2e0f;\n --navy: #1a2540;\n --red: #c0392b;\n --gold: #c9a227;\n --white: #ffffff;\n --off-white: #f7f5f0;\n --text: #1a1a1a;\n --muted: #666;\n }\n\n body {\n font-family: 'Source Sans 3', sans-serif;\n background: var(--off-white);\n color: var(--text);\n min-height: 100vh;\n }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n background: var(--green-dark);\n padding: 14px 32px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .nav-name {\n font-family: 'Oswald', sans-serif;\n font-size: 18px;\n font-weight: 700;\n color: var(--white);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n .nav-name span { color: var(--gold); }\n .nav-date {\n font-family: 'Source Sans 3', sans-serif;\n font-size: 13px;\n color: rgba(255,255,255,0.55);\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n background: var(--green);\n position: relative;\n overflow: hidden;\n padding: 72px 32px 80px;\n text-align: center;\n }\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background: repeating-linear-gradient(\n -55deg,\n transparent,\n transparent 40px,\n rgba(255,255,255,0.04) 40px,\n rgba(255,255,255,0.04) 80px\n );\n }\n .hero-stars {\n font-size: 18px;\n color: var(--gold);\n letter-spacing: 12px;\n margin-bottom: 24px;\n position: relative;\n }\n .hero-eyebrow {\n font-family: 'Source Sans 3', sans-serif;\n font-size: 14px;\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 16px;\n position: relative;\n }\n .hero h1 {\n font-family: 'Oswald', sans-serif;\n font-size: clamp(52px, 8vw, 96px);\n font-weight: 700;\n color: var(--white);\n text-transform: uppercase;\n line-height: 1;\n position: relative;\n margin-bottom: 8px;\n }\n .hero h1 em {\n color: var(--gold);\n font-style: normal;\n }\n .hero-committee {\n font-family: 'Oswald', sans-serif;\n font-size: 22px;\n font-weight: 400;\n color: rgba(255,255,255,0.75);\n text-transform: uppercase;\n letter-spacing: 3px;\n position: relative;\n margin-bottom: 32px;\n }\n .red-bar {\n width: 80px;\n height: 4px;\n background: var(--red);\n margin: 0 auto 28px;\n position: relative;\n }\n .hero-tagline {\n font-family: 'Source Serif 4', serif;\n font-size: 22px;\n color: rgba(255,255,255,0.88);\n max-width: 560px;\n margin: 0 auto;\n line-height: 1.6;\n position: relative;\n }\n\n \/* \u2500\u2500 MAIN LAYOUT \u2500\u2500 *\/\n .main {\n max-width: 1020px;\n margin: 0 auto;\n padding: 0 24px 80px;\n display: grid;\n grid-template-columns: 1fr 420px;\n gap: 48px;\n align-items: start;\n margin-top: -32px;\n position: relative;\n }\n\n \/* \u2500\u2500 WHY SECTION \u2500\u2500 *\/\n .why {\n background: var(--white);\n border-radius: 10px;\n padding: 40px 36px;\n box-shadow: 0 2px 24px rgba(0,0,0,0.07);\n }\n .why h2 {\n font-family: 'Oswald', sans-serif;\n font-size: 28px;\n font-weight: 700;\n color: var(--navy);\n text-transform: uppercase;\n margin-bottom: 6px;\n }\n .why .section-bar {\n width: 48px;\n height: 4px;\n background: var(--red);\n margin-bottom: 28px;\n }\n .issue {\n display: flex;\n gap: 16px;\n margin-bottom: 28px;\n align-items: flex-start;\n }\n .issue-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: var(--red);\n margin-top: 6px;\n flex-shrink: 0;\n }\n .issue h3 {\n font-family: 'Source Sans 3', sans-serif;\n font-size: 17px;\n font-weight: 600;\n color: var(--navy);\n margin-bottom: 4px;\n }\n .issue p {\n font-size: 15px;\n color: var(--muted);\n line-height: 1.6;\n }\n\n .quote-block {\n background: var(--navy);\n border-radius: 8px;\n padding: 24px 28px;\n margin-top: 32px;\n }\n .quote-block p {\n font-family: 'Source Serif 4', serif;\n font-style: italic;\n font-size: 18px;\n color: var(--white);\n line-height: 1.6;\n margin-bottom: 12px;\n }\n .quote-block .attr {\n font-family: 'Source Sans 3', sans-serif;\n font-size: 13px;\n font-weight: 600;\n color: var(--gold);\n text-transform: uppercase;\n letter-spacing: 1px;\n font-style: normal;\n }\n\n \/* \u2500\u2500 FORM CARD \u2500\u2500 *\/\n .form-card {\n background: var(--white);\n border-radius: 10px;\n box-shadow: 0 2px 24px rgba(0,0,0,0.10);\n overflow: hidden;\n position: sticky;\n top: 24px;\n }\n .form-header {\n background: var(--green);\n padding: 28px 28px 24px;\n position: relative;\n overflow: hidden;\n }\n .form-header::before {\n content: '';\n position: absolute;\n inset: 0;\n background: repeating-linear-gradient(\n -55deg,\n transparent,\n transparent 20px,\n rgba(255,255,255,0.04) 20px,\n rgba(255,255,255,0.04) 40px\n );\n }\n .form-header h2 {\n font-family: 'Oswald', sans-serif;\n font-size: 30px;\n font-weight: 700;\n color: var(--white);\n text-transform: uppercase;\n position: relative;\n line-height: 1.1;\n margin-bottom: 8px;\n }\n .form-header p {\n font-size: 15px;\n color: rgba(255,255,255,0.75);\n position: relative;\n line-height: 1.5;\n }\n .form-body {\n padding: 28px;\n }\n .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }\n .form-group {\n margin-bottom: 16px;\n }\n .form-group label {\n display: block;\n font-size: 13px;\n font-weight: 600;\n color: var(--navy);\n margin-bottom: 6px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n .form-group input {\n width: 100%;\n padding: 11px 14px;\n border: 1.5px solid #ddd;\n border-radius: 5px;\n font-size: 16px;\n font-family: 'Source Sans 3', sans-serif;\n color: var(--text);\n transition: border-color 0.15s;\n background: #fafafa;\n }\n .form-group input:focus {\n outline: none;\n border-color: var(--green);\n background: var(--white);\n }\n .form-group input::placeholder { color: #bbb; }\n\n .submit-btn {\n width: 100%;\n background: var(--red);\n color: var(--white);\n border: none;\n padding: 16px;\n font-family: 'Oswald', sans-serif;\n font-size: 22px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n border-radius: 5px;\n cursor: pointer;\n margin-top: 8px;\n transition: background 0.15s, transform 0.1s;\n }\n .submit-btn:hover { background: #a93226; }\n .submit-btn:active { transform: scale(0.99); }\n\n .form-disclaimer {\n font-size: 11px;\n color: #aaa;\n text-align: center;\n margin-top: 14px;\n line-height: 1.5;\n }\n .form-disclaimer a { color: #aaa; }\n\n \/* \u2500\u2500 THANK YOU STATE \u2500\u2500 *\/\n .thankyou {\n display: none;\n padding: 48px 28px;\n text-align: center;\n }\n .thankyou .check {\n width: 64px;\n height: 64px;\n background: var(--green);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 20px;\n font-size: 28px;\n color: white;\n }\n .thankyou h3 {\n font-family: 'Oswald', sans-serif;\n font-size: 28px;\n color: var(--navy);\n text-transform: uppercase;\n margin-bottom: 12px;\n }\n .thankyou p {\n font-size: 16px;\n color: var(--muted);\n line-height: 1.6;\n }\n\n \/* \u2500\u2500 STATS BAR \u2500\u2500 *\/\n .stats-bar {\n background: var(--navy);\n padding: 40px 32px;\n display: flex;\n justify-content: center;\n gap: 80px;\n flex-wrap: wrap;\n }\n .stat { text-align: center; }\n .stat-val {\n font-family: 'Oswald', sans-serif;\n font-size: 48px;\n font-weight: 700;\n color: var(--gold);\n line-height: 1;\n }\n .stat-label {\n font-size: 14px;\n color: rgba(255,255,255,0.6);\n margin-top: 6px;\n max-width: 160px;\n line-height: 1.4;\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--green-dark);\n padding: 24px 32px;\n text-align: center;\n }\n footer p {\n font-size: 13px;\n color: rgba(255,255,255,0.45);\n line-height: 1.8;\n }\n footer a { color: rgba(255,255,255,0.45); text-decoration: none; }\n footer a:hover { color: rgba(255,255,255,0.7); }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 760px) {\n .main {\n grid-template-columns: 1fr;\n margin-top: 0;\n padding-top: 32px;\n }\n .form-card { position: static; }\n .stats-bar { gap: 40px; }\n .form-row { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n\n <nav>\n <div class=\"nav-name\">Chris <span>Matera<\/span> \u00b7 Sutton School Committee<\/div>\n <div class=\"nav-date\">May 26, 2026<\/div>\n <\/nav>\n\n \n <div class=\"hero\">\n <div class=\"hero-stars\">\u2605 \u2605 \u2605 \u2605 \u2605 \u2605 \u2605 \u2605 \u2605 \u2605<\/div>\n <div class=\"hero-eyebrow\">Sutton Town Election \u00b7 May 26, 2026<\/div>\n <h1>Show Your<br><em>Support!<\/em><\/h1>\n <div class=\"hero-committee\">Chris Matera For Sutton School Committee<\/div>\n <div class=\"red-bar\"><\/div>\n <p class=\"hero-tagline\">Request a yard sign and help spread the word in your neighborhood before Election Day.<\/p>\n <\/div>\n\n \n <div class=\"stats-bar\">\n <div class=\"stat\">\n <div class=\"stat-val\">$21M<\/div>\n <div class=\"stat-label\">Let's make sure every dollar helps our kids!<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-val\">1,241<\/div>\n <div class=\"stat-label\">Let's give every child great academic programing!<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-val\">#132<\/div>\n <div class=\"stat-label\">Sutton HS Rank in MA, let's keep that going up!<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"main\">\n\n \n <div class=\"why\">\n <h2>Why I'm Running<\/h2>\n <div class=\"section-bar\"><\/div>\n\n <div class=\"issue\">\n \n <div>\n <h3>Responsible Budgets<\/h3>\n <p>Our town contributes 21% over the state minimum and our budget is over $21 million dollars. Let's live within our means and make sure every dollar goes towards providing a great education to our kids!.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"issue\">\n <div>\n <h3>Strong Academics<\/h3>\n <p>Let's put the focus on curriculum \u2014 English, Math, Science, History. Sutton is a small school; let's make every child a high achiever.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"issue\">\n \n <div>\n <h3>Expand College & Career Pathways<\/h3>\n <p>Focus on expanding AP and dual-enrollment options, helping kids graduate college ready with credits and expanding opportunities.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"issue\">\n \n <div>\n <h3>Parents & Taxpayers First<\/h3>\n <p>I'm committed to transparency, accountability, and parental rights in every decision I make on the School Committee.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"quote-block\">\n <p>\"I'm committed to putting parents, students, and the taxpayer first in every decision I make.\"<\/p>\n <span class=\"attr\">\u2014 Chris Matera, Candidate for Sutton School Committee<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"form-card\">\n <div class=\"form-header\">\n <h2>Request Your<br>Yard Sign<\/h2>\n <p>Fill out the form below and we'll get a sign delivered to you before Election Day. Sign Delivery will begin the week of April 27th<\/p>\n <\/div>\n\n <div class=\"form-body\" id=\"formBody\">\n \n \n \n<script src=\"https:\/\/js.hsforms.net\/forms\/embed\/51291889.js\" defer><\/script>\n<div class=\"hs-form-frame\" data-region=\"na1\" data-form-id=\"50e171cd-a5ee-45dc-ab2d-7815a7e3b13c\" data-portal-id=\"51291889\"><\/div>\n\n\n <div class=\"thankyou\" id=\"thankYou\">\n <div class=\"check\">\u2713<\/div>\n <h3>You're all set!<\/h3>\n <p>Thanks for your support! We'll be in touch to arrange delivery of your yard sign before Election Day, May 26th.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n <footer>\n <p>\n <strong style=\"color:rgba(255,255,255,0.7)\">VOTE CHRIS MATERA \u00b7 TUESDAY, MAY 26, 2026<\/strong><br>\n <a href=\"https:\/\/vote.matera.us\">vote.matera.us<\/a> \u00b7 \n <a href=\"\/privacy-policy\">Privacy Policy<\/a><br>\n Paid for by the Committee to Elect Christopher Matera \u00b7 10 Attitash Ave, Sutton MA 01590\n <\/p>\n <\/footer>\n\n <script>\n function handleSubmit(e) {\n e.preventDefault();\n document.getElementById('formBody').style.display = 'none';\n document.getElementById('thankYou').style.display = 'block';\n }\n <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Chris Matera for Sutton School Committee Chris Matera \u00b7 Sutton School Committee May 26, 2026 \u2605 \u2605 \u2605 \u2605 \u2605 \u2605 \u2605 \u2605 \u2605 \u2605 Sutton Town Election \u00b7 May […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"content-type":"","footnotes":""},"class_list":["post-3166","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vote.matera.us\/index.php?rest_route=\/wp\/v2\/pages\/3166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vote.matera.us\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vote.matera.us\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vote.matera.us\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vote.matera.us\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3166"}],"version-history":[{"count":10,"href":"https:\/\/vote.matera.us\/index.php?rest_route=\/wp\/v2\/pages\/3166\/revisions"}],"predecessor-version":[{"id":3181,"href":"https:\/\/vote.matera.us\/index.php?rest_route=\/wp\/v2\/pages\/3166\/revisions\/3181"}],"wp:attachment":[{"href":"https:\/\/vote.matera.us\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Chris Matera for Sutton School Committee<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;600;700&family=Source+Serif+4:ital,wght@0,400;0,600;1,400&family=Source+Sans+3:wght@400;600&display=swap\" rel=\"stylesheet\">\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --green: #1a4a1a;\n --green-dark: #0f2e0f;\n --navy: #1a2540;\n --red: #c0392b;\n --gold: #c9a227;\n --white: #ffffff;\n --off-white: #f7f5f0;\n --text: #1a1a1a;\n --muted: #666;\n }\n\n body {\n font-family: 'Source Sans 3', sans-serif;\n background: var(--off-white);\n color: var(--text);\n min-height: 100vh;\n }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n background: var(--green-dark);\n padding: 14px 32px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .nav-name {\n font-family: 'Oswald', sans-serif;\n font-size: 18px;\n font-weight: 700;\n color: var(--white);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n .nav-name span { color: var(--gold); }\n .nav-date {\n font-family: 'Source Sans 3', sans-serif;\n font-size: 13px;\n color: rgba(255,255,255,0.55);\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n background: var(--green);\n position: relative;\n overflow: hidden;\n padding: 72px 32px 80px;\n text-align: center;\n }\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background: repeating-linear-gradient(\n -55deg,\n transparent,\n transparent 40px,\n rgba(255,255,255,0.04) 40px,\n rgba(255,255,255,0.04) 80px\n );\n }\n .hero-stars {\n font-size: 18px;\n color: var(--gold);\n letter-spacing: 12px;\n margin-bottom: 24px;\n position: relative;\n }\n .hero-eyebrow {\n font-family: 'Source Sans 3', sans-serif;\n font-size: 14px;\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 16px;\n position: relative;\n }\n .hero h1 {\n font-family: 'Oswald', sans-serif;\n font-size: clamp(52px, 8vw, 96px);\n font-weight: 700;\n color: var(--white);\n text-transform: uppercase;\n line-height: 1;\n position: relative;\n margin-bottom: 8px;\n }\n .hero h1 em {\n color: var(--gold);\n font-style: normal;\n }\n .hero-committee {\n font-family: 'Oswald', sans-serif;\n font-size: 22px;\n font-weight: 400;\n color: rgba(255,255,255,0.75);\n text-transform: uppercase;\n letter-spacing: 3px;\n position: relative;\n margin-bottom: 32px;\n }\n .red-bar {\n width: 80px;\n height: 4px;\n background: var(--red);\n margin: 0 auto 28px;\n position: relative;\n }\n .hero-tagline {\n font-family: 'Source Serif 4', serif;\n font-size: 22px;\n color: rgba(255,255,255,0.88);\n max-width: 560px;\n margin: 0 auto;\n line-height: 1.6;\n position: relative;\n }\n\n \/* \u2500\u2500 MAIN LAYOUT \u2500\u2500 *\/\n .main {\n max-width: 1020px;\n margin: 0 auto;\n padding: 0 24px 80px;\n display: grid;\n grid-template-columns: 1fr 420px;\n gap: 48px;\n align-items: start;\n margin-top: -32px;\n position: relative;\n }\n\n \/* \u2500\u2500 WHY SECTION \u2500\u2500 *\/\n .why {\n background: var(--white);\n border-radius: 10px;\n padding: 40px 36px;\n box-shadow: 0 2px 24px rgba(0,0,0,0.07);\n }\n .why h2 {\n font-family: 'Oswald', sans-serif;\n font-size: 28px;\n font-weight: 700;\n color: var(--navy);\n text-transform: uppercase;\n margin-bottom: 6px;\n }\n .why .section-bar {\n width: 48px;\n height: 4px;\n background: var(--red);\n margin-bottom: 28px;\n }\n .issue {\n display: flex;\n gap: 16px;\n margin-bottom: 28px;\n align-items: flex-start;\n }\n .issue-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: var(--red);\n margin-top: 6px;\n flex-shrink: 0;\n }\n .issue h3 {\n font-family: 'Source Sans 3', sans-serif;\n font-size: 17px;\n font-weight: 600;\n color: var(--navy);\n margin-bottom: 4px;\n }\n .issue p {\n font-size: 15px;\n color: var(--muted);\n line-height: 1.6;\n }\n\n .quote-block {\n background: var(--navy);\n border-radius: 8px;\n padding: 24px 28px;\n margin-top: 32px;\n }\n .quote-block p {\n font-family: 'Source Serif 4', serif;\n font-style: italic;\n font-size: 18px;\n color: var(--white);\n line-height: 1.6;\n margin-bottom: 12px;\n }\n .quote-block .attr {\n font-family: 'Source Sans 3', sans-serif;\n font-size: 13px;\n font-weight: 600;\n color: var(--gold);\n text-transform: uppercase;\n letter-spacing: 1px;\n font-style: normal;\n }\n\n \/* \u2500\u2500 FORM CARD \u2500\u2500 *\/\n .form-card {\n background: var(--white);\n border-radius: 10px;\n box-shadow: 0 2px 24px rgba(0,0,0,0.10);\n overflow: hidden;\n position: sticky;\n top: 24px;\n }\n .form-header {\n background: var(--green);\n padding: 28px 28px 24px;\n position: relative;\n overflow: hidden;\n }\n .form-header::before {\n content: '';\n position: absolute;\n inset: 0;\n background: repeating-linear-gradient(\n -55deg,\n transparent,\n transparent 20px,\n rgba(255,255,255,0.04) 20px,\n rgba(255,255,255,0.04) 40px\n );\n }\n .form-header h2 {\n font-family: 'Oswald', sans-serif;\n font-size: 30px;\n font-weight: 700;\n color: var(--white);\n text-transform: uppercase;\n position: relative;\n line-height: 1.1;\n margin-bottom: 8px;\n }\n .form-header p {\n font-size: 15px;\n color: rgba(255,255,255,0.75);\n position: relative;\n line-height: 1.5;\n }\n .form-body {\n padding: 28px;\n }\n .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }\n .form-group {\n margin-bottom: 16px;\n }\n .form-group label {\n display: block;\n font-size: 13px;\n font-weight: 600;\n color: var(--navy);\n margin-bottom: 6px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n .form-group input {\n width: 100%;\n padding: 11px 14px;\n border: 1.5px solid #ddd;\n border-radius: 5px;\n font-size: 16px;\n font-family: 'Source Sans 3', sans-serif;\n color: var(--text);\n transition: border-color 0.15s;\n background: #fafafa;\n }\n .form-group input:focus {\n outline: none;\n border-color: var(--green);\n background: var(--white);\n }\n .form-group input::placeholder { color: #bbb; }\n\n .submit-btn {\n width: 100%;\n background: var(--red);\n color: var(--white);\n border: none;\n padding: 16px;\n font-family: 'Oswald', sans-serif;\n font-size: 22px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n border-radius: 5px;\n cursor: pointer;\n margin-top: 8px;\n transition: background 0.15s, transform 0.1s;\n }\n .submit-btn:hover { background: #a93226; }\n .submit-btn:active { transform: scale(0.99); }\n\n .form-disclaimer {\n font-size: 11px;\n color: #aaa;\n text-align: center;\n margin-top: 14px;\n line-height: 1.5;\n }\n .form-disclaimer a { color: #aaa; }\n\n \/* \u2500\u2500 THANK YOU STATE \u2500\u2500 *\/\n .thankyou {\n display: none;\n padding: 48px 28px;\n text-align: center;\n }\n .thankyou .check {\n width: 64px;\n height: 64px;\n background: var(--green);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 20px;\n font-size: 28px;\n color: white;\n }\n .thankyou h3 {\n font-family: 'Oswald', sans-serif;\n font-size: 28px;\n color: var(--navy);\n text-transform: uppercase;\n margin-bottom: 12px;\n }\n .thankyou p {\n font-size: 16px;\n color: var(--muted);\n line-height: 1.6;\n }\n\n \/* \u2500\u2500 STATS BAR \u2500\u2500 *\/\n .stats-bar {\n background: var(--navy);\n padding: 40px 32px;\n display: flex;\n justify-content: center;\n gap: 80px;\n flex-wrap: wrap;\n }\n .stat { text-align: center; }\n .stat-val {\n font-family: 'Oswald', sans-serif;\n font-size: 48px;\n font-weight: 700;\n color: var(--gold);\n line-height: 1;\n }\n .stat-label {\n font-size: 14px;\n color: rgba(255,255,255,0.6);\n margin-top: 6px;\n max-width: 160px;\n line-height: 1.4;\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--green-dark);\n padding: 24px 32px;\n text-align: center;\n }\n footer p {\n font-size: 13px;\n color: rgba(255,255,255,0.45);\n line-height: 1.8;\n }\n footer a { color: rgba(255,255,255,0.45); text-decoration: none; }\n footer a:hover { color: rgba(255,255,255,0.7); }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 760px) {\n .main {\n grid-template-columns: 1fr;\n margin-top: 0;\n padding-top: 32px;\n }\n .form-card { position: static; }\n .stats-bar { gap: 40px; }\n .form-row { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n\n <nav>\n <div class=\"nav-name\">Chris <span>Matera<\/span> \u00b7 Sutton School Committee<\/div>\n <div class=\"nav-date\">May 26, 2026<\/div>\n <\/nav>\n\n \n <div class=\"hero\">\n <div class=\"hero-stars\">\u2605 \u2605 \u2605 \u2605 \u2605 \u2605 \u2605 \u2605 \u2605 \u2605<\/div>\n <div class=\"hero-eyebrow\">Sutton Town Election \u00b7 May 26, 2026<\/div>\n <h1>Show Your<br><em>Support!<\/em><\/h1>\n <div class=\"hero-committee\">Chris Matera For Sutton School Committee<\/div>\n <div class=\"red-bar\"><\/div>\n <p class=\"hero-tagline\">Request a yard sign and help spread the word in your neighborhood before Election Day.<\/p>\n <\/div>\n\n \n <div class=\"stats-bar\">\n <div class=\"stat\">\n <div class=\"stat-val\">$21M<\/div>\n <div class=\"stat-label\">Let's make sure every dollar helps our kids!<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-val\">1,241<\/div>\n <div class=\"stat-label\">Let's give every child great academic programing!<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-val\">#132<\/div>\n <div class=\"stat-label\">Sutton HS Rank in MA, let's keep that going up!<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"main\">\n\n \n <div class=\"why\">\n <h2>Why I'm Running<\/h2>\n <div class=\"section-bar\"><\/div>\n\n <div class=\"issue\">\n \n <div>\n <h3>Responsible Budgets<\/h3>\n <p>Our town contributes 21% over the state minimum and our budget is over $21 million dollars. Let's live within our means and make sure every dollar goes towards providing a great education to our kids!.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"issue\">\n <div>\n <h3>Strong Academics<\/h3>\n <p>Let's put the focus on curriculum \u2014 English, Math, Science, History. Sutton is a small school; let's make every child a high achiever.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"issue\">\n \n <div>\n <h3>Expand College & Career Pathways<\/h3>\n <p>Focus on expanding AP and dual-enrollment options, helping kids graduate college ready with credits and expanding opportunities.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"issue\">\n \n <div>\n <h3>Parents & Taxpayers First<\/h3>\n <p>I'm committed to transparency, accountability, and parental rights in every decision I make on the School Committee.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"quote-block\">\n <p>\"I'm committed to putting parents, students, and the taxpayer first in every decision I make.\"<\/p>\n <span class=\"attr\">\u2014 Chris Matera, Candidate for Sutton School Committee<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"form-card\">\n <div class=\"form-header\">\n <h2>Request Your<br>Yard Sign<\/h2>\n <p>Fill out the form below and we'll get a sign delivered to you before Election Day. Sign Delivery will begin the week of April 27th<\/p>\n <\/div>\n\n <div class=\"form-body\" id=\"formBody\">\n \n \n \n<script src=\"https:\/\/js.hsforms.net\/forms\/embed\/51291889.js\" defer><\/script>\n<div class=\"hs-form-frame\" data-region=\"na1\" data-form-id=\"50e171cd-a5ee-45dc-ab2d-7815a7e3b13c\" data-portal-id=\"51291889\"><\/div>\n\n\n <div class=\"thankyou\" id=\"thankYou\">\n <div class=\"check\">\u2713<\/div>\n <h3>You're all set!<\/h3>\n <p>Thanks for your support! We'll be in touch to arrange delivery of your yard sign before Election Day, May 26th.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n <footer>\n <p>\n <strong style=\"color:rgba(255,255,255,0.7)\">VOTE CHRIS MATERA \u00b7 TUESDAY, MAY 26, 2026<\/strong><br>\n <a href=\"https:\/\/vote.matera.us\">vote.matera.us<\/a> \u00b7 \n <a href=\"\/privacy-policy\">Privacy Policy<\/a><br>\n Paid for by the Committee to Elect Christopher Matera \u00b7 10 Attitash Ave, Sutton MA 01590\n <\/p>\n <\/footer>\n\n <script>\n function handleSubmit(e) {\n e.preventDefault();\n document.getElementById('formBody').style.display = 'none';\n document.getElementById('thankYou').style.display = 'block';\n }\n <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Chris Matera for Sutton School Committee Chris Matera \u00b7 Sutton School Committee May 26, 2026 \u2605 \u2605 \u2605 \u2605 \u2605 \u2605 \u2605 \u2605 \u2605 \u2605 Sutton Town Election \u00b7 May […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"content-type":"","footnotes":""},"class_list":["post-3166","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vote.matera.us\/index.php?rest_route=\/wp\/v2\/pages\/3166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vote.matera.us\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vote.matera.us\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vote.matera.us\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vote.matera.us\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3166"}],"version-history":[{"count":10,"href":"https:\/\/vote.matera.us\/index.php?rest_route=\/wp\/v2\/pages\/3166\/revisions"}],"predecessor-version":[{"id":3181,"href":"https:\/\/vote.matera.us\/index.php?rest_route=\/wp\/v2\/pages\/3166\/revisions\/3181"}],"wp:attachment":[{"href":"https:\/\/vote.matera.us\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}