.legacy-campaign{background:#071d49;color:#fff;padding:64px 0 68px;border-top:1px solid #263a5b;border-bottom:1px solid #263a5b;scroll-margin-top:24px}
.legacy-campaign-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:64px;align-items:center}
.legacy-campaign-eyebrow{color:#e6b928;font-size:11px;line-height:1.5;letter-spacing:.19em;text-transform:uppercase;font-weight:700;margin:0 0 22px}
.legacy-campaign-visual>.legacy-campaign-eyebrow{text-align:center;margin-bottom:0}
.legacy-campaign-ring{display:block;width:100%;height:auto;overflow:visible}
.legacy-ring-track{fill:none;stroke:#667d9e;stroke-width:1.5}
.legacy-ring-progress{fill:none;stroke:#e6b928;stroke-width:3}
.legacy-connection{fill:#071d49;stroke:#fff;stroke-width:2}
.legacy-connection.is-connected{fill:#e6b928;stroke:#e6b928}
.legacy-ring-number{fill:#e6b928;font:400 108px 'Libre Caslon Display',Georgia,serif}
.legacy-ring-label{fill:#fff;font:600 15px 'DM Sans',sans-serif;letter-spacing:4px}
.legacy-ring-rule{stroke:#e6b928;stroke-width:1.5}
.legacy-ring-motto{fill:#fff;font:400 23px 'Libre Caslon Display',Georgia,serif}
.legacy-campaign h2{color:#fff;font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(38px,4vw,59px);font-weight:400;line-height:1.08;letter-spacing:-.025em;margin:0 0 25px}
.legacy-campaign-copy>p:not(.legacy-campaign-eyebrow):not(.legacy-campaign-hint){color:#e2e7ef;font-size:17px;line-height:1.7;margin:0 0 19px}
.legacy-campaign-copy strong{font-weight:600;color:#fff}
.legacy-campaign-chip{display:flex;align-items:center;gap:14px;margin:6px 0 22px}
.legacy-campaign-chip img{display:block;width:60px;height:60px;object-fit:cover;border-radius:50%;flex-shrink:0}
.legacy-campaign-chip p{color:#e2e7ef;margin:0;font-size:16px;line-height:1.5}
.legacy-campaign-goals{margin:0 0 23px}
.legacy-campaign-mini{display:flex;justify-content:space-between;align-items:center;position:relative;margin:0 0 14px}
.legacy-campaign-mini:before{content:'';position:absolute;inset:auto 3px;height:1px;background:#667d9e;top:50%}
.legacy-campaign-mini i{display:block;position:relative;width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:#071d49}
.legacy-campaign-goals>p{display:flex;justify-content:space-between;gap:20px;margin:0;font-size:9px;font-weight:500;line-height:1.5;text-transform:uppercase;letter-spacing:.1em;color:#e2e7ef}
.legacy-campaign-join{display:flex;justify-content:center;align-items:center;gap:18px;padding:17px 20px;background:#e6b928;border:1px solid #e6b928;border-radius:4px;color:#071d49;font-size:16px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none}
.legacy-campaign-join:hover{background:#f1ca48;border-color:#f1ca48}
.legacy-campaign-join:focus-visible{outline:3px solid #fff;outline-offset:5px}
.legacy-campaign-copy .legacy-campaign-hint{font-size:11px;color:#c0ccde;text-align:center;margin:10px 0 0;line-height:1.5}
@media(max-width:1000px){.legacy-campaign-layout{gap:32px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.legacy-campaign-copy>p:not(.legacy-campaign-eyebrow):not(.legacy-campaign-hint){font-size:16px}.legacy-campaign-join{font-size:14px}}
@media(max-width:720px){.legacy-campaign{padding:40px 0}.legacy-campaign-layout{grid-template-columns:1fr;gap:30px}.legacy-campaign-visual{max-width:390px;width:100%;margin:0 auto}.legacy-campaign-visual>.legacy-campaign-eyebrow{margin-bottom:-10px}.legacy-campaign h2{font-size:42px}.legacy-campaign-copy>.legacy-campaign-eyebrow{font-size:10px}.legacy-campaign-goals>p{font-size:8px;gap:12px}.legacy-campaign-chip img{width:54px;height:54px}.legacy-campaign-chip p{font-size:15px}.legacy-campaign-join{font-size:14px;gap:8px;padding:16px 12px;min-height:52px}}
@media(prefers-reduced-motion:reduce){.legacy-campaign *{scroll-behavior:auto}}

.legacy-campaign-mini i.is-connected{background:#e6b928;border-color:#e6b928}

/* Four visible member connections for each campaign month. */
.legacy-campaign-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.legacy-campaign-mini:before{display:none}
.legacy-month{padding:10px 8px;border:1px solid #526584;border-radius:5px;text-align:center}
.legacy-month>span{display:block;color:#fff;font-size:12px;font-weight:600;line-height:1.4;margin-bottom:9px}
.legacy-month small{font-size:10px;color:#c0ccde;font-weight:400}
.legacy-month-dots{display:flex;justify-content:center;gap:8px}
.legacy-campaign-mini i{width:10px;height:10px;flex-shrink:0;border-width:1.5px}
@media(max-width:380px){.legacy-campaign-mini{grid-template-columns:repeat(3,minmax(0,1fr))}}
