/*
Theme Name: Dan B. Carlos Campaign
Theme URI: https://surreyconservatives.com/
Author: Dan B. Carlos campaign
Description: A lightweight custom campaign theme for the 2026 Surrey City Council election.
Version: 1.9.5
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dan-b-carlos
*/

:root {
	color-scheme: light;
	--navy-950: #081631;
	--navy-900: #0e2149;
	--navy-800: #132b63;
	--navy-700: #1d3d7c;
	--blue-500: #2f79cf;
	--cyan-500: #2fb6d6;
	--green-500: #6ed03b;
	--green-600: #49a925;
	--gray-25: #fbfcfd;
	--gray-50: #f5f7f9;
	--gray-100: #e9edf2;
	--gray-200: #d8dfe8;
	--gray-400: #8591a3;
	--gray-600: #526175;
	--gray-800: #273447;
	--gray-950: #111a2a;
	--surface-canvas: var(--gray-25);
	--surface-raised: #fff;
	--surface-tint: #eef5fb;
	--surface-inverse: var(--navy-950);
	--text-primary: var(--gray-950);
	--text-secondary: var(--gray-600);
	--text-muted: var(--gray-400);
	--text-inverse: #f8fbff;
	--text-link: var(--navy-700);
	--border-subtle: rgba(14, 33, 73, .08);
	--border-default: rgba(14, 33, 73, .15);
	--border-strong: rgba(14, 33, 73, .28);
	--focus: #1c83b5;
	--space-1: .25rem;
	--space-2: .5rem;
	--space-3: .75rem;
	--space-4: 1rem;
	--space-6: 1.5rem;
	--space-8: 2rem;
	--space-10: 2.5rem;
	--space-12: 3rem;
	--space-16: 4rem;
	--space-20: 5rem;
	--space-24: 6rem;
	--radius-sm: .25rem;
	--radius-md: .5rem;
	--radius-lg: .75rem;
	--radius-xl: 1.25rem;
	--radius-full: 999px;
	--shadow-sm: 0 1px 2px rgba(8, 22, 49, .06);
	--shadow-md: 0 12px 28px rgba(8, 22, 49, .08), 0 2px 5px rgba(8, 22, 49, .05);
	--shadow-lg: 0 24px 50px rgba(8, 22, 49, .12), 0 6px 14px rgba(8, 22, 49, .06);
	--motion-fast: 120ms;
	--motion-base: 200ms;
	--motion-medium: 280ms;
	--motion-slow: 400ms;
	--motion-slower: 600ms;
	--ease-out: cubic-bezier(.16, 1, .3, 1);
	--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

* { box-sizing: border-box; }
html { max-width: 100%; overflow-x: hidden; overflow-x: clip; scroll-behavior: smooth; }
body {
	margin: 0;
	max-width: 100%;
	overflow-x: hidden;
	overflow-x: clip;
	background: var(--surface-canvas);
	color: var(--text-primary);
	font-family: var(--font-body);
	font-size: 1rem;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}
img, picture, video, canvas, svg, iframe { max-width: 100%; }
img, video { display: block; height: auto; }
a { color: var(--text-link); text-decoration-thickness: .08em; text-underline-offset: .16em; }
a:hover { color: var(--navy-950); }
button, input, select, textarea { font: inherit; }
button, .button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	white-space: nowrap;
	width: 1px;
}
.skip-link {
	background: var(--green-500);
	color: var(--navy-950);
	left: 1rem;
	padding: .75rem 1rem;
	position: fixed;
	top: -6rem;
	z-index: 40;
}
.skip-link:focus { top: 1rem; }

.site-shell { margin: 0 auto; max-width: 1240px; padding-left: 2rem; padding-right: 2rem; }
.content-width { max-width: 900px; }
.section-space { padding-bottom: var(--space-24); padding-top: var(--space-24); }
.section-space--short { padding-bottom: var(--space-16); padding-top: var(--space-16); }
.site-main { min-height: 55vh; }
.eyebrow {
	color: var(--navy-700);
	font-size: .73rem;
	font-weight: 750;
	letter-spacing: .14em;
	line-height: 1.3;
	margin: 0 0 1.25rem;
	text-transform: uppercase;
}
.eyebrow--inverse { color: var(--green-500); }
h1, h2, h3, h4 { letter-spacing: -.045em; line-height: 1.05; margin: 0; }
h1, h2, h3, h4, p, li, small, strong, label { overflow-wrap: break-word; }
h1 { font-size: clamp(2.8rem, 7vw, 6.8rem); max-width: 10.5ch; }
h2 { font-size: clamp(2rem, 4.5vw, 4rem); max-width: 12ch; }
h3 { font-size: clamp(1.35rem, 2.2vw, 2rem); }
h4 { font-size: 1rem; letter-spacing: -.015em; }
p { margin: 0 0 1rem; }
.lede { color: var(--text-secondary); font-size: clamp(1.1rem, 2vw, 1.4rem); line-height: 1.45; max-width: 42rem; }
.muted { color: var(--text-secondary); }
.prose { color: var(--text-secondary); font-size: 1.06rem; max-width: 45rem; }
.prose > * + * { margin-top: 1.35rem; }
.prose h2, .prose h3 { color: var(--text-primary); margin-top: 2.5rem; }
.prose ul, .prose ol { padding-left: 1.25rem; }
.prose li + li { margin-top: .5rem; }

.poll-strip { background: var(--navy-950); color: var(--text-inverse); font-size: .86rem; }
.poll-strip__inner { align-items: center; display: flex; gap: .8rem; justify-content: center; min-height: 2.6rem; }
.poll-strip a { color: var(--text-inverse); text-decoration: none; }
.poll-strip a:hover { color: var(--green-500); }
.poll-strip__label { color: var(--green-500); font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }

.site-header { background: var(--surface-canvas); border-bottom: 1px solid var(--border-subtle); position: sticky; top: 0; transition: background-color .3s ease, box-shadow .3s ease; z-index: 20; }
.site-header .site-shell { max-width: 94rem; }
.site-header.is-scrolled { background: var(--surface-canvas); box-shadow: 0 10px 30px rgba(8, 22, 49, .08); }
.site-header__inner { align-items: center; display: flex; gap: 2rem; justify-content: space-between; min-height: 5.8rem; }
.brand { align-items: center; display: inline-flex; flex: 0 0 auto; text-decoration: none; }
.brand__image { height: auto; object-fit: contain; width: 12.5rem; }
.custom-logo-link { display: inline-flex; }
.custom-logo { height: auto; max-height: 3.1rem; object-fit: contain; width: 11.5rem; }
.site-navigation { align-items: center; display: flex; gap: .85rem; }
.site-navigation .menu { align-items: center; display: flex; gap: clamp(.6rem, 1.1vw, 1rem); list-style: none; margin: 0; padding: 0; }
.site-navigation .menu a { color: var(--gray-800); font-size: .85rem; font-weight: 650; text-decoration: none; white-space: nowrap; }
.site-navigation .menu a:hover { color: var(--navy-700); }
.site-navigation .menu > .menu-item:not(.menu-item--platform) > a { position: relative; }
.site-navigation .menu > .menu-item:not(.menu-item--platform) > a::after { background: var(--green-500); border-radius: var(--radius-full); bottom: -.55rem; content: ""; height: 3px; left: .15rem; position: absolute; right: .15rem; transform: scaleX(0); transform-origin: center; transition: transform .22s var(--ease-out); }
.site-navigation .menu > .menu-item.current-menu-item:not(.menu-item--platform) > a { color: var(--navy-950); }
.site-navigation .menu > .menu-item.current-menu-item:not(.menu-item--platform) > a::after { transform: scaleX(1); }
.site-navigation__actions { align-items: center; display: flex; gap: .5rem; }

@media (min-width: 1241px) {
	.site-header__inner { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; position: relative; }
	.site-navigation { display: contents; }
	.site-navigation .menu { display: grid; gap: 0; grid-template-columns: repeat(4,minmax(0,1fr)) 7rem repeat(4,minmax(0,1fr)); left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); width: clamp(47rem,48vw,54rem); }
	.site-navigation .menu > .menu-item { justify-self: stretch; min-width: 0; text-align: center; width: 100%; }
	.site-navigation .menu > .menu-item--platform { width: 7rem; }
	.site-navigation .menu > .menu-item:not(.menu-item--platform) > a { align-items: center; display: flex; justify-content: center; line-height: 1.12; min-height: 2.5rem; padding: .2rem .25rem; white-space: normal; width: 100%; }
	.site-navigation .menu a { font-size: .68rem; letter-spacing: 0; }
	.site-navigation__actions { gap: .35rem; grid-column: 3; justify-self: end; }
	.site-navigation__actions .button { font-size: .7rem; gap: .4rem; min-height: 44px; padding: .55rem .65rem; }
}
@media (min-width: 1600px) {
	.site-navigation .menu { width: 54rem; }
	.site-navigation .menu a { font-size: .74rem; }
}
.menu-toggle { background: transparent; border: 0; display: none; min-height: 44px; min-width: 44px; padding: .65rem; }
.menu-toggle__line { background: var(--navy-950); display: block; height: 2px; margin: 4px auto; transition: transform .2s var(--ease-out), opacity .2s ease; width: 23px; }
.menu-toggle[aria-expanded="true"] .menu-toggle__line:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] .menu-toggle__line:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] .menu-toggle__line:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.button-row { align-items: center; display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.button { align-items: center; border: 1px solid transparent; border-radius: var(--radius-md); display: inline-flex; font-size: .92rem; font-weight: 700; gap: .65rem; justify-content: center; min-height: 48px; padding: .75rem 1.1rem; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s var(--ease-out), box-shadow .2s ease; }
.button svg { height: 1rem; width: 1rem; }
.button--primary { background: var(--navy-800); color: #fff; }
.button--primary:hover { background: var(--navy-950); color: #fff; transform: translateY(-2px); }
.button--secondary { background: transparent; border-color: var(--border-strong); color: var(--navy-800); }
.button--secondary:hover { background: #fff; border-color: var(--navy-700); color: var(--navy-950); transform: translateY(-2px); }
.button--green { background: var(--green-500); color: var(--navy-950); }
.button--green:hover { background: #86dc59; color: var(--navy-950); transform: translateY(-2px); }
.button--light { background: #fff; color: var(--navy-800); }
.button--light:hover { background: var(--green-500); color: var(--navy-950); transform: translateY(-2px); }
.button--small { min-height: 44px; padding: .55rem .85rem; }
.button--nav { background: var(--navy-800); color: #fff; white-space: nowrap; }
.button--nav:hover { background: var(--navy-950); color: #fff; transform: translateY(-2px); }
.button--vote-nav { background: #fff; border-color: var(--navy-700); color: var(--navy-800); white-space: nowrap; }
.button--vote-nav:hover { background: var(--surface-tint); border-color: var(--navy-950); color: var(--navy-950); transform: translateY(-2px); }
.button__signal { background: var(--green-500); border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px var(--green-600); height: .55rem; width: .55rem; }
.button--text { color: var(--navy-700); min-height: 44px; padding-left: 0; padding-right: 0; }
.button--text:hover { color: var(--navy-950); transform: translateX(3px); }
.button--ghost { background: transparent; border-color: rgba(255,255,255,.4); color: #fff; }
.button--ghost:hover { background: rgba(255,255,255,.1); border-color: #fff; color: #fff; transform: translateY(-2px); }

.hero { background: var(--surface-tint); overflow: hidden; padding: clamp(3rem, 7vw, 7rem) 0 clamp(4rem, 8vw, 8rem); position: relative; }
.hero::before { border: 1px solid rgba(47, 182, 214, .25); content: ""; height: 32rem; position: absolute; right: -12rem; top: -7rem; transform: rotate(22deg); width: 24rem; }
.hero::after { border: 1px solid rgba(110, 208, 59, .22); content: ""; height: 25rem; position: absolute; right: 0; top: -5rem; transform: rotate(22deg); width: 9rem; }
.hero__grid { align-items: center; display: grid; gap: clamp(2rem, 6vw, 6rem); grid-template-columns: minmax(0, 1.05fr) minmax(20rem, .95fr); position: relative; z-index: 1; }
.hero__copy h1 { color: var(--navy-950); }
.hero__statement { color: var(--navy-700); font-size: clamp(1.5rem, 2.9vw, 2.75rem); letter-spacing: -.04em; line-height: 1.08; margin: 1.5rem 0 0; max-width: 18ch; }
.hero__copy .lede { margin-top: 1.35rem; }
.hero__image-wrap { background: var(--navy-800); border-radius: 1.75rem 1.75rem 1.75rem .5rem; box-shadow: var(--shadow-lg); margin-left: auto; max-width: 35rem; overflow: hidden; position: relative; }
.hero__image-wrap::after { border: 1px solid rgba(255,255,255,.55); border-radius: 1.2rem 1.2rem 1.2rem .3rem; content: ""; inset: 1rem; pointer-events: none; position: absolute; }
.hero__image { aspect-ratio: 4 / 5; object-fit: cover; object-position: center top; width: 100%; }
.hero__badge { align-items: center; background: var(--green-500); bottom: 1.2rem; color: var(--navy-950); display: inline-flex; font-size: .75rem; font-weight: 800; gap: .5rem; left: 1.2rem; letter-spacing: .08em; padding: .65rem .85rem; position: absolute; text-transform: uppercase; z-index: 1; }
.hero__badge::before { background: var(--navy-800); border-radius: 50%; content: ""; height: .45rem; width: .45rem; }
.hero__meta { border-top: 1px solid var(--border-default); display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); margin-top: 3rem; max-width: 38rem; padding-top: 1.25rem; }
.hero__meta strong { color: var(--navy-950); display: block; font-size: 1.2rem; letter-spacing: -.03em; }
.hero__meta span { color: var(--text-secondary); display: block; font-size: .78rem; line-height: 1.35; margin-top: .2rem; }

.section-intro { align-items: end; display: flex; gap: 2rem; justify-content: space-between; margin-bottom: 3rem; }
.section-intro__copy { max-width: 38rem; }
.section-intro__copy p { color: var(--text-secondary); font-size: 1.08rem; margin-top: 1rem; max-width: 34rem; }
.section-intro__aside { color: var(--text-secondary); font-size: .9rem; max-width: 15rem; }
.section-intro__aside strong { color: var(--navy-800); display: block; font-size: 2.2rem; letter-spacing: -.06em; line-height: 1; margin-bottom: .5rem; }

.proof-section { background: #fff; padding: var(--space-24) 0; }
.proof-layout { display: grid; gap: 2rem; grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .9fr); }
.evidence-panel { background: var(--navy-800); border-radius: var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-md); color: #fff; overflow: hidden; padding: clamp(1.6rem, 4vw, 3.2rem); position: relative; }
.evidence-panel::after { border: 1px solid rgba(110, 208, 59, .5); border-radius: 50%; content: ""; height: 17rem; position: absolute; right: -5rem; top: -5rem; width: 17rem; }
.evidence-panel .eyebrow { color: var(--green-500); position: relative; z-index: 1; }
.evidence-panel h3 { font-size: clamp(1.7rem, 3vw, 2.5rem); max-width: 15ch; position: relative; z-index: 1; }
.evidence-panel p { color: rgba(255,255,255,.78); margin-top: 1rem; max-width: 34rem; position: relative; z-index: 1; }
.evidence-list { border-top: 1px solid rgba(255,255,255,.18); list-style: none; margin: 2rem 0 0; padding: 0; position: relative; z-index: 1; }
.evidence-list li { align-items: baseline; border-bottom: 1px solid rgba(255,255,255,.18); display: flex; gap: .85rem; padding: .95rem 0; }
.evidence-list strong { color: var(--green-500); font-size: .8rem; letter-spacing: .1em; }
.evidence-list span { font-size: .94rem; }
.image-card { background: var(--gray-100); border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl); min-height: 100%; overflow: hidden; position: relative; }
.image-card__image { height: 100%; min-height: 25rem; object-fit: cover; width: 100%; }
.image-card__caption { background: rgba(8, 22, 49, .88); bottom: 0; color: #fff; font-size: .8rem; left: 0; padding: .8rem 1rem; position: absolute; right: 0; }

.priority-section { padding: var(--space-24) 0; }
.priority-list { border-top: 1px solid var(--border-strong); }
.priority-row { align-items: start; border-bottom: 1px solid var(--border-default); display: grid; gap: 2rem; grid-template-columns: 4rem minmax(12rem, .8fr) minmax(13rem, 1fr) minmax(12rem, .9fr); padding: 2rem 0; }
.priority-row:hover { background: rgba(238,245,251,.58); }
.priority-row__number { color: var(--green-600); font-family: var(--font-mono); font-size: .82rem; font-weight: 700; letter-spacing: .08em; padding-top: .25rem; }
.priority-row h3 { font-size: clamp(1.25rem, 2vw, 1.65rem); }
.priority-row__benefit { color: var(--text-secondary); margin: 0; }
.priority-row__label { color: var(--navy-700); font-size: .72rem; font-weight: 800; letter-spacing: .12em; margin: 0 0 .45rem; text-transform: uppercase; }
.priority-row__detail { color: var(--text-secondary); font-size: .92rem; margin: 0; }

.story-section { background: var(--gray-50); padding: var(--space-24) 0; }
.story-grid { align-items: center; display: grid; gap: clamp(2rem, 6vw, 6rem); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.story-grid--reverse .story-grid__media { order: 2; }
.story-grid__media { position: relative; }
.story-grid__media img { border-radius: var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-xl); box-shadow: var(--shadow-md); width: 100%; }
.story-grid__copy h2 { max-width: 14ch; }
.story-grid__copy > p:not(.eyebrow) { color: var(--text-secondary); font-size: 1.05rem; margin-top: 1.1rem; max-width: 34rem; }
.story-grid__note { border-left: 3px solid var(--green-500); color: var(--navy-800); font-size: .95rem; margin-top: 1.8rem; padding-left: 1rem; }

.team-section { background: #fff; padding: var(--space-24) 0; }
.team-preview { align-items: end; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1.1fr) minmax(14rem, .9fr); }
.team-preview__image { border-radius: var(--radius-md) var(--radius-xl) var(--radius-xl) var(--radius-xl); overflow: hidden; }
.team-preview__image img { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; }
.team-preview__copy { padding-bottom: 1rem; }
.team-preview__copy p:not(.eyebrow) { color: var(--text-secondary); max-width: 26rem; }
.team-names { border-top: 1px solid var(--border-default); margin-top: 1.5rem; padding-top: 1rem; }
.team-names p { color: var(--navy-700); font-size: .85rem; line-height: 1.45; margin: 0; }

.voting-banner { background: var(--navy-950); color: #fff; overflow: hidden; padding: var(--space-20) 0; position: relative; }
.voting-banner::after { border: 1px solid rgba(110,208,59,.38); border-radius: 50%; content: ""; height: 30rem; position: absolute; right: -8rem; top: -12rem; width: 30rem; }
.voting-banner__inner { align-items: end; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr) minmax(19rem, .7fr); position: relative; z-index: 1; }
.voting-banner h2 { max-width: 9ch; }
.voting-banner p:not(.eyebrow) { color: rgba(255,255,255,.75); margin-top: 1rem; max-width: 31rem; }
.timer { display: grid; gap: .7rem; grid-template-columns: repeat(4, 1fr); }
.timer__cell { border-left: 1px solid rgba(255,255,255,.25); padding-left: .8rem; }
.timer__number { color: var(--green-500); display: block; font-family: var(--font-mono); font-size: clamp(1.75rem, 4vw, 3.5rem); font-weight: 700; letter-spacing: -.08em; line-height: 1; }
.timer__label { color: rgba(255,255,255,.7); display: block; font-size: .72rem; letter-spacing: .1em; margin-top: .5rem; text-transform: uppercase; }

.site-footer { background: var(--navy-950); color: #fff; overflow: hidden; padding: 0 0 var(--space-6); }
.site-footer__feature { border-bottom: 1px solid rgba(255,255,255,.16); padding: var(--space-20) 0; }
.site-footer__feature-grid { align-items: center; display: grid; gap: clamp(2rem, 7vw, 7rem); grid-template-columns: minmax(0, 1.08fr) minmax(18rem, .92fr); }
.site-footer__brand .brand__image { width: min(19rem, 100%); }
.site-footer__social { margin: 1.15rem 0 1.45rem; }
.site-footer__social-label { color: rgba(255,255,255,.58); display: block; font-size: .66rem; font-weight: 800; letter-spacing: .12em; margin-bottom: .65rem; text-transform: uppercase; }
.site-footer__social-links { display: flex; flex-wrap: wrap; gap: .55rem; }
.site-footer__social-links a { align-items: center; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.16); border-radius: .7rem; color: #fff; display: inline-flex; font-size: .76rem; font-weight: 800; gap: .45rem; min-height: 2.75rem; padding: .55rem .72rem; text-decoration: none; transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s var(--ease-out); }
.site-footer__social-links a:hover { background: var(--green-500); border-color: var(--green-500); color: var(--navy-950); transform: translateY(-2px); }
.site-footer__preferred-source { align-items: center; background: rgba(255,255,255,.07); border: 1px solid rgba(110,208,59,.42); border-radius: var(--radius-lg); display: grid; gap: .85rem; grid-template-columns: 3rem minmax(0,1fr) auto; margin: 0 0 1.75rem; padding: .9rem; }
.site-footer__preferred-source-icon { align-items: center; background: var(--green-500); border-radius: var(--radius-md); color: var(--navy-950); display: flex; height: 3rem; justify-content: center; width: 3rem; }
.site-footer__preferred-source-icon svg { height: 1.3rem; width: 1.3rem; }
.site-footer__preferred-source-copy { display: flex; flex-direction: column; min-width: 0; }
.site-footer__preferred-source-copy small { color: var(--green-500); font-size: .62rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.site-footer__preferred-source-copy strong { color: #fff; font-size: .88rem; line-height: 1.25; margin-top: .12rem; }
.site-footer__preferred-source-copy > span { color: rgba(255,255,255,.66); font-size: .7rem; line-height: 1.4; margin-top: .18rem; }
.site-footer__preferred-source-button { align-items: center; background: #fff; border: 1px solid #fff; border-radius: var(--radius-md); color: var(--navy-950); display: inline-flex; font-size: .7rem; font-weight: 800; gap: .4rem; justify-content: center; min-height: 44px; padding: .65rem .8rem; text-decoration: none; white-space: nowrap; }
.site-footer__preferred-source-button:hover { background: var(--green-500); border-color: var(--green-500); color: var(--navy-950); }
.social-icon { flex: 0 0 auto; height: 1rem; width: 1rem; }
.site-footer__headline { font-size: clamp(1.8rem, 3.25vw, 3.25rem); font-weight: 850; letter-spacing: -.055em; line-height: .98; margin-top: 1.6rem; max-width: 16ch; }
.site-footer__intro { color: rgba(255,255,255,.72); font-size: 1rem; line-height: 1.55; margin-top: 1.25rem; max-width: 30rem; }
.site-footer__feature .button { margin-top: .65rem; }
.site-footer__feature-media { background: var(--navy-800); border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl); box-shadow: var(--shadow-lg); margin: 0; overflow: hidden; position: relative; }
.site-footer__feature-media::after { border: 1px solid rgba(255,255,255,.5); border-radius: 1rem .45rem 1rem 1rem; content: ""; inset: 1rem; pointer-events: none; position: absolute; }
.site-footer__feature-media img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.site-footer__feature-media figcaption { background: rgba(8,22,49,.88); bottom: 0; color: #fff; display: flex; flex-direction: column; gap: .25rem; left: 0; padding: 1rem 1.2rem; position: absolute; right: 0; z-index: 1; }
.site-footer__feature-media figcaption span { color: var(--green-500); font-size: .68rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.site-footer__feature-media figcaption strong { font-size: 1rem; }
.site-footer__nav-grid { display: grid; gap: 3rem; grid-template-columns: 1.5fr 1fr 1fr; padding-bottom: var(--space-16); padding-top: var(--space-16); }
.site-footer__links ul { list-style: none; margin: 0; padding: 0; }
.site-footer__links li + li { margin-top: .55rem; }
.site-footer__links a { color: rgba(255,255,255,.76); font-size: .9rem; text-decoration: none; }
.site-footer__links a:hover { color: var(--green-500); }
.site-footer__bottom { border-top: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.55); display: flex; font-size: .75rem; gap: 2rem; justify-content: space-between; padding-top: 1rem; }

.page-hero { padding: clamp(4rem, 8vw, 8rem) 0 var(--space-16); }
.page-hero--tint { background: var(--surface-tint); }
.page-hero--dark { background: var(--navy-950); color: #fff; }
.page-hero--dark .eyebrow { color: var(--green-500); }
.page-hero--dark .lede { color: rgba(255,255,255,.72); }
.page-hero h1 { max-width: 11ch; }
.page-hero__meta { align-items: end; display: flex; gap: 2rem; justify-content: space-between; }
.page-hero__meta .lede { margin-top: 1.25rem; }
.page-hero__aside { max-width: 14rem; }
.page-hero__aside strong { color: var(--green-600); display: block; font-size: 2.5rem; letter-spacing: -.07em; line-height: .9; }
.page-hero--dark .page-hero__aside strong { color: var(--green-500); }
.page-hero__aside span { color: var(--text-secondary); display: block; font-size: .8rem; line-height: 1.35; margin-top: .6rem; }
.page-hero--dark .page-hero__aside span { color: rgba(255,255,255,.65); }

.content-section { padding: var(--space-20) 0; }
.content-section--tint { background: var(--gray-50); }
.content-section--white { background: #fff; }
.section-heading { margin-bottom: 2.5rem; }
.section-heading h2 { max-width: 14ch; }
.section-heading p:not(.eyebrow) { color: var(--text-secondary); margin-top: 1rem; max-width: 38rem; }
.evidence-strips { display: grid; gap: 1rem; }
.evidence-strip { background: #fff; border: 1px solid var(--border-default); border-radius: var(--radius-lg); display: grid; gap: 1.2rem; grid-template-columns: minmax(11rem, .8fr) minmax(14rem, 1.2fr) minmax(14rem, 1fr); padding: 1.4rem; }
.evidence-strip:nth-child(even) { background: var(--surface-tint); }
.evidence-strip h3 { font-size: 1.25rem; }
.evidence-strip__number { color: var(--green-600); font-family: var(--font-mono); font-size: .8rem; font-weight: 700; }
.evidence-strip__label { color: var(--navy-700); font-size: .7rem; font-weight: 800; letter-spacing: .12em; margin-bottom: .35rem; text-transform: uppercase; }
.evidence-strip p { color: var(--text-secondary); font-size: .92rem; margin: 0; }
.evidence-strip__measure { border-left: 1px solid var(--border-default); padding-left: 1.2rem; }

/* Platform system: a clearer route from promise to public follow-through. */
.platform-hero { overflow: hidden; position: relative; }
.platform-hero::after { background: linear-gradient(135deg, transparent 48%, rgba(47,182,214,.12) 48%, rgba(47,182,214,.12) 49%, transparent 49%); content: ""; inset: 0; pointer-events: none; position: absolute; }
.platform-hero__grid, .audience-platform-hero__grid { align-items: center; display: grid; gap: clamp(2rem, 6vw, 6rem); grid-template-columns: minmax(0, 1fr) minmax(20rem, .86fr); position: relative; z-index: 1; }
.platform-hero__copy h1, .audience-platform-hero h1 { max-width: 10ch; }
.platform-hero__copy .lede, .audience-platform-hero .lede { margin-top: 1.2rem; }
.platform-hero__signature { border-left: 3px solid var(--green-500); display: flex; flex-direction: column; gap: .25rem; margin-top: 2rem; padding-left: 1rem; }
.platform-hero__signature span { color: var(--green-500); font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.platform-hero__signature strong { color: #fff; font-size: 1rem; }
.platform-flow { background: linear-gradient(145deg, rgba(29,61,124,.8), rgba(8,22,49,.95)); border: 1px solid rgba(255,255,255,.18); min-height: 24rem; overflow: hidden; padding: 1.25rem; position: relative; }
.platform-flow::before, .audience-platform-hero__visual::before { background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 2.2rem 2.2rem; content: ""; inset: 0; opacity: .65; pointer-events: none; position: absolute; }
.platform-flow::after { border: 1px solid rgba(47,182,214,.28); border-radius: 50%; content: ""; height: 18rem; position: absolute; right: -6rem; top: -7rem; width: 18rem; }
.platform-flow__top, .audience-platform-hero__visual-top { color: rgba(255,255,255,.66); display: flex; font-family: var(--font-mono); font-size: .65rem; font-weight: 700; justify-content: space-between; letter-spacing: .08em; position: relative; text-transform: uppercase; z-index: 2; }
.platform-flow__top span:last-child { color: var(--green-500); }
.platform-flow__graphic { margin-top: 1.25rem; position: relative; width: 100%; z-index: 1; }
.platform-flow__line { animation: platform-flow-dash 8s linear infinite; animation-play-state: paused; stroke: var(--cyan-500); stroke-linecap: round; stroke-dasharray: 8 12; stroke-width: 2.5; }
.platform-flow.is-motion-active .platform-flow__line { animation-play-state: running; }
.platform-flow__line--ghost { opacity: .16; stroke-dasharray: none; stroke-width: 8; }
.platform-flow__dot { fill: var(--green-500); stroke: var(--navy-950); stroke-width: 4; transform-box: fill-box; transform-origin: center; animation: platform-flow-pulse 3s var(--ease-out) infinite; }
.platform-flow__dot:nth-of-type(2) { animation-delay: .45s; }
.platform-flow__dot:nth-of-type(3) { animation-delay: .9s; }
.platform-flow__dot:nth-of-type(4) { animation-delay: 1.35s; }
.platform-flow__dot:nth-of-type(5) { animation-delay: 1.8s; }
.platform-flow__labels { display: grid; gap: .5rem; grid-template-columns: repeat(4, 1fr); margin-top: -.1rem; position: relative; z-index: 2; }
.platform-flow__labels span { color: rgba(255,255,255,.72); display: flex; flex-direction: column; font-size: .75rem; gap: .25rem; }
.platform-flow__labels strong { color: var(--green-500); font-family: var(--font-mono); font-size: .66rem; }
.platform-flow__note, .audience-platform-hero__visual-note { background: rgba(8,22,49,.9); border-left: 3px solid var(--green-500); bottom: 1rem; display: flex; flex-direction: column; gap: .18rem; max-width: 15rem; padding: .65rem .75rem; position: absolute; right: 1rem; z-index: 4; }
.platform-flow__note span, .audience-platform-hero__visual-note span { color: var(--green-500); font-size: .64rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.platform-flow__note strong, .audience-platform-hero__visual-note strong { color: #fff; font-size: .88rem; letter-spacing: -.02em; line-height: 1.2; }
.platform-nav-section { background: #fff; border-bottom: 1px solid var(--border-default); border-top: 1px solid var(--border-subtle); padding: 1rem 0; position: relative; z-index: 5; }
.platform-nav-section--dark { background: var(--navy-950); border-color: rgba(255,255,255,.14); }
.platform-switcher { display: grid; gap: .5rem; grid-template-columns: repeat(3, 1fr); }
.platform-switcher__item { align-items: center; border: 1px solid var(--border-default); border-radius: var(--radius-md); display: grid; gap: .75rem; grid-template-columns: 2rem 1fr auto; min-height: 3.5rem; padding: .75rem; text-decoration: none; transition: background-color var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out), color var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out); }
.platform-switcher__item:hover { border-color: var(--navy-700); box-shadow: var(--shadow-sm); color: var(--navy-950); transform: translateY(-2px); }
.platform-switcher__item.is-active { background: var(--navy-950); border-color: var(--navy-950); color: #fff; }
.platform-switcher__number { color: var(--green-600); font-family: var(--font-mono); font-size: .72rem; font-weight: 800; }
.platform-switcher__item.is-active .platform-switcher__number { color: var(--green-500); }
.platform-switcher__label { display: flex; flex-direction: column; gap: .1rem; }
.platform-switcher__label strong { font-size: .88rem; letter-spacing: -.015em; }
.platform-switcher__label small { color: var(--text-muted); font-size: .7rem; line-height: 1.2; }
.platform-switcher__item.is-active .platform-switcher__label small { color: rgba(255,255,255,.62); }
.platform-switcher__arrow { font-size: 1.1rem; }
.platform-nav-section--dark .platform-switcher__item { border-color: rgba(255,255,255,.18); color: #fff; }
.platform-nav-section--dark .platform-switcher__item:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.45); color: #fff; }
.platform-nav-section--dark .platform-switcher__label small { color: rgba(255,255,255,.58); }
.platform-nav-section--dark .platform-switcher__item.is-active { background: #fff; border-color: #fff; color: var(--navy-950); }
.platform-nav-section--dark .platform-switcher__item.is-active .platform-switcher__label small { color: var(--text-secondary); }
.platform-index-section { background: var(--surface-tint); border-bottom: 1px solid var(--border-default); padding: clamp(2.5rem, 5vw, 4.5rem) 0; }
.platform-index__heading { align-items: end; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr) minmax(18rem, .72fr); }
.platform-index__heading h2 { max-width: 12ch; }
.platform-index__heading > p { color: var(--text-secondary); margin: 0; max-width: 34rem; }
.platform-index { border-bottom: 1px solid var(--border-default); border-top: 1px solid var(--border-default); display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 2rem; }
.platform-index a { color: var(--navy-950); display: grid; gap: .55rem; min-height: 12rem; padding: 1rem; position: relative; text-decoration: none; transition: background-color var(--motion-base) var(--ease-out), color var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out); }
.platform-index a + a { border-left: 1px solid var(--border-default); }
.platform-index a:hover { background: var(--navy-950); color: #fff; transform: translateY(-3px); }
.platform-index a > span { color: var(--green-600); font-family: var(--font-mono); font-size: .72rem; font-weight: 800; }
.platform-index a strong { font-size: 1rem; line-height: 1.2; }
.platform-index a small { color: var(--text-secondary); font-size: .75rem; line-height: 1.4; }
.platform-index a:hover small { color: rgba(255,255,255,.68); }
.platform-index a b { bottom: .9rem; color: var(--green-600); font-size: 1rem; position: absolute; right: 1rem; }
.platform-manifesto__grid, .platform-plain-language { display: grid; gap: clamp(2rem, 6vw, 6rem); grid-template-columns: minmax(0, 1fr) minmax(18rem, .85fr); }
.platform-manifesto h2, .platform-plain-language h2 { max-width: 11ch; }
.platform-manifesto__note { border-left: 3px solid var(--cyan-500); color: var(--text-secondary); font-size: .9rem; margin-top: 1.6rem; max-width: 32rem; padding-left: 1rem; }
.platform-standard-card { background: var(--surface-tint); border: 1px solid var(--border-default); border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl); overflow: hidden; padding: clamp(1.4rem, 3vw, 2rem); position: relative; }
.platform-standard-card::after { border: 1px solid rgba(47,182,214,.28); border-radius: 50%; content: ""; height: 10rem; position: absolute; right: -4rem; top: -4rem; width: 10rem; }
.platform-standard-card h3 { font-size: 1.35rem; max-width: 15ch; position: relative; z-index: 1; }
.platform-standard-card ol { border-top: 1px solid var(--border-default); list-style: none; margin: 1.5rem 0 0; padding: 0; position: relative; z-index: 1; }
.platform-standard-card li { border-bottom: 1px solid var(--border-default); display: grid; gap: .15rem; padding: .85rem 0 .85rem 1.1rem; position: relative; }
.platform-standard-card li::before { background: var(--green-500); border-radius: 50%; content: ""; height: .45rem; left: 0; position: absolute; top: 1.15rem; width: .45rem; }
.platform-standard-card li strong { color: var(--navy-950); font-size: .92rem; }
.platform-standard-card li span { color: var(--text-secondary); font-size: .82rem; }
.platform-priorities__heading, .platform-audience-heading { align-items: end; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr) minmax(15rem, .8fr); }
.platform-priorities__heading > p, .platform-audience-heading > p { margin: 0; }
.platform-priority-stack, .business-commitment-stack { display: grid; gap: 1rem; }
.platform-priority-card { background: #fff; border: 1px solid var(--border-default); border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl); overflow: hidden; transition: border-color var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out); }
.platform-priority-card__header { align-items: start; display: grid; gap: 1.25rem; grid-template-columns: 3.5rem minmax(0, 1fr) auto; padding: 1.6rem; }
.platform-priority-card__index { align-items: center; color: var(--green-600); display: flex; flex-direction: column; font-family: var(--font-mono); font-size: .78rem; font-weight: 800; gap: .75rem; }
.platform-priority-card__line { background: var(--green-500); display: block; height: 3rem; width: 2px; }
.platform-priority-card__kicker, .platform-audience-card__kicker { color: var(--green-600); font-family: var(--font-mono); font-size: .7rem; font-weight: 800; letter-spacing: .1em; margin: 0 0 .55rem; text-transform: uppercase; }
.platform-priority-card__title h2 { font-size: clamp(1.55rem, 3vw, 2.5rem); max-width: 18ch; }
.platform-priority-card__promise { border-left: 3px solid var(--green-500); display: flex; flex-direction: column; gap: .25rem; margin: 1rem 0 0; max-width: 38rem; padding-left: .9rem; }
.platform-priority-card__promise span { color: var(--green-700); font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.platform-priority-card__promise strong { color: var(--navy-800); font-size: 1.02rem; line-height: 1.35; }
.platform-priority-card__icon, .platform-audience-card__icon { align-items: center; background: var(--surface-tint); border: 1px solid rgba(47,182,214,.2); border-radius: 50%; color: var(--navy-700); display: inline-flex; height: 3.7rem; justify-content: center; width: 3.7rem; }
.platform-priority-card__icon svg, .platform-audience-card__icon svg { height: 1.5rem; width: 1.5rem; }
.platform-priority-card__body { border-top: 1px solid var(--border-default); display: grid; gap: 0; grid-template-columns: repeat(2, 1fr); padding: 1.35rem 1.6rem; }
.platform-priority-card__body > div { padding-right: 1.1rem; }
.platform-priority-card__body > div + div { border-left: 1px solid var(--border-default); padding-left: 1.1rem; }
.platform-priority-card__body > div:last-child { background: var(--surface-tint); border-left: 0; border-top: 1px solid var(--border-default); grid-column: 1 / -1; margin: 1.15rem -1.6rem -1.35rem; padding: 1rem 1.6rem; }
.platform-priority-card__body p:not(.evidence-strip__label) { color: var(--text-secondary); font-size: .9rem; margin: 0; }
.platform-priority-card__footer { background: var(--gray-50); display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); padding: 1rem 1.6rem; }
.platform-priority-card__footer div { display: flex; flex-direction: column; gap: .15rem; }
.platform-priority-card__footer span, .business-commitment footer span { color: var(--text-muted); font-size: .67rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.platform-priority-card__footer strong, .business-commitment footer strong { color: var(--navy-800); font-size: .82rem; line-height: 1.35; }
.platform-next-step__grid { align-items: center; display: grid; gap: clamp(2rem, 6vw, 6rem); grid-template-columns: minmax(0, .86fr) minmax(18rem, 1.14fr); }
.platform-next-step h2 { max-width: 11ch; }
.platform-next-step p:not(.eyebrow) { color: rgba(255,255,255,.72); margin-top: 1rem; max-width: 32rem; }
.platform-next-step__links { display: grid; gap: .65rem; }
.platform-next-step__links a { align-items: center; border: 1px solid rgba(255,255,255,.17); color: #fff; display: grid; gap: .2rem .85rem; grid-template-columns: 2rem 1fr auto; padding: .85rem 1rem; text-decoration: none; transition: background-color var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out); }
.platform-next-step__links a:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.45); color: #fff; transform: translateX(3px); }
.platform-next-step__links a > span { color: var(--green-500); font-family: var(--font-mono); font-size: .72rem; grid-row: span 2; }
.platform-next-step__links strong { font-size: .96rem; }
.platform-next-step__links small { color: rgba(255,255,255,.58); font-size: .75rem; }
.platform-next-step__links b { grid-column: 3; grid-row: 1 / span 2; }

/* Audience pages share the same route language, with a warmer resident lens and a business lens. */
.audience-platform-hero { overflow: hidden; position: relative; }
.audience-platform-hero__visual { background: var(--surface-tint); border: 1px solid var(--border-default); min-height: 23rem; overflow: hidden; padding: 1.25rem; position: relative; }
.audience-platform-hero__visual::after { border: 1px solid rgba(47,182,214,.28); border-radius: 50%; content: ""; height: 16rem; position: absolute; right: -5rem; top: -6rem; width: 16rem; }
.audience-platform-hero__visual-top { color: var(--navy-700); }
.audience-platform-hero__visual-top span:last-child { color: var(--green-600); }
.audience-platform-hero__visual svg { margin-top: 1.5rem; position: relative; width: 100%; z-index: 1; }
.audience-platform-hero__route { stroke: var(--navy-700); stroke-dasharray: 7 11; stroke-linecap: round; stroke-width: 2.5; animation: platform-flow-dash 8s linear infinite; }
.audience-platform-hero__route--secondary { opacity: .24; stroke: var(--cyan-500); }
.audience-platform-hero__visual circle { fill: var(--green-500); stroke: var(--surface-tint); stroke-width: 4; transform-box: fill-box; transform-origin: center; animation: platform-flow-pulse 3s var(--ease-out) infinite; }
.audience-platform-hero__chips { bottom: 1rem; display: flex; flex-wrap: wrap; gap: .45rem; left: 1.25rem; max-width: calc(100% - 18rem); position: absolute; z-index: 3; }
.audience-platform-hero__chips span { background: #fff; border: 1px solid var(--border-default); color: var(--navy-800); font-size: .72rem; font-weight: 750; padding: .45rem .6rem; }
.audience-platform-hero__visual-note { bottom: 1rem; right: 1rem; }
.audience-platform-hero__visual-note strong { max-width: 13rem; }
.audience-platform-hero--business .audience-platform-hero__visual { background: linear-gradient(145deg, rgba(29,61,124,.9), var(--navy-950)); border-color: rgba(255,255,255,.18); }
.audience-platform-hero--business .audience-platform-hero__visual-top { color: rgba(255,255,255,.66); }
.audience-platform-hero--business .audience-platform-hero__visual-top span:last-child { color: var(--green-500); }
.audience-platform-hero--business .audience-platform-hero__route { stroke: var(--cyan-500); }
.audience-platform-hero--business .audience-platform-hero__visual circle { stroke: var(--navy-950); }
.audience-platform-hero--business .audience-platform-hero__chips span { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.2); color: #fff; }
.platform-resident-intro__grid, .platform-business-intro__grid { align-items: center; display: grid; gap: clamp(2rem, 6vw, 6rem); grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); }
.platform-resident-intro__media, .platform-business-story .story-grid__media { position: relative; }
.platform-resident-intro__media img, .platform-business-story .story-grid__media img { border-radius: var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-xl); box-shadow: var(--shadow-md); width: 100%; }
.platform-image-stamp { background: var(--navy-950); color: var(--green-500); font-size: .68rem; font-weight: 800; letter-spacing: .1em; padding: .6rem .75rem; position: absolute; right: 1rem; text-transform: uppercase; top: 1rem; z-index: 2; }
.platform-resident-list { border-top: 1px solid var(--border-default); list-style: none; margin: 1.5rem 0 0; padding: 0; }
.platform-resident-list li { border-bottom: 1px solid var(--border-default); display: grid; gap: .25rem; padding: .85rem 0; }
.platform-resident-list strong { color: var(--navy-800); font-size: .95rem; }
.platform-resident-list span { color: var(--text-secondary); font-size: .84rem; }
.platform-audience-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }
.platform-audience-card { background: #fff; border: 1px solid var(--border-default); border-radius: var(--radius-lg); padding: 1.4rem; transition: border-color var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out); }
.platform-audience-card:last-child { grid-column: 1 / -1; }
.platform-audience-card:last-child { grid-column: auto; }
.platform-audience-card__top { align-items: center; display: flex; justify-content: space-between; }
.platform-audience-card__number, .business-commitment__index { color: var(--green-600); font-family: var(--font-mono); font-size: .75rem; font-weight: 800; }
.platform-audience-card__icon { height: 3rem; width: 3rem; }
.platform-audience-card__icon svg { height: 1.25rem; width: 1.25rem; }
.platform-audience-card h3 { font-size: 1.4rem; margin-top: 1.4rem; max-width: 18ch; }
.platform-audience-card__why { color: var(--text-secondary); font-size: .92rem; margin-top: .6rem; }
.platform-audience-card__detail { border-top: 1px solid var(--border-default); margin-top: 1.15rem; padding-top: .85rem; }
.platform-audience-card__detail p:not(.evidence-strip__label) { color: var(--text-secondary); font-size: .88rem; margin: 0; }
.platform-plain-language__copy p { color: var(--text-secondary); max-width: 36rem; }
.platform-plain-language__copy .button { margin-top: .6rem; }
.platform-resident-cta__grid { align-items: center; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr) auto; }
.platform-resident-cta h2 { max-width: 12ch; }
.platform-resident-cta p:not(.eyebrow) { color: rgba(255,255,255,.72); margin-top: 1rem; max-width: 35rem; }
.platform-resident-cta__actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: end; }
.platform-business-proof { background: var(--navy-950); border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl); color: #fff; padding: 1.5rem; }
.platform-business-proof__metric { align-items: center; border-bottom: 1px solid rgba(255,255,255,.17); display: flex; gap: 1rem; padding-bottom: 1.3rem; }
.platform-business-proof__metric strong { color: var(--green-500); font-family: var(--font-mono); font-size: 3.5rem; letter-spacing: -.1em; line-height: 1; }
.platform-business-proof__metric span { color: rgba(255,255,255,.74); font-size: .88rem; line-height: 1.35; max-width: 12rem; }
.platform-business-proof ul { list-style: none; margin: 0; padding: 0; }
.platform-business-proof li { border-bottom: 1px solid rgba(255,255,255,.17); display: flex; flex-direction: column; gap: .15rem; padding: .8rem 0; }
.platform-business-proof li:last-child { border-bottom: 0; padding-bottom: 0; }
.platform-business-proof li strong { color: #fff; font-size: .92rem; }
.platform-business-proof li span { color: rgba(255,255,255,.62); font-size: .8rem; }
.business-commitment { background: #fff; border: 1px solid var(--border-default); border-left: 3px solid var(--green-500); border-radius: var(--radius-lg); display: grid; gap: 1.25rem; grid-template-columns: 3.5rem minmax(0, 1fr) minmax(18rem, .95fr); overflow: hidden; padding: 1.5rem; }
.business-commitment__index { display: flex; flex-direction: column; gap: .6rem; }
.business-commitment__index span:last-child { color: var(--navy-700); font-size: 1rem; }
.business-commitment__main h3 { font-size: 1.5rem; max-width: 17ch; }
.business-commitment__main > p:last-child { color: var(--text-secondary); font-size: .92rem; margin-top: .65rem; }
.business-commitment__details { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }
.business-commitment__details > div + div { border-left: 1px solid var(--border-default); padding-left: 1rem; }
.business-commitment__details p:not(.evidence-strip__label) { color: var(--text-secondary); font-size: .84rem; margin: 0; }
.business-commitment footer { border-top: 1px solid var(--border-default); display: flex; flex-direction: column; gap: .15rem; grid-column: 2 / -1; padding-top: .8rem; }

.split-callout { align-items: stretch; display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.callout { border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl); padding: clamp(1.6rem, 4vw, 3rem); }
.callout h2 { font-size: clamp(1.8rem, 3.5vw, 3rem); max-width: 12ch; }
.callout p:not(.eyebrow) { color: var(--text-secondary); margin-top: 1rem; max-width: 27rem; }
.callout--blue { background: var(--surface-tint); }
.callout--navy { background: var(--navy-800); color: #fff; }
.callout--navy .eyebrow { color: var(--green-500); }
.callout--navy p:not(.eyebrow) { color: rgba(255,255,255,.75); }

.profile-layout { align-items: start; display: grid; gap: clamp(2rem, 6vw, 6rem); grid-template-columns: minmax(15rem, .8fr) minmax(0, 1.2fr); }
.profile-layout__media img { border-radius: var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-xl); box-shadow: var(--shadow-md); width: 100%; }
.profile-layout__copy h2 { margin-bottom: 1rem; }
.profile-facts { border-top: 1px solid var(--border-default); display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); margin-top: 2rem; padding-top: 1rem; }
.profile-facts strong { color: var(--navy-800); display: block; font-size: 1.8rem; letter-spacing: -.06em; line-height: 1; }
.profile-facts span { color: var(--text-secondary); display: block; font-size: .78rem; line-height: 1.35; margin-top: .35rem; }

.team-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }
.team-card { background: #fff; border: 1px solid var(--border-default); border-radius: var(--radius-lg); display: grid; gap: 1rem; grid-template-columns: 3.4rem 1fr; padding: 1.3rem; }
.team-card:nth-child(3n) { border-radius: var(--radius-md) var(--radius-xl) var(--radius-xl) var(--radius-xl); }
.team-card__initials { align-items: center; background: var(--navy-800); border-radius: 50%; color: var(--green-500); display: flex; font-family: var(--font-mono); font-size: .75rem; font-weight: 800; height: 3.4rem; justify-content: center; width: 3.4rem; }
.team-card h3 { font-size: 1.15rem; letter-spacing: -.03em; }
.team-card__role { color: var(--navy-700); font-size: .74rem; font-weight: 750; letter-spacing: .04em; margin: .3rem 0 .45rem; }
.team-card__copy { color: var(--text-secondary); font-size: .88rem; margin: 0; }

.member-hero { overflow: hidden; padding-bottom: clamp(4rem, 8vw, 8rem); padding-top: clamp(4rem, 8vw, 8rem); }
.member-hero__grid { align-items: center; display: grid; gap: clamp(2rem, 7vw, 7rem); grid-template-columns: minmax(0, 1fr) minmax(18rem, .78fr); }
.member-hero__copy h1 { max-width: 8ch; }
.member-role-lockup { align-items: center; display: flex; flex-wrap: wrap; gap: .7rem; margin-bottom: 1.4rem; }
.member-role-badge { align-items: center; background: var(--green-500); border-radius: var(--radius-full); color: var(--navy-950); display: inline-flex; font-size: .72rem; font-weight: 850; gap: .45rem; letter-spacing: .08em; padding: .55rem .8rem; text-transform: uppercase; }
.member-role-badge::before { background: var(--navy-800); border-radius: 50%; content: ""; height: .42rem; width: .42rem; }
.member-role-badge--mayor { animation: member-mayor-glow 2.4s ease-in-out infinite; background: var(--green-500); border: 1px solid rgba(255,255,255,.72); box-shadow: 0 0 0 .25rem rgba(110,208,59,.14), 0 0 1.35rem rgba(110,208,59,.52); position: relative; }
.member-role-badge--mayor::before { background: var(--navy-950); box-shadow: 0 0 0 .25rem rgba(8,22,49,.1); }
@keyframes member-mayor-glow { 0%, 100% { box-shadow: 0 0 0 .2rem rgba(110,208,59,.12), 0 0 .85rem rgba(110,208,59,.38); } 50% { box-shadow: 0 0 0 .38rem rgba(110,208,59,.18), 0 0 1.75rem rgba(110,208,59,.72); } }
.member-role-caption { color: rgba(255,255,255,.62); font-size: .78rem; letter-spacing: .02em; }
.member-hero__tagline { color: var(--green-500); font-size: clamp(1.15rem, 2.2vw, 1.7rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.12; margin: 1.5rem 0 0; max-width: 25rem; }
.member-hero__copy .lede { margin-top: 1.2rem; max-width: 31rem; }
.member-hero__media { background: var(--navy-800); border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl); box-shadow: var(--shadow-lg); margin: 0; overflow: hidden; position: relative; }
.member-hero__media::after { border: 1px solid rgba(255,255,255,.55); border-radius: 1rem .45rem 1rem 1rem; content: ""; inset: 1rem; pointer-events: none; position: absolute; }
.member-hero__image { aspect-ratio: 4 / 5; object-fit: cover; object-position: center top; width: 100%; }
.member-hero__media figcaption { background: rgba(8,22,49,.9); bottom: 0; color: #fff; display: flex; flex-direction: column; gap: .25rem; left: 0; padding: 1rem 1.2rem; position: absolute; right: 0; z-index: 1; }
.member-hero__media figcaption span, .member-related-card__role { color: var(--green-500); font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.member-hero__media figcaption strong { font-size: .95rem; }
.member-profile-grid { align-items: start; display: grid; gap: clamp(2rem, 7vw, 7rem); grid-template-columns: minmax(0, 1.2fr) minmax(17rem, .8fr); }
.member-profile__story h2 { max-width: 14ch; }
.member-profile__story .prose { margin-top: 1.5rem; max-width: 42rem; }
.member-highlights { background: var(--surface-tint); border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl); padding: clamp(1.4rem, 4vw, 2.4rem); }
.member-highlights__list { border-top: 1px solid var(--border-default); }
.member-highlight { border-bottom: 1px solid var(--border-default); padding: 1rem 0; }
.member-highlight strong { color: var(--navy-800); display: block; font-size: clamp(1.8rem, 3vw, 2.8rem); letter-spacing: -.07em; line-height: .95; }
.member-highlight span { color: var(--text-secondary); display: block; font-size: .8rem; line-height: 1.35; margin-top: .4rem; }
.member-highlight small { border-left: 2px solid var(--green-500); color: var(--navy-700); display: block; font-size: .76rem; line-height: 1.5; margin-top: .75rem; padding-left: .7rem; }
.member-highlights__note { color: var(--text-secondary); font-size: .78rem; margin: 1rem 0 0; }
.member-points-heading { align-items: start; border-bottom: 1px solid var(--border-default); display: grid; gap: 2rem; grid-template-columns: minmax(9rem, .38fr) minmax(0, 1fr) minmax(17rem, .7fr); margin-bottom: 2rem; padding-bottom: 2.4rem; }
.member-points-heading__label { display: flex; flex-direction: column; min-height: 100%; }
.member-points-heading__label .eyebrow { margin-bottom: .8rem; }
.member-points-heading__number { color: var(--green-600); font-family: var(--font-mono); font-size: 2.7rem; font-weight: 800; letter-spacing: -.08em; line-height: 1; }
.member-points-heading__rule { background: var(--green-500); display: block; height: 3px; margin-top: auto; max-width: 5rem; width: 100%; }
.member-points-heading__copy { display: contents; }
.member-points-heading h2 { max-width: 9ch; }
.member-points-heading p:not(.eyebrow) { color: var(--text-secondary); max-width: 30rem; padding-top: .35rem; }
.member-points-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); }
.member-point { background: #fff; border: 1px solid var(--border-default); border-radius: var(--radius-lg); min-height: 15rem; padding: 1.4rem; }
.member-point:nth-child(2) { border-radius: var(--radius-md) var(--radius-xl) var(--radius-md) var(--radius-xl); }
.member-point__top { align-items: center; display: flex; justify-content: space-between; }
.member-point__icon { align-items: center; background: var(--surface-tint); border-radius: 50%; color: var(--navy-700); display: inline-flex; height: 3rem; justify-content: center; width: 3rem; }
.member-point__svg { height: 1.35rem; width: 1.35rem; }
.member-point__number { color: var(--green-600); font-family: var(--font-mono); font-size: .75rem; font-weight: 800; }
.member-point h3 { font-size: 1.25rem; margin-top: 2rem; }
.member-point p { color: var(--text-secondary); font-size: .9rem; margin-top: .6rem; }
.content-section--navy { background: var(--navy-950); color: #fff; }
.section-heading--inverse p:not(.eyebrow) { color: rgba(255,255,255,.72); }
.section-heading--inverse h2 { color: #fff; }
.member-standard { align-items: center; display: grid; gap: 3rem; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.member-standard__copy h2 { max-width: 10ch; }
.member-standard__copy p:not(.eyebrow) { color: var(--text-secondary); margin-top: 1rem; max-width: 30rem; }
.member-standard__actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: end; }
.team-standard-grid { align-items: start; display: grid; gap: clamp(2rem, 7vw, 7rem); grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
.team-standard-grid__intro h2 { max-width: 11ch; }
.team-standard-grid__intro p:not(.eyebrow) { color: var(--text-secondary); margin-top: 1rem; max-width: 29rem; }
.team-standard-list { border-top: 1px solid var(--border-default); }
.team-standard-list > div { border-bottom: 1px solid var(--border-default); display: grid; gap: .5rem 1rem; grid-template-columns: 2.5rem 1fr; padding: 1.1rem 0; }
.team-standard-list strong { color: var(--green-600); font-family: var(--font-mono); font-size: .78rem; grid-row: span 2; }
.team-standard-list h3 { font-size: 1.2rem; }
.team-standard-list p { color: var(--text-secondary); font-size: .9rem; grid-column: 2; margin: 0; }
.team-card--photo { display: block; overflow: hidden; padding: 0; text-decoration: none; }
.team-card--photo:hover { color: inherit; transform: translateY(-3px); }
.team-card__media { background: var(--navy-800); margin: 0; overflow: hidden; }
.team-card__image { aspect-ratio: 4 / 4.8; object-fit: cover; object-position: center top; transition: transform .35s var(--ease-out); width: 100%; }
.team-card--photo:hover .team-card__image { transform: scale(1.025); }
.team-card__body { padding: 1.25rem 1.3rem 1.45rem; }
.team-card__body h3 { font-size: 1.35rem; }
.team-card__body .team-card__role { margin-top: 0; }
.team-card__body .team-card__copy { margin-top: .65rem; }
.team-card__link { color: var(--navy-700); display: inline-flex; font-size: .78rem; font-weight: 800; gap: .35rem; margin-top: 1rem; }
.team-card--photo:hover .team-card__link { color: var(--green-600); }
.member-related-heading { align-items: end; display: grid; gap: clamp(1.5rem, 5vw, 5rem); grid-template-columns: minmax(0, 1fr) minmax(16rem, .55fr); }
.member-related-heading h2 { font-size: clamp(2.4rem, 4.3vw, 4rem); max-width: none; }
.member-related-heading h2 span { display: block; white-space: nowrap; }
.member-related-heading > p { color: rgba(255,255,255,.68); line-height: 1.6; margin: 0; max-width: 29rem; }
.member-related-grid { display: grid; gap: 1rem; grid-template-columns: repeat(12, minmax(0, 1fr)); }
.member-related-card { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); border-radius: var(--radius-lg); color: #fff; display: grid; grid-column: span 3; grid-template-columns: 5.75rem minmax(0, 1fr); min-height: 9.5rem; overflow: hidden; text-decoration: none; transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s var(--ease-out); }
.member-related-card:nth-child(n+5) { grid-column: span 4; }
.member-related-card:hover { background: rgba(255,255,255,.13); border-color: rgba(110,208,59,.48); color: #fff; transform: translateY(-3px); }
.member-related-card.is-current { background: rgba(110,208,59,.13); border-color: rgba(110,208,59,.62); box-shadow: inset 0 0 0 1px rgba(110,208,59,.18); }
.member-related-card__image { height: 100%; min-height: 9rem; object-fit: cover; object-position: center top; width: 100%; }
.member-related-card__body { display: flex; flex-direction: column; padding: 1rem; }
.member-related-card__body strong { font-size: 1.05rem; margin-top: .35rem; }
.member-related-card__link { color: var(--green-500); font-size: .75rem; font-weight: 800; margin-top: auto; padding-top: .8rem; }
.team-grid { grid-template-columns: repeat(3, 1fr); }

.authority-table { border-collapse: collapse; font-size: .92rem; width: 100%; }
.authority-table caption { caption-side: top; color: var(--text-secondary); margin-bottom: 1rem; text-align: left; }
.authority-table th, .authority-table td { border-bottom: 1px solid var(--border-default); padding: 1rem .75rem; text-align: left; vertical-align: top; }
.authority-table th { color: var(--navy-800); font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; }
.authority-table td { color: var(--text-secondary); }
.authority-table td:first-child { color: var(--text-primary); font-weight: 700; }

/* How council works: a visual field guide from question to public update. */
.council-hero { overflow: hidden; position: relative; }
.council-hero::before { background: linear-gradient(135deg, transparent 43%, rgba(47,182,214,.14) 43%, rgba(47,182,214,.14) 44%, transparent 44%); content: ""; inset: 0; pointer-events: none; position: absolute; }
.council-hero::after { border: 1px solid rgba(110,208,59,.25); border-radius: 50%; content: ""; height: 34rem; position: absolute; right: -16rem; top: -17rem; width: 34rem; }
.council-hero__grid { align-items: center; display: grid; gap: clamp(2rem, 6vw, 6rem); grid-template-columns: minmax(0, 1fr) minmax(20rem, .9fr); position: relative; z-index: 1; }
.council-hero__copy h1 { max-width: 8ch; }
.council-hero__copy .lede { margin-top: 1.2rem; max-width: 34rem; }
.council-hero__signature { border-left: 3px solid var(--green-500); display: flex; flex-direction: column; gap: .25rem; margin-top: 2rem; padding-left: 1rem; }
.council-hero__signature span { color: var(--green-500); font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.council-hero__signature strong { color: #fff; font-size: 1rem; }
.council-route-graphic { background: linear-gradient(145deg, rgba(29,61,124,.86), rgba(8,22,49,.98)); border: 1px solid rgba(255,255,255,.18); min-height: 24rem; overflow: hidden; padding: 1.25rem; position: relative; }
.council-route-graphic::before { background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 2.2rem 2.2rem; content: ""; inset: 0; opacity: .65; pointer-events: none; position: absolute; }
.council-route-graphic::after { border: 1px solid rgba(47,182,214,.3); border-radius: 50%; content: ""; height: 19rem; position: absolute; right: -7rem; top: -7rem; width: 19rem; }
.council-route-graphic__top { color: rgba(255,255,255,.66); display: flex; font-family: var(--font-mono); font-size: .65rem; font-weight: 700; justify-content: space-between; letter-spacing: .08em; position: relative; text-transform: uppercase; z-index: 2; }
.council-route-graphic__top span:last-child { color: var(--green-500); }
.council-route-graphic__svg { margin-top: 1.25rem; position: relative; width: 100%; z-index: 1; }
.council-route-graphic__line { animation: platform-flow-dash 8s linear infinite; stroke: var(--cyan-500); stroke-dasharray: 8 12; stroke-linecap: round; stroke-width: 2.5; }
.council-route-graphic__line--ghost { opacity: .16; stroke-dasharray: none; stroke-width: 8; }
.council-route-graphic__dot { animation: platform-flow-pulse 3s var(--ease-out) infinite; fill: var(--green-500); stroke: var(--navy-950); stroke-width: 4; transform-box: fill-box; transform-origin: center; }
.council-route-graphic__dot:nth-of-type(2) { animation-delay: .45s; }
.council-route-graphic__dot:nth-of-type(3) { animation-delay: .9s; }
.council-route-graphic__dot:nth-of-type(4) { animation-delay: 1.35s; }
.council-route-graphic__dot:nth-of-type(5) { animation-delay: 1.8s; }
.council-route-graphic__labels { display: grid; gap: .5rem; grid-template-columns: repeat(4, 1fr); margin-top: -.1rem; position: relative; z-index: 2; }
.council-route-graphic__labels span { color: rgba(255,255,255,.72); display: flex; flex-direction: column; font-size: .75rem; gap: .25rem; }
.council-route-graphic__labels strong { color: var(--green-500); font-family: var(--font-mono); font-size: .66rem; }
.council-route-graphic__note { background: rgba(8,22,49,.92); border-left: 3px solid var(--green-500); bottom: 3.6rem; display: flex; flex-direction: column; gap: .18rem; max-width: 15rem; padding: .65rem .75rem; position: absolute; right: 1rem; z-index: 4; }
.council-route-graphic__note span { color: var(--green-500); font-size: .64rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.council-route-graphic__note strong { color: #fff; font-size: .88rem; letter-spacing: -.02em; line-height: 1.2; }
.council-principles__grid { align-items: start; display: grid; gap: clamp(2rem, 7vw, 7rem); grid-template-columns: minmax(0, .9fr) minmax(18rem, 1.1fr); }
.council-principles h2, .council-authority-copy h2, .council-accountability-copy h2 { max-width: 11ch; }
.council-principles .prose { margin-top: 1.1rem; max-width: 35rem; }
.council-principles__note { border-left: 3px solid var(--cyan-500); color: var(--text-secondary); font-size: .9rem; margin-top: 1.6rem; max-width: 30rem; padding-left: 1rem; }
.council-question-list { border-top: 1px solid var(--border-default); }
.council-question { align-items: start; border-bottom: 1px solid var(--border-default); display: grid; gap: 1rem; grid-template-columns: 2.5rem 1fr; padding: 1.2rem 0; }
.council-question > span { color: var(--green-600); font-family: var(--font-mono); font-size: .76rem; font-weight: 800; padding-top: .2rem; }
.council-question strong { color: var(--navy-800); font-size: 1.1rem; }
.council-question p { color: var(--text-secondary); font-size: .88rem; margin: .35rem 0 0; max-width: 32rem; }
.council-route-section { overflow: hidden; }
.council-route-heading { align-items: end; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr) minmax(15rem, .8fr); }
.council-route-heading > p { color: var(--text-secondary); margin: 0 0 .2rem; max-width: 30rem; }
.council-route { display: grid; gap: 1rem; grid-template-columns: repeat(4, 1fr); margin-top: 4.2rem; position: relative; }
.council-route::before { background: linear-gradient(90deg, var(--green-500), var(--cyan-500)); content: ""; height: 2px; left: 2rem; opacity: .7; position: absolute; right: 2rem; top: -2.35rem; }
.council-route-step { display: flex; flex-direction: column; min-height: 19rem; padding: 0 1.25rem 1.25rem 0; position: relative; }
.council-route-step::before { background: var(--green-500); border: 5px solid var(--gray-50); border-radius: 50%; content: ""; height: .9rem; left: 1.35rem; position: absolute; top: -2.8rem; width: .9rem; z-index: 1; }
.council-route-step + .council-route-step { border-left: 1px solid var(--border-default); padding-left: 1.25rem; }
.council-route-step__number { color: var(--navy-800); font-family: var(--font-mono); font-size: 2.8rem; font-weight: 800; letter-spacing: -.1em; line-height: .9; }
.council-route-step__tag { color: var(--green-600); font-family: var(--font-mono); font-size: .68rem; font-weight: 800; letter-spacing: .12em; margin-top: 1.35rem; text-transform: uppercase; }
.council-route-step h3 { font-size: 1.35rem; margin-top: .65rem; max-width: 13ch; }
.council-route-step p { color: var(--text-secondary); font-size: .88rem; margin-top: .7rem; }
.council-route-step__action { border-top: 1px solid var(--border-default); color: var(--navy-700); font-size: .75rem; font-weight: 800; line-height: 1.35; margin-top: auto; padding-top: 1rem; }
.council-authority-layout { align-items: start; display: grid; gap: clamp(2rem, 7vw, 7rem); grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); }
.council-authority-copy .prose { margin-top: 1.1rem; max-width: 30rem; }
.council-authority-media { border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl); box-shadow: var(--shadow-md); margin: 2rem 0 0; overflow: hidden; position: relative; }
.council-authority-media::after { background: linear-gradient(180deg, transparent 35%, rgba(8,22,49,.82)); content: ""; inset: 0; pointer-events: none; position: absolute; }
.council-authority-media img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.council-authority-media figcaption { bottom: 0; color: #fff; display: flex; flex-direction: column; gap: .25rem; left: 0; padding: 1rem 1.1rem; position: absolute; right: 0; z-index: 1; }
.council-authority-media figcaption span { color: var(--green-500); font-size: .66rem; font-weight: 800; letter-spacing: .12em; }
.council-authority-media figcaption strong { font-size: 1rem; }
.council-authority-list { border-top: 1px solid var(--border-default); }
.council-authority-row { align-items: start; border-bottom: 1px solid var(--border-default); display: grid; gap: 1rem; grid-template-columns: minmax(10rem, .78fr) minmax(12rem, 1.05fr) minmax(8rem, .7fr); padding: 1.2rem 0; }
.council-authority-row > div { display: flex; flex-direction: column; gap: .38rem; }
.council-authority-row__number { color: var(--green-600); font-family: var(--font-mono); font-size: .7rem; font-weight: 800; }
.council-authority-row strong { color: var(--navy-800); font-size: .98rem; }
.council-authority-row p { color: var(--text-secondary); font-size: .86rem; margin: 0; }
.council-authority-row__owner { color: var(--navy-700); font-size: .72rem; font-weight: 800; line-height: 1.35; }
.council-accountability-section { overflow: hidden; position: relative; }
.council-accountability-section::after { border: 1px solid rgba(47,182,214,.25); border-radius: 50%; content: ""; height: 30rem; position: absolute; right: -13rem; top: -10rem; width: 30rem; }
.council-accountability-grid { align-items: center; display: grid; gap: clamp(2rem, 7vw, 7rem); grid-template-columns: minmax(0, .9fr) minmax(19rem, 1.1fr); position: relative; z-index: 1; }
.council-accountability-copy p:not(.eyebrow) { color: rgba(255,255,255,.72); margin-top: 1rem; max-width: 30rem; }
.council-accountability-copy .button { margin-top: 1.3rem; }
.council-reporting-panel { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); padding: 1.35rem 1.4rem; }
.council-reporting-panel__top { border-bottom: 1px solid rgba(255,255,255,.18); display: flex; flex-direction: column; gap: .3rem; padding-bottom: 1rem; }
.council-reporting-panel__top span { color: var(--green-500); font-family: var(--font-mono); font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.council-reporting-panel__top strong { color: #fff; font-size: 1.2rem; }
.council-reporting-track { list-style: none; margin: 1rem 0 0; padding: 0; position: relative; }
.council-reporting-track::before { background: rgba(255,255,255,.2); content: ""; left: .76rem; position: absolute; top: .8rem; bottom: .8rem; width: 1px; }
.council-reporting-track li { align-items: start; display: grid; gap: .85rem; grid-template-columns: 1.6rem 1fr; padding: .7rem 0; position: relative; }
.council-reporting-track li > span { align-items: center; background: var(--navy-800); border: 1px solid rgba(255,255,255,.32); border-radius: 50%; color: rgba(255,255,255,.66); display: inline-flex; font-family: var(--font-mono); font-size: .58rem; font-weight: 800; height: 1.55rem; justify-content: center; position: relative; width: 1.55rem; z-index: 1; }
.council-reporting-track li.is-complete > span, .council-reporting-track li.is-current > span { background: var(--green-500); border-color: var(--green-500); color: var(--navy-950); }
.council-reporting-track li.is-current > span { box-shadow: 0 0 0 .3rem rgba(110,208,59,.16); }
.council-reporting-track li strong { color: #fff; display: block; font-size: .95rem; }
.council-reporting-track li small { color: rgba(255,255,255,.62); display: block; font-size: .78rem; line-height: 1.35; margin-top: .18rem; }
.council-final-cta { background: var(--surface-tint); }
.council-final-cta__grid { align-items: center; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr) auto; }
.council-final-cta h2 { max-width: 12ch; }
.council-final-cta p:not(.eyebrow) { color: var(--text-secondary); margin-top: 1rem; max-width: 34rem; }
.council-final-cta__actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: end; }

.timeline { border-left: 1px solid var(--border-strong); margin-left: .5rem; padding-left: 2rem; }
.timeline__item { padding: 0 0 2.5rem; position: relative; }
.timeline__item::before { background: var(--green-500); border: 4px solid var(--surface-canvas); border-radius: 50%; content: ""; height: .9rem; left: -2.45rem; position: absolute; top: .15rem; width: .9rem; }
.timeline__date { color: var(--green-600); font-family: var(--font-mono); font-size: .78rem; font-weight: 700; letter-spacing: .04em; }
.timeline h3 { margin-top: .45rem; }
.timeline p { color: var(--text-secondary); margin-top: .5rem; max-width: 40rem; }

.vote-layout { align-items: start; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1.1fr) minmax(17rem, .9fr); }
.vote-facts { background: var(--navy-950); border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl); color: #fff; padding: 1.6rem; }
.vote-facts h2 { font-size: 2rem; max-width: 11ch; }
.vote-facts__row { border-top: 1px solid rgba(255,255,255,.18); margin-top: 1.4rem; padding-top: 1rem; }
.vote-facts__row strong { color: var(--green-500); display: block; font-size: 1.3rem; }
.vote-facts__row span { color: rgba(255,255,255,.72); display: block; font-size: .84rem; line-height: 1.4; margin-top: .25rem; }
.location-list { columns: 2; column-gap: 2rem; list-style: none; margin: 1.5rem 0 0; padding: 0; }
.location-list li { break-inside: avoid; border-top: 1px solid var(--border-default); color: var(--text-secondary); display: grid; font-size: .9rem; gap: .2rem .7rem; grid-template-columns: 1fr; padding: .75rem 0 .75rem 1.1rem; position: relative; }
.location-list li::before { color: var(--green-600); content: "↗"; font-weight: 800; left: 0; position: absolute; top: .8rem; }
.vote-location__name { color: var(--text-primary); font-weight: 700; grid-column: 1 / -1; }
.vote-location__address { color: var(--text-muted); font-size: .76rem; grid-column: 1; }
.vote-location__link { align-items: center; background: var(--surface-tint); border: 1px solid var(--border-default); border-radius: var(--radius-sm); color: var(--navy-700); display: inline-flex; font-size: .74rem; font-weight: 800; gap: .4rem; grid-column: 1; justify-self: start; margin-top: .3rem; min-height: 2rem; padding: .35rem .6rem; text-decoration: none; transition: background-color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out); white-space: nowrap; }
.vote-location__link:hover { background: var(--navy-800); border-color: var(--navy-800); box-shadow: var(--shadow-sm); color: #fff; transform: translateY(-1px); }
.vote-location__link:active { transform: translateY(0); }
.vote-hero { background: var(--navy-950); color: #fff; overflow: hidden; padding: clamp(4rem, 8vw, 8rem) 0 clamp(3rem, 6vw, 5rem); position: relative; }
.vote-hero::before { border: 1px solid rgba(47,182,214,.34); border-radius: 50%; content: ""; height: 31rem; position: absolute; right: -13rem; top: -11rem; width: 31rem; }
.vote-hero::after { background: linear-gradient(135deg, transparent 42%, rgba(110,208,59,.15) 42%, rgba(110,208,59,.15) 44%, transparent 44%); content: ""; inset: 0; pointer-events: none; position: absolute; }
.vote-hero__grid { align-items: end; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr) minmax(19rem, .72fr); position: relative; z-index: 1; }
.vote-hero h1 { max-width: 9ch; }
.vote-hero .lede { color: rgba(255,255,255,.76); margin-top: 1.2rem; }
.vote-hero__right { display: grid; gap: 2.5rem; }
.vote-hero__visual { border: 1px solid rgba(255,255,255,.18); min-height: 19rem; overflow: hidden; padding: 1.3rem; position: relative; }
.vote-hero__visual::before { background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 2.2rem 2.2rem; content: ""; inset: 0; opacity: .65; position: absolute; }
.vote-hero__visual::after { border: 1px solid rgba(47,182,214,.28); border-radius: 50%; content: ""; height: 15rem; position: absolute; right: -5rem; top: -6rem; width: 15rem; }
.vote-hero__visual-kicker { color: var(--green-500); font-family: var(--font-mono); font-size: .68rem; font-weight: 800; letter-spacing: .1em; position: relative; text-transform: uppercase; z-index: 2; }
.vote-hero__map { bottom: .7rem; height: calc(100% - 2.3rem); left: .7rem; position: absolute; right: .7rem; top: 1.9rem; width: calc(100% - 1.4rem); z-index: 1; }
.vote-hero__map-line { stroke: rgba(255,255,255,.22); stroke-linecap: round; stroke-width: 1; }
.vote-hero__map-line--soft { opacity: .48; }
.vote-hero__map-route { stroke: var(--cyan-500); stroke-linecap: round; stroke-width: 3; }
.vote-hero__pin { align-items: center; background: var(--green-500); border: 2px solid var(--navy-950); border-radius: 50%; display: grid; height: 1rem; justify-content: center; position: absolute; width: 1rem; z-index: 3; }
.vote-hero__pin::before { background: var(--navy-950); border-radius: 50%; content: ""; height: .3rem; width: .3rem; }
.vote-hero__pin::after { border: 1px solid var(--green-500); border-radius: 50%; content: ""; inset: -.45rem; opacity: 0; position: absolute; transform: scale(.7); animation: vote-pin-pulse 2.8s var(--ease-out) infinite; }
.vote-hero__pin--one { left: 18%; top: 61%; }
.vote-hero__pin--two { left: 45%; top: 43%; }
.vote-hero__pin--two::after { animation-delay: .7s; }
.vote-hero__pin--three { left: 66%; top: 56%; }
.vote-hero__pin--three::after { animation-delay: 1.4s; }
.vote-hero__pin--four { left: 82%; top: 25%; }
.vote-hero__pin--four::after { animation-delay: 2.1s; }
.vote-hero__visual-note { background: rgba(8,22,49,.88); border-left: 3px solid var(--green-500); bottom: 1rem; display: flex; flex-direction: column; gap: .18rem; max-width: 14rem; padding: .65rem .75rem; position: absolute; right: 1rem; z-index: 4; }
.vote-hero__visual-note span { color: var(--green-500); font-size: .64rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.vote-hero__visual-note strong { color: #fff; font-size: .88rem; letter-spacing: -.02em; line-height: 1.2; }
.vote-hero__stats { border-left: 1px solid rgba(255,255,255,.22); display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); padding-left: 1.4rem; }
.vote-hero__stat strong { color: var(--green-500); display: block; font-family: var(--font-mono); font-size: clamp(1.6rem, 3vw, 2.6rem); letter-spacing: -.08em; line-height: 1; }
.vote-hero__stat span { color: rgba(255,255,255,.7); display: block; font-size: .74rem; line-height: 1.3; margin-top: .5rem; }
.vote-plan { border: 1px solid var(--border-default); border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl); box-shadow: var(--shadow-md); margin-top: -3rem; position: relative; z-index: 2; }
.vote-plan__intro { align-items: end; display: flex; gap: 2rem; justify-content: space-between; }
.vote-plan__intro h2 { max-width: 10ch; }
.vote-plan__intro > p { color: var(--text-secondary); max-width: 28rem; }
.vote-plan__steps { display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); margin-top: 2.5rem; }
.vote-step { background: var(--gray-50); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); min-height: 12rem; padding: 1.25rem; }
.vote-step__number { color: var(--green-600); font-family: var(--font-mono); font-size: .78rem; font-weight: 800; }
.vote-step h3 { font-size: 1.35rem; margin-top: 1.8rem; }
.vote-step p { color: var(--text-secondary); font-size: .9rem; margin-top: .5rem; }
.vote-options { display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); }
.vote-option { background: #fff; border: 1px solid var(--border-default); border-radius: var(--radius-lg); padding: 1.4rem; }
.vote-option--featured { background: var(--navy-800); border-color: var(--navy-800); color: #fff; }
.vote-option__kicker { color: var(--green-600); font-family: var(--font-mono); font-size: .75rem; font-weight: 800; }
.vote-option--featured .vote-option__kicker { color: var(--green-500); }
.vote-option h3 { font-size: 1.5rem; margin-top: 1.2rem; }
.vote-option p { color: var(--text-secondary); font-size: .9rem; margin-top: .65rem; }
.vote-option--featured p { color: rgba(255,255,255,.74); }
.vote-option .button { margin-top: 1rem; }
.advance-date-grid { display: grid; gap: .75rem; grid-template-columns: repeat(4, 1fr); margin: 2rem 0 1rem; }
.advance-voting-heading { align-items: end; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr) minmax(15rem, .8fr); }
.advance-voting-heading > p { margin: 0; }
.advance-date { background: var(--surface-tint); border: 1px solid var(--border-default); border-top: 3px solid var(--cyan-500); border-radius: var(--radius-md); display: flex; flex-direction: column; gap: .15rem; min-height: 6.2rem; padding: .9rem; transition: background-color var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out); }
.advance-date:nth-child(2n) { border-top-color: var(--green-500); }
.advance-date span:first-child { color: var(--green-600); font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.advance-date strong { color: var(--navy-800); font-family: var(--font-mono); font-size: 1.8rem; letter-spacing: -.08em; line-height: 1; }
.advance-date small { color: var(--text-secondary); font-size: .78rem; }
.advance-voting-hours { align-items: center; background: var(--navy-950); border-radius: var(--radius-md); color: #fff; display: grid; gap: .25rem 1rem; grid-template-columns: auto auto 1fr; margin-top: 1rem; padding: .9rem 1rem; }
.advance-voting-hours__pulse { background: var(--green-500); border-radius: 50%; box-shadow: 0 0 0 .35rem rgba(110,208,59,.16); height: .6rem; width: .6rem; }
.advance-voting-hours span { color: var(--green-500); font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.advance-voting-hours__pulse + strong { color: #fff; }
.advance-voting-hours > span:last-child { color: rgba(255,255,255,.66); font-family: var(--font-body); font-size: .76rem; font-weight: 400; justify-self: end; letter-spacing: 0; text-transform: none; }
.advance-voting-hours strong { color: #fff; font-family: var(--font-mono); font-size: .9rem; }
.advance-voting-hours small { color: rgba(255,255,255,.66); font-size: .76rem; justify-self: end; }
.advance-location-list-heading { border-top: 1px solid var(--border-default); font-size: 1.35rem; margin: 2rem 0 0; padding-top: 1.5rem; }
.vote-location__dates { color: var(--navy-700); display: block; font-family: var(--font-mono); font-size: .68rem; font-weight: 700; letter-spacing: .02em; }
.vote-location__dates b { color: var(--green-600); font-weight: 800; margin-left: .25rem; }
.vote-location-section { background: var(--gray-50); }
.vote-location-groups { display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); margin-top: 2rem; }
.vote-location-group { background: #fff; border: 1px solid var(--border-default); border-radius: var(--radius-lg); padding: 1.2rem; }
.vote-location-group h3 { color: var(--navy-800); font-size: 1.25rem; }
.vote-location-group p { color: var(--text-muted); font-size: .76rem; margin: .35rem 0 0; }
.vote-location-group ul { border-top: 1px solid var(--border-subtle); list-style: none; margin: 1rem 0 0; padding: 0; }
.vote-location-group li { border-bottom: 1px solid var(--border-subtle); color: var(--text-secondary); display: grid; font-size: .82rem; gap: .2rem .65rem; grid-template-columns: 1fr; line-height: 1.35; padding: .7rem 0 .7rem 1.05rem; position: relative; }
.vote-location-group li::before { color: var(--green-600); content: ""; height: .4rem; left: 0; position: absolute; top: .95rem; width: .4rem; background: currentColor; border-radius: 50%; }
.vote-location-group li:last-child { border-bottom: 0; }
.has-js .vote-plan__steps .vote-step:nth-child(2), .has-js .vote-location-groups .vote-location-group:nth-child(2) { transition-delay: 60ms; }
.has-js .vote-plan__steps .vote-step:nth-child(3), .has-js .vote-location-groups .vote-location-group:nth-child(3) { transition-delay: 120ms; }
.has-js .vote-location-groups .vote-location-group:nth-child(4) { transition-delay: 180ms; }
.has-js .vote-location-groups .vote-location-group:nth-child(5) { transition-delay: 240ms; }
.has-js .vote-location-groups .vote-location-group:nth-child(6) { transition-delay: 300ms; }
.vote-id-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); margin-top: 2rem; }
.vote-id-card { background: var(--surface-tint); border-left: 3px solid var(--cyan-500); padding: 1.4rem; }
.vote-id-card--dark { background: var(--navy-950); border-left-color: var(--green-500); color: #fff; }
.vote-id-card h3 { font-size: 1.35rem; }
.vote-id-card p { color: var(--text-secondary); font-size: .9rem; margin-top: .65rem; }
.vote-id-card--dark p { color: rgba(255,255,255,.74); }
.vote-id-card .button { margin-top: .7rem; }
.official-note { background: var(--surface-tint); border-left: 3px solid var(--cyan-500); color: var(--navy-800); font-size: .9rem; margin-top: 2rem; padding: 1rem 1.1rem; }
.official-note a { font-weight: 700; }

.form-layout { align-items: start; display: grid; gap: clamp(2rem, 6vw, 6rem); grid-template-columns: minmax(14rem, .7fr) minmax(0, 1.3fr); }
.form-intro h2 { max-width: 10ch; }
.form-intro p:not(.eyebrow) { color: var(--text-secondary); margin-top: 1rem; max-width: 22rem; }
.form-card { background: #fff; border: 1px solid var(--border-default); border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl); padding: clamp(1.4rem, 4vw, 2.5rem); }
.form-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }
.form-field { display: flex; flex-direction: column; gap: .4rem; }
.form-field--full { grid-column: 1 / -1; }
.form-field label { color: var(--navy-800); font-size: .8rem; font-weight: 750; }
.form-field label span { color: var(--text-muted); font-weight: 400; }
.form-field input, .form-field select, .form-field textarea { background: var(--gray-25); border: 1px solid var(--border-strong); border-radius: var(--radius-md); color: var(--text-primary); min-height: 48px; padding: .75rem .8rem; width: 100%; }
.form-field textarea { min-height: 8rem; resize: vertical; }
.form-field input:hover, .form-field select:hover, .form-field textarea:hover { border-color: var(--navy-700); }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color: var(--focus); outline: 3px solid rgba(28,131,181,.18); }
.checkbox-field { align-items: center; display: flex; gap: .65rem; margin: 1rem 0 1.35rem; min-height: 44px; }
.checkbox-field input { accent-color: var(--navy-800); cursor: pointer; flex: 0 0 1.5rem; height: 1.5rem; margin: 0; width: 1.5rem; }
.checkbox-field label { align-items: center; color: var(--text-secondary); cursor: pointer; display: flex; font-size: .82rem; min-height: 44px; }
.form-note { color: var(--text-secondary); font-size: .76rem; margin-top: 1rem; }
.form-notice { border-radius: var(--radius-md); font-size: .9rem; margin-bottom: 1rem; padding: .85rem 1rem; }
.form-notice--success { background: #e9f6df; border: 1px solid #acd58f; color: #236010; }
.form-notice--error { background: #fff0ee; border: 1px solid #e6a49d; color: #8a261c; }
.check-list { list-style: none; margin: 1.6rem 0 0; padding: 0; }
.check-list li { align-items: center; color: var(--navy-800); display: flex; font-size: .9rem; gap: .65rem; }
.check-list li + li { margin-top: .75rem; }
.check-list svg { color: var(--green-600); flex: 0 0 auto; height: 1.1rem; width: 1.1rem; }

.volunteer-hero { padding-bottom: clamp(4.5rem, 9vw, 8rem); }
.volunteer-hero__rail { align-items: end; border-top: 1px solid rgba(255,255,255,.18); display: grid; gap: 1.5rem; grid-template-columns: minmax(15rem, 2fr) repeat(3, minmax(6rem, .72fr)); margin-top: clamp(3rem, 7vw, 6rem); padding-bottom: 1.35rem; padding-top: 1.25rem; }
.volunteer-hero__rail-copy span, .volunteer-hero__rail-stat span { color: var(--green-500); display: block; font-size: .69rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.volunteer-hero__rail-copy p { color: rgba(255,255,255,.68); font-size: .88rem; line-height: 1.4; margin: .3rem 0 0; max-width: 24rem; }
.volunteer-hero__rail-stat { border-left: 1px solid rgba(255,255,255,.18); padding-left: 1rem; }
.volunteer-hero__rail-stat strong { color: #fff; display: block; font-size: 1.8rem; letter-spacing: -.06em; line-height: 1; }
.volunteer-hero__rail-stat span { color: rgba(255,255,255,.6); font-size: .68rem; margin-top: .35rem; }

.volunteer-intro__grid { align-items: center; display: grid; gap: clamp(2rem, 7vw, 7rem); grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); }
.volunteer-intro__media { background: var(--navy-800); border-radius: var(--radius-md) var(--radius-xl) var(--radius-xl) var(--radius-xl); box-shadow: var(--shadow-lg); margin: 0; min-height: 31rem; overflow: hidden; position: relative; }
.volunteer-intro__media::after { border: 1px solid rgba(255,255,255,.54); border-radius: .75rem 1rem 1rem 1rem; content: ""; inset: 1rem; pointer-events: none; position: absolute; }
.volunteer-intro__media img { height: 100%; min-height: 31rem; object-fit: cover; width: 100%; }
.volunteer-intro__media figcaption { background: rgba(8,22,49,.88); bottom: 0; color: #fff; display: flex; flex-direction: column; gap: .3rem; left: 0; padding: 1rem 1.2rem; position: absolute; right: 0; z-index: 1; }
.volunteer-intro__media figcaption span { color: var(--green-500); font-size: .68rem; font-weight: 800; letter-spacing: .13em; }
.volunteer-intro__media figcaption strong { font-size: 1.05rem; letter-spacing: -.025em; }
.volunteer-intro__copy h2 { max-width: 10ch; }
.volunteer-intro__copy .prose { margin-top: 1.1rem; }
.volunteer-benefit-list { border-top: 1px solid var(--border-default); list-style: none; margin: 2rem 0 0; padding: 0; }
.volunteer-benefit-list li { align-items: start; border-bottom: 1px solid var(--border-default); display: grid; gap: 1rem; grid-template-columns: 2.5rem 1fr; padding: 1.1rem 0; }
.volunteer-benefit-icon { align-items: center; background: var(--surface-tint); border-radius: .65rem; color: var(--navy-800); display: inline-flex; height: 2.25rem; justify-content: center; width: 2.25rem; }
.volunteer-benefit-icon svg { height: 1.2rem; width: 1.2rem; }
.volunteer-benefit-list__marker { color: var(--green-600); font-family: var(--font-mono); font-size: .75rem; font-weight: 800; padding-top: .15rem; }
.volunteer-benefit-list h3 { font-size: 1.1rem; }
.volunteer-benefit-list p { color: var(--text-secondary); font-size: .88rem; line-height: 1.45; margin: .35rem 0 0; }

.volunteer-ways-section { overflow: hidden; }
.volunteer-ways { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr); }
.volunteer-ways__stack { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.volunteer-way { background: #fff; border: 1px solid var(--border-default); border-radius: var(--radius-lg); padding: 1.5rem; }
.volunteer-way--featured { background: var(--navy-800); border-color: var(--navy-800); border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl); color: #fff; display: flex; flex-direction: column; min-height: 100%; padding: clamp(1.6rem, 4vw, 3rem); }
.volunteer-way__top { align-items: center; display: flex; justify-content: space-between; }
.volunteer-icon { align-items: center; background: var(--surface-tint); border-radius: .65rem; color: var(--navy-800); display: inline-flex; height: 2.9rem; justify-content: center; width: 2.9rem; }
.volunteer-icon svg { height: 1.35rem; width: 1.35rem; }
.volunteer-way--featured .volunteer-icon { background: var(--green-500); color: var(--navy-950); }
.volunteer-way__number { color: var(--green-600); font-family: var(--font-mono); font-size: .72rem; font-weight: 800; letter-spacing: .08em; }
.volunteer-way--featured .volunteer-way__number { color: var(--green-500); }
.volunteer-way h3 { font-size: clamp(1.3rem, 2.1vw, 1.8rem); margin-top: 2.2rem; }
.volunteer-way p { color: var(--text-secondary); font-size: .9rem; margin: .75rem 0 0; }
.volunteer-way--featured p { color: rgba(255,255,255,.76); font-size: 1rem; max-width: 28rem; }
.volunteer-way__tag { border-top: 1px solid rgba(255,255,255,.2); color: var(--green-500); font-size: .72rem; font-weight: 800; letter-spacing: .1em; margin-top: auto; padding-top: 1.25rem; text-transform: uppercase; }

.volunteer-gallery-section { overflow: hidden; }
.volunteer-gallery-heading { align-items: end; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1.1fr) minmax(15rem, .9fr); margin-bottom: 2.5rem; }
.volunteer-gallery-heading h2 { max-width: 11ch; }
.volunteer-gallery-heading > p { color: var(--text-secondary); margin: 0 0 .2rem; max-width: 28rem; }
.volunteer-gallery { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1.16fr) minmax(13rem, .84fr); grid-template-rows: repeat(2, minmax(0, 1fr)); }
.volunteer-gallery figure { margin: 0; overflow: hidden; position: relative; }
.volunteer-gallery__feature { border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl); grid-row: 1 / -1; min-height: 35rem; }
.volunteer-gallery__feature img { height: 100%; object-fit: cover; width: 100%; }
.volunteer-gallery__feature::after, .volunteer-gallery__tile::after { background: linear-gradient(180deg, transparent 48%, rgba(8,22,49,.8)); content: ""; inset: 0; pointer-events: none; position: absolute; }
.volunteer-gallery figcaption { bottom: 0; color: #fff; display: flex; flex-direction: column; gap: .2rem; left: 0; padding: 1.1rem 1.2rem; position: absolute; right: 0; z-index: 1; }
.volunteer-gallery__feature figcaption span { color: var(--green-500); font-size: .68rem; font-weight: 800; letter-spacing: .13em; }
.volunteer-gallery__feature figcaption strong { font-size: 1.25rem; letter-spacing: -.03em; }
.volunteer-gallery__tile { min-height: 15rem; }
.volunteer-gallery__tile img { height: 100%; object-fit: cover; width: 100%; }
.volunteer-gallery__tile--event { border-radius: var(--radius-md) var(--radius-xl) var(--radius-md) var(--radius-xl); }
.volunteer-gallery__tile--team { border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-md); }
.volunteer-gallery__quote { align-items: start; background: var(--navy-800); border-radius: var(--radius-md) var(--radius-xl) var(--radius-xl) var(--radius-md); color: #fff; display: flex; flex-direction: column; justify-content: center; min-height: 15rem; padding: clamp(1.5rem, 4vw, 2.6rem); }
.volunteer-gallery__quote-mark { color: var(--green-500); font-size: 3.8rem; font-weight: 800; line-height: .6; }
.volunteer-gallery__quote p { font-size: clamp(1.35rem, 2.4vw, 2.1rem); letter-spacing: -.045em; line-height: 1.05; margin: 1rem 0 0; max-width: 12ch; }
.volunteer-gallery__quote-line { color: rgba(255,255,255,.64); font-size: .78rem; line-height: 1.4; margin-top: 1.4rem; max-width: 20rem; }

.volunteer-expectations__grid { align-items: start; display: grid; gap: clamp(2rem, 7vw, 7rem); grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); }
.volunteer-expectations h2 { max-width: 10ch; }
.volunteer-expectations .prose { margin-top: 1.1rem; }
.volunteer-steps { border-top: 1px solid var(--border-default); counter-reset: volunteer-step; list-style: none; margin: 0; padding: 0; }
.volunteer-steps li { align-items: start; border-bottom: 1px solid var(--border-default); display: grid; gap: 1rem; grid-template-columns: 2rem 1fr; padding: 1.2rem 0; }
.volunteer-steps li > span { color: var(--green-600); font-family: var(--font-mono); font-size: .75rem; font-weight: 800; padding-top: .15rem; }
.volunteer-steps h3 { font-size: 1.15rem; }
.volunteer-steps p { color: var(--text-secondary); font-size: .9rem; margin: .35rem 0 0; }

.volunteer-form-section { background: var(--navy-950); color: #fff; overflow: hidden; padding: var(--space-20) 0; position: relative; }
.volunteer-form-section::after { border: 1px solid rgba(110,208,59,.34); border-radius: 50%; content: ""; height: 34rem; position: absolute; right: -15rem; top: -13rem; width: 34rem; }
.volunteer-form-section .site-shell { position: relative; z-index: 1; }
.volunteer-form-heading { align-items: end; border-bottom: 1px solid rgba(255,255,255,.18); display: grid; gap: 2rem; grid-template-columns: minmax(0, 1.1fr) minmax(15rem, .9fr); padding-bottom: 2rem; }
.volunteer-form-heading .eyebrow { color: var(--green-500); }
.volunteer-form-heading h2 { max-width: 11ch; }
.volunteer-form-heading > p { color: rgba(255,255,255,.7); margin: 0 0 .2rem; max-width: 24rem; }
.volunteer-form-layout { align-items: start; display: grid; gap: clamp(2rem, 6vw, 6rem); grid-template-columns: minmax(14rem, .68fr) minmax(0, 1.32fr); padding-top: 2.5rem; }
.volunteer-form-aside { padding-top: .4rem; }
.volunteer-form-aside__top { align-items: baseline; border-bottom: 1px solid rgba(255,255,255,.18); display: flex; gap: 1rem; padding-bottom: 1rem; }
.volunteer-form-aside__top span { color: var(--green-500); font-family: var(--font-mono); font-size: .8rem; font-weight: 800; }
.volunteer-form-aside__top strong { font-size: 1.35rem; letter-spacing: -.04em; }
.volunteer-form-aside > p { color: rgba(255,255,255,.7); margin-top: 1rem; max-width: 23rem; }
.volunteer-form-aside ul { border-top: 1px solid rgba(255,255,255,.18); list-style: none; margin: 1.5rem 0 0; padding: 0; }
.volunteer-form-aside li { border-bottom: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.86); font-size: .88rem; padding: .75rem 0 .75rem 1.2rem; position: relative; }
.volunteer-form-aside li::before { color: var(--green-500); content: "↗"; font-weight: 800; left: 0; position: absolute; }
.volunteer-form-aside__privacy { color: rgba(255,255,255,.5) !important; font-size: .78rem; }
.volunteer-form-card { box-shadow: var(--shadow-lg); }
.volunteer-form-card .button { margin-top: .2rem; }
.table-wrap { overflow-x: auto; }
.evidence-strip__label--spaced { margin-top: .85rem; }

.post-list { display: grid; gap: 1rem; }
.post-card { background: #fff; border: 1px solid var(--border-default); border-radius: var(--radius-lg); padding: 1.5rem; }
.post-card h2 { font-size: 1.8rem; max-width: 18ch; }
.post-card__date { color: var(--text-muted); font-size: .78rem; margin-top: .5rem; }
.post-card__excerpt { color: var(--text-secondary); margin-top: .8rem; }
.entry-content__body { margin-top: 2rem; }

.campaign-video { border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-xl); box-shadow: var(--shadow-md); overflow: hidden; }
.campaign-video video { background: var(--navy-950); width: 100%; }
.caption { color: var(--text-secondary); font-size: .78rem; margin-top: .7rem; }

/* About the movement */
.about-hero { overflow: hidden; position: relative; }
.about-hero::after { background-image: linear-gradient(rgba(47,182,214,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(47,182,214,.08) 1px, transparent 1px); background-size: 3rem 3rem; content: ""; inset: 0; mask-image: linear-gradient(90deg, transparent 20%, #000); pointer-events: none; position: absolute; }
.about-hero__grid { align-items: center; display: grid; gap: clamp(2.5rem, 7vw, 7rem); grid-template-columns: minmax(0, 1.02fr) minmax(21rem, .98fr); position: relative; z-index: 1; }
.about-hero__copy h1 { font-size: clamp(3rem, 6.4vw, 6.2rem); max-width: 10ch; }
.about-hero__copy .lede { margin-top: 1.3rem; max-width: 36rem; }
.about-hero__signature { border-left: 3px solid var(--green-500); color: #fff; display: flex; flex-direction: column; font-size: clamp(1rem, 2vw, 1.35rem); font-weight: 800; gap: .1rem; line-height: 1.08; margin-top: 2.2rem; padding-left: 1rem; }
.about-compass { background: rgba(15,42,88,.78); border: 1px solid rgba(255,255,255,.18); min-height: 30rem; overflow: hidden; padding: 1.25rem; position: relative; }
.about-compass::before { border: 1px solid rgba(110,208,59,.25); border-radius: 50%; content: ""; height: 22rem; left: -12rem; position: absolute; top: -12rem; width: 22rem; }
.about-compass__top { color: rgba(255,255,255,.62); display: flex; font-family: var(--font-mono); font-size: .65rem; font-weight: 800; justify-content: space-between; letter-spacing: .09em; position: relative; text-transform: uppercase; z-index: 2; }
.about-compass svg { margin-top: .5rem; position: relative; width: 100%; z-index: 1; }
.about-compass__orbit { stroke: rgba(255,255,255,.1); stroke-dasharray: 4 10; }
.about-compass__orbit--inner { stroke: rgba(110,208,59,.16); }
.about-compass__route { animation: platform-flow-dash 9s linear infinite; animation-play-state: paused; stroke: var(--cyan-500); stroke-dasharray: 9 12; stroke-linecap: round; stroke-width: 2.5; }
.about-compass.is-motion-active .about-compass__route { animation-play-state: running; }
.about-compass__route--ghost { opacity: .18; stroke-dasharray: none; stroke-width: 9; }
.about-compass__dot { animation: platform-flow-pulse 3s var(--ease-out) infinite; animation-play-state: paused; fill: var(--green-500); stroke: var(--navy-950); stroke-width: 4; transform-box: fill-box; transform-origin: center; }
.about-compass.is-motion-active .about-compass__dot { animation-play-state: running; }
.about-compass__dot:nth-of-type(2) { animation-delay: .35s; }
.about-compass__dot:nth-of-type(3) { animation-delay: .7s; }
.about-compass__dot:nth-of-type(4) { animation-delay: 1.05s; }
.about-compass__dot:nth-of-type(5) { animation-delay: 1.4s; }
.about-compass__labels { display: grid; gap: .6rem; grid-template-columns: repeat(4, 1fr); margin-top: -1rem; position: relative; z-index: 2; }
.about-compass__labels span { color: rgba(255,255,255,.58); display: flex; flex-direction: column; font-size: .68rem; line-height: 1.35; }
.about-compass__labels strong { color: var(--green-500); font-size: .74rem; margin-bottom: .2rem; text-transform: uppercase; }
.about-compass__note { background: rgba(8,22,49,.94); border-left: 3px solid var(--green-500); bottom: 1rem; display: flex; flex-direction: column; max-width: 17rem; padding: .7rem .8rem; position: absolute; right: 1rem; z-index: 3; }
.about-compass__note span { color: var(--green-500); font-size: .62rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.about-compass__note strong { color: #fff; font-size: .86rem; margin-top: .2rem; }
.about-origin__grid { align-items: center; display: grid; gap: clamp(2.5rem, 7vw, 7rem); grid-template-columns: minmax(0, .9fr) minmax(22rem, 1.1fr); }
.about-origin__copy h2 { max-width: 10ch; }
.about-origin__copy .prose { margin-top: 1.25rem; }
.about-origin__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.7rem; }
.about-photo-story { min-height: 36rem; position: relative; }
.about-photo-story__feature { height: 31rem; margin: 0 5rem 0 0; overflow: hidden; position: relative; }
.about-photo-story__feature img { height: 100%; object-fit: cover; width: 100%; }
.about-photo-story__feature figcaption { background: rgba(8,22,49,.92); bottom: 0; color: #fff; display: flex; flex-direction: column; left: 0; padding: 1rem; position: absolute; right: 0; }
.about-photo-story__feature figcaption span, .about-roadmap__intro figcaption span { color: var(--green-500); font-size: .64rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.about-photo-story__feature figcaption strong { font-size: .9rem; margin-top: .2rem; }
.about-photo-story__tile { border: .7rem solid #fff; bottom: auto; height: 13rem; margin: 0; overflow: hidden; position: absolute; right: 0; top: 1.75rem; width: 15rem; }
.about-photo-story__tile img { height: 100%; object-fit: cover; width: 100%; }
.about-photo-story__stamp { align-items: center; background: var(--green-500); color: var(--navy-950); display: flex; flex-direction: column; justify-content: center; min-height: 7rem; padding: .8rem; position: absolute; right: 0; text-align: center; top: 16rem; width: 8rem; }
.about-photo-story__stamp strong { font-size: 1.25rem; }
.about-photo-story__stamp span { font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.about-values__heading { align-items: end; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr) minmax(17rem, .72fr); }
.about-values__heading > p { color: var(--text-secondary); margin: 0; }
.about-values__grid { border-left: 1px solid var(--border-default); border-top: 1px solid var(--border-default); display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 2.5rem; }
.about-value { background: rgba(255,255,255,.7); border-bottom: 1px solid var(--border-default); border-right: 1px solid var(--border-default); min-height: 17rem; padding: 1.35rem; transition: background-color var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out); }
.about-value__top { align-items: center; display: flex; justify-content: space-between; }
.about-value__top > span:last-child { color: var(--green-700); font-family: var(--font-mono); font-size: .72rem; font-weight: 800; }
.about-value__icon { align-items: center; color: var(--navy-700); display: inline-flex; height: 2.8rem; justify-content: center; width: 2.8rem; }
.about-value__icon svg { height: 1.6rem; width: 1.6rem; }
.about-value h3 { font-size: 1.35rem; margin-top: 2rem; max-width: 13ch; }
.about-value p { color: var(--text-secondary); font-size: .88rem; margin-top: .7rem; }
.about-roadmap-layout { align-items: start; display: grid; gap: clamp(2.5rem, 7vw, 7rem); grid-template-columns: minmax(18rem, .72fr) minmax(0, 1.28fr); }
.about-roadmap__intro { position: sticky; top: 8rem; }
.about-roadmap__intro h2 { max-width: 9ch; }
.about-roadmap__intro .prose { margin-top: 1rem; }
.about-roadmap__intro figure { margin: 2rem 0 0; overflow: hidden; position: relative; }
.about-roadmap__intro figure img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.about-roadmap__intro figcaption { background: rgba(8,22,49,.92); bottom: 0; color: #fff; display: flex; flex-direction: column; left: 0; padding: .85rem; position: absolute; right: 0; }
.about-roadmap { list-style: none; margin: 0; padding: 0 0 0 2.4rem; position: relative; }
.about-roadmap::before { background: var(--border-default); bottom: 1rem; content: ""; left: .46rem; position: absolute; top: 1rem; width: 2px; }
.about-roadmap li { border-top: 1px solid var(--border-default); display: grid; gap: 1.2rem; grid-template-columns: 3rem 1fr; min-height: 14rem; padding: 1.6rem 0; position: relative; }
.about-roadmap li::before { background: #fff; border: 3px solid var(--green-500); border-radius: 50%; content: ""; height: .95rem; left: -2.4rem; position: absolute; top: 1.8rem; transform: scale(.65); transition: background-color .35s ease, transform .35s var(--ease-out); width: .95rem; }
.about-roadmap li.is-visible::before { background: var(--green-500); transform: scale(1); }
.about-roadmap__number { color: var(--green-700); font-family: var(--font-mono); font-size: .78rem; font-weight: 800; }
.about-roadmap__verb { color: var(--green-700); font-size: .68rem; font-weight: 800; letter-spacing: .12em; margin: 0 0 .45rem; text-transform: uppercase; }
.about-roadmap h3 { font-size: clamp(1.55rem, 3vw, 2.35rem); }
.about-roadmap li p:not(.about-roadmap__verb) { color: var(--text-secondary); margin: .75rem 0; max-width: 34rem; }
.about-roadmap li strong { color: var(--navy-800); font-size: .82rem; }
.about-record__grid { align-items: start; display: grid; gap: clamp(2.5rem, 7vw, 7rem); grid-template-columns: minmax(0, .75fr) minmax(20rem, 1.25fr); }
.about-record__heading h2 { max-width: 10ch; }
.about-record__heading p:not(.eyebrow) { color: rgba(255,255,255,.68); margin-top: 1rem; max-width: 30rem; }
.about-record__heading .button { margin-top: 1rem; }
.about-record__timeline { border-top: 1px solid rgba(255,255,255,.2); }
.about-record__timeline div { border-bottom: 1px solid rgba(255,255,255,.2); display: grid; gap: 1.2rem; grid-template-columns: 7rem 1fr; padding: 1rem 0; }
.about-record__timeline span { color: var(--green-500); font-family: var(--font-mono); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.about-record__timeline strong { color: #fff; font-size: .92rem; line-height: 1.4; }
.about-final-cta { background: var(--green-500); }
.about-final-cta__grid { align-items: center; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr) auto; }
.about-final-cta__grid h2 { max-width: 12ch; }
.about-final-cta__grid p:not(.eyebrow) { color: var(--navy-800); margin-top: 1rem; max-width: 34rem; }
.about-final-cta__actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: end; }

/* Honveer campaign media */
.honveer-media-heading { align-items: end; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr) minmax(17rem, .72fr); }
.honveer-media-heading > p { color: var(--text-secondary); margin: 0; }
.honveer-media-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); margin-top: 2.5rem; }
.honveer-video-card { background: var(--surface-tint); border: 1px solid var(--border-default); display: flex; flex-direction: column; min-width: 0; overflow: hidden; }
.honveer-video-card__frame { background: var(--navy-950); min-height: 36rem; overflow: hidden; position: relative; }
.honveer-video-card__frame iframe { border: 0; height: 100%; inset: 0; min-height: 36rem; position: absolute; width: 100%; }
.honveer-video-card__body { display: flex; flex: 1; flex-direction: column; padding: 1.2rem; }
.honveer-video-card__body > span { color: var(--green-700); font-family: var(--font-mono); font-size: .66rem; font-weight: 800; letter-spacing: .08em; }
.honveer-video-card__body h3 { font-size: 1.35rem; margin-top: .9rem; }
.honveer-video-card__body p { color: var(--text-secondary); font-size: .86rem; margin-top: .65rem; }
.honveer-video-card__body a { color: var(--navy-700); font-size: .78rem; font-weight: 800; margin-top: auto; padding-top: .75rem; text-decoration: none; }
.honveer-media-follow { align-items: center; border-bottom: 1px solid var(--border-default); border-top: 1px solid var(--border-default); display: flex; gap: 2rem; justify-content: space-between; margin-top: 1.5rem; padding: 1.2rem 0; }
.honveer-media-follow div { display: flex; flex-direction: column; gap: .2rem; }
.honveer-media-follow div span { color: var(--green-700); font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.honveer-media-follow div strong { color: var(--navy-800); font-size: .95rem; }

@media (hover: hover) and (pointer: fine) {
	.button:hover, .post-card:hover, .team-card:hover, .evidence-strip:hover, .platform-priority-card:hover, .platform-audience-card:hover { box-shadow: var(--shadow-sm); }
	.platform-priority-card:hover, .platform-audience-card:hover { border-color: var(--border-strong); transform: translateY(-3px); }
	.about-value:hover { background: #fff; transform: translateY(-3px); }
}

@media (max-width: 1240px) {
	.site-header__inner { min-height: 5rem; }
	.menu-toggle { display: block; }
	.site-navigation { align-items: stretch; background: var(--surface-raised); border-bottom: 1px solid var(--border-default); border-top: 1px solid var(--border-default); box-shadow: 0 18px 38px rgba(8,22,49,.1); display: none; flex-direction: column; gap: 1rem; left: 0; max-height: calc(100vh - 7.5rem); overflow-y: auto; padding: 1rem max(1rem, calc((100vw - 1240px) / 2)); position: absolute; right: 0; top: 100%; }
	.site-navigation.is-open { display: flex; }
	.site-navigation .menu { align-items: stretch; flex-direction: column; gap: 0; }
	.site-navigation .menu li { border-bottom: 1px solid var(--border-subtle); }
	.site-navigation .menu a { display: block; font-size: .96rem; padding: .78rem 0; }
	.site-navigation__actions { display: grid; grid-template-columns: repeat(2, 1fr); }
	.site-navigation__actions .button { width: 100%; }
}

@media (max-width: 980px) {
	.site-shell { padding-left: 1.4rem; padding-right: 1.4rem; }
	.site-navigation .menu { gap: .8rem; }
	.site-navigation .menu a { font-size: .84rem; }
	.hero__grid, .proof-layout, .voting-banner__inner, .profile-layout, .form-layout, .vote-layout { gap: 2.5rem; }
	.volunteer-intro__grid, .volunteer-expectations__grid, .volunteer-form-layout, .member-hero__grid, .member-profile-grid, .team-standard-grid { gap: 2.5rem; }
	.platform-hero__grid, .audience-platform-hero__grid, .platform-manifesto__grid, .platform-resident-intro__grid, .platform-business-intro__grid, .platform-next-step__grid { gap: 2.5rem; }
	.council-hero__grid, .council-principles__grid, .council-authority-layout, .council-accountability-grid { gap: 2.5rem; }
	.team-grid, .member-points-grid, .member-related-grid { grid-template-columns: repeat(2, 1fr); }
	.member-related-card, .member-related-card:nth-child(n+5) { grid-column: auto; }
	.member-related-heading { grid-template-columns: 1fr; }
	.vote-options, .vote-location-groups { grid-template-columns: repeat(2, 1fr); }
	.vote-option:last-child { grid-column: 1 / -1; }
	.vote-hero__grid { gap: 2.5rem; }
	.platform-priority-card__body { grid-template-columns: repeat(2, 1fr); }
	.platform-priority-card__body > div:last-child { border-left: 0; grid-column: 1 / -1; margin-top: 1rem; padding: 1rem 1.6rem; border-top: 1px solid var(--border-default); }
	.platform-index { grid-template-columns: repeat(3, 1fr); }
	.platform-index a:nth-child(4) { border-left: 0; border-top: 1px solid var(--border-default); }
	.platform-index a:nth-child(5) { border-top: 1px solid var(--border-default); }
	.about-values__grid { grid-template-columns: repeat(2, 1fr); }
	.honveer-media-grid { grid-template-columns: repeat(2, 1fr); }
	.honveer-video-card:last-child { grid-column: 1 / -1; }
	.honveer-video-card:last-child .honveer-video-card__frame { min-height: 42rem; }
	.council-route { grid-template-columns: repeat(2, 1fr); row-gap: 3.5rem; }
	.council-route-step:nth-child(3) { border-left: 0; padding-left: 0; }
	.council-route-step:nth-child(3), .council-route-step:nth-child(4) { border-top: 1px solid var(--border-default); padding-top: 1.5rem; }
	.council-route-step:nth-child(3)::before, .council-route-step:nth-child(4)::before { top: -4.05rem; }
	.council-authority-row { grid-template-columns: minmax(9rem, .75fr) minmax(12rem, 1.1fr) minmax(7rem, .65fr); }
	.priority-row { grid-template-columns: 3rem minmax(10rem, .8fr) minmax(12rem, 1fr); }
	.priority-row__measure { grid-column: 2 / -1; }
}

@media (max-width: 760px) {
	h1 { font-size: clamp(2.7rem, 14vw, 4.7rem); }
	h2 { font-size: clamp(2rem, 10vw, 3.4rem); }
	.site-shell { padding-left: 1rem; padding-right: 1rem; }
	.poll-strip__inner { align-items: start; flex-direction: column; gap: .15rem; justify-content: center; padding-bottom: .6rem; padding-top: .6rem; }
	.poll-strip__label { font-size: .65rem; }
	.site-header__inner { min-height: 4.8rem; }
	.brand__image, .custom-logo { max-height: none; width: 10.5rem; }
	.menu-toggle { display: block; }
	.site-navigation { align-items: stretch; background: var(--surface-raised); border-top: 1px solid var(--border-default); display: none; flex-direction: column; gap: 1rem; left: 0; padding: 1rem; position: absolute; right: 0; top: 100%; }
	.site-navigation.is-open { display: flex; }
	.site-navigation .menu { align-items: stretch; flex-direction: column; gap: 0; }
	.site-navigation .menu li { border-bottom: 1px solid var(--border-subtle); }
	.site-navigation .menu a { display: block; font-size: 1rem; padding: .8rem 0; }
	.button--nav { width: 100%; }
	.site-navigation__actions { grid-template-columns: 1fr; }
	.hero { padding-top: 3.5rem; }
	.hero__grid, .proof-layout, .story-grid, .team-preview, .voting-banner__inner, .split-callout, .profile-layout, .form-layout, .vote-layout, .volunteer-intro__grid, .volunteer-expectations__grid, .volunteer-form-heading, .volunteer-form-layout, .volunteer-ways, .member-hero__grid, .member-profile-grid, .team-standard-grid, .vote-hero__grid { grid-template-columns: 1fr; }
	.platform-hero__grid, .audience-platform-hero__grid, .platform-manifesto__grid, .platform-plain-language, .platform-resident-intro__grid, .platform-business-intro__grid, .platform-next-step__grid, .platform-resident-cta__grid { grid-template-columns: 1fr; }
	.council-hero__grid, .council-principles__grid, .council-authority-layout, .council-accountability-grid, .council-final-cta__grid { grid-template-columns: 1fr; }
	.hero__copy { order: 1; }
	.hero__media { order: 2; }
	.hero__meta { margin-top: 2rem; }
	.hero__image-wrap { margin-left: 0; max-width: none; }
	.section-intro, .page-hero__meta { align-items: start; flex-direction: column; }
	.section-space, .proof-section, .priority-section, .story-section, .team-section, .content-section { padding-bottom: 4rem; padding-top: 4rem; }
	.priority-row { gap: .75rem 1rem; grid-template-columns: 2.3rem 1fr; padding: 1.4rem 0; }
	.priority-row__number { grid-row: span 2; }
	.priority-row__benefit, .priority-row__measure { grid-column: 2; }
	.priority-row__measure { margin-top: .5rem; }
	.story-grid--reverse .story-grid__media { order: 0; }
	.team-preview__copy { padding-bottom: 0; }
	.timer { margin-top: 1rem; }
	.site-footer__feature-grid, .site-footer__nav-grid { gap: 2rem; grid-template-columns: 1fr 1fr; }
	.site-footer__brand { grid-column: 1 / -1; }
	.site-footer__bottom { flex-direction: column; gap: .5rem; }
	.evidence-strip { grid-template-columns: 2.5rem 1fr; }
	.evidence-strip__number { grid-row: span 2; }
	.evidence-strip__measure { border-left: 0; border-top: 1px solid var(--border-default); grid-column: 2; padding-left: 0; padding-top: .8rem; }
	.platform-switcher { grid-template-columns: 1fr; }
	.advance-date-grid { grid-template-columns: repeat(2, 1fr); }
	.advance-voting-hours { align-items: start; grid-template-columns: 1fr auto; }
	.advance-voting-hours > span:last-child { grid-column: 1 / -1; justify-self: start; }
	.advance-voting-heading { grid-template-columns: 1fr; }
	.platform-priorities__heading, .platform-audience-heading, .platform-index__heading, .about-values__heading, .honveer-media-heading { grid-template-columns: 1fr; }
	.platform-index { grid-template-columns: 1fr; }
	.platform-index a, .platform-index a:nth-child(4), .platform-index a:nth-child(5) { border-left: 0; border-top: 1px solid var(--border-default); min-height: 9rem; }
	.platform-index a:first-child { border-top: 0; }
	.council-route-heading { grid-template-columns: 1fr; }
	.council-route { grid-template-columns: 1fr; margin-top: 2.5rem; padding-left: 1.2rem; }
	.council-route::before { bottom: .5rem; height: auto; left: .32rem; right: auto; top: .5rem; width: 2px; }
	.council-route-step, .council-route-step + .council-route-step, .council-route-step:nth-child(3), .council-route-step:nth-child(4) { border-left: 0; border-top: 1px solid var(--border-default); min-height: 0; padding: 1.5rem 0 1.5rem 1.25rem; }
	.council-route-step:first-child { border-top: 0; padding-top: 0; }
	.council-route-step::before, .council-route-step:nth-child(3)::before, .council-route-step:nth-child(4)::before { left: -.91rem; top: 1.75rem; }
	.council-route-step:first-child::before { top: .15rem; }
	.council-route-step__action { margin-top: 1rem; }
	.council-authority-row { grid-template-columns: 1fr; }
	.council-final-cta__actions { justify-content: start; }
	.platform-priority-card__header { grid-template-columns: 2.5rem minmax(0, 1fr) auto; padding: 1.2rem; }
	.platform-priority-card__body { grid-template-columns: 1fr; padding: 1.2rem; }
	.platform-priority-card__body > div { padding-right: 0; }
	.platform-priority-card__body > div + div { border-left: 0; border-top: 1px solid var(--border-default); grid-column: auto; margin: 1rem 0 0; padding: 1rem 0 0; }
	.platform-priority-card__body > div:last-child { background: var(--surface-tint); margin: 1rem -1.2rem -1.2rem; padding: 1rem 1.2rem; }
	.platform-priority-card__footer { grid-template-columns: 1fr; padding: 1rem 1.2rem; }
	.platform-audience-grid { grid-template-columns: 1fr; }
	.platform-audience-card:last-child { grid-column: auto; }
	.business-commitment { grid-template-columns: 2.5rem 1fr; padding: 1.2rem; }
	.business-commitment__details { grid-column: 2; grid-template-columns: 1fr; }
	.business-commitment__details > div + div { border-left: 0; border-top: 1px solid var(--border-default); padding-left: 0; padding-top: 1rem; }
	.business-commitment footer { grid-column: 2; }
	.team-grid, .form-grid, .member-points-grid, .member-related-grid, .vote-options, .vote-location-groups, .vote-id-grid, .vote-plan__steps { grid-template-columns: 1fr; }
	.member-related-heading h2 span { white-space: normal; }
	.member-hero__media { order: 2; }
	.member-points-heading { gap: 1.25rem; grid-template-columns: 1fr; }
	.member-points-heading__label { min-height: 0; }
	.member-points-heading__rule { margin-top: .3rem; }
	.member-points-heading__copy { display: block; }
	.vote-option:last-child { grid-column: auto; }
	.vote-plan { margin-top: 0; }
	.vote-plan__intro { align-items: start; flex-direction: column; gap: 1rem; }
	.vote-hero__visual { min-height: 16rem; }
	.vote-hero__stats { border-left: 0; border-top: 1px solid rgba(255,255,255,.22); padding-left: 0; padding-top: 1.2rem; }
	.member-standard__actions { justify-content: start; }
	.form-field--full { grid-column: auto; }
	.location-list { columns: 1; }
	.location-list li, .vote-location-group li { grid-template-columns: 1fr; }
	.location-list .vote-location__link, .vote-location-group .vote-location__link { grid-column: 1; grid-row: auto; justify-self: start; }
	.authority-table { display: block; overflow-x: auto; white-space: nowrap; }
	.volunteer-hero__rail { grid-template-columns: repeat(2, 1fr); margin-top: 3rem; }
	.volunteer-hero__rail-copy { grid-column: 1 / -1; }
	.volunteer-ways__stack { grid-template-columns: 1fr; }
	.volunteer-way--featured { min-height: 22rem; }
	.volunteer-form-heading > p { margin-top: 0; }
	.volunteer-intro__media, .volunteer-intro__media img { min-height: 24rem; }
	.volunteer-gallery-heading { align-items: start; grid-template-columns: 1fr; }
	.volunteer-gallery { grid-template-columns: 1fr; grid-template-rows: auto; }
	.volunteer-gallery__feature { grid-row: auto; min-height: 25rem; }
	.volunteer-gallery__tile, .volunteer-gallery__quote { min-height: 18rem; }
	.site-footer__feature-grid, .site-footer__nav-grid { grid-template-columns: 1fr; }
	.site-footer__brand { grid-column: auto; }
	.site-footer__feature-media { max-width: 34rem; }
	.about-hero__grid, .about-origin__grid, .about-roadmap-layout, .about-record__grid, .about-final-cta__grid { grid-template-columns: 1fr; }
	.about-compass { min-height: 27rem; }
	.about-compass__labels { grid-template-columns: repeat(2, 1fr); }
	.about-compass__note { position: relative; bottom: auto; margin-left: auto; margin-top: 1rem; right: auto; }
	.about-photo-story { min-height: 31rem; }
	.about-photo-story__feature { height: 27rem; margin-right: 2.5rem; }
	.about-photo-story__tile { height: 10rem; width: 11rem; }
	.about-photo-story__tile { top: 1.25rem; }
	.about-photo-story__stamp { min-height: 5.5rem; top: 12.5rem; width: 6.5rem; }
	.about-values__grid, .honveer-media-grid { grid-template-columns: 1fr; }
	.about-value { min-height: 0; }
	.about-roadmap__intro { position: static; }
	.about-record__timeline div { grid-template-columns: 5.5rem 1fr; }
	.about-final-cta__actions { justify-content: start; }
	.honveer-video-card:last-child { grid-column: auto; }
	.honveer-video-card__frame, .honveer-video-card:last-child .honveer-video-card__frame, .honveer-video-card__frame iframe { min-height: 39rem; }
	.honveer-media-follow { align-items: start; flex-direction: column; }
}

@keyframes vote-pin-pulse {
	0%, 20% { opacity: .72; transform: scale(.7); }
	65%, 100% { opacity: 0; transform: scale(1.85); }
}

@keyframes platform-flow-dash {
	to { stroke-dashoffset: -160; }
}

@keyframes platform-flow-pulse {
	0%, 100% { opacity: .72; transform: scale(.86); }
	45% { opacity: 1; transform: scale(1.16); }
}

@keyframes dbc-page-enter {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: none; }
}

body.dbc-campaign-theme { animation: dbc-page-enter .45s var(--ease-out) both; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

.has-js [data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .55s var(--ease-out), transform .55s var(--ease-out); }
.has-js [data-reveal].is-visible { opacity: 1; transform: none; }

/* 1.2 editorial campaign refresh */
h1 { font-size: clamp(2.75rem, 5.2vw, 5.5rem); max-width: 11ch; }
.about-hero__copy h1 { font-size: clamp(2.75rem, 5vw, 5.25rem); }
.member-hero__copy h1, .council-hero__copy h1 { font-size: clamp(2.7rem, 5vw, 5.15rem); }

.poll-strip { background: linear-gradient(100deg, #06132d 0%, #123a7b 56%, #0a2a5a 100%); }
.poll-strip__inner { justify-content: space-between; min-height: 3.15rem; }
.poll-strip__message { align-items: center; display: flex; gap: .75rem; }
.poll-strip__signal { animation: poll-signal 2.4s ease-out infinite; background: var(--green-500); border: 2px solid rgba(255,255,255,.85); border-radius: 50%; box-shadow: 0 0 0 .35rem rgba(110,208,59,.16), 0 0 1rem rgba(110,208,59,.75); height: .68rem; width: .68rem; }
.poll-strip__label { color: #fff; letter-spacing: .12em; }
.poll-strip__dates { color: rgba(255,255,255,.7); font-size: .78rem; }
.poll-strip .poll-strip__button { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.38); border-radius: var(--radius-full); color: #fff; font-size: .73rem; font-weight: 800; letter-spacing: .055em; padding: .42rem .8rem; text-transform: uppercase; transition: background-color var(--motion-base) ease, border-color var(--motion-base) ease, transform var(--motion-base) var(--ease-out); }
.poll-strip .poll-strip__button:hover { background: var(--green-500); border-color: var(--green-500); color: var(--navy-950); transform: translateY(-1px); }
.site-navigation .menu a { font-size: .68rem; letter-spacing: 0; }
@media (min-width: 1600px) {
	.site-navigation .menu a { font-size: .74rem; letter-spacing: .01em; }
}
.button--outline-light { background: transparent; border-color: rgba(255,255,255,.45); color: #fff; }
.button--outline-light:hover { background: rgba(255,255,255,.1); border-color: #fff; color: #fff; transform: translateY(-2px); }

/* Homepage: one message per section, fewer visual containers. */
.hero--renewed { min-height: 43rem; padding: clamp(4.5rem, 7vw, 7rem) 0; }
.hero--renewed::before { background: radial-gradient(circle, rgba(47,182,214,.16), transparent 66%); border: 0; border-radius: 50%; height: 40rem; right: -12rem; top: -12rem; transform: none; width: 40rem; }
.hero--renewed::after { border-color: rgba(110,208,59,.25); right: 4%; top: -8rem; }
.hero--renewed .hero__grid { grid-template-columns: minmax(0, 1fr) minmax(22rem, .82fr); }
.hero--renewed .hero__copy h1 { font-size: clamp(3.25rem, 6vw, 6rem); max-width: 8.5ch; }
.hero--renewed .hero__statement { color: var(--navy-700); font-size: clamp(1.45rem, 2.4vw, 2.2rem); max-width: 21ch; }
.hero--renewed .hero__copy .lede { font-size: 1.15rem; max-width: 34rem; }
.hero--renewed .hero__image-wrap { max-width: 31.5rem; }
.hero--renewed .hero__badge { border-radius: var(--radius-full); }
.hero--renewed .hero__badge b { animation: poll-signal 2.4s ease-out infinite; background: var(--navy-800); border-radius: 50%; height: .45rem; width: .45rem; }
.hero--renewed .hero__badge::before { display: none; }

.home-principles { background: var(--green-500); }
.home-principles__grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.home-principles__grid > div { min-height: 10rem; padding: 2rem clamp(1.2rem, 3vw, 2.5rem); }
.home-principles__grid > div + div { border-left: 1px solid rgba(8,22,49,.2); }
.home-principles span { color: var(--navy-700); display: block; font-family: var(--font-mono); font-size: .68rem; font-weight: 800; letter-spacing: .1em; margin-bottom: 1rem; }
.home-principles strong { color: var(--navy-950); display: block; font-size: 1.2rem; letter-spacing: -.025em; }
.home-principles p { color: var(--navy-800); font-size: .86rem; margin: .4rem 0 0; max-width: 18rem; }

.home-platform { background: #fff; padding: clamp(5rem, 9vw, 8.5rem) 0; }
.home-platform__heading { margin: 0 auto 3.5rem; max-width: 50rem; text-align: center; }
.home-platform__heading h2 { font-size: clamp(2.5rem, 5vw, 4.75rem); margin-left: auto; margin-right: auto; max-width: 14ch; }
.home-platform__heading > p:last-child { color: var(--text-secondary); font-size: 1.12rem; margin: 1.25rem auto 0; max-width: 38rem; }
.home-platform__grid { border-bottom: 1px solid var(--border-default); border-top: 1px solid var(--border-default); display: grid; grid-template-columns: repeat(3, 1fr); }
.home-platform__item { color: var(--navy-950); min-height: 15rem; padding: 1.5rem; position: relative; text-decoration: none; transition: background-color var(--motion-medium) var(--ease-out), color var(--motion-medium) var(--ease-out), transform var(--motion-medium) var(--ease-out); }
.home-platform__item + .home-platform__item { border-left: 1px solid var(--border-default); }
.home-platform__item:nth-child(4) { border-left: 0; }
.home-platform__item:nth-child(n+4) { border-top: 1px solid var(--border-default); }
.home-platform__item > span { color: var(--green-600); font-family: var(--font-mono); font-size: .7rem; font-weight: 800; }
.home-platform__item h3 { font-size: 1.4rem; margin-top: 2rem; max-width: 15ch; }
.home-platform__item p { color: var(--text-secondary); font-size: .86rem; line-height: 1.45; margin: .65rem 0 0; max-width: 23rem; }
.home-platform__item b { bottom: 1.3rem; color: var(--green-600); position: absolute; right: 1.5rem; }
.home-platform__item:hover { background: var(--navy-950); color: #fff; transform: translateY(-3px); }
.home-platform__item:hover p { color: rgba(255,255,255,.68); }
.home-platform__item:hover b { transform: translateX(3px); }
.home-platform__actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: center; margin-top: 2.5rem; }

.home-listening { background: var(--surface-tint); padding: clamp(5rem, 9vw, 8rem) 0; }
.home-listening__grid { align-items: center; display: grid; gap: clamp(2.5rem, 7vw, 7rem); grid-template-columns: minmax(20rem, .9fr) minmax(0, 1.1fr); }
.home-listening__media { margin: 0; position: relative; }
.home-listening__media img { aspect-ratio: 4 / 5; border-radius: 1.5rem .35rem 1.5rem 1.5rem; object-fit: cover; width: 100%; }
.home-listening__media figcaption { background: var(--green-500); bottom: 1rem; color: var(--navy-950); font-size: .75rem; font-weight: 800; left: 1rem; letter-spacing: .04em; padding: .65rem .8rem; position: absolute; }
.home-listening__copy h2 { font-size: clamp(2.35rem, 4.8vw, 4.4rem); max-width: 12ch; }
.home-listening__copy > p:not(.eyebrow) { color: var(--text-secondary); font-size: 1.05rem; margin-top: 1.25rem; max-width: 36rem; }
.home-listening__copy blockquote { border-left: 3px solid var(--green-500); color: var(--navy-800); font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 700; line-height: 1.35; margin: 2rem 0 1rem; max-width: 30rem; padding-left: 1.2rem; }

/* Platform: editorial chapters instead of a repeated card stack. */
.platform-hero--editorial { background: linear-gradient(145deg, var(--navy-950), #12316b); color: #fff; padding: clamp(4.5rem, 8vw, 7.5rem) 0 0; }
.platform-hero--editorial::after { background: radial-gradient(circle at 85% 15%, rgba(47,182,214,.18), transparent 32%), linear-gradient(135deg, transparent 47%, rgba(110,208,59,.08) 47%, rgba(110,208,59,.08) 48%, transparent 48%); }
.platform-hero__inner { position: relative; z-index: 1; }
.platform-hero--editorial .platform-hero__copy { margin: 0 auto; max-width: 58rem; text-align: center; }
.platform-hero--editorial .platform-hero__copy h1 { font-size: clamp(2.9rem, 5vw, 4.8rem); margin: 0 auto; max-width: 16ch; }
.platform-hero--editorial .platform-hero__lede { color: rgba(255,255,255,.73); font-size: clamp(1.08rem, 1.9vw, 1.35rem); line-height: 1.5; margin: 1.4rem auto 0; max-width: 44rem; }
.platform-hero--editorial .button-row { justify-content: center; }
.platform-hero__principles { border-top: 1px solid rgba(255,255,255,.18); display: grid; grid-template-columns: repeat(3, 1fr); margin-top: clamp(3.5rem, 7vw, 6.5rem); }
.platform-hero__principles > div { min-height: 10.5rem; padding: 1.65rem 2rem 2rem; }
.platform-hero__principles > div + div { border-left: 1px solid rgba(255,255,255,.18); }
.platform-hero__principles span { color: var(--green-500); display: block; font-family: var(--font-mono); font-size: .68rem; font-weight: 800; letter-spacing: .08em; margin-bottom: 1.1rem; }
.platform-hero__principles strong { display: block; font-size: 1.08rem; }
.platform-hero__principles p { color: rgba(255,255,255,.58); font-size: .82rem; margin: .4rem 0 0; max-width: 18rem; }
.platform-overview { background: #fff; padding: clamp(5rem, 9vw, 8rem) 0; scroll-margin-top: 6rem; }
.platform-overview__heading { margin: 0 auto 3.5rem; max-width: 46rem; text-align: center; }
.platform-overview__heading h2 { font-size: clamp(2.5rem, 5vw, 4.65rem); margin: 0 auto; max-width: 12ch; }
.platform-overview__heading > p:last-child { color: var(--text-secondary); font-size: 1.05rem; margin: 1.2rem auto 0; max-width: 39rem; }
.platform-overview__grid { border-bottom: 1px solid var(--border-default); border-top: 1px solid var(--border-default); display: grid; grid-template-columns: repeat(3, 1fr); }
.platform-overview__item { align-items: start; color: var(--navy-950); display: grid; gap: 1rem; grid-template-columns: 2rem 1fr; min-height: 10rem; padding: 1.25rem; position: relative; text-decoration: none; transition: background-color var(--motion-base) ease, color var(--motion-base) ease; }
.platform-overview__item + .platform-overview__item { border-left: 1px solid var(--border-default); }
.platform-overview__item:nth-child(4) { border-left: 0; }
.platform-overview__item:nth-child(n+4) { border-top: 1px solid var(--border-default); }
.platform-overview__number { color: var(--green-600); font-family: var(--font-mono); font-size: .68rem; font-weight: 800; }
.platform-overview__item strong { display: block; font-size: 1rem; line-height: 1.25; }
.platform-overview__item small { color: var(--text-secondary); display: block; font-size: .75rem; line-height: 1.4; margin-top: .45rem; }
.platform-overview__arrow { bottom: 1rem; color: var(--green-600); position: absolute; right: 1.2rem; }
.platform-overview__item:hover { background: var(--surface-tint); color: var(--navy-950); }
.policy-chapter { background: #fff; padding: clamp(5rem, 10vw, 9rem) 0; scroll-margin-top: 6rem; }
.policy-chapter--green { background: #e5f6d8; }
.policy-chapter--navy { background: var(--navy-950); color: #fff; }
.policy-chapter__grid { align-items: start; display: grid; gap: clamp(3rem, 9vw, 9rem); grid-template-columns: minmax(0, .9fr) minmax(22rem, 1.1fr); }
.policy-chapter__meta { align-items: center; color: var(--green-600); display: flex; font-family: var(--font-mono); font-size: .68rem; font-weight: 800; gap: .75rem; letter-spacing: .08em; margin-bottom: 2.4rem; text-transform: uppercase; }
.policy-chapter--navy .policy-chapter__meta { color: var(--green-500); }
.platform-icon--large { align-items: center; background: rgba(110,208,59,.16); border-radius: 50%; display: inline-flex; height: 3rem; justify-content: center; width: 3rem; }
.platform-icon--large > svg { height: 1.3rem; width: 1.3rem; }
.policy-chapter__intro h2 { font-size: clamp(2.65rem, 5.4vw, 5.25rem); max-width: 9.5ch; }
.policy-chapter__promise { color: var(--navy-700); font-size: clamp(1.25rem, 2.4vw, 1.8rem); font-weight: 700; letter-spacing: -.025em; line-height: 1.25; margin-top: 1.4rem; max-width: 24rem; }
.policy-chapter--navy .policy-chapter__promise { color: var(--green-500); }
.policy-chapter__why { border-top: 1px solid var(--border-default); margin-top: 2.3rem; max-width: 29rem; padding-top: 1.2rem; }
.policy-chapter--navy .policy-chapter__why { border-color: rgba(255,255,255,.18); }
.policy-chapter__why > span, .policy-chapter__label { color: var(--green-600); font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.policy-chapter--navy .policy-chapter__why > span, .policy-chapter--navy .policy-chapter__label { color: var(--green-500); }
.policy-chapter__why p { color: var(--text-secondary); font-size: .94rem; margin: .55rem 0 0; }
.policy-chapter--navy .policy-chapter__why p { color: rgba(255,255,255,.68); }
.policy-actions { list-style: none; margin: 1.1rem 0 0; padding: 0; }
.policy-actions li { border-top: 1px solid var(--border-default); color: var(--navy-950); font-size: 1rem; line-height: 1.45; padding: 1rem .25rem 1rem 2.2rem; position: relative; }
.policy-actions li::before { color: var(--green-600); content: "✓"; font-size: .9rem; font-weight: 900; left: .25rem; position: absolute; top: 1.05rem; }
.policy-chapter--navy .policy-actions li { border-color: rgba(255,255,255,.18); color: #fff; }
.policy-chapter--navy .policy-actions li::before { color: var(--green-500); }
.policy-chapter__report { align-items: start; background: var(--surface-tint); display: grid; gap: 1rem; grid-template-columns: 2.5rem 1fr; margin-top: 1.5rem; padding: 1.2rem; }
.policy-chapter--green .policy-chapter__report { background: rgba(255,255,255,.68); }
.policy-chapter--navy .policy-chapter__report { background: rgba(255,255,255,.08); }
.policy-chapter__check { align-items: center; background: var(--green-500); border-radius: 50%; color: var(--navy-950); display: flex; font-weight: 900; height: 2.3rem; justify-content: center; width: 2.3rem; }
.policy-chapter__report strong { display: block; font-size: .9rem; }
.policy-chapter__report p { color: var(--text-secondary); font-size: .83rem; margin: .35rem 0 0; }
.policy-chapter--navy .policy-chapter__report p { color: rgba(255,255,255,.65); }
.policy-chapter__partner { color: var(--text-secondary); font-size: .78rem; margin: 1rem 0 0; }
.policy-chapter__partner span { color: var(--navy-800); font-weight: 800; text-transform: uppercase; }
.policy-chapter--navy .policy-chapter__partner { color: rgba(255,255,255,.65); }
.policy-chapter--navy .policy-chapter__partner span { color: var(--green-500); }
.platform-next { background: linear-gradient(110deg, #113b7a, var(--navy-950)); color: #fff; padding: clamp(4rem, 7vw, 6rem) 0; }
.platform-next__inner { align-items: center; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr) auto; }
.platform-next h2 { font-size: clamp(2.1rem, 4vw, 3.75rem); max-width: 13ch; }
.platform-next__actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: end; }

/* Footer action centre and embedded official sign request. */
.site-footer__feature { padding: clamp(4.5rem, 7vw, 6.5rem) 0; }
.site-footer__headline { font-size: clamp(1.65rem, 2.7vw, 2.7rem); font-weight: 900; line-height: 1.03; }
.site-footer__action-band { background: var(--green-500); color: var(--navy-950); padding: 3rem 0; }
.site-footer__action-heading { align-items: end; display: flex; gap: 2rem; justify-content: space-between; }
.site-footer__action-heading .eyebrow { margin-bottom: .45rem; }
.site-footer__action-heading h2 { font-size: clamp(1.8rem, 3.5vw, 3.15rem); max-width: 16ch; }
.site-footer__actions { border-bottom: 1px solid rgba(8,22,49,.22); border-top: 1px solid rgba(8,22,49,.22); display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 2rem; }
.site-footer__actions a { color: var(--navy-950); display: grid; gap: .25rem; min-height: 7.5rem; padding: 1rem; position: relative; text-decoration: none; transition: background-color var(--motion-base) ease, color var(--motion-base) ease, transform var(--motion-base) var(--ease-out); }
.site-footer__actions a + a { border-left: 1px solid rgba(8,22,49,.22); }
.site-footer__actions span { color: var(--navy-700); font-family: var(--font-mono); font-size: .66rem; font-weight: 800; }
.site-footer__actions strong { align-self: end; font-size: 1rem; letter-spacing: .015em; text-transform: uppercase; }
.site-footer__actions b { position: absolute; right: 1rem; top: 1rem; }
.site-footer__actions a:hover { background: var(--navy-950); color: #fff; transform: translateY(-3px); }
.site-footer__actions a:hover span { color: var(--green-500); }
.footer-lawn-sign { background: #eff9e7; color: var(--navy-950); padding: clamp(4.5rem, 8vw, 7rem) 0; scroll-margin-top: 6rem; }
.footer-lawn-sign__grid { align-items: start; display: grid; gap: clamp(2.5rem, 7vw, 7rem); grid-template-columns: minmax(18rem, .8fr) minmax(24rem, 1.2fr); }
.footer-lawn-sign__copy { position: sticky; top: 8rem; }
.footer-lawn-sign__copy h2 { font-size: clamp(2.35rem, 4.8vw, 4.35rem); max-width: 10ch; }
.footer-lawn-sign__copy > p:not(.eyebrow) { color: var(--text-secondary); margin-top: 1.2rem; max-width: 32rem; }
.footer-lawn-sign__copy ul { border-top: 1px solid var(--border-default); list-style: none; margin: 1.5rem 0; padding: 0; }
.footer-lawn-sign__copy li { border-bottom: 1px solid var(--border-default); font-size: .88rem; padding: .75rem 0 .75rem 1.6rem; position: relative; }
.footer-lawn-sign__copy li::before { color: var(--green-600); content: "✓"; font-weight: 900; left: .1rem; position: absolute; }
.footer-lawn-sign__form { background: #fff; border: 1px solid var(--border-default); box-shadow: var(--shadow-lg); min-height: 38rem; overflow: hidden; }
.footer-lawn-sign__form-head { align-items: center; background: var(--navy-950); color: #fff; display: grid; gap: 0 .65rem; grid-template-columns: .75rem 1fr; padding: .9rem 1rem; }
.footer-lawn-sign__form-head strong { font-size: .82rem; }
.footer-lawn-sign__form-head small { color: rgba(255,255,255,.6); font-size: .67rem; grid-column: 2; }
.footer-lawn-sign__form-dot { background: var(--green-500); border-radius: 50%; box-shadow: 0 0 .75rem rgba(110,208,59,.75); grid-row: 1 / span 2; height: .65rem; width: .65rem; }
.footer-lawn-sign__form iframe { border: 0; display: block; height: 44rem; width: 100%; }
.site-footer__nav-grid { grid-template-columns: repeat(3, 1fr); }
.site-footer__links a { font-weight: 650; }

@keyframes poll-signal {
	0%, 100% { box-shadow: 0 0 0 .1rem rgba(110,208,59,.15), 0 0 .5rem rgba(110,208,59,.4); }
	50% { box-shadow: 0 0 0 .42rem rgba(110,208,59,.08), 0 0 1.1rem rgba(110,208,59,.9); }
}

@media (max-width: 980px) {
	.home-platform__grid, .platform-overview__grid { grid-template-columns: repeat(2, 1fr); }
	.home-platform__item:nth-child(3), .home-platform__item:nth-child(5), .platform-overview__item:nth-child(3), .platform-overview__item:nth-child(5) { border-left: 0; }
	.home-platform__item:nth-child(n+3), .platform-overview__item:nth-child(n+3) { border-top: 1px solid var(--border-default); }
	.home-platform__item:nth-child(4), .platform-overview__item:nth-child(4) { border-left: 1px solid var(--border-default); }
	.policy-chapter__grid, .footer-lawn-sign__grid { gap: 3rem; grid-template-columns: 1fr; }
	.footer-lawn-sign__copy { position: static; }
	.site-footer__actions { grid-template-columns: repeat(2, 1fr); }
	.site-footer__actions a:nth-child(3) { border-left: 0; }
	.site-footer__actions a:nth-child(n+3) { border-top: 1px solid rgba(8,22,49,.22); }
}

@media (max-width: 720px) {
	.poll-strip__inner { align-items: stretch; flex-direction: row; gap: .65rem; justify-content: space-between; padding-bottom: .55rem; padding-top: .55rem; }
	.poll-strip__message { align-items: flex-start; flex-wrap: wrap; gap: .18rem .5rem; }
	.poll-strip__signal { margin-top: .18rem; }
	.poll-strip__dates { flex-basis: calc(100% - 1.2rem); margin-left: 1.2rem; }
	.poll-strip .poll-strip__button { align-self: center; font-size: .62rem; padding: .38rem .55rem; white-space: nowrap; }
	.hero--renewed { min-height: 0; }
	.hero--renewed .hero__grid { grid-template-columns: 1fr; }
	.hero--renewed .hero__copy h1 { font-size: clamp(3rem, 15vw, 4.6rem); }
	.home-principles__grid, .platform-hero__principles { grid-template-columns: 1fr; }
	.home-principles__grid > div, .platform-hero__principles > div { min-height: 0; padding: 1.4rem 0; }
	.home-principles__grid > div + div { border-left: 0; border-top: 1px solid rgba(8,22,49,.2); }
	.platform-hero__principles > div + div { border-left: 0; border-top: 1px solid rgba(255,255,255,.18); }
	.home-platform__grid, .platform-overview__grid { grid-template-columns: 1fr; }
	.home-platform__item, .platform-overview__item { border-left: 0 !important; border-top: 1px solid var(--border-default); }
	.home-platform__item:first-child, .platform-overview__item:first-child { border-top: 0; }
	.home-platform__item { min-height: 13rem; }
	.home-listening__grid, .platform-next__inner { grid-template-columns: 1fr; }
	.platform-hero--editorial .platform-hero__copy { text-align: left; }
	.platform-hero--editorial .platform-hero__copy h1 { margin-left: 0; }
	.platform-hero--editorial .button-row { justify-content: flex-start; }
	.policy-chapter { padding: 4.5rem 0; }
	.policy-chapter__intro h2 { font-size: clamp(2.6rem, 14vw, 4.2rem); }
	.platform-next__actions { justify-content: start; }
	.site-footer__action-heading { align-items: start; flex-direction: column; gap: .25rem; }
	.site-footer__actions { grid-template-columns: 1fr; }
	.site-footer__actions a, .site-footer__actions a:nth-child(3) { border-left: 0; border-top: 1px solid rgba(8,22,49,.22); min-height: 5.5rem; }
	.site-footer__actions a:first-child { border-top: 0; }
	.footer-lawn-sign__form iframe { height: 48rem; }
}

@media (prefers-reduced-motion: reduce) {
	.poll-strip__signal, .hero--renewed .hero__badge b { animation: none; }
}

/* 1.3 civic platform expansion: eight commitments, symbolic navigation, tree-line transitions. */
.poll-strip__inner { gap: 1rem; }
.poll-strip__countdown { align-items: center; color: rgba(255,255,255,.72); display: flex; font-size: .68rem; gap: .45rem; letter-spacing: .04em; margin-left: auto; white-space: nowrap; }
.poll-strip__countdown strong { color: #fff; font-family: var(--font-mono); font-size: .72rem; letter-spacing: .06em; }
.poll-strip__countdown b { color: var(--green-500); font-weight: 900; }
.poll-strip__clock { align-items: center; color: var(--green-500); display: inline-flex; height: 1.25rem; justify-content: center; width: 1.25rem; }
.poll-strip__clock .platform-icon { height: 1rem; width: 1rem; }

.menu-item--platform { position: relative; }
.menu-item--platform__trigger { align-items: center; background: var(--green-500); border: 1px solid rgba(49,132,13,.42); border-radius: var(--radius-full); box-shadow: 0 0 .85rem rgba(110,208,59,.36); display: flex; isolation: isolate; justify-content: center; min-height: 2.75rem; padding: 0 1rem .3rem; position: relative; }
.menu-item--platform.current-menu-parent .menu-item--platform__trigger::before { background: var(--green-500); border-radius: var(--radius-full); bottom: -.62rem; content: ""; height: 3px; left: 1rem; position: absolute; right: 1rem; z-index: 2; }
.menu-item--platform__trigger::after { animation: platform-nav-glow 2.4s ease-out infinite; background: rgba(110,208,59,.28); border-radius: inherit; content: ""; inset: -.3rem; opacity: .24; pointer-events: none; position: absolute; transform: scale(.94); z-index: -1; }
.menu-item--platform__trigger > a { color: var(--navy-950) !important; font-weight: 850 !important; padding: .55rem .15rem .68rem !important; text-align: center; }
.menu-item--platform__trigger button { align-items: center; background: transparent; border: 0; bottom: -1.3rem; color: var(--green-500); cursor: pointer; display: inline-flex; height: 2.75rem; justify-content: center; left: 50%; padding: 0; position: absolute; transform: translateX(-50%); width: 2.75rem; z-index: 3; }
.menu-item--platform__trigger button::before { background: var(--navy-950); border: 2px solid #fff; border-radius: 50%; box-shadow: 0 .35rem .85rem rgba(8,22,49,.28), 0 0 0 .22rem rgba(110,208,59,.16); content: ""; inset: .48rem; position: absolute; transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms cubic-bezier(.22,1,.36,1); }
.menu-item--platform__trigger button svg { height: .68rem; position: relative; transition: transform 180ms cubic-bezier(.22,1,.36,1); width: .68rem; z-index: 1; }
.menu-item--platform.is-open .menu-item--platform__trigger button svg { transform: rotate(180deg); }
.platform-menu { background: #fff; border: 1px solid var(--border-default); border-radius: 1rem; box-shadow: 0 1.4rem 3.5rem rgba(8,22,49,.16); display: grid; gap: .25rem; left: 50%; min-width: 22rem; opacity: 0; padding: .55rem; pointer-events: none; position: absolute; top: calc(100% + .9rem); transform: translateX(-50%) scale(.96); transform-origin: top center; transition: opacity 200ms cubic-bezier(.22,1,.36,1), transform 200ms cubic-bezier(.22,1,.36,1), visibility 200ms step-end; visibility: hidden; z-index: 40; }
.platform-menu::before { content: ""; height: 1rem; inset: -1rem 0 auto; position: absolute; }
.platform-menu a { align-items: center; border-radius: .72rem; color: var(--navy-950) !important; display: grid !important; gap: .12rem .75rem; grid-template-columns: 2.35rem 1fr; padding: .72rem !important; text-decoration: none; }
.platform-menu a span { align-items: center; background: #e7f8dc; border-radius: .65rem; color: var(--green-700); display: flex; grid-row: 1 / span 2; height: 2.35rem; justify-content: center; width: 2.35rem; }
.platform-menu a svg { height: 1.05rem; width: 1.05rem; }
.platform-menu a strong { font-size: .82rem; line-height: 1.15; }
.platform-menu a small { color: var(--text-secondary); font-size: .68rem; font-weight: 500; line-height: 1.3; }
.menu-item--platform.is-open .platform-menu,
.menu-item--platform:focus-within .platform-menu { opacity: 1; pointer-events: auto; transform: translateX(-50%) scale(1); transition-timing-function: cubic-bezier(.22,1,.36,1), cubic-bezier(.22,1,.36,1), step-start; visibility: visible; }

@media (hover: hover) and (pointer: fine) {
	.menu-item--platform__trigger { transition: box-shadow 180ms ease, transform 150ms cubic-bezier(.22,1,.36,1); }
	.menu-item--platform__trigger:hover { box-shadow: 0 0 1.15rem rgba(110,208,59,.58); transform: translateY(-1px); }
	.menu-item--platform__trigger:hover::after { animation-play-state: paused; opacity: .46; transform: scale(1.04); }
	.menu-item--platform__trigger button:hover::before { background: var(--navy-800); box-shadow: 0 .45rem 1rem rgba(8,22,49,.32), 0 0 0 .3rem rgba(110,208,59,.25); transform: scale(1.08); }
	.menu-item--platform:hover .platform-menu { opacity: 1; pointer-events: auto; transform: translateX(-50%) scale(1); transition-timing-function: cubic-bezier(.22,1,.36,1), cubic-bezier(.22,1,.36,1), step-start; visibility: visible; }
	.platform-menu a:hover { background: var(--surface-tint); }
}

@keyframes platform-nav-glow {
	0%, 100% { opacity: .2; transform: scale(.94); }
	50% { opacity: .46; transform: scale(1.045); }
}

@media (max-width: 1240px) {
	.menu-item--platform__trigger { width: 100%; }
	.menu-item--platform__trigger > a { flex: 1; }
}

.tree-transition { bottom: -1px; height: clamp(4rem, 9vw, 8.25rem); left: 0; pointer-events: none; position: absolute; right: 0; z-index: 2; }
.tree-transition svg { display: block; height: 100%; width: 100%; }
.tree-transition__ground, .tree-transition__trees { fill: var(--green-500); }
.tree-transition__trees { opacity: .94; }
.tree-transition--platform .tree-transition__ground, .tree-transition--platform .tree-transition__trees { fill: var(--green-500); }

.hero--civic { background: radial-gradient(circle at 77% 22%, rgba(47,182,214,.2), transparent 30%), linear-gradient(145deg, #07142f 0%, #0b2451 68%, #123a76 100%); color: #fff; min-height: 43rem; overflow: hidden; padding-bottom: clamp(7.5rem, 12vw, 10rem); position: relative; }
.hero--civic::before { background: linear-gradient(135deg, transparent 48%, rgba(110,208,59,.09) 48%, rgba(110,208,59,.09) 49%, transparent 49%); border: 0; border-radius: 0; height: 100%; inset: 0; width: 100%; }
.hero--civic::after { border-color: rgba(110,208,59,.18); }
.hero--civic .hero__copy { position: relative; z-index: 3; }
.hero--civic .eyebrow { color: var(--green-500); }
.hero--civic .hero__copy h1 { color: #fff; font-size: clamp(3.05rem, 5.25vw, 5.1rem); max-width: 12.5ch; }
.hero--civic .hero__title-brand { color: var(--green-500); display: block; font-size: clamp(.74rem, 1.1vw, .9rem); font-weight: 850; letter-spacing: .13em; line-height: 1.25; margin-bottom: .8rem; text-transform: uppercase; }
.hero--civic .hero__title-display { display: block; }
.hero--civic .hero__quote { border-left: 3px solid var(--green-500); color: #fff; font-size: clamp(1.15rem, 2.1vw, 1.55rem); font-weight: 760; line-height: 1.35; margin: 1.65rem 0 0; max-width: 31rem; padding-left: 1rem; }
.hero--civic .hero__copy .lede { color: rgba(255,255,255,.7); font-size: 1rem; margin-top: 1.1rem; max-width: 36rem; }
.hero__community-line { color: #fff; font-size: .95rem; margin: 1rem 0 0; max-width: 34rem; }
.hero__community-line strong { color: var(--green-500); text-transform: uppercase; }
.hero--civic .button--primary { background: var(--green-500); border-color: var(--green-500); color: var(--navy-950); }
.hero--civic .button--secondary { background: transparent; border-color: rgba(255,255,255,.42); color: #fff; }
.hero--civic .hero__media { position: relative; z-index: 3; }
.hero--civic .hero__image-wrap { background: #cf445b; border: 1px solid rgba(255,255,255,.22); box-shadow: 0 2rem 5rem rgba(0,0,0,.28); }
.hero--civic .hero__badge { background: var(--green-500); color: var(--navy-950); }

.home-principles { background: var(--green-500); padding: 1.4rem 0 3.25rem; position: relative; z-index: 3; }
.home-principles__grid { gap: 1rem; }
.home-principles__grid > div { background: rgba(255,255,255,.6); border: 1px solid rgba(8,22,49,.13); border-radius: 1rem; box-shadow: 0 .7rem 2rem rgba(8,22,49,.08); min-height: 12rem; padding: 1.35rem; }
.home-principles__grid > div + div { border-left: 1px solid rgba(8,22,49,.13); }
.home-principles__icon { align-items: center; background: var(--navy-950); border-radius: .72rem; color: var(--green-500) !important; display: flex !important; height: 2.7rem; justify-content: center; margin-bottom: 1.2rem !important; width: 2.7rem; }
.home-principles__icon svg { height: 1.2rem; width: 1.2rem; }
.home-principles strong { font-size: 1.25rem; }
.home-principles p { font-size: .88rem; line-height: 1.5; }

.home-platform__grid { grid-template-columns: repeat(4, 1fr); }
.home-platform__item:nth-child(4) { border-left: 1px solid var(--border-default); }
.home-platform__item:nth-child(5) { border-left: 0; }
.home-platform__item:nth-child(n+5) { border-top: 1px solid var(--border-default); }
.home-platform__icon { align-items: center; background: #e7f8dc; border-radius: .65rem; color: var(--green-700) !important; display: flex !important; height: 2.5rem; justify-content: center; width: 2.5rem; }
.home-platform__icon svg { height: 1.15rem; width: 1.15rem; }
.home-platform__item h3 { margin-top: 1.35rem; }

.platform-hero--editorial, .audience-platform-hero { overflow: hidden; position: relative; }
.platform-hero--editorial { padding-bottom: clamp(7rem, 11vw, 10rem); }
.platform-hero--editorial .tree-transition { z-index: 0; }
.platform-hero--editorial .platform-hero__inner { z-index: 2; }
.platform-hero__principle-icon { align-items: center; background: rgba(110,208,59,.14); border: 1px solid rgba(110,208,59,.3); border-radius: .7rem; display: flex !important; height: 2.55rem; justify-content: center; width: 2.55rem; }
.platform-hero__principle-icon svg { height: 1.1rem; width: 1.1rem; }
.platform-overview__grid { grid-template-columns: repeat(4, 1fr); }
.platform-overview__item:nth-child(4) { border-left: 1px solid var(--border-default); }
.platform-overview__item:nth-child(5) { border-left: 0; }
.platform-overview__item:nth-child(n+5) { border-top: 1px solid var(--border-default); }
.platform-overview__number { align-items: center; background: #e7f8dc; border-radius: .58rem; display: flex; height: 2.2rem; justify-content: center; width: 2.2rem; }
.platform-overview__number svg { height: 1rem; width: 1rem; }
.platform-overview__item em { color: var(--green-700); display: block; font-family: var(--font-mono); font-size: .6rem; font-style: normal; font-weight: 800; letter-spacing: .07em; margin-bottom: .35rem; text-transform: uppercase; }
.policy-chapter--green { background: linear-gradient(135deg, #e0f6d1 0%, #f1fbe9 100%); }
.platform-switcher__number { align-items: center; border-radius: .6rem; display: flex; height: 2.2rem; justify-content: center; width: 2.2rem; }
.platform-switcher__number svg { height: 1rem; width: 1rem; }
.platform-nav-section--green { background: var(--green-500); padding: 1.15rem 0; }
.platform-nav-section--green .platform-switcher { gap: .75rem; }
.platform-nav-section--green .platform-switcher__item {
	background: rgba(255,255,255,.92);
	border-color: rgba(8,22,49,.28);
	box-shadow: 0 .45rem 1.25rem rgba(8,22,49,.1);
	color: var(--navy-950);
	min-height: 4.35rem;
	padding: .85rem 1rem;
}
.platform-nav-section--green .platform-switcher__number {
	background: #e7f8dc;
	color: var(--green-700);
}
.platform-nav-section--green .platform-switcher__label { gap: .22rem; }
.platform-nav-section--green .platform-switcher__label strong { color: var(--navy-950); font-size: .92rem; }
.platform-nav-section--green .platform-switcher__label small { color: #526179; font-size: .72rem; }
.platform-nav-section--green .platform-switcher__arrow {
	align-items: center;
	background: var(--navy-950);
	border-radius: 50%;
	color: #fff;
	display: flex;
	height: 2rem;
	justify-content: center;
	transition: background-color var(--motion-base) var(--ease-out), color var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out);
	width: 2rem;
}
.platform-nav-section--green .platform-switcher__item:hover {
	background: #fff;
	border-color: var(--navy-950);
	box-shadow: 0 .8rem 1.8rem rgba(8,22,49,.16);
	color: var(--navy-950);
	transform: translateY(-3px);
}
.platform-nav-section--green .platform-switcher__item:hover .platform-switcher__arrow { background: var(--green-600); color: var(--navy-950); transform: rotate(8deg); }
.platform-nav-section--green .platform-switcher__item.is-active,
.platform-nav-section--green .platform-switcher__item.is-active:hover {
	background: var(--navy-950);
	border-color: var(--navy-950);
	box-shadow: 0 .9rem 2rem rgba(8,22,49,.24);
	color: #fff;
}
.platform-nav-section--green .platform-switcher__item.is-active .platform-switcher__number { background: rgba(255,255,255,.1); color: var(--green-500); }
.platform-nav-section--green .platform-switcher__item.is-active .platform-switcher__label strong { color: #fff; }
.platform-nav-section--green .platform-switcher__item.is-active .platform-switcher__label small { color: rgba(255,255,255,.76); }
.platform-nav-section--green .platform-switcher__item.is-active .platform-switcher__arrow { background: var(--green-500); color: var(--navy-950); }
.platform-nav-section--green .platform-switcher__item:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

.policy-chapter--navy .eyebrow { color: #fff; }

.audience-platform-hero { background: radial-gradient(circle at 80% 20%, rgba(47,182,214,.2), transparent 30%), linear-gradient(145deg, #07142f, #123a76); padding: clamp(5rem, 9vw, 8rem) 0 clamp(9rem, 14vw, 12rem); }
.audience-platform-hero__grid { align-items: center; display: grid; gap: clamp(3rem, 9vw, 8rem); grid-template-columns: minmax(0, 1.08fr) minmax(19rem, .72fr); position: relative; z-index: 3; }
.audience-platform-hero h1 { color: #fff; font-size: clamp(2.75rem, 4.8vw, 4.65rem); max-width: 14ch; }
.audience-platform-hero .lede { color: rgba(255,255,255,.7); max-width: 39rem; }
.audience-platform-emblem { align-items: center; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; display: flex; justify-content: center; margin: 0 auto; max-width: 27rem; position: relative; width: 100%; }
.audience-platform-emblem::before, .audience-platform-emblem::after { border: 1px solid rgba(110,208,59,.22); border-radius: 50%; content: ""; inset: 12%; position: absolute; }
.audience-platform-emblem::after { inset: 28%; }
.audience-platform-emblem__core { align-items: center; background: var(--green-500); border-radius: 50%; color: var(--navy-950); display: flex; flex-direction: column; height: 9rem; justify-content: center; position: relative; width: 9rem; z-index: 2; }
.audience-platform-emblem__core svg { height: 1.6rem; margin-bottom: .45rem; width: 1.6rem; }
.audience-platform-emblem__core strong { font-size: 1.25rem; }
.audience-platform-emblem__core span { font-size: .68rem; font-weight: 700; }
.audience-platform-emblem__satellite { align-items: center; background: #fff; border-radius: 50%; color: var(--navy-800); display: flex; height: 3.3rem; justify-content: center; position: absolute; transition: transform 500ms cubic-bezier(.22,1,.36,1); width: 3.3rem; z-index: 3; }
.audience-platform-emblem__satellite svg { height: 1.25rem; width: 1.25rem; }
.audience-platform-emblem__satellite--one { left: 4%; top: 31%; }
.audience-platform-emblem__satellite--two { right: 9%; top: 11%; }
.audience-platform-emblem__satellite--three { bottom: 5%; right: 18%; }
.audience-platform-emblem.is-motion-active .audience-platform-emblem__satellite--one { transform: translate3d(-4px,-7px,0); }
.audience-platform-emblem.is-motion-active .audience-platform-emblem__satellite--two { transform: translate3d(5px,-5px,0); }
.audience-platform-emblem.is-motion-active .audience-platform-emblem__satellite--three { transform: translate3d(5px,7px,0); }

.platform-resident-intro { padding: clamp(5rem, 9vw, 8rem) 0; }
.resident-outcome-grid { border-top: 1px solid var(--border-default); display: grid; gap: 0; margin-top: 2rem; }
.resident-outcome-grid > div { align-items: start; border-bottom: 1px solid var(--border-default); display: grid; gap: .15rem .8rem; grid-template-columns: 2.2rem 1fr; padding: .85rem 0; }
.resident-outcome-grid svg { color: var(--green-700); grid-row: 1 / span 2; height: 1.15rem; margin-top: .12rem; width: 1.15rem; }
.resident-outcome-grid strong { font-size: .9rem; }
.resident-outcome-grid span { color: var(--text-secondary); font-size: .78rem; }

.common-sense-platform { background: linear-gradient(145deg, #e4f7d7 0%, #f5fbed 58%, #eaf6ff 100%); overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; position: relative; scroll-margin-top: 6rem; }
.common-sense-platform::before { background: radial-gradient(circle, rgba(110,208,59,.24) 0 1px, transparent 1.5px); background-size: 1.15rem 1.15rem; content: ""; height: 16rem; opacity: .5; pointer-events: none; position: absolute; right: -4rem; top: -4rem; width: 24rem; }
.common-sense-platform--overall { background: linear-gradient(145deg, #edf8e6, #fff 52%, #eef7fc); }
.common-sense-platform__heading { align-items: end; display: grid; gap: clamp(2rem, 7vw, 7rem); grid-template-columns: minmax(0, 1fr) minmax(18rem, .72fr); position: relative; z-index: 1; }
.common-sense-platform__heading h2 { font-size: clamp(2.5rem, 5vw, 4.75rem); max-width: 12ch; }
.common-sense-platform__heading > p { color: var(--text-secondary); font-size: 1rem; margin: 0; max-width: 36rem; }
.common-priority-grid { display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 3.5rem 0 0; padding: 0; position: relative; z-index: 1; }
.common-priority-grid > li { min-width: 0; }
.common-priority-grid > li:first-child { grid-column: span 2; }
.common-priority-card { background: rgba(255,255,255,.92); border: 1px solid rgba(8,22,49,.14); border-radius: 1.15rem; box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; color: var(--navy-950); display: flex; flex-direction: column; min-height: 19rem; overflow: hidden; padding: 1.35rem; position: relative; text-decoration: none; transform: translate3d(0,0,0); transition: border-color 260ms var(--ease-out), box-shadow 260ms var(--ease-out), color 260ms var(--ease-out), transform 260ms var(--ease-out); }
.common-priority-card::before { background: linear-gradient(90deg, var(--green-500), var(--cyan-500)); content: ""; height: .28rem; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(.16); transform-origin: left; transition: transform 320ms var(--ease-out); }
.common-priority-card::after { background: radial-gradient(circle, rgba(110,208,59,.22), transparent 68%); border-radius: 50%; content: ""; height: 13rem; pointer-events: none; position: absolute; right: -7rem; top: -7rem; transition: transform 380ms var(--ease-out); width: 13rem; }
.common-priority-grid > li:first-child .common-priority-card { background: linear-gradient(145deg, var(--navy-950), #163f7d); border-color: rgba(255,255,255,.14); color: #fff; }
.common-priority-card__top { align-items: center; display: flex; justify-content: space-between; position: relative; z-index: 1; }
.common-priority-card__number { color: var(--green-700); font-family: var(--font-mono); font-size: .68rem; font-weight: 850; letter-spacing: .1em; }
.common-priority-grid > li:first-child .common-priority-card__number { color: var(--green-500); }
.common-priority-card__icon { align-items: center; background: #e3f6d6; border-radius: .8rem; color: var(--navy-800); display: inline-flex; height: 3rem; justify-content: center; transition: background-color 260ms var(--ease-out), color 260ms var(--ease-out), transform 320ms var(--ease-out); width: 3rem; }
.common-priority-grid > li:first-child .common-priority-card__icon { background: rgba(110,208,59,.14); color: var(--green-500); }
.common-priority-card__icon svg { height: 1.35rem; width: 1.35rem; }
.common-priority-card > strong { display: block; font-size: clamp(1.3rem, 2vw, 1.75rem); letter-spacing: -.035em; line-height: 1.1; margin-top: 2.1rem; max-width: 15ch; position: relative; z-index: 1; }
.common-priority-grid > li:first-child .common-priority-card > strong { font-size: clamp(1.75rem, 3vw, 2.7rem); max-width: 12ch; }
.common-priority-card > small { color: var(--text-secondary); display: block; font-size: .82rem; line-height: 1.55; margin-top: .8rem; max-width: 34rem; position: relative; z-index: 1; }
.common-priority-grid > li:first-child .common-priority-card > small { color: rgba(255,255,255,.7); max-width: 42rem; }
.common-priority-card__link { align-items: center; color: var(--green-700); display: flex; font-size: .7rem; font-weight: 850; gap: .4rem; letter-spacing: .06em; margin-top: auto; padding-top: 1.25rem; position: relative; text-transform: uppercase; z-index: 1; }
.common-priority-card__link span { transition: transform 260ms var(--ease-out); }
.common-priority-grid > li:first-child .common-priority-card__link { color: var(--green-500); }
.common-priority-card:focus-visible { outline: 3px solid var(--cyan-500); outline-offset: 4px; }

.resident-priority-details { background: #fff; padding: clamp(5rem, 9vw, 8rem) 0; }
.resident-priority-detail-list { display: grid; gap: 1.25rem; margin-top: 3rem; }
.resident-priority-detail { align-items: start; background: var(--surface-tint); border: 1px solid var(--border-default); border-radius: 1.25rem; display: grid; gap: clamp(2.5rem, 7vw, 7rem); grid-template-columns: minmax(0, .82fr) minmax(22rem, 1.18fr); overflow: hidden; padding: clamp(1.6rem, 4vw, 3.4rem); scroll-margin-top: 6rem; }
.resident-priority-detail--green { background: linear-gradient(135deg, #dff4d1, #f2faec); }
.resident-priority-detail__meta { align-items: center; display: flex; justify-content: space-between; margin-bottom: 2.6rem; }
.resident-priority-detail__number { color: var(--green-700); font-family: var(--font-mono); font-size: .7rem; font-weight: 850; letter-spacing: .12em; }
.resident-priority-detail__icon { align-items: center; background: var(--navy-950); border-radius: .9rem; color: var(--green-500); display: flex; height: 3.6rem; justify-content: center; width: 3.6rem; }
.resident-priority-detail__icon svg { height: 1.55rem; width: 1.55rem; }
.resident-priority-detail__intro h3 { font-size: clamp(2rem, 4.2vw, 4rem); line-height: .98; max-width: 11ch; }
.resident-priority-detail__intro > strong { color: var(--navy-700); display: block; font-size: 1.05rem; line-height: 1.35; margin-top: 1.1rem; max-width: 28rem; }
.resident-priority-detail__intro > p:last-child { color: var(--text-secondary); font-size: .9rem; margin: .8rem 0 0; max-width: 31rem; }
.resident-priority-detail__label { color: var(--green-700); font-size: .68rem; font-weight: 850; letter-spacing: .12em; margin: 0; text-transform: uppercase; }
.resident-priority-detail__actions ul { list-style: none; margin: 1rem 0 0; padding: 0; }
.resident-priority-detail__actions li { border-top: 1px solid rgba(8,22,49,.15); color: var(--navy-800); font-size: .93rem; font-weight: 650; line-height: 1.45; padding: .9rem .5rem .9rem 2rem; position: relative; }
.resident-priority-detail__actions li::before { align-items: center; background: var(--green-500); border-radius: 50%; color: var(--navy-950); content: "✓"; display: flex; font-size: .65rem; font-weight: 900; height: 1.25rem; justify-content: center; left: .1rem; position: absolute; top: .95rem; width: 1.25rem; }
.resident-priority-detail__scope { align-items: start; background: var(--navy-950); border-radius: .85rem; color: rgba(255,255,255,.72); display: grid; font-size: .76rem; gap: .75rem; grid-template-columns: 1.9rem 1fr; line-height: 1.5; margin: 1.25rem 0 0; padding: 1rem; }
.resident-priority-detail__scope span { align-items: center; background: rgba(110,208,59,.15); border-radius: .45rem; color: var(--green-500); display: flex; height: 1.9rem; justify-content: center; width: 1.9rem; }
.resident-priority-detail__scope svg { height: .9rem; width: .9rem; }

@media (hover: hover) and (pointer: fine) {
	.common-priority-card:hover { border-color: rgba(110,208,59,.9); box-shadow: 0 22px 46px rgba(8,22,49,.14); color: var(--navy-950); transform: translate3d(0,-7px,0); }
	.common-priority-grid > li:first-child .common-priority-card:hover { color: #fff; }
	.common-priority-card:hover::before { transform: scaleX(1); }
	.common-priority-card:hover::after { transform: translate3d(-1.5rem,1.5rem,0) scale(1.15); }
	.common-priority-card:hover .common-priority-card__icon { background: var(--green-500); color: var(--navy-950); transform: rotate(-5deg) scale(1.08); }
	.common-priority-card:hover .common-priority-card__link span { transform: translateX(.35rem); }
}

.resident-commitments { background: var(--surface-tint); padding: clamp(5rem, 9vw, 8rem) 0; scroll-margin-top: 6rem; }
.resident-commitment-list { border-top: 1px solid var(--border-default); margin-top: 3rem; }
.resident-commitment { align-items: start; border-bottom: 1px solid var(--border-default); display: grid; gap: 1.5rem 2.5rem; grid-template-columns: 3.4rem minmax(13rem,.75fr) minmax(20rem,1.25fr); padding: 2rem 1rem; }
.resident-commitment:nth-child(even) { background: rgba(110,208,59,.12); }
.resident-commitment__icon { align-items: center; background: var(--navy-950); border-radius: .8rem; color: var(--green-500); display: flex; height: 3.2rem; justify-content: center; width: 3.2rem; }
.resident-commitment__icon svg { height: 1.35rem; width: 1.35rem; }
.resident-commitment__title > span, .resident-commitment__details span, .business-commitment--clean span { color: var(--green-700); font-size: .64rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.resident-commitment__title h3 { font-size: clamp(1.35rem, 2vw, 1.8rem); margin-top: .35rem; }
.resident-commitment__title p { color: var(--text-secondary); font-size: .82rem; line-height: 1.5; margin: .55rem 0 0; }
.resident-commitment__details { display: grid; gap: 1.5rem; grid-template-columns: 1fr 1fr; }
.resident-commitment__details > div { border-left: 2px solid rgba(110,208,59,.45); padding-left: 1rem; }
.resident-commitment__details p { color: var(--text-secondary); font-size: .8rem; line-height: 1.55; margin: .4rem 0 0; }

.business-promise-band { background: var(--green-500); padding: clamp(4.5rem, 8vw, 7rem) 0; }
.business-promise-band__grid { align-items: start; display: grid; gap: clamp(3rem, 9vw, 8rem); grid-template-columns: 1fr 1fr; }
.business-promise-band h2 { font-size: clamp(2.35rem, 4.6vw, 4.25rem); max-width: 12ch; }
.business-promise-band p { color: var(--navy-800); max-width: 36rem; }
.business-promise-band__outcomes { border-top: 1px solid rgba(8,22,49,.2); }
.business-promise-band__outcomes > div { align-items: center; border-bottom: 1px solid rgba(8,22,49,.2); display: grid; gap: .15rem .8rem; grid-template-columns: 2.8rem 1fr; padding: 1rem 0; }
.business-promise-band__outcomes svg { background: rgba(255,255,255,.48); border-radius: .6rem; grid-row: 1 / span 2; height: 2.5rem; padding: .62rem; width: 2.5rem; }
.business-promise-band__outcomes strong { font-size: .95rem; }
.business-promise-band__outcomes span { color: var(--navy-800); font-size: .78rem; }
.business-commitments-clean { background: #fff; padding: clamp(5rem, 9vw, 8rem) 0; }
.business-commitment-stack--clean { border-top: 1px solid var(--border-default); margin-top: 3rem; }
.business-commitment--clean { border-bottom: 1px solid var(--border-default); display: grid; gap: 1.5rem 2.5rem; grid-template-columns: 3.4rem minmax(14rem,.8fr) minmax(22rem,1.2fr); padding: 2.25rem 1rem; }
.business-commitment--clean:nth-child(even) { background: #eff9e7; }
.business-commitment__icon { align-items: center; background: var(--navy-950); border-radius: .8rem; color: var(--green-500); display: flex; height: 3.2rem; justify-content: center; width: 3.2rem; }
.business-commitment__icon svg { height: 1.35rem; width: 1.35rem; }
.business-commitment--clean .business-commitment__main h3 { font-size: clamp(1.35rem, 2vw, 1.8rem); margin-top: .35rem; }
.business-commitment--clean .business-commitment__main p, .business-commitment--clean .business-commitment__details p { color: var(--text-secondary); font-size: .82rem; line-height: 1.55; }
.business-commitment--clean .business-commitment__details { display: grid; gap: 1.1rem; grid-template-columns: 1fr 1fr; }
.business-commitment--clean .business-commitment__details > div { border-left: 2px solid rgba(110,208,59,.45); padding-left: 1rem; }
.business-commitment--clean footer { border-top: 1px solid var(--border-default); grid-column: 1 / -1; margin-top: .25rem; padding-top: .8rem; }
.business-commitment--clean footer strong { display: block; font-size: .78rem; margin-top: .25rem; }

.site-footer__action-band { background: linear-gradient(135deg, var(--green-500), #91df5e); padding: clamp(3rem, 6vw, 5rem) 0; }
.site-footer__action-heading { align-items: end; }
.site-footer__action-heading > p { color: var(--navy-800); font-size: .84rem; line-height: 1.5; margin: 0; max-width: 27rem; }
.site-footer__actions { border: 0; gap: .8rem; }
.site-footer__actions a { background: rgba(255,255,255,.55); border: 1px solid rgba(8,22,49,.14) !important; border-radius: .9rem; gap: .25rem; min-height: 9rem; padding: 1rem; }
.footer-action-icon { align-items: center; background: var(--navy-950); border-radius: .72rem; color: var(--green-500) !important; display: flex; height: 2.8rem; justify-content: center; width: 2.8rem; }
.footer-action-icon svg { height: 1.2rem; width: 1.2rem; }
.site-footer__actions strong { align-self: auto; margin-top: .9rem; }
.site-footer__actions small { color: var(--navy-700); font-size: .72rem; font-weight: 600; }
.site-footer__actions a:hover { background: var(--navy-950); transform: translateY(-2px); }
.site-footer__actions a:hover small { color: rgba(255,255,255,.65); }

.page-hero__aside .page-hero__icon { align-items: center; background: rgba(110,208,59,.16); border: 1px solid rgba(110,208,59,.32); border-radius: .9rem; display: flex; height: 3.8rem; justify-content: center; letter-spacing: 0; width: 3.8rem; }
.page-hero__aside .page-hero__icon svg { height: 1.55rem; width: 1.55rem; }

@media (max-width: 1120px) {
	.site-navigation .menu a { font-size: .76rem; }
	.platform-menu { left: 0; transform: scale(.96); transform-origin: top left; }
	.menu-item--platform.is-open .platform-menu, .menu-item--platform:focus-within .platform-menu { transform: scale(1); }
	.common-priority-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.home-platform__grid, .platform-overview__grid { grid-template-columns: repeat(2, 1fr); }
	.home-platform__item:nth-child(3), .home-platform__item:nth-child(5), .home-platform__item:nth-child(7), .platform-overview__item:nth-child(3), .platform-overview__item:nth-child(5), .platform-overview__item:nth-child(7) { border-left: 0; }
	.home-platform__item:nth-child(n+3), .platform-overview__item:nth-child(n+3) { border-top: 1px solid var(--border-default); }
	.home-platform__item:nth-child(4), .home-platform__item:nth-child(6), .home-platform__item:nth-child(8), .platform-overview__item:nth-child(4), .platform-overview__item:nth-child(6), .platform-overview__item:nth-child(8) { border-left: 1px solid var(--border-default); }
}

@media (max-width: 980px) {
	.poll-strip__countdown [data-countdown-label] { display: none; }
	.audience-platform-hero__grid, .business-promise-band__grid { grid-template-columns: 1fr; }
	.audience-platform-emblem { max-width: 21rem; }
	.resident-priority-detail { gap: 2rem; grid-template-columns: 1fr; }
	.resident-commitment, .business-commitment--clean { grid-template-columns: 3.4rem 1fr; }
	.resident-commitment__details, .business-commitment--clean .business-commitment__details { grid-column: 2; }
}

@media (max-width: 820px) {
	.council-authority-row { grid-template-columns: 1fr; }
	.council-authority-row__owner { justify-self: start; }
}

@media (max-width: 720px) {
	.poll-strip__countdown { display: none; }
	.tree-transition { height: 4.5rem; }
	.hero--civic { min-height: 0; padding-bottom: 7rem; }
	.hero--civic .hero__copy h1 { font-size: clamp(2.85rem, 14vw, 4.25rem); }
	.home-principles { padding-top: .8rem; }
	.home-principles__grid { gap: .75rem; }
	.home-principles__grid > div, .home-principles__grid > div + div { border: 1px solid rgba(8,22,49,.13); padding: 1.2rem; }
	.home-platform__grid, .platform-overview__grid { grid-template-columns: minmax(0, 1fr); }
	.home-platform__item, .platform-overview__item { min-width: 0; width: auto; }
	.platform-menu { background: rgba(255,255,255,.68); border: 0; box-shadow: none; display: none; margin: .25rem 0 .6rem; min-width: 0; opacity: 1; padding: .35rem; pointer-events: auto; position: static; transform: none !important; visibility: visible; width: 100%; }
	.menu-item--platform.is-open .platform-menu { display: grid; }
	.menu-item--platform { padding-bottom: .8rem; }
	.menu-item--platform__trigger { justify-content: center; width: 100%; }
	.menu-item--platform__trigger button { margin: 0; }
	.menu-item--platform.is-open .platform-menu { margin-top: 1rem; }
	.platform-menu a { padding: .65rem !important; }
	.audience-platform-hero { padding-bottom: 7rem; }
	.audience-platform-hero h1 { font-size: clamp(2.35rem, 11vw, 3.5rem); }
	.audience-platform-emblem { max-width: 18rem; }
	.audience-platform-emblem__core { height: 7.5rem; width: 7.5rem; }
	.common-sense-platform__heading { align-items: start; grid-template-columns: 1fr; }
	.common-sense-platform__heading h2 { font-size: clamp(2.1rem, 11vw, 3.2rem); max-width: 13ch; }
	.common-priority-grid { grid-template-columns: minmax(0, 1fr); margin-top: 2.5rem; }
	.common-priority-grid > li:first-child { grid-column: auto; }
	.common-priority-card { min-height: 16rem; }
	.common-priority-grid > li:first-child .common-priority-card > strong { font-size: clamp(1.55rem, 8vw, 2.2rem); }
	.resident-priority-detail { border-radius: .9rem; padding: 1.35rem; }
	.resident-priority-detail__meta { margin-bottom: 1.6rem; }
	.resident-priority-detail__intro h3 { font-size: clamp(2rem, 12vw, 3.25rem); }
	.resident-commitment, .business-commitment--clean { gap: 1rem; grid-template-columns: 2.8rem 1fr; padding: 1.5rem .5rem; }
	.resident-commitment__icon, .business-commitment__icon { height: 2.7rem; width: 2.7rem; }
	.resident-commitment__details, .business-commitment--clean .business-commitment__details { grid-column: 1 / -1; grid-template-columns: 1fr; }
	.site-footer__action-heading > p { margin-top: .6rem; }
	.site-footer__actions { gap: .6rem; }
	.site-footer__actions a, .site-footer__actions a:nth-child(3) { border: 1px solid rgba(8,22,49,.14) !important; min-height: 7.5rem; }
}

@media (max-width: 420px) {
	.site-shell { padding-left: .85rem; padding-right: .85rem; }
	.poll-strip__inner { gap: .45rem; }
	.poll-strip__dates { font-size: .7rem; }
	.poll-strip .poll-strip__button { font-size: .58rem; }
	.brand__image, .custom-logo { width: 9.5rem; }
	.button-row { align-items: stretch; flex-direction: column; }
	.button-row .button { width: 100%; }
	.advance-date-grid, .volunteer-hero__rail { grid-template-columns: 1fr; }
	.volunteer-hero__rail-copy { grid-column: auto; }
	.timer { grid-template-columns: repeat(2, 1fr); }
	.site-footer__social-links a { flex: 1 1 auto; justify-content: center; }
	.site-footer__preferred-source { align-items: start; grid-template-columns: 3rem minmax(0,1fr); }
	.site-footer__preferred-source-button { grid-column: 1 / -1; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.menu-item--platform__trigger::after { animation: none; opacity: .3; transform: none; }
	.menu-item--platform__trigger, .menu-item--platform__trigger button svg, .platform-menu, .audience-platform-emblem__satellite, .common-priority-card, .common-priority-card::before, .common-priority-card::after, .common-priority-card__icon, .common-priority-card__link span { transition: none; }
	.common-priority-card:hover { transform: none; }
}

/* 1.6 events hub: a live, durable campaign calendar with platform-level visual hierarchy. */
.events-hero { overflow: hidden; padding-bottom: clamp(5.5rem, 9vw, 8.5rem); position: relative; }
.events-hero .platform-hero__copy h1 { max-width: 17ch; }
.events-hero__principles { margin-top: clamp(3rem, 6vw, 5rem); }
.events-hero__principles .platform-hero__principle-icon { align-items: center; background: rgba(110,208,59,.12); border: 1px solid rgba(110,208,59,.3); border-radius: .75rem; display: inline-flex; height: 2.65rem; justify-content: center; width: 2.65rem; }
.events-hero__principles .platform-icon { height: 1.15rem; width: 1.15rem; }

.events-jump-band { background: var(--green-500); position: relative; z-index: 3; }
.events-jump-nav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.events-jump-nav > a { align-items: center; color: var(--navy-950); display: grid; gap: .1rem .8rem; grid-template-columns: 2.7rem 1fr; min-height: 7.7rem; padding: 1rem 1.2rem; position: relative; text-decoration: none; transition: background-color var(--motion-base) ease, color var(--motion-base) ease, transform var(--motion-base) var(--ease-out); }
.events-jump-nav > a + a { border-left: 1px solid rgba(8,22,49,.2); }
.events-jump-nav > a > span { align-items: center; background: var(--navy-950); border-radius: .75rem; color: var(--green-500); display: flex; grid-row: 1 / span 2; height: 2.7rem; justify-content: center; width: 2.7rem; }
.events-jump-nav .platform-icon { height: 1.2rem; width: 1.2rem; }
.events-jump-nav strong { align-self: end; font-size: .88rem; letter-spacing: .03em; text-transform: uppercase; }
.events-jump-nav small { color: var(--navy-700); font-size: .7rem; font-weight: 600; }
.events-jump-nav > a::after { bottom: 1rem; content: "↓"; font-weight: 900; position: absolute; right: 1rem; }
.events-jump-nav > a:hover { background: var(--navy-950); color: #fff; transform: translateY(-3px); }
.events-jump-nav > a:hover > span { background: var(--green-500); color: var(--navy-950); }
.events-jump-nav > a:hover small { color: rgba(255,255,255,.64); }

.events-calendar { background: #fff; padding: clamp(5rem, 9vw, 8.5rem) 0; scroll-margin-top: 7rem; }
.events-calendar__grid { align-items: center; display: grid; gap: clamp(3rem, 8vw, 8rem); grid-template-columns: minmax(0, 1fr) minmax(20rem, .78fr); }
.events-calendar__copy h2 { font-size: clamp(2.6rem, 5vw, 4.8rem); max-width: 11ch; }
.events-calendar__copy > p:not(.eyebrow) { color: var(--text-secondary); font-size: 1.04rem; margin-top: 1.25rem; max-width: 39rem; }
.events-checklist { border-top: 1px solid var(--border-default); list-style: none; margin: 2rem 0 0; max-width: 40rem; padding: 0; }
.events-checklist li { align-items: start; border-bottom: 1px solid var(--border-default); display: grid; gap: .25rem 1rem; grid-template-columns: 9rem 1fr; padding: 1rem 0 1rem 1.65rem; position: relative; }
.events-checklist li::before { color: var(--green-600); content: "✓"; font-weight: 900; left: .1rem; position: absolute; }
.events-checklist strong { color: var(--navy-950); font-size: .85rem; }
.events-checklist span { color: var(--text-secondary); font-size: .8rem; }

.events-calendar-card { background: linear-gradient(145deg, var(--navy-950), #123a7b); border: 1px solid rgba(255,255,255,.14); border-radius: 1.8rem .35rem 1.8rem 1.8rem; box-shadow: 0 2rem 4.5rem rgba(8,22,49,.2); color: #fff; display: flex; flex-direction: column; min-height: 31rem; overflow: hidden; padding: 2rem; position: relative; text-decoration: none; transition: box-shadow var(--motion-medium) ease, transform var(--motion-medium) var(--ease-out); }
.events-calendar-card::before { background: linear-gradient(135deg, transparent 48%, rgba(110,208,59,.14) 48%, rgba(110,208,59,.14) 49%, transparent 49%); content: ""; inset: 0; pointer-events: none; position: absolute; }
.events-calendar-card__status { align-items: center; color: rgba(255,255,255,.72); display: flex; font-family: var(--font-mono); font-size: .68rem; font-weight: 800; gap: .55rem; letter-spacing: .09em; position: relative; text-transform: uppercase; }
.events-calendar-card__status i { animation: poll-signal 2.4s ease-out infinite; background: var(--green-500); border-radius: 50%; height: .55rem; width: .55rem; }
.events-calendar-card__icon { align-items: center; background: var(--green-500); border-radius: 1rem; color: var(--navy-950); display: flex; height: 4.5rem; justify-content: center; margin-top: 4rem; position: relative; width: 4.5rem; }
.events-calendar-card__icon .platform-icon { height: 2rem; width: 2rem; }
.events-calendar-card > strong { font-size: clamp(1.9rem, 3vw, 2.85rem); letter-spacing: -.045em; line-height: 1.05; margin-top: 1.5rem; max-width: 10ch; position: relative; }
.events-calendar-card > p { color: rgba(255,255,255,.64); font-size: .86rem; line-height: 1.55; margin-top: 1rem; max-width: 28rem; position: relative; }
.events-calendar-card__cta { align-items: center; border-top: 1px solid rgba(255,255,255,.2); color: var(--green-500); display: flex; font-size: .78rem; font-weight: 800; justify-content: space-between; margin-top: auto; padding-top: 1rem; position: relative; text-transform: uppercase; }
.events-calendar-card:hover { box-shadow: 0 2.4rem 5.5rem rgba(8,22,49,.28); color: #fff; transform: translateY(-5px); }

.events-experience { background: #e5f6d8; padding: clamp(5rem, 9vw, 8rem) 0; scroll-margin-top: 7rem; }
.events-experience__heading { align-items: end; display: grid; gap: 3rem; grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .7fr); }
.events-experience__heading h2 { font-size: clamp(2.7rem, 5vw, 4.75rem); max-width: 12ch; }
.events-experience__heading > p { color: var(--navy-700); font-size: .98rem; margin: 0; max-width: 32rem; }
.events-experience__layout { align-items: stretch; display: grid; gap: clamp(2.5rem, 7vw, 6rem); grid-template-columns: minmax(20rem, .92fr) minmax(0, 1.08fr); margin-top: 3.5rem; }
.events-experience__media { margin: 0; min-height: 36rem; overflow: hidden; position: relative; }
.events-experience__media img { height: 100%; object-fit: cover; width: 100%; }
.events-experience__media figcaption { background: var(--navy-950); bottom: 1rem; color: #fff; left: 1rem; max-width: calc(100% - 2rem); padding: .85rem 1rem; position: absolute; }
.events-experience__media figcaption span { color: var(--green-500); display: block; font-size: .62rem; font-weight: 800; letter-spacing: .1em; }
.events-experience__media figcaption strong { display: block; font-size: .85rem; margin-top: .15rem; }
.events-format-list { align-self: center; }
.events-format-list article { align-items: start; border-top: 1px solid rgba(8,22,49,.2); display: grid; gap: 1.2rem; grid-template-columns: 3.5rem 1fr; padding: 1.5rem 0; }
.events-format-list article:last-child { border-bottom: 1px solid rgba(8,22,49,.2); }
.events-format-list article > span { align-items: center; background: var(--navy-950); border-radius: .9rem; color: var(--green-500); display: flex; height: 3.5rem; justify-content: center; width: 3.5rem; }
.events-format-list .platform-icon { height: 1.5rem; width: 1.5rem; }
.events-format-list small { color: var(--green-600); font-family: var(--font-mono); font-size: .66rem; font-weight: 900; }
.events-format-list h3 { font-size: clamp(1.45rem, 2.3vw, 2rem); margin-top: .25rem; }
.events-format-list p { color: var(--navy-700); font-size: .86rem; margin: .5rem 0 0; max-width: 31rem; }

.events-updates { background: radial-gradient(circle at 78% 20%, rgba(47,182,214,.18), transparent 28%), linear-gradient(145deg, #07142f, #102e63); color: #fff; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; scroll-margin-top: 7rem; }
.events-updates__grid { align-items: center; display: grid; gap: clamp(3rem, 9vw, 9rem); grid-template-columns: minmax(0, .9fr) minmax(20rem, .72fr); }
.events-updates__copy h2 { font-size: clamp(2.7rem, 5vw, 4.8rem); max-width: 11ch; }
.events-updates__copy > p:not(.eyebrow) { color: rgba(255,255,255,.68); font-size: 1rem; margin-top: 1.25rem; max-width: 37rem; }
.events-updates__copy .button { margin-top: 1rem; }
.events-phone { background: #f7fafc; border: .7rem solid #020b1c; border-radius: 2.4rem; box-shadow: 0 2rem 5rem rgba(0,0,0,.28); color: var(--navy-950); margin: 0 auto; max-width: 24rem; min-height: 31rem; padding: 1.3rem; position: relative; width: 100%; }
.events-phone::before { background: #020b1c; border-radius: 0 0 1rem 1rem; content: ""; height: 1.25rem; left: 50%; position: absolute; top: -.05rem; transform: translateX(-50%); width: 7rem; }
.events-phone__top { border-bottom: 1px solid var(--border-default); display: grid; gap: .08rem .7rem; grid-template-columns: 2.6rem 1fr; padding: 1.4rem .25rem 1rem; }
.events-phone__top > span { background: var(--green-500); border: .45rem solid var(--navy-950); border-radius: 50%; grid-row: 1 / span 2; height: 2.6rem; width: 2.6rem; }
.events-phone__top strong { align-self: end; font-size: .82rem; }
.events-phone__top small { color: var(--text-secondary); font-size: .65rem; }
.events-phone__messages { display: grid; gap: .8rem; padding: 1.5rem 0; }
.events-phone__messages p { align-items: center; background: #fff; border: 1px solid var(--border-default); border-radius: .9rem .9rem .9rem .2rem; box-shadow: var(--shadow-sm); display: grid; gap: .05rem .7rem; grid-template-columns: 2.2rem 1fr; margin: 0; padding: .8rem; }
.events-phone__messages p > span { align-items: center; background: #e5f6d8; border-radius: .6rem; color: var(--green-600); display: flex; grid-row: 1 / span 2; height: 2.2rem; justify-content: center; width: 2.2rem; }
.events-phone__messages .platform-icon { height: 1rem; width: 1rem; }
.events-phone__messages strong { font-size: .75rem; }
.events-phone__messages small { color: var(--text-secondary); font-size: .65rem; }
.events-phone__status { align-items: center; bottom: 1.25rem; color: var(--text-secondary); display: flex; font-size: .65rem; gap: .45rem; position: absolute; }
.events-phone__status i { background: var(--green-500); border-radius: 50%; box-shadow: 0 0 .6rem rgba(110,208,59,.8); height: .5rem; width: .5rem; }
.events-phone.is-motion-active .events-phone__messages p:nth-child(1) { animation: event-message-float 3.8s ease-in-out infinite; }
.events-phone.is-motion-active .events-phone__messages p:nth-child(2) { animation: event-message-float 3.8s .4s ease-in-out infinite; }
.events-phone.is-motion-active .events-phone__messages p:nth-child(3) { animation: event-message-float 3.8s .8s ease-in-out infinite; }
@keyframes event-message-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }

.events-faq { background: #fff; padding: clamp(5rem, 9vw, 8.5rem) 0; scroll-margin-top: 7rem; }
.events-faq__grid { align-items: start; display: grid; gap: clamp(3rem, 9vw, 9rem); grid-template-columns: minmax(18rem, .72fr) minmax(24rem, 1.15fr); }
.events-faq__intro { position: sticky; top: 8rem; }
.events-faq__intro h2 { font-size: clamp(2.6rem, 4.8vw, 4.5rem); max-width: 10ch; }
.events-faq__intro > p:not(.eyebrow) { color: var(--text-secondary); margin-top: 1.2rem; max-width: 32rem; }
.events-faq__intro .button { margin-top: 1rem; }
.events-faq__list { border-top: 1px solid var(--border-default); }
.events-faq details { border-bottom: 1px solid var(--border-default); }
.events-faq summary { align-items: center; cursor: pointer; display: grid; gap: 1rem; grid-template-columns: 2.2rem 1fr 2rem; list-style: none; min-height: 5.8rem; padding: 1rem .25rem; }
.events-faq summary::-webkit-details-marker { display: none; }
.events-faq summary > span { color: var(--green-600); font-family: var(--font-mono); font-size: .68rem; font-weight: 900; }
.events-faq summary strong { font-size: clamp(1rem, 1.7vw, 1.22rem); letter-spacing: -.015em; line-height: 1.3; }
.events-faq summary b { align-items: center; background: var(--surface-tint); border-radius: 50%; display: flex; font-size: 1.2rem; font-weight: 500; height: 2rem; justify-content: center; transition: background-color var(--motion-base) ease, transform var(--motion-base) var(--ease-out); width: 2rem; }
.events-faq details[open] summary b { background: var(--green-500); transform: rotate(45deg); }
.events-faq details > div { color: var(--text-secondary); font-size: .9rem; line-height: 1.65; padding: 0 3.2rem 1.5rem; }
.events-faq details > div p { margin: 0; }
.events-faq details > div a { color: var(--navy-700); display: inline-block; font-weight: 800; margin-top: .8rem; text-decoration: none; }
.events-next h2 { max-width: 14ch; }

@media (max-width: 980px) {
	.events-jump-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.events-jump-nav > a:nth-child(3) { border-left: 0; border-top: 1px solid rgba(8,22,49,.2); }
	.events-jump-nav > a:nth-child(4) { border-top: 1px solid rgba(8,22,49,.2); }
	.events-calendar__grid, .events-experience__layout, .events-updates__grid, .events-faq__grid { gap: 3rem; grid-template-columns: 1fr; }
	.events-calendar-card { max-width: 36rem; }
	.events-experience__heading { align-items: start; grid-template-columns: 1fr; }
	.events-experience__media { min-height: 30rem; }
	.events-phone { margin-left: 0; }
	.events-faq__intro { position: static; }
}

@media (max-width: 720px) {
	.events-hero { padding-bottom: 6.5rem; }
	.events-hero .platform-hero__copy h1 { font-size: clamp(2.5rem, 11.8vw, 3.7rem); }
	.events-jump-nav { grid-template-columns: 1fr; padding-bottom: .5rem; padding-top: .5rem; }
	.events-jump-nav > a, .events-jump-nav > a:nth-child(3), .events-jump-nav > a:nth-child(4) { border-left: 0; border-top: 1px solid rgba(8,22,49,.18); min-height: 5.8rem; }
	.events-jump-nav > a:first-child { border-top: 0; }
	.events-checklist li { grid-template-columns: 1fr; }
	.events-calendar-card { min-height: 28rem; padding: 1.45rem; }
	.events-calendar-card__icon { margin-top: 2.6rem; }
	.events-experience__media { min-height: 24rem; }
	.events-format-list article { grid-template-columns: 3rem 1fr; }
	.events-format-list article > span { height: 3rem; width: 3rem; }
	.events-phone { min-height: 29rem; }
	.events-faq summary { gap: .7rem; grid-template-columns: 1.8rem 1fr 2rem; min-height: 5.2rem; }
	.events-faq details > div { padding-left: 2.5rem; padding-right: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
	.events-phone.is-motion-active .events-phone__messages p { animation: none; }
}

/* Civic infographic and About Us visual system — v1.7 */
h1, h2, h3 { text-transform: capitalize; }

.council-engine, .about-constellation { background: linear-gradient(145deg, rgba(19,43,99,.96), rgba(8,22,49,.98)); border: 1px solid rgba(255,255,255,.18); box-shadow: 0 2rem 5rem rgba(0,0,0,.2); min-height: 34rem; overflow: hidden; padding: 1.25rem; position: relative; }
.council-engine::before, .about-constellation::before { background-image: linear-gradient(rgba(47,182,214,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(47,182,214,.08) 1px, transparent 1px); background-size: 2.4rem 2.4rem; content: ""; inset: 0; mask-image: linear-gradient(180deg, #000, transparent 88%); pointer-events: none; position: absolute; }
.council-engine__top, .about-constellation__top { color: rgba(255,255,255,.65); display: flex; font-family: var(--font-mono); font-size: .66rem; font-weight: 800; justify-content: space-between; letter-spacing: .1em; position: relative; text-transform: uppercase; z-index: 3; }
.council-engine__stage, .about-constellation__stage { height: 25rem; margin-top: 1rem; position: relative; z-index: 2; }
.council-engine__connectors, .about-constellation__lines { height: 100%; inset: 0; overflow: visible; position: absolute; width: 100%; }
.council-engine__connectors circle, .council-engine__connectors path, .about-constellation__lines circle, .about-constellation__lines path { stroke: rgba(255,255,255,.16); stroke-width: 1.5; }
.council-engine__connectors circle, .about-constellation__lines circle { stroke-dasharray: 4 9; }
.council-engine__connectors .council-engine__pulse-path, .about-constellation__lines .about-constellation__signal { animation: civic-signal-flow 7s linear infinite; animation-play-state: paused; stroke: var(--cyan-500); stroke-dasharray: 10 16; stroke-linecap: round; stroke-width: 2.5; }
.council-engine.is-motion-active .council-engine__pulse-path, .about-constellation.is-motion-active .about-constellation__signal { animation-play-state: running; }
@keyframes civic-signal-flow { to { stroke-dashoffset: -104; } }

.council-engine__core, .about-constellation__core { align-items: center; background: var(--green-500); border: .55rem solid rgba(110,208,59,.16); border-radius: 50%; color: var(--navy-950); display: flex; flex-direction: column; height: 9rem; justify-content: center; left: 50%; padding: .7rem; position: absolute; text-align: center; top: 50%; transform: translate(-50%,-50%); width: 9rem; z-index: 3; }
.council-engine__core::after, .about-constellation__core::after { border: 1px solid rgba(110,208,59,.72); border-radius: 50%; content: ""; inset: -.7rem; opacity: 0; position: absolute; transform: scale(.92); }
.council-engine.is-motion-active .council-engine__core::after, .about-constellation.is-motion-active .about-constellation__core::after { animation: civic-core-pulse 3s var(--ease-out) infinite; }
@keyframes civic-core-pulse { 0%, 100% { opacity: 0; transform: scale(.92); } 38% { opacity: .75; } 72% { opacity: 0; transform: scale(1.18); } }
.council-engine__core > span, .about-constellation__core > span { align-items: center; display: flex; height: 2rem; justify-content: center; width: 2rem; }
.council-engine__core svg, .about-constellation__core svg { height: 1.45rem; width: 1.45rem; }
.council-engine__core strong, .about-constellation__core strong { font-size: .88rem; margin-top: .25rem; }
.council-engine__core small, .about-constellation__core small { font-size: .58rem; font-weight: 800; line-height: 1.3; margin-top: .15rem; text-transform: uppercase; }

.council-engine__node, .about-constellation__node { align-items: center; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2); color: #fff; display: grid; gap: .05rem .55rem; grid-template-columns: 2rem 1fr; min-width: 9.3rem; padding: .65rem .75rem; position: absolute; transition: background-color .2s ease, border-color .2s ease, transform .18s var(--ease-out); z-index: 3; }
.council-engine__node > span, .about-constellation__node > span { align-items: center; background: rgba(110,208,59,.13); border-radius: 50%; color: var(--green-500); display: flex; grid-row: 1 / span 2; height: 2rem; justify-content: center; width: 2rem; }
.council-engine__node svg, .about-constellation__node svg { height: .95rem; width: .95rem; }
.council-engine__node strong, .about-constellation__node strong { font-size: .72rem; }
.council-engine__node small, .about-constellation__node small { color: rgba(255,255,255,.58); font-size: .55rem; font-weight: 700; text-transform: uppercase; }
.council-engine__node--resident, .about-constellation__node--voice { left: 50%; top: .65rem; transform: translateX(-50%); }
.council-engine__node--staff, .about-constellation__node--team { right: .1rem; top: 50%; transform: translateY(-50%); }
.council-engine__node--partners, .about-constellation__node--platform { bottom: .65rem; left: 50%; transform: translateX(-50%); }
.council-engine__node--report, .about-constellation__node--report { left: .1rem; top: 50%; transform: translateY(-50%); }
.council-engine__legend { border-top: 1px solid rgba(255,255,255,.14); display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; padding-top: .8rem; position: relative; z-index: 3; }
.council-engine__legend span { align-items: center; color: rgba(255,255,255,.65); display: flex; font-size: .58rem; font-weight: 800; gap: .38rem; text-transform: uppercase; }
.council-engine__legend b { background: var(--green-500); border-radius: 50%; height: .48rem; width: .48rem; }
.council-engine__legend span:nth-child(2) b { background: var(--cyan-500); }
.council-engine__legend span:nth-child(3) b { background: #fff; }

.council-decoder-section { overflow: hidden; }
.council-decoder-heading { align-items: end; display: grid; gap: 2rem; grid-template-columns: minmax(0,1fr) minmax(18rem,.72fr); }
.council-decoder-heading > p { color: var(--text-secondary); margin: 0; }
.council-decoder { align-items: stretch; display: grid; gap: 1rem; grid-template-columns: 1fr 2.5rem 1fr 2.5rem 1fr; margin-top: 3rem; position: relative; }
.council-decoder__card { background: #fff; border: 1px solid var(--border-default); min-height: 20rem; overflow: hidden; padding: 1.35rem; position: relative; transition: border-color .2s ease, box-shadow .2s ease, transform .18s var(--ease-out); }
.council-decoder__card::after { background: var(--green-500); bottom: 0; content: ""; height: .35rem; left: 0; position: absolute; transform: scaleX(0); transform-origin: left; transition: transform .35s var(--ease-out); width: 100%; }
.council-decoder__step { color: var(--green-600); font-family: var(--font-mono); font-size: .68rem; font-weight: 900; position: absolute; right: 1rem; top: 1rem; }
.council-decoder__icon { align-items: center; background: var(--navy-950); border-radius: 1rem; color: var(--green-500); display: flex; height: 3.5rem; justify-content: center; width: 3.5rem; }
.council-decoder__icon svg { height: 1.5rem; width: 1.5rem; }
.council-decoder__card h3 { font-size: 1.5rem; margin-top: 2rem; max-width: 12ch; }
.council-decoder__card p { color: var(--text-secondary); font-size: .88rem; margin-top: .8rem; }
.council-decoder__card > strong { bottom: 1.35rem; color: var(--navy-700); font-size: .68rem; left: 1.35rem; letter-spacing: .06em; position: absolute; text-transform: uppercase; }
.council-decoder__arrow { align-items: center; color: var(--green-600); display: flex; font-size: 1.5rem; font-weight: 900; justify-content: center; }
.council-decoder.is-motion-active .council-decoder__arrow { animation: civic-arrow-nudge 2.2s var(--ease-out) infinite; }
@keyframes civic-arrow-nudge { 0%, 100% { opacity: .45; transform: translateX(0); } 45% { opacity: 1; transform: translateX(.28rem); } }
.council-decoder__result { align-items: center; background: var(--green-500); color: var(--navy-950); display: flex; gap: .8rem; margin: 1rem 0 0; padding: 1rem 1.2rem; }
.council-decoder__result > span { align-items: center; display: flex; height: 2.2rem; justify-content: center; width: 2.2rem; }
.council-decoder__result svg { height: 1.2rem; width: 1.2rem; }
.council-decoder__result strong { font-size: .78rem; letter-spacing: .04em; text-transform: uppercase; }

.council-route-step__icon { align-items: center; background: rgba(110,208,59,.14); border-radius: .85rem; color: var(--green-600); display: flex; height: 3rem; justify-content: center; margin: .8rem 0 1.4rem; width: 3rem; }
.council-route-step__icon svg { height: 1.2rem; width: 1.2rem; }
.council-route-step { transition: background-color .2s ease, transform .18s var(--ease-out); }
.council-authority-orbit { aspect-ratio: 1; background: radial-gradient(circle, rgba(110,208,59,.12), transparent 58%), var(--navy-950); margin-top: 2rem; overflow: hidden; position: relative; }
.council-authority-orbit__ring { border: 1px dashed rgba(255,255,255,.22); border-radius: 50%; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); }
.council-authority-orbit__ring--one { height: 56%; width: 56%; }
.council-authority-orbit__ring--two { height: 82%; width: 82%; }
.council-authority-orbit.is-motion-active .council-authority-orbit__ring--one { animation: civic-orbit-spin 24s linear infinite; }
.council-authority-orbit.is-motion-active .council-authority-orbit__ring--two { animation: civic-orbit-spin-reverse 32s linear infinite; }
@keyframes civic-orbit-spin { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes civic-orbit-spin-reverse { to { transform: translate(-50%,-50%) rotate(-360deg); } }
.council-authority-orbit__core { align-items: center; background: var(--green-500); border-radius: 50%; color: var(--navy-950); display: flex; flex-direction: column; height: 8.8rem; justify-content: center; left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%,-50%); width: 8.8rem; z-index: 2; }
.council-authority-orbit__core > span { display: flex; }
.council-authority-orbit__core svg { height: 1.4rem; width: 1.4rem; }
.council-authority-orbit__core strong { font-size: .8rem; margin-top: .4rem; }
.council-authority-orbit__core small { font-size: .55rem; font-weight: 800; margin-top: .15rem; text-transform: uppercase; }
.council-authority-orbit__node { background: #fff; box-shadow: var(--shadow-sm); color: var(--navy-950); font-size: .67rem; font-weight: 800; line-height: 1.25; padding: .55rem .65rem; position: absolute; text-align: center; z-index: 2; }
.council-authority-orbit__node b { color: var(--green-600); font-size: .52rem; text-transform: uppercase; }
.council-authority-orbit__node--region { left: 8%; top: 14%; }
.council-authority-orbit__node--province { right: 7%; top: 18%; }
.council-authority-orbit__node--schools { bottom: 13%; right: 9%; }
.council-authority-orbit__node--community { bottom: 12%; left: 7%; }
.council-reporting-panel.is-motion-active .council-reporting-track li.is-current > span { animation: civic-status-pulse 2.8s var(--ease-out) infinite; }
@keyframes civic-status-pulse { 0%, 100% { transform: scale(1); } 45% { transform: scale(1.12); } }

.about-constellation__stage { height: 27rem; }
.about-constellation__core { height: 10rem; width: 10rem; }
.about-constellation__node--voice { left: 50%; top: .15rem; transform: translateX(-50%); }
.about-constellation__node--team { right: .1rem; top: 50%; transform: translateY(-50%); }
.about-constellation__node--platform { bottom: .15rem; left: 50%; transform: translateX(-50%); }
.about-constellation__node--report { left: .1rem; top: 50%; transform: translateY(-50%); }
.about-constellation__promise { align-items: center; border-top: 1px solid rgba(255,255,255,.15); color: #fff; display: flex; font-size: .72rem; gap: .6rem; margin: .2rem 0 0; padding-top: .85rem; position: relative; text-transform: uppercase; z-index: 3; }
.about-constellation__promise > span { color: var(--green-500); font-size: 1rem; }
.about-belief-band { background: var(--green-500); color: var(--navy-950); }
.about-belief-band__grid { display: grid; grid-template-columns: repeat(3,1fr); }
.about-belief-band__grid > div { align-items: start; border-left: 1px solid rgba(8,22,49,.2); display: grid; gap: .9rem; grid-template-columns: 2.6rem 1fr; min-height: 10rem; padding: 2rem; }
.about-belief-band__grid > div:last-child { border-right: 1px solid rgba(8,22,49,.2); }
.about-belief-band__grid > div > span { align-items: center; background: var(--navy-950); border-radius: .8rem; color: var(--green-500); display: flex; height: 2.6rem; justify-content: center; width: 2.6rem; }
.about-belief-band__grid svg { height: 1.15rem; width: 1.15rem; }
.about-belief-band__grid p { font-size: .78rem; margin: 0; }
.about-belief-band__grid strong { display: block; font-size: .88rem; margin-bottom: .3rem; text-transform: uppercase; }
.about-value__icon { background: var(--surface-tint); border-radius: 50%; transition: background-color .2s ease, color .2s ease, transform .18s var(--ease-out); }
.about-record__timeline { padding-left: 2rem; position: relative; }
.about-record__timeline::before { background: rgba(255,255,255,.2); bottom: 1rem; content: ""; left: .45rem; position: absolute; top: 1rem; width: 1px; }
.about-record__timeline div { position: relative; }
.about-record__timeline div::before { background: var(--navy-950); border: 2px solid var(--green-500); border-radius: 50%; content: ""; height: .8rem; left: -1.95rem; position: absolute; top: 1.22rem; transform: scale(.72); width: .8rem; }
.about-record__timeline.is-motion-active div::before { animation: about-record-node 3.4s var(--ease-out) infinite; }
.about-record__timeline.is-motion-active div:nth-child(2)::before { animation-delay: .2s; }
.about-record__timeline.is-motion-active div:nth-child(3)::before { animation-delay: .4s; }
.about-record__timeline.is-motion-active div:nth-child(4)::before { animation-delay: .6s; }
.about-record__timeline.is-motion-active div:nth-child(5)::before { animation-delay: .8s; }
.about-record__timeline.is-motion-active div:nth-child(6)::before { animation-delay: 1s; }
@keyframes about-record-node { 0%, 100% { opacity: .65; transform: scale(.72); } 40% { opacity: 1; transform: scale(1); } }

@media (hover: hover) and (pointer: fine) {
	.council-engine__node:hover, .about-constellation__node:hover { background: rgba(110,208,59,.13); border-color: rgba(110,208,59,.7); }
	.council-engine__node--resident:hover, .about-constellation__node--voice:hover, .council-engine__node--partners:hover, .about-constellation__node--platform:hover { transform: translateX(-50%) translateY(-3px); }
	.council-engine__node--staff:hover, .about-constellation__node--team:hover, .council-engine__node--report:hover, .about-constellation__node--report:hover { transform: translateY(calc(-50% - 3px)); }
	.council-decoder__card:hover { border-color: rgba(73,169,37,.5); box-shadow: var(--shadow-md); transform: translateY(-4px); }
	.council-decoder__card:hover::after { transform: scaleX(1); }
	.council-route-step:hover { background: rgba(255,255,255,.72); transform: translateY(-3px); }
	.about-value:hover .about-value__icon { background: var(--green-500); color: var(--navy-950); transform: rotate(-4deg) scale(1.06); }
}

@media (max-width: 980px) {
	.council-decoder-heading { grid-template-columns: 1fr; }
	.council-decoder { grid-template-columns: 1fr; }
	.council-decoder__arrow { min-height: 2rem; transform: rotate(90deg); }
	.council-decoder.is-motion-active .council-decoder__arrow { animation: civic-arrow-down 2.2s var(--ease-out) infinite; }
	@keyframes civic-arrow-down { 0%, 100% { opacity: .45; transform: rotate(90deg) translateX(0); } 45% { opacity: 1; transform: rotate(90deg) translateX(.28rem); } }
	.council-decoder__card { min-height: 17rem; }
	.about-belief-band__grid { grid-template-columns: 1fr; }
	.about-belief-band__grid > div, .about-belief-band__grid > div:last-child { border-bottom: 1px solid rgba(8,22,49,.2); border-left: 1px solid rgba(8,22,49,.2); border-right: 1px solid rgba(8,22,49,.2); min-height: 0; }
}

@media (max-width: 720px) {
	.council-engine, .about-constellation { min-height: 0; padding: 1rem; }
	.council-engine__stage, .about-constellation__stage { display: grid; gap: .7rem; height: auto; margin-top: 1.25rem; }
	.council-engine__connectors, .about-constellation__lines { display: none; }
	.council-engine__core, .about-constellation__core { border-radius: 1rem; height: auto; left: auto; min-height: 7rem; position: relative; top: auto; transform: none; width: 100%; }
	.council-engine__node, .about-constellation__node, .council-engine__node--resident, .council-engine__node--staff, .council-engine__node--partners, .council-engine__node--report, .about-constellation__node--voice, .about-constellation__node--team, .about-constellation__node--platform, .about-constellation__node--report { left: auto; min-width: 0; position: relative; right: auto; top: auto; bottom: auto; transform: none; width: 100%; }
	.council-engine__legend { margin-top: 1rem; }
	.council-decoder__card { min-height: 16rem; }
	.council-authority-orbit { margin-left: auto; margin-right: auto; max-width: 28rem; }
	.council-authority-orbit__core { height: 7rem; width: 7rem; }
	.council-authority-orbit__node { font-size: .58rem; padding: .4rem .45rem; }
	.about-belief-band__grid > div { padding: 1.35rem; }
	.about-record__timeline { padding-left: 1.6rem; }
	.about-record__timeline div::before { left: -1.55rem; }
}

@media (prefers-reduced-motion: reduce) {
	.council-engine__pulse-path, .about-constellation__signal, .council-engine__core::after, .about-constellation__core::after, .council-decoder__arrow, .council-authority-orbit__ring, .council-reporting-track li.is-current > span, .about-record__timeline div::before { animation: none !important; }
}

/* Campaign News, vote impact, and mobile campaign drawer — v1.8 */
.mobile-menu__top, .mobile-menu__benefits, .mobile-menu__action-dock, .mobile-menu-overlay { display: none; }

.home-vote-impact { background: #f1f6fb; padding: clamp(5rem, 8vw, 8rem) 0; }
.home-vote-impact__grid { align-items: center; display: grid; gap: clamp(3rem, 5vw, 5rem); grid-template-columns: repeat(2,minmax(0,1fr)); }
.home-vote-impact__copy { min-width: 0; }
.home-vote-impact__copy h2 { font-size: clamp(2.5rem, 3.25vw, 3.65rem); max-width: 100%; text-wrap: balance; }
.home-vote-impact__copy h2 span { display: block; white-space: nowrap; }
.home-vote-impact__copy > p:not(.eyebrow) { color: var(--text-secondary); font-size: 1.08rem; max-width: 36rem; }
.home-vote-impact__copy blockquote { border-left: .28rem solid var(--green-500); color: var(--navy-800); font-size: clamp(1.08rem, 1.8vw, 1.4rem); font-weight: 750; line-height: 1.45; margin: 1.75rem 0 2rem; max-width: 35rem; padding-left: 1.25rem; }
.home-vote-impact__visual { background: var(--navy-950); box-shadow: 0 2rem 5rem rgba(8,22,49,.16); padding: .8rem; }
.home-vote-impact__visual figure { height: 23rem; margin: 0; overflow: hidden; }
.home-vote-impact__visual figure img { height: 100%; object-fit: cover; width: 100%; }
.home-vote-impact__benefits { display: grid; gap: 1px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 1px; }
.home-vote-impact__benefits > div { align-items: center; background: #fff; display: grid; gap: .8rem; grid-template-columns: 2.8rem 1fr; min-height: 6.4rem; padding: 1rem; }
.home-vote-impact__benefits > div > span { align-items: center; background: #eaf6e3; border-radius: .8rem; color: var(--green-700); display: flex; height: 2.8rem; justify-content: center; width: 2.8rem; }
.home-vote-impact__benefits svg { height: 1.15rem; width: 1.15rem; }
.home-vote-impact__benefits p { margin: 0; }
.home-vote-impact__benefits strong, .home-vote-impact__benefits small { display: block; }
.home-vote-impact__benefits strong { color: var(--navy-950); font-size: .78rem; }
.home-vote-impact__benefits small { color: var(--text-secondary); font-size: .65rem; margin-top: .2rem; }

.news-hero { background: radial-gradient(circle at 82% 28%, rgba(47,182,214,.18), transparent 25rem), linear-gradient(135deg,#071630,#10285a); color: #fff; overflow: hidden; padding: clamp(5rem,9vw,8.5rem) 0 7.5rem; position: relative; }
.news-hero__grid { align-items: center; display: grid; gap: clamp(3rem,7vw,7rem); grid-template-columns: minmax(0,1fr) minmax(24rem,.72fr); position: relative; z-index: 2; }
.news-hero__copy h1 { color: #fff; font-size: clamp(3.3rem,7vw,6.8rem); letter-spacing: -.065em; line-height: .93; max-width: 9ch; }
.news-hero__copy > p:not(.eyebrow) { color: rgba(255,255,255,.72); font-size: 1.15rem; max-width: 42rem; }
.news-signal { align-items: center; aspect-ratio: 1; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.18); display: flex; flex-direction: column; justify-content: center; overflow: hidden; position: relative; text-align: center; }
.news-signal::before { background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size: 2rem 2rem; content: ""; inset: 0; position: absolute; }
.news-signal__rings { inset: 12%; position: absolute; }
.news-signal__rings i { border: 1px solid rgba(110,208,59,.28); border-radius: 50%; inset: 0; position: absolute; }
.news-signal__rings i:nth-child(2) { inset: 14%; }
.news-signal__rings i:nth-child(3) { inset: 28%; }
.news-signal__icon { align-items: center; background: var(--green-500); border-radius: 50%; color: var(--navy-950); display: flex; height: 5rem; justify-content: center; position: relative; width: 5rem; z-index: 2; }
.news-signal__icon svg { height: 2rem; width: 2rem; }
.news-signal strong { font-size: 1.35rem; margin-top: 1.2rem; position: relative; z-index: 2; }
.news-signal small { color: rgba(255,255,255,.62); font-size: .65rem; font-weight: 800; letter-spacing: .08em; margin-top: .3rem; position: relative; text-transform: uppercase; z-index: 2; }
.news-signal__ticker { bottom: 0; color: rgba(255,255,255,.65); font-family: var(--font-mono); font-size: .62rem; left: 0; padding: .9rem 1rem; position: absolute; right: 0; text-transform: uppercase; }
.news-signal__ticker span { background: var(--green-500); border-radius: 50%; box-shadow: 0 0 0 .35rem rgba(110,208,59,.12); display: inline-block; height: .48rem; margin-right: .4rem; width: .48rem; }
.news-trust { background: var(--green-500); }
.news-trust__grid { display: grid; grid-template-columns: repeat(4,1fr); }
.news-trust__grid > div { align-items: center; border-left: 1px solid rgba(8,22,49,.17); display: grid; gap: .75rem; grid-template-columns: 2.6rem 1fr; min-height: 8rem; padding: 1.25rem; }
.news-trust__grid > div:last-child { border-right: 1px solid rgba(8,22,49,.17); }
.news-trust__grid > div > span { align-items: center; background: var(--navy-950); border-radius: .75rem; color: var(--green-500); display: flex; grid-row: 1 / span 2; height: 2.6rem; justify-content: center; width: 2.6rem; }
.news-trust svg { height: 1.1rem; width: 1.1rem; }
.news-trust strong, .news-trust small { display: block; }
.news-trust p { margin: 0; }
.news-trust strong { font-size: .78rem; }
.news-trust small { font-size: .63rem; }
.news-feed { background: #fff; padding: clamp(5rem,9vw,9rem) 0; }
.news-feed__heading { align-items: end; display: grid; gap: 3rem; grid-template-columns: minmax(0,1fr) minmax(18rem,.55fr); margin-bottom: 3.5rem; }
.news-feed__heading h2 { font-size: clamp(2.7rem,5vw,5rem); max-width: 12ch; }
.news-feed__heading > p { color: var(--text-secondary); margin: 0; }
.news-feature { background: var(--navy-950); color: #fff; display: grid; grid-template-columns: 1.05fr .95fr; margin-bottom: 1rem; min-height: 31rem; overflow: hidden; text-decoration: none; }
.news-feature figure { margin: 0; min-height: 31rem; overflow: hidden; }
.news-feature figure img { height: 100%; object-fit: cover; transition: transform .55s var(--ease-out); width: 100%; }
.news-feature > div { align-self: center; padding: clamp(2rem,5vw,4.5rem); }
.news-feature h3 { color: #fff; font-size: clamp(2rem,3.6vw,3.7rem); line-height: 1; margin-top: 1rem; }
.news-feature p:not(.eyebrow) { color: rgba(255,255,255,.68); }
.news-feature > div > strong, .news-card > strong { color: var(--green-500); display: block; font-size: .75rem; margin-top: 2rem; text-transform: uppercase; }
.news-card__meta { color: var(--green-600); font-family: var(--font-mono); font-size: .65rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.news-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.news-card { border-bottom: 1px solid var(--border-default); color: var(--navy-950); min-height: 25rem; padding: 2rem; position: relative; text-decoration: none; transition: background-color .2s ease, box-shadow .2s ease, transform .18s var(--ease-out); }
.news-card:nth-child(odd) { border-right: 1px solid var(--border-default); }
.news-card__number { color: var(--green-600); font-family: var(--font-mono); font-size: .72rem; font-weight: 900; position: absolute; right: 1.5rem; top: 1.5rem; }
.news-card h3 { font-size: clamp(1.45rem,2.5vw,2.15rem); line-height: 1.05; margin: 2.4rem 0 1rem; max-width: 18ch; }
.news-card p { color: var(--text-secondary); font-size: .9rem; max-width: 35rem; }
.news-alerts { background: #eaf6e3; padding: clamp(4rem,7vw,6.5rem) 0; }
.news-alerts__grid { align-items: center; display: grid; gap: 1.5rem 2rem; grid-template-columns: 4.5rem 1fr auto; }
.news-alerts__grid > span { align-items: center; background: var(--navy-950); border-radius: 1rem; color: var(--green-500); display: flex; height: 4.5rem; justify-content: center; width: 4.5rem; }
.news-alerts__grid > span svg { height: 1.7rem; width: 1.7rem; }
.news-alerts h2 { font-size: clamp(2rem,4vw,3.4rem); max-width: 18ch; }
.news-alerts p { margin-bottom: 0; }

/* Contact page */
.contact-hero { background: radial-gradient(circle at 12% 16%,rgba(47,182,214,.14),transparent 26rem),var(--navy-950); overflow: hidden; padding: clamp(3.5rem,7vw,6.5rem) 0; position: relative; }
.contact-hero::after { border: 1px solid rgba(110,208,59,.18); content: ""; height: 42rem; position: absolute; right: -16rem; top: -24rem; transform: rotate(24deg); width: 22rem; }
.contact-hero__grid { align-items: start; display: grid; gap: clamp(2.5rem,5vw,5rem); grid-template-columns: minmax(0,.9fr) minmax(30rem,.8fr); position: relative; z-index: 1; }
.contact-hero__copy { align-self: start; padding: 2rem 0 0; }
.contact-hero h1 { color: #fff; font-size: clamp(3rem,5.8vw,5.8rem); max-width: 10ch; }
.contact-hero .lede { color: rgba(255,255,255,.72); font-size: clamp(1.05rem,1.7vw,1.25rem); margin-top: 1.5rem; max-width: 39rem; }
.contact-hero__signature { color: var(--green-500); font-size: clamp(1rem,1.7vw,1.35rem); font-weight: 850; line-height: 1.25; margin: 2rem 0 0; }
.contact-hero__signature span { display: block; }
.contact-form-card--hero { background: #fff; border: 0; box-shadow: 0 2rem 5rem rgba(0,0,0,.28); padding: clamp(1.5rem,3vw,2.25rem); }
.contact-form-card__heading { border-bottom: 1px solid var(--border-default); margin-bottom: 1.5rem; padding-bottom: 1rem; }
.contact-form-card__heading h2 { color: var(--navy-950); font-size: clamp(1.8rem,3vw,2.6rem); max-width: none; }
.contact-form-card__heading > p:not(.eyebrow) { color: var(--text-secondary); font-size: .84rem; line-height: 1.5; margin: .65rem 0 0; max-width: 34rem; }
.contact-form-card--hero textarea { min-height: 8rem; }
.contact-form-card--hero .button { margin-top: .25rem; width: 100%; }
.contact-paths { background: var(--green-500); color: var(--navy-950); padding: clamp(3.5rem,6vw,5.5rem) 0; }
.contact-paths__heading { align-items: end; display: grid; gap: 2rem; grid-template-columns: minmax(0,1fr) minmax(18rem,.55fr); }
.contact-paths__heading h2 { font-size: clamp(2.2rem,4.5vw,4rem); max-width: 13ch; }
.contact-paths__heading > p { margin: 0; max-width: 32rem; }
.contact-paths__grid { border-bottom: 1px solid rgba(8,22,49,.24); border-top: 1px solid rgba(8,22,49,.24); display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 2.5rem; }
.contact-paths__grid a { color: var(--navy-950); display: grid; gap: .5rem; min-height: 12rem; padding: 1.25rem; position: relative; text-decoration: none; transition: background-color .2s ease,color .2s ease,transform .2s var(--ease-out); }
.contact-paths__grid a + a { border-left: 1px solid rgba(8,22,49,.24); }
.contact-paths__grid a > span { align-items: center; background: var(--navy-950); border-radius: .75rem; color: var(--green-500); display: flex; height: 2.8rem; justify-content: center; width: 2.8rem; }
.contact-paths__grid svg { height: 1.2rem; width: 1.2rem; }
.contact-paths__grid strong { align-self: end; font-size: 1.05rem; }
.contact-paths__grid small { font-size: .75rem; line-height: 1.45; }
.contact-paths__grid b { position: absolute; right: 1.25rem; top: 1.25rem; }
.contact-community { background: #fff; padding: clamp(5rem,9vw,8rem) 0; }
.contact-community__grid { align-items: center; display: grid; gap: clamp(2.5rem,6vw,6rem); grid-template-columns: minmax(24rem,.9fr) minmax(26rem,1.1fr); }
.contact-community__media { background: var(--navy-950); margin: 0; overflow: hidden; position: relative; }
.contact-community__media img { aspect-ratio: 4/3; display: block; object-fit: cover; width: 100%; }
.contact-community__media figcaption { background: linear-gradient(transparent,rgba(8,22,49,.96)); bottom: 0; color: #fff; display: grid; gap: .25rem; left: 0; padding: 4rem 1.5rem 1.5rem; position: absolute; right: 0; }
.contact-community__media figcaption span { color: var(--green-500); font-size: .67rem; font-weight: 850; letter-spacing: .12em; }
.contact-community__media figcaption strong { font-size: 1rem; }
.contact-community__copy h2 { font-size: clamp(2.4rem,4.5vw,4.25rem); max-width: 12ch; }
.contact-community__copy > p:not(.eyebrow) { color: var(--text-secondary); margin-top: 1.2rem; max-width: 42rem; }
.contact-issue-grid { border-bottom: 1px solid var(--border-default); border-top: 1px solid var(--border-default); display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 2rem; }
.contact-issue-grid > div { display: grid; gap: .25rem; grid-template-columns: 2.5rem 1fr; padding: 1rem .75rem 1rem 0; }
.contact-issue-grid > div:nth-child(even) { border-left: 1px solid var(--border-default); padding-left: 1rem; }
.contact-issue-grid > div:nth-child(n+3) { border-top: 1px solid var(--border-default); }
.contact-issue-grid span { align-items: center; background: #eaf6e3; border-radius: .65rem; color: var(--navy-950); display: flex; grid-row: 1 / span 2; height: 2.5rem; justify-content: center; width: 2.5rem; }
.contact-issue-grid svg { height: 1.05rem; width: 1.05rem; }
.contact-issue-grid strong { font-size: .82rem; }
.contact-issue-grid small { color: var(--text-secondary); font-size: .69rem; line-height: 1.4; }
.contact-closing { background: var(--navy-950); color: #fff; padding: clamp(4.5rem,7vw,6rem) 0; }
.contact-closing__grid { align-items: end; display: grid; gap: 3rem; grid-template-columns: minmax(0,1fr) auto; }
.contact-closing h2 { color: #fff; font-size: clamp(2.5rem,4.7vw,4.5rem); max-width: 12ch; }
.contact-closing p:not(.eyebrow) { color: rgba(255,255,255,.68); margin: 1rem 0 0; max-width: 38rem; }
.contact-closing__actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: flex-end; }

@media (hover:hover) and (pointer:fine) {
	.home-vote-impact__benefits > div:hover { background: #f5faef; }
	.news-feature:hover figure img { transform: scale(1.035); }
	.news-card:hover { background: #f5faef; box-shadow: 0 1.4rem 3rem rgba(8,22,49,.08); transform: translateY(-3px); z-index: 2; }
	.contact-paths__grid a:hover { background: var(--navy-950); color: #fff; transform: translateY(-3px); }
	.contact-paths__grid a:hover > span { background: var(--green-500); color: var(--navy-950); }
}

@media (max-width: 1240px) {
	html.menu-open, html.menu-open body { overflow: hidden; }
	.mobile-menu-overlay { background: rgba(4,13,31,.62); border: 0; display: block; inset: 0; opacity: 0; pointer-events: none; position: fixed; transition: opacity .22s ease; visibility: hidden; z-index: 120; }
	html.menu-open .mobile-menu-overlay { opacity: 1; pointer-events: auto; visibility: visible; }
	.site-header { z-index: 130; }
	.site-navigation, .site-navigation.is-open { background: #f5f8fc; border: 0; box-shadow: -1.5rem 0 4rem rgba(8,22,49,.2); display: flex; flex-direction: column; gap: 0; height: 100dvh; left: auto; max-height: none; opacity: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: 0; pointer-events: none; position: fixed; right: 0; top: 0; transform: translateX(100%); transition: transform .28s cubic-bezier(.32,.72,0,1), opacity .18s ease, visibility .28s step-end; visibility: hidden; width: min(25rem,100vw); z-index: 140; }
	.site-navigation.is-open { opacity: 1; pointer-events: auto; transform: translateX(0); transition: transform .28s cubic-bezier(.32,.72,0,1), opacity .18s ease, visibility 0s; visibility: visible; }
	.mobile-menu__top { align-items: center; background: #fff; border-bottom: 1px solid var(--border-default); display: flex; justify-content: space-between; min-height: 5.2rem; padding: .8rem 1rem; }
	.mobile-menu__brand { display: block; width: 10.5rem; }
	.mobile-menu__brand img { display: block; height: auto; width: 100%; }
	.mobile-menu__close { align-items: center; background: #fff; border: 1px solid var(--border-default); border-radius: .8rem; color: var(--navy-950); display: flex; font-size: 1.8rem; height: 2.9rem; justify-content: center; width: 2.9rem; }
	.site-navigation__actions { display: grid; gap: .55rem; grid-template-columns: repeat(2,minmax(0,1fr)); order: 2; padding: .95rem 1rem .75rem; }
	.site-navigation__actions .button { border-radius: .8rem; font-size: .72rem; min-height: 3.25rem; padding: .7rem .5rem; width: 100%; }
	.site-navigation__actions .button__signal { display: block; }
	.site-navigation .menu { align-items: stretch; display: flex; flex-direction: column; gap: 0; order: 3; padding: 0 1rem; }
	.site-navigation .menu li { border-bottom: 1px solid var(--border-default); }
	.site-navigation .menu a { color: var(--navy-950); display: block; font-size: .88rem; font-weight: 800; padding: .78rem .15rem; }
	.site-navigation .menu > .menu-item:not(.menu-item--platform) > a::after { bottom: .18rem; left: .15rem; right: .15rem; transform-origin: left center; }
	.menu-item--platform__trigger { min-height: 0; }
	.menu-item--platform.current-menu-parent .menu-item--platform__trigger::before { bottom: .12rem; left: .15rem; right: .15rem; }
	.menu-item--platform__trigger > a { flex: 1; }
	.menu-item--platform__trigger > button { height: 2.5rem; width: 2.5rem; }
	.platform-menu { border: 0; box-shadow: none; display: none; min-width: 0; opacity: 1; padding: .25rem 0 .75rem; position: static; transform: none; visibility: visible; width: 100%; }
	.menu-item--platform.is-open .platform-menu { display: grid; transform: none; }
	.platform-menu a { background: #fff; border: 1px solid var(--border-default); border-radius: .65rem; margin-top: .4rem; padding: .65rem !important; }
	.mobile-menu__benefits { display: grid; gap: .55rem; order: 4; padding: 1.15rem 1rem; }
	.mobile-menu__benefits > a { align-items: center; background: #fff; border: 1px solid #d9e2ef; border-radius: .75rem; color: var(--navy-950); display: grid; gap: .75rem; grid-template-columns: 2.55rem 1fr; min-height: 4.45rem; padding: .65rem .75rem; text-decoration: none; }
	.mobile-menu__benefits > a > span:first-child { align-items: center; background: #eaf1ff; border-radius: .65rem; color: #1257ca; display: flex; height: 2.55rem; justify-content: center; width: 2.55rem; }
	.mobile-menu__benefits svg { height: 1.05rem; width: 1.05rem; }
	.mobile-menu__benefits strong, .mobile-menu__benefits small { display: block; }
	.mobile-menu__benefits strong { font-size: .72rem; }
	.mobile-menu__benefits small { color: var(--text-secondary); font-size: .59rem; margin-top: .12rem; }
	.mobile-menu__action-dock { background: var(--navy-950); bottom: 0; display: grid; grid-template-columns: repeat(4,1fr); margin-top: auto; order: 5; position: sticky; z-index: 4; }
	.mobile-menu__action-dock a { align-items: center; border-left: 1px solid rgba(255,255,255,.12); color: #fff; display: flex; flex-direction: column; font-size: .58rem; gap: .35rem; justify-content: center; min-height: 4.8rem; padding: .55rem .2rem; text-align: center; text-decoration: none; }
	.mobile-menu__action-dock a:first-child { border-left: 0; }
	.mobile-menu__action-dock svg { color: var(--green-500); height: 1.15rem; width: 1.15rem; }
	.home-vote-impact__grid { gap: 3rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
	.news-hero__grid { gap: 3rem; grid-template-columns: minmax(0,1.1fr) minmax(20rem,.7fr); }
	.home-vote-impact__visual { max-width: 45rem; }
	.news-signal { justify-self: end; max-width: 30rem; width: 100%; }
	.news-trust__grid { grid-template-columns: repeat(2,1fr); }
	.news-trust__grid > div:nth-child(3) { border-top: 1px solid rgba(8,22,49,.17); }
	.news-trust__grid > div:nth-child(4) { border-top: 1px solid rgba(8,22,49,.17); }
}

@media (max-width: 900px) {
	.home-vote-impact__grid { grid-template-columns: 1fr; }
	.home-vote-impact__copy h2 span { white-space: normal; }
	.news-hero__grid { grid-template-columns: 1fr; }
	.news-signal { justify-self: start; max-width: 30rem; }
	.contact-paths__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.contact-paths__grid a:nth-child(3) { border-left: 0; }
	.contact-paths__grid a:nth-child(n+3) { border-top: 1px solid rgba(8,22,49,.24); }
	.contact-hero__grid, .contact-community__grid, .contact-closing__grid { grid-template-columns: 1fr; }
	.contact-hero__copy { padding: 0; }
	.contact-form-card--hero { max-width: 46rem; }
	.contact-community__grid { align-items: start; }
	.contact-community__media { max-width: 46rem; }
	.contact-closing__actions { justify-content: flex-start; }
}

@media (max-width: 760px) {
	.home-vote-impact { padding: 4.5rem 0; }
	.home-vote-impact__grid { gap: 2.5rem; }
	.home-vote-impact__visual { margin-left: -.25rem; margin-right: -.25rem; padding: .45rem; }
	.home-vote-impact__visual figure { height: 18rem; }
	.home-vote-impact__benefits { grid-template-columns: 1fr; }
	.news-hero { padding-bottom: 6.5rem; }
	.news-hero__copy h1 { font-size: clamp(3rem,15vw,4.6rem); }
	.news-signal { max-width: none; }
	.news-trust__grid { grid-template-columns: 1fr; padding-bottom: .6rem; padding-top: .6rem; }
	.news-trust__grid > div, .news-trust__grid > div:last-child { border-bottom: 1px solid rgba(8,22,49,.17); border-left: 0; border-right: 0; min-height: 5.2rem; }
	.news-feed__heading, .news-feature, .news-grid, .news-alerts__grid { grid-template-columns: 1fr; }
	.news-feed__heading { gap: 1.2rem; }
	.news-feature { min-height: 0; }
	.news-feature figure { min-height: 17rem; }
	.news-card { border-right: 0 !important; min-height: 22rem; padding: 1.5rem 1rem; }
	.news-alerts__grid .button { justify-self: start; }
	.contact-hero { padding: 3.5rem 0; }
	.contact-hero h1 { font-size: clamp(2.75rem,13vw,4.25rem); }
	.contact-paths__heading, .contact-paths__grid { grid-template-columns: 1fr; }
	.contact-paths__heading { align-items: start; gap: .75rem; }
	.contact-paths__grid a, .contact-paths__grid a:nth-child(3) { border-left: 0; border-top: 1px solid rgba(8,22,49,.24); min-height: 8.5rem; }
	.contact-paths__grid a:first-child { border-top: 0; }
	.contact-community__grid { gap: 2.5rem; }
	.contact-issue-grid { grid-template-columns: 1fr; }
	.contact-issue-grid > div:nth-child(even) { border-left: 0; padding-left: 0; }
	.contact-issue-grid > div:nth-child(n+2) { border-top: 1px solid var(--border-default); }
	.contact-closing__actions { align-items: stretch; flex-direction: column; }
	.contact-closing__actions .button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.site-navigation, .mobile-menu-overlay, .news-feature figure img, .news-card { transition-duration: .01ms !important; }
	.news-signal__rings { animation: none !important; }
	.member-role-badge--mayor { animation: none !important; }
}