@theme inline{@keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height,var(--accordion-panel-height,auto)); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--accordion-panel-height,auto)); } to { height: 0; } }}@custom-variant data-open{&:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { @slot; }}@custom-variant data-closed{&:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) { @slot; }}@custom-variant data-checked{&:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) { @slot; }}@custom-variant data-unchecked{&:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) { @slot; }}@custom-variant data-selected{&:where([data-selected="true"]) { @slot; }}@custom-variant data-disabled{&:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) { @slot; }}@custom-variant data-active{&:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { @slot; }}@custom-variant data-horizontal{&:where([data-orientation="horizontal"]) { @slot; }}@custom-variant data-vertical{&:where([data-orientation="vertical"]) { @slot; }}@utility no-scrollbar{-ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar { display: none; }}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@theme inline{@keyframes scroll-fade-reveal-t { from { --scroll-fade-t: 0px; } to { --scroll-fade-t: var(--_scroll-fade-size-t,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } } @keyframes scroll-fade-reveal-b { from { --scroll-fade-b: var(--_scroll-fade-size-b,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } to { --scroll-fade-b: 0px; } } @keyframes scroll-fade-reveal-s { from { --scroll-fade-s: 0px; } to { --scroll-fade-s: var(--_scroll-fade-size-s,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } } @keyframes scroll-fade-reveal-e { from { --scroll-fade-e: var(--_scroll-fade-size-e,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } to { --scroll-fade-e: 0px; } }}@utility scroll-fade{--_scroll-fade-size-t: var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --_scroll-fade-size-b: var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-block: linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out, scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y), scroll(self y); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); --scroll-fade-b: var(--_scroll-fade-size-b); }}@utility scroll-fade-y{--_scroll-fade-size-t: var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --_scroll-fade-size-b: var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-block: linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out, scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y), scroll(self y); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); --scroll-fade-b: var(--_scroll-fade-size-b); }}@utility scroll-fade-x{--_scroll-fade-size-s: var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --_scroll-fade-size-e: var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-inline: linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-inline: linear-gradient(to left, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); } -webkit-mask-image: var(--scroll-fade-mask,var(--scroll-fade-inline)); mask-image: var(--scroll-fade-mask,var(--scroll-fade-inline)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out, scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self inline), scroll(self inline); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); --scroll-fade-e: var(--_scroll-fade-size-e); }}@utility scroll-fade-t{--_scroll-fade-size-t: var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out; animation-timeline: scroll(self y); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); }}@utility scroll-fade-b{--_scroll-fade-size-b: var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y); animation-range: calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-b: var(--_scroll-fade-size-b); }}@utility scroll-fade-l{--_scroll-fade-size-s: var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out; animation-timeline: scroll(self x); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); }}@utility scroll-fade-r{--_scroll-fade-size-e: var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, #000 0, #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self x); animation-range: calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-e: var(--_scroll-fade-size-e); }}@utility scroll-fade-s{--_scroll-fade-size-s: var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 100%); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-mask: linear-gradient(to left, transparent 0, #000 var(--scroll-fade-s,0px), #000 100%); } -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out; animation-timeline: scroll(self inline); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); }}@utility scroll-fade-e{--_scroll-fade-size-e: var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, #000 0, #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-mask: linear-gradient(to left, #000 0, #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); } -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self inline); animation-range: calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-e: var(--_scroll-fade-size-e); }}@utility scroll-fade-*{--scroll-fade-size: calc(var(--spacing) * --value(integer)); --scroll-fade-size: --value([length], [percentage]);}@utility scroll-fade-t-*{--scroll-fade-t-size: calc(var(--spacing) * --value(integer)); --scroll-fade-t-size: --value([length], [percentage]);}@utility scroll-fade-b-*{--scroll-fade-b-size: calc(var(--spacing) * --value(integer)); --scroll-fade-b-size: --value([length], [percentage]);}@utility scroll-fade-s-*{--scroll-fade-s-size: calc(var(--spacing) * --value(integer)); --scroll-fade-s-size: --value([length], [percentage]);}@utility scroll-fade-e-*{--scroll-fade-e-size: calc(var(--spacing) * --value(integer)); --scroll-fade-e-size: --value([length], [percentage]);}@utility scroll-fade-none{--scroll-fade-mask: none;}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@theme inline{@keyframes tw-shimmer { from { background-position: 100% 0; } to { background-position: 0 0; } }}@utility shimmer{--_spread: var(--shimmer-spread,calc(3ch + 40px)); --_base: currentColor; --_highlight: var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2))); background-image: var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread)))); background-repeat: no-repeat; background-size: calc(200% + var(--_spread) * 2) 100%; background-position: 0 0; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: var(--shimmer-text-fill,transparent); animation: tw-shimmer var(--shimmer-duration,2s) linear infinite; @variant dark { --_highlight: var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4))); } &:where([dir="rtl"], [dir="rtl"] *) { animation-direction: reverse; }}@utility shimmer-once{animation-iteration-count: 1;}@utility shimmer-reverse{animation-direction: reverse;}@utility shimmer-none{--shimmer-image: none; --shimmer-text-fill: currentColor;}@utility shimmer-color-*{--shimmer-color: --value(--color, [color]); --shimmer-color: color-mix(in oklch, --value(--color, [color]) calc(--modifier(integer) * 1%), transparent);}@utility shimmer-duration-*{--shimmer-duration: calc(--value(integer) * 1ms);}@utility shimmer-spread-*{--shimmer-spread: calc(var(--spacing) * --value(integer)); --shimmer-spread: --value([length], [percentage]);}@utility shimmer-angle-*{--shimmer-angle: calc(--value(integer) * 1deg);}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}
:root{--green:#008f42;--dark:#052a1b;--yellow:#ffcf00;--blue:#075ce5;--ink:#092219;--cream:#f4f1e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.scroll-progress{z-index:100;background:var(--yellow);height:4px;position:fixed;inset:0 auto auto 0}.site-header{z-index:50;color:#fff;border-bottom:1px solid #ffffff2b;align-items:center;gap:34px;height:102px;padding:0 clamp(22px,5vw,78px);display:flex;position:absolute;inset:0 0 auto}.brand{align-items:center;width:180px;height:70px;margin-right:auto;display:flex;overflow:hidden}.brand img{width:180px;height:auto}.desktop-nav{text-transform:uppercase;letter-spacing:.08em;gap:34px;font-size:13px;font-weight:800;display:flex}.desktop-nav a{opacity:.82;transition:all .2s}.desktop-nav a:hover{opacity:1;color:var(--yellow)}.header-cta,.button{text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;gap:12px;font-weight:850;transition:all .25s;display:inline-flex}.header-cta{border:1px solid #ffffff80;border-radius:100px;padding:15px 21px;font-size:12px}.header-cta:hover{color:var(--green);background:#fff;transform:translateY(-2px)}.menu-button{color:#fff;background:0 0;border:0;display:none}.mobile-nav{color:var(--ink);background:#fff;border-radius:20px;padding:16px;position:absolute;top:88px;left:16px;right:16px;box-shadow:0 24px 70px #0004}.mobile-nav a{border-bottom:1px solid #e8e8e2;justify-content:space-between;padding:16px 8px;font-weight:750;display:flex}.hero{color:#fff;background:linear-gradient(124deg,#006934,#008f42 55%,#08a94e);grid-template-columns:1.02fr .98fr;align-items:center;height:100vh;min-height:850px;max-height:1080px;padding:120px clamp(24px,7vw,120px) 55px;display:grid;position:relative;overflow:hidden}.hero-grid{opacity:.16;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:82px 82px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 78%);mask-image:linear-gradient(90deg,#000,#0000 78%)}.hero:after{content:"";aspect-ratio:1;background:var(--yellow);border-radius:50%;width:58vw;position:absolute;bottom:-43vw;right:-16vw}.orbit{border:1px solid #fff3;border-radius:50%;position:absolute}.one{width:720px;height:720px;top:80px;right:-130px}.two{width:520px;height:520px;top:180px;right:-30px}.hero-content{z-index:4;padding-top:26px;position:relative}.eyebrow,.section-label{letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:12px;font-size:12px;font-weight:850;display:flex}.eyebrow span{background:var(--yellow);width:48px;height:3px}.hero h1{letter-spacing:-.07em;text-transform:uppercase;max-width:780px;margin:28px 0 24px;font-size:clamp(54px,6vw,98px);font-weight:950;line-height:.87}.hero h1 em{color:var(--yellow);font-style:italic}.hero-copy{color:#ffffffc9;max-width:540px;margin:0;font-size:clamp(17px,1.6vw,22px);line-height:1.55}.hero-actions{align-items:center;gap:28px;margin-top:38px;display:flex}.button{border-radius:100px;min-height:56px;padding:0 27px;font-size:12px}.button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0003}.yellow{background:var(--yellow);color:#00522c}.blue{background:var(--blue);color:#fff}.text-link{align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.hero-portrait{z-index:3;align-items:flex-end;width:min(53vw,790px);height:85%;display:flex;position:absolute;bottom:0;right:2%}.hero-portrait img{z-index:2;object-fit:contain;object-position:bottom;filter:drop-shadow(0 26px 26px #0003);width:100%;height:100%;position:relative}.ghost-number{z-index:1;color:#0000;-webkit-text-stroke:2px #ffffff29;letter-spacing:-.15em;font-size:330px;font-weight:950;line-height:1;position:absolute;top:4%;right:-4%}.candidate-number{z-index:5;text-shadow:0 8px 24px #0003;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:7%;right:4%;transform:rotate(-3deg)}.candidate-number small{background:var(--blue);letter-spacing:.2em;padding:5px 12px;font-size:11px;font-weight:900}.candidate-number strong{color:var(--yellow);letter-spacing:-.08em;font-size:clamp(64px,8vw,124px);line-height:.82}.side-label{z-index:5;writing-mode:vertical-rl;letter-spacing:.35em;opacity:.6;font-size:10px;font-weight:800;position:absolute;top:44%;right:22px}.rise{animation:.8s cubic-bezier(.22,.8,.25,1) both rise}.d1{animation-delay:.1s}.d2{animation-delay:.22s}.d3{animation-delay:.34s}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.manifesto,.principles{padding:clamp(90px,10vw,150px) clamp(24px,7vw,120px)}.section-label{color:var(--green)}.section-label span{letter-spacing:0;border:1px solid;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.manifesto-head{grid-template-columns:1.15fr .85fr;align-items:end;gap:8vw;margin:34px 0 65px;display:grid}.manifesto h2,.principles h2,.action h2{letter-spacing:-.065em;text-transform:uppercase;margin:0;font-size:clamp(45px,6vw,88px);font-weight:950;line-height:.94}h2 em{color:var(--green);font-style:italic}.manifesto-head p,.principles-intro p,.action-copy>p{color:#506158;font-size:18px;line-height:1.75}.story-grid{grid-template-rows:1fr 1fr;grid-template-columns:1.05fr .95fr;gap:18px;min-height:720px;display:grid}.story-card{border-radius:28px;position:relative;overflow:hidden}.photo{background:var(--green);grid-row:1/3}.photo img{object-fit:cover}.quote{background:var(--blue);color:#fff;flex-direction:column;justify-content:space-between;padding:45px;display:flex}.quote blockquote{letter-spacing:-.04em;margin:20px 0;font-size:clamp(26px,3.2vw,46px);font-weight:800;line-height:1.08}.quote div{text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:12px;font-size:12px;font-weight:800;display:flex}.quote div span{background:var(--yellow);width:34px;height:2px}.stats{background:#fff;border:1px solid #dddcd4;grid-template-columns:repeat(3,1fr);display:grid}.stats div{border-right:1px solid #dddcd4;flex-direction:column;justify-content:center;gap:10px;padding:30px;display:flex}.stats strong{letter-spacing:-.06em;color:var(--green);font-size:clamp(35px,4vw,64px);line-height:1}.stats span{color:#677269;font-size:13px;line-height:1.45}.principles{color:#fff;background:var(--dark);position:relative;overflow:hidden}.principles:before{content:"22";letter-spacing:-.15em;color:#0000;-webkit-text-stroke:2px #ffffff0d;font-size:560px;font-weight:950;line-height:1;position:absolute;top:-100px;right:-60px}.section-label.light{color:var(--yellow)}.principles-intro{z-index:1;justify-content:space-between;align-items:flex-end;gap:40px;margin:35px 0 72px;display:flex;position:relative}.principles h2 em{color:var(--yellow)}.principles-intro p{color:#ffffff91;max-width:360px}.principles-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:16px;display:grid;position:relative}.principle-card{background:#ffffff09;border:1px solid #ffffff26;border-radius:24px;flex-direction:column;min-height:390px;padding:38px;transition:all .3s;display:flex}.principle-card:hover{background:var(--green);border-color:var(--green);transform:translateY(-9px)}.principle-top{color:var(--yellow);justify-content:space-between;display:flex}.principle-card h3{letter-spacing:-.04em;text-transform:uppercase;max-width:270px;margin:auto 0 18px;font-size:31px;line-height:1}.principle-card p{color:#ffffffa8;margin:0;font-size:14px;line-height:1.7}.principle-line{background:var(--yellow);width:48px;height:4px;margin-top:28px}.action{background:#fff;grid-template-columns:.95fr 1.05fr;min-height:820px;display:grid}.action-art{background:var(--green);position:relative;overflow:hidden}.action-art img{object-fit:cover;transition:all .7s}.action:hover .action-art img{transform:scale(1.025)}.action-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:80px clamp(34px,7vw,110px);display:flex}.action h2{margin:32px 0 25px;font-size:clamp(42px,5vw,73px)}.action-copy ul{gap:13px;margin:10px 0 34px;padding:0;font-weight:750;list-style:none;display:grid}.action-copy li{align-items:center;gap:12px;display:flex}.action-copy li svg{color:var(--green);width:18px}.number-band{background:var(--yellow);padding:24px 0;overflow:hidden;transform:rotate(-1.2deg)scale(1.02)}.number-track{color:#006932;letter-spacing:-.04em;gap:60px;width:max-content;font-size:54px;font-weight:950;line-height:1;animation:18s linear infinite marquee;display:flex}@keyframes marquee{to{transform:translate(-33.33%)}}footer{color:#fff;background:#041c13;padding:90px clamp(24px,7vw,120px) 25px}.footer-main{grid-template-columns:1fr 1fr .5fr;align-items:center;gap:45px;padding-bottom:70px;display:grid}.footer-main img{width:250px;height:auto}.footer-message{text-transform:uppercase;font-size:clamp(34px,5vw,70px);line-height:.9}.footer-message strong{color:var(--yellow);font-style:italic;font-weight:950}.footer-links{justify-self:end}.footer-links p{opacity:.5;text-transform:uppercase;letter-spacing:.15em;font-size:11px}.footer-links a{align-items:center;gap:10px;font-weight:750;display:flex}.footer-legal{letter-spacing:.1em;opacity:.52;border-top:1px solid #ffffff21;justify-content:space-between;gap:20px;padding-top:24px;font-size:9px;display:flex}@media (max-width:1000px){.desktop-nav,.header-cta{display:none}.menu-button{display:block}.hero{grid-template-columns:1fr;align-items:start;height:auto;min-height:940px;padding-top:135px}.hero h1{font-size:clamp(49px,11vw,80px)}.hero-portrait{opacity:.84;width:min(750px,95vw);height:58%;right:-12%}.hero-content{padding-bottom:500px}.manifesto-head{grid-template-columns:1fr;gap:20px}.principles-grid{grid-template-columns:1fr}.principle-card{min-height:300px}.principles-intro{flex-direction:column;align-items:start}.action{grid-template-columns:1fr}.action-art{min-height:720px}.story-grid{grid-template-rows:620px auto auto;grid-template-columns:1fr}.photo{grid-row:auto}.footer-main{grid-template-columns:1fr 1fr}.footer-links{justify-self:start}}@media (max-width:650px){.site-header{height:85px;padding:0 18px}.brand,.brand img{width:145px}.hero{min-height:860px;padding-inline:21px}.hero-content{padding-bottom:360px}.hero h1{font-size:50px;line-height:.91}.hero-copy{max-width:88%;font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start;gap:20px}.hero-portrait{width:105vw;height:47%;right:-27%}.candidate-number{bottom:5%;right:8%}.candidate-number strong{font-size:67px}.side-label{display:none}.manifesto,.principles{padding:80px 20px}.manifesto h2,.principles h2,.action h2{font-size:43px}.manifesto-head p,.principles-intro p,.action-copy>p{font-size:16px}.story-grid{grid-template-rows:500px auto auto}.quote{padding:30px}.stats{grid-template-columns:1fr}.stats div{border-bottom:1px solid #dddcd4;border-right:0}.principle-card{padding:28px}.action-art{min-height:540px}.action-copy{padding:75px 24px}.footer-main{grid-template-columns:1fr}.footer-legal{flex-direction:column}.number-track{font-size:40px}}.proposals{background:#fff;padding:clamp(90px,10vw,150px) clamp(24px,7vw,120px)}.proposals-head{grid-template-columns:1.15fr .85fr;align-items:end;gap:8vw;margin:34px 0 60px;display:grid}.proposals h2,.actions h2{letter-spacing:-.065em;text-transform:uppercase;margin:0;font-size:clamp(45px,6vw,88px);font-weight:950;line-height:.94}.proposals h2 em{color:var(--blue);font-style:italic}.proposals-head p{color:#506158;font-size:18px;line-height:1.75}.proposals-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.proposal-card{background:var(--cream);border:1px solid #dfe5df;border-radius:24px;flex-direction:column;min-height:330px;padding:34px;transition:all .3s;display:flex}.proposal-card>span{color:var(--green);font-size:13px;font-weight:900}.proposal-card h3{letter-spacing:-.04em;text-transform:uppercase;margin:auto 0 16px;font-size:28px;line-height:1.02}.proposal-card p{color:#5f6b63;margin:0 0 25px;font-size:15px;line-height:1.65}.proposal-card svg{color:var(--blue);transition:all .25s}.proposal-card:hover{color:#fff;background:var(--green);border-color:var(--green);transform:translateY(-7px);box-shadow:0 24px 55px #005d2a2b}.proposal-card:hover p,.proposal-card:hover>span,.proposal-card:hover svg{color:#fff}.proposal-card:hover svg{transform:translate(8px)}.actions{color:#fff;background:var(--blue);grid-template-columns:.9fr 1.1fr;gap:8vw;padding:clamp(90px,10vw,150px) clamp(24px,7vw,120px);display:grid}.actions-copy{align-self:start;position:sticky;top:70px}.actions h2{margin:32px 0 25px}.actions h2 em{color:var(--yellow);font-style:italic}.actions-copy>p{color:#ffffffbf;max-width:560px;font-size:18px;line-height:1.7}.actions-list article{border-top:1px solid #ffffff35;grid-template-columns:52px 1fr;gap:24px;padding:34px 0;display:grid}.actions-list article:last-child{border-bottom:1px solid #ffffff35}.actions-list>article>span{border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:42px;height:42px;font-size:12px;font-weight:900;display:grid}.actions-list h3{text-transform:uppercase;letter-spacing:-.035em;margin:0 0 12px;font-size:26px;line-height:1.1}.actions-list p{color:#ffffffbd;margin:0;line-height:1.7}@media (max-width:1000px){.proposals-head{grid-template-columns:1fr;gap:18px}.proposals-grid{grid-template-columns:repeat(2,1fr)}.actions{grid-template-columns:1fr}.actions-copy{position:static}}@media (max-width:650px){.proposals{padding:80px 20px}.proposals h2,.actions h2{font-size:43px}.proposals-head p,.actions-copy>p{font-size:16px}.proposals-grid{grid-template-columns:1fr}.proposal-card{min-height:290px}.actions{padding:80px 20px}.actions-list article{grid-template-columns:42px 1fr;gap:15px}.actions-list h3{font-size:22px}}.alliance{color:#fff;background:linear-gradient(135deg,#006b35,#00994a);grid-template-columns:1fr 1.05fr;min-height:850px;display:grid;overflow:hidden}.alliance-copy{flex-direction:column;justify-content:center;padding:90px clamp(32px,7vw,110px);display:flex}.alliance h2,.vote-guide h2{letter-spacing:-.06em;text-transform:uppercase;margin:32px 0 25px;font-size:clamp(44px,5.5vw,82px);font-weight:950;line-height:.92}.alliance h2 em{color:var(--yellow);font-style:italic}.alliance-copy>p{color:#ffffffc7;max-width:610px;font-size:18px;line-height:1.7}.alliance-logos{align-items:center;gap:25px;margin-top:38px;display:flex}.alliance-logos img{object-fit:contain;max-width:210px;height:100px}.alliance-logos span{background:#ffffff4d;width:1px;height:65px}.leaders{background:radial-gradient(circle at 50% 45%,#ffda20 0 25%,#f3b700 25% 42%,#0000 42%);justify-content:center;align-items:flex-end;display:flex;position:relative}.leaders:before{content:"22";color:#0000;-webkit-text-stroke:2px #ffffff2d;letter-spacing:-.14em;font-size:clamp(180px,20vw,370px);font-weight:950;position:absolute;top:4%;left:50%;transform:translate(-50%)}.leader{justify-content:center;align-items:flex-end;width:50%;height:92%;display:flex;position:relative}.leader img{z-index:2;object-fit:contain;object-position:bottom;filter:drop-shadow(0 20px 24px #00351d4d);width:auto;max-width:100%;height:auto;max-height:100%;position:relative}.leader span{z-index:3;white-space:nowrap;background:var(--blue);text-transform:uppercase;letter-spacing:.06em;padding:8px 14px;font-size:12px;font-weight:900;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.jair{margin-right:-12%}.flavio{margin-left:-8%}.vote-guide{background:var(--cream);grid-template-columns:.8fr 1.2fr;align-items:center;gap:7vw;padding:clamp(90px,10vw,145px) clamp(24px,7vw,120px);display:grid}.vote-guide h2 em{color:var(--green);font-style:italic}.guide-copy>p{color:#526158;max-width:520px;margin:0 0 35px;font-size:18px;line-height:1.7}.guide-art{border-radius:28px;transition:all .3s;display:block;position:relative;overflow:hidden;box-shadow:0 30px 80px #053a2626}.guide-art:hover{transform:translateY(-7px)rotate(.4deg);box-shadow:0 38px 90px #053a2638}.guide-art img{width:100%;height:auto;display:block}.guide-art span{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.08em;background:#061f16d9;border-radius:100px;padding:11px 16px;font-size:12px;font-weight:800;position:absolute;bottom:20px;right:20px}@media (max-width:1000px){.alliance{grid-template-columns:1fr}.alliance-copy{padding:90px 28px 40px}.leaders{min-height:650px}.vote-guide{grid-template-columns:1fr}.guide-copy{max-width:680px}}@media (max-width:650px){.alliance h2,.vote-guide h2{font-size:43px}.alliance-copy>p,.guide-copy>p{font-size:16px}.alliance-logos{gap:12px}.alliance-logos img{max-width:145px;height:75px}.leaders{min-height:470px}.leader{height:430px}.leader span{font-size:10px;bottom:15px}.vote-guide{padding:80px 20px}.guide-art{border-radius:18px}.guide-art span{bottom:12px;right:12px}}.brand{width:220px;height:88px;overflow:visible}.brand img{object-fit:contain;object-position:center;width:auto;max-width:220px;height:auto;max-height:84px}.footer-main>img{object-fit:contain;object-position:left center;width:280px;height:auto;max-height:175px}.alliance-logos img{object-fit:contain;overflow:visible}@media (max-width:650px){.brand{width:170px;height:74px}.brand img{width:auto;max-width:170px;max-height:70px}.footer-main>img{width:240px;max-height:150px}}.stats strong{letter-spacing:-.045em;text-transform:uppercase;font-size:clamp(26px,2.6vw,42px)}.stats div:last-child{border-right:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rise,.number-track{animation:none}.principle-card,.action-art img{transition:none}}