:root{--navy:#071e41;--navy2:#0c2d5d;--red:#d8232a;--white:#fff;--paper:#f5f6f8;--ink:#101827;--muted:#5b6575;--line:#dce1e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--white);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid #e6e8ec;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20}.brand{display:flex;flex-direction:column;line-height:1}.brand-name{font:900 1.8rem/1 "Barlow Condensed",sans-serif;letter-spacing:.04em;color:var(--navy);text-shadow:2px 1px 0 #e3383d}.brand-office{font:700 .65rem/1.4 Inter,sans-serif;letter-spacing:.1em;color:var(--navy)}nav{display:flex;align-items:center;gap:30px;font-weight:700;font-size:.88rem}nav a:not(.nav-cta):hover{color:var(--red)}.nav-cta{background:var(--red);color:white;padding:11px 18px;border-radius:2px}.menu{display:none}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.12fr .88fr;overflow:hidden;background:linear-gradient(120deg,#fff 0 59%,var(--navy) 59% 100%)}.hero-copy{padding:clamp(70px,9vw,135px) 6vw 70px;max-width:870px}.eyebrow{font:800 .78rem/1.2 Inter,sans-serif;letter-spacing:.18em;color:var(--red);margin:0 0 20px}.eyebrow span{margin-right:8px}.hero h1,.section h2,.service h2,.vote h2,.join h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.02em}.hero h1{font-size:clamp(4rem,7vw,7.7rem);line-height:.82;margin:0;color:var(--navy);max-width:820px}.hero h1 em{font-style:normal;color:var(--red)}.hero-lead{max-width:680px;color:#485265;font-size:clamp(1rem,1.3vw,1.25rem);margin:30px 0}.hero-actions{display:flex;gap:12px;margin-bottom:50px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;font-weight:800;border-radius:2px;border:2px solid transparent;cursor:pointer;font:800 .88rem Inter,sans-serif}.primary{background:var(--red);color:white}.primary:hover{background:#b91920}.secondary{border-color:var(--navy);color:var(--navy);background:white}.hero-proof{display:flex;border-top:1px solid var(--line);padding-top:25px;gap:30px}.hero-proof div{display:flex;gap:10px;align-items:center;padding-right:25px;border-right:1px solid var(--line)}.hero-proof div:last-child{border:0}.hero-proof strong{font:900 1.9rem/1 "Barlow Condensed";color:var(--red)}.hero-proof span{font-size:.68rem;line-height:1.35;text-transform:uppercase;font-weight:700;letter-spacing:.04em}.hero-card{align-self:center;justify-self:center;width:min(80%,520px);aspect-ratio:.82;background:var(--red);border:10px solid white;box-shadow:18px 18px 0 rgba(0,0,0,.2);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;transform:rotate(1.5deg)}.star-row{font-size:1.4rem}.small-name{font:900 2.1rem/1 "Barlow Condensed";letter-spacing:.08em}.large-name{font:900 clamp(4.2rem,6vw,7rem)/.85 "Barlow Condensed";text-shadow:5px 4px 0 var(--navy)}.for{font:900 1.3rem/1.4 "Barlow Condensed";margin-top:12px}.office{font:800 1.4rem/1.1 "Barlow Condensed";letter-spacing:.08em}.district{font:900 2.2rem/1.2 "Barlow Condensed";background:var(--navy);padding:2px 16px;margin-top:8px}.hero-card p{font-weight:700;line-height:1.25;margin:20px 0 0}.hero-card b{color:#fff;font-size:1.35rem}.statement{background:var(--navy);color:white;text-align:center;padding:52px 20px}.statement p{font:700 clamp(1.6rem,3vw,2.7rem)/1.2 "Barlow Condensed";margin:0 auto 10px;max-width:1000px}.statement span{color:#f44b51;font-size:.72rem;font-weight:800;letter-spacing:.17em}.section{padding:clamp(75px,9vw,130px) clamp(22px,7vw,110px)}.section-heading{max-width:650px;margin-bottom:50px}.section h2,.service h2,.vote h2,.join h2{font-size:clamp(3.1rem,5vw,5.7rem);line-height:.9;color:var(--navy);margin:0 0 22px}.section-heading>p:last-child,.about-copy>p,.join>div>p:last-child{color:var(--muted);font-size:1.08rem}.priority-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.priority{padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:280px;position:relative}.priority.featured{background:var(--navy);color:white}.priority .number{font:800 .78rem Inter;color:var(--red);letter-spacing:.15em}.priority h3{font:800 2rem/1 "Barlow Condensed";text-transform:uppercase;margin:45px 0 16px;color:var(--navy)}.priority.featured h3{color:white}.priority p{font-size:.92rem;color:var(--muted)}.priority.featured p{color:#c8d1df}.service{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--red);color:white;padding:clamp(70px,8vw,120px) clamp(22px,7vw,110px);gap:8vw}.eyebrow.light{color:white}.service h2{color:white}.service-intro>p:last-child{color:#ffe3e3;max-width:490px}.service-list{border-top:1px solid rgba(255,255,255,.4)}.service-list div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:23px 0;border-bottom:1px solid rgba(255,255,255,.4)}.service-list span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.service-list strong{font:700 1.3rem/1.25 "Barlow Condensed";text-transform:uppercase}.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center}.about-mark{aspect-ratio:1;background:var(--navy);display:grid;place-items:center;position:relative;box-shadow:20px 20px 0 var(--red)}.about-mark span{font:900 clamp(6rem,11vw,12rem)/1 "Barlow Condensed";color:white;text-shadow:7px 6px 0 var(--red)}.about-mark b{position:absolute;bottom:22px;right:24px;color:white;letter-spacing:.15em}.about-copy{max-width:720px}.about-copy blockquote{margin:34px 0 0;border-left:5px solid var(--red);padding:10px 0 10px 25px;font:700 1.65rem/1.2 "Barlow Condensed";color:var(--navy)}.vote{background:var(--navy);color:white;padding:70px clamp(22px,7vw,110px);display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center}.vote h2{color:white;margin-bottom:8px}.vote>div>p:last-child{color:#c5cfdd}.dates{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dates article{border:1px solid #51627a;padding:24px 18px;background:#0b2853}.dates span{display:block;font-size:.65rem;letter-spacing:.12em;color:#c5cfdd;font-weight:700}.dates strong{display:block;font:900 2rem/1.1 "Barlow Condensed";color:white;margin-top:8px}.join{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--paper)}.join form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.join label{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--navy)}.join input,.join select{width:100%;display:block;margin-top:7px;height:52px;border:1px solid #bdc5d0;background:white;padding:0 14px;font:500 1rem Inter}.join label:nth-child(2),.join label:nth-child(3){grid-column:auto}.join .button{align-self:end}.form-note{grid-column:1/-1;color:var(--muted);font-size:.76rem;margin:0}footer{padding:45px clamp(22px,7vw,110px);display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-top:5px solid var(--red)}footer p{color:var(--navy);font-weight:700}footer p b{color:var(--red)}footer small{grid-column:1/-1;color:#7c8593}.footer-brand{width:max-content}@media(max-width:900px){.site-header{height:72px}.menu{display:block;background:var(--navy);color:white;border:0;padding:9px 13px;font-weight:700}nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:22px;flex-direction:column;align-items:stretch;border-bottom:2px solid var(--navy)}nav.open{display:flex}.hero{grid-template-columns:1fr;background:white}.hero-copy{padding:70px 24px 55px}.hero h1{font-size:clamp(3.4rem,16vw,5.2rem)}.hero-card{margin:50px 0 80px;width:min(86%,500px)}.priority-grid{grid-template-columns:1fr 1fr}.service,.about,.vote,.join{grid-template-columns:1fr}.about-mark{max-width:520px}.dates{grid-template-columns:1fr 1fr 1fr}.hero-proof{flex-wrap:wrap}.hero-proof div{border:0}.join form{grid-template-columns:1fr}.join label:nth-child(2),.join label:nth-child(3){grid-column:1}.join .button{min-height:52px}footer{grid-template-columns:1fr}}@media(max-width:580px){.brand-office{font-size:.53rem}.priority-grid{grid-template-columns:1fr}.priority{min-height:230px}.service-list div{grid-template-columns:1fr;gap:4px}.dates{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-proof{display:grid;grid-template-columns:1fr 1fr}.hero-card{aspect-ratio:.75}.large-name{font-size:4.2rem}.office{font-size:1.1rem}.district{font-size:1.8rem}}
