:root{--night:#131126;--violet:#4a2b9b;--coral:#ff6755;--lime:#d7f45b;--sand:#f4eddd;--paper:#fffdf8;--ink:#17151e;--muted:#6d6875;--line:rgba(23,21,30,.14);--shadow:0 30px 80px rgba(24,16,51,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);color:var(--ink);font-family:"DM Sans",sans-serif}button,input,select,textarea{font:inherit}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:99;background:white;padding:.8rem 1rem;border-radius:.5rem}.skip-link:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:20;height:76px;padding:0 clamp(1.2rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;background:rgba(19,17,38,.94);color:white;border-bottom:1px solid rgba(255,255,255,.11);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none}.brand-cross{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--lime);border-radius:50%;color:var(--lime)}.brand>span:last-child{display:flex;flex-direction:column;font:600 .66rem/1 "Space Grotesk";letter-spacing:.15em}.brand b{margin-top:.25rem;color:var(--lime);font-size:.9rem}.site-header nav{display:flex;gap:2rem}.site-header nav a{text-decoration:none;color:rgba(255,255,255,.68);font-size:.83rem}.site-header nav a:hover{color:var(--lime)}.edit-trigger{padding:.6rem .85rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:transparent;color:white;cursor:pointer;font-size:.78rem}
.hero{position:relative;isolation:isolate;min-height:770px;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(2rem,7vw,7rem);padding:clamp(4.5rem,9vw,8rem) clamp(1.5rem,7vw,7rem) 7rem;background:var(--night);color:white}.hero-lines{position:absolute;z-index:-2;inset:0;background:repeating-linear-gradient(112deg,transparent 0 85px,rgba(255,255,255,.04) 86px 87px)}.sun-disc{position:absolute;z-index:-1;right:10%;top:4%;width:min(48vw,630px);aspect-ratio:1;border:1px solid rgba(215,244,91,.32);border-radius:50%;box-shadow:0 0 0 45px rgba(215,244,91,.025),0 0 0 90px rgba(255,103,85,.02)}.sun-disc i{position:absolute;inset:18%;border:1px solid rgba(255,103,85,.25);border-radius:50%}.sun-disc i:nth-child(2){inset:34%;border-color:rgba(215,244,91,.25)}.sun-disc i:nth-child(3){inset:47%;background:radial-gradient(circle,rgba(255,103,85,.32),transparent 70%);border:0}.hero-copy{max-width:760px}.overline,.eyebrow,.next-label{margin:0 0 1.25rem;color:#8f54d8;font:700 .68rem/1.2 "Space Grotesk";letter-spacing:.17em}.hero .overline{color:var(--lime)}.hero h1{margin:0;font:700 clamp(4.2rem,9vw,8.3rem)/.82 "Space Grotesk";letter-spacing:-.075em;text-transform:uppercase}.hero h1 em{color:var(--coral);font-style:normal;-webkit-text-stroke:1px var(--coral)}.hero-lede{max-width:650px;margin:1.9rem 0 0;color:rgba(255,255,255,.66);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.1rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:50px;padding:.85rem 1.25rem;border:1px solid transparent;border-radius:5px;text-decoration:none;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--lime);color:var(--night);box-shadow:8px 8px 0 var(--violet)}.button-ghost{border-color:rgba(255,255,255,.3);color:white}.status{display:flex;align-items:center;gap:.55rem;margin-top:1.7rem;color:rgba(255,255,255,.45);font-size:.77rem}.status span{width:8px;height:8px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 5px rgba(255,103,85,.12)}
.stage-card{justify-self:end;position:relative;width:min(100%,420px);min-height:460px;padding:2rem;overflow:hidden;background:linear-gradient(145deg,rgba(74,43,155,.95),rgba(29,20,64,.96));border:1px solid rgba(255,255,255,.16);border-radius:8px;box-shadow:22px 22px 0 rgba(255,103,85,.9);transform:rotate(2deg)}.stage-lights{display:flex;gap:.7rem}.stage-lights span{width:9px;height:9px;border-radius:50%;background:var(--coral)}.stage-lights span:nth-child(2){background:var(--lime)}.stage-lights span:nth-child(3){background:white}.stage-word{margin:2.5rem 0 2rem;color:transparent;font:700 9rem/.72 "Space Grotesk";-webkit-text-stroke:2px rgba(255,255,255,.35);letter-spacing:-.12em}.stage-card p{margin:0;color:var(--lime);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.stage-card ul{list-style:none;margin:.8rem 0 0;padding:0;font:700 2.1rem/1.03 "Space Grotesk"}.verse{position:absolute;right:1.5rem;bottom:1.5rem;color:rgba(255,255,255,.4);font-size:.64rem;letter-spacing:.16em}.marquee{position:absolute;left:0;right:0;bottom:0;overflow:hidden;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);background:var(--coral);color:var(--night);white-space:nowrap}.marquee div{width:max-content;padding:.8rem 0;font:700 .75rem "Space Grotesk";letter-spacing:.12em;animation:marquee 28s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:clamp(5rem,9vw,8rem) clamp(1.5rem,7vw,7rem)}.vision{background:var(--paper)}.section-number{max-width:1280px;margin:0 auto 2.4rem;padding-bottom:.9rem;border-bottom:1px solid var(--line);color:#968f9d;font:600 .66rem "Space Grotesk";letter-spacing:.15em}.vision-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(3rem,8vw,8rem);align-items:start}.vision h2,.pathways h2,.interest h2{margin:0;font:700 clamp(2.6rem,5vw,5.2rem)/.98 "Space Grotesk";letter-spacing:-.065em}.vision-copy>p:first-child{margin:0;color:var(--muted);font-size:1.08rem;line-height:1.75}.draft-note{margin-top:1.4rem;padding:1rem;border-left:3px solid var(--coral);background:#f7f1e7;color:#8a8175;font-size:.75rem;line-height:1.5}.values-strip{max-width:1280px;margin:4.5rem auto 0;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.values-strip span{padding:1rem;border-right:1px solid var(--line);font:700 .72rem "Space Grotesk";letter-spacing:.06em}.values-strip span:last-child{border:0}.values-strip b{display:block;margin-bottom:.35rem;color:var(--coral);font-size:.58rem}
.pathways{max-width:1280px;margin:clamp(6rem,10vw,9rem) auto 0}.pathways-heading{display:grid;grid-template-columns:1fr .75fr;gap:4rem;align-items:end}.pathways-heading>p{margin:0;color:var(--muted);line-height:1.7}.path-layout{margin-top:3rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.role-list{display:grid;gap:.7rem}.role-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.1rem;width:100%;min-height:110px;padding:1.2rem;text-align:left;border:1px solid var(--line);border-radius:4px;background:#f5efe3;color:var(--ink);cursor:pointer}.role-card:hover,.role-card.active{background:var(--night);color:white;border-color:var(--night)}.role-number{display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;color:var(--coral);font-size:.65rem}.role-card>span:nth-child(2){display:flex;flex-direction:column;gap:.35rem}.role-card strong{font:700 1rem "Space Grotesk"}.role-card small{color:#88818f}.role-card.active small{color:rgba(255,255,255,.53)}.role-card>b{color:var(--coral)}.next-step{min-height:350px;padding:clamp(1.7rem,4vw,3rem);background:var(--lime);border-radius:4px;box-shadow:var(--shadow)}.next-label{color:#65518e}.next-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:1.4rem;border:1px solid var(--night);border-radius:50%;font-size:1.3rem}.next-step h3{margin:0;font:700 2.1rem/1.05 "Space Grotesk";letter-spacing:-.045em}.next-step>p:not(.next-label){line-height:1.55}.next-step ul{padding-left:1.1rem;line-height:1.7;font-size:.86rem}.button-dark{background:var(--night);color:white}.next-step>small{display:block;margin-top:1rem;color:rgba(19,17,38,.6);font-size:.68rem}
.interest{padding-bottom:2rem;background:var(--night);color:white}.interest-top{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr .75fr;gap:4rem;align-items:end}.interest-top>p{margin:0;color:rgba(255,255,255,.55);line-height:1.7}.eyebrow-light{color:var(--lime)}.interest-form{max-width:900px;margin:4rem auto 0;padding:clamp(1.4rem,4vw,2.7rem);display:grid;gap:1rem;background:var(--paper);color:var(--ink);border-radius:6px;box-shadow:16px 16px 0 var(--violet)}.form-note{display:flex;gap:.8rem;margin-bottom:.4rem;padding:.85rem 1rem;background:#eef3d1;color:#4d5427;font-size:.78rem}.form-note span{display:grid;place-items:center;min-width:20px;height:20px;border:1px solid #758038;border-radius:50%}.form-note p{margin:0;line-height:1.4}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label{display:grid;gap:.45rem;font-size:.78rem;font-weight:700;color:#3d3941}input,select,textarea{width:100%;padding:.92rem 1rem;border:1px solid #d7d3cb;border-radius:3px;background:#fbf9f4;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(74,43,155,.15)}textarea{resize:vertical}.consent{grid-template-columns:auto 1fr;align-items:start;font-weight:400;line-height:1.45}.consent input{width:17px;height:17px;accent-color:var(--violet)}.button-accent{background:var(--coral);color:var(--night)}footer{max-width:1280px;margin:7rem auto 0;padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.45);font-size:.7rem}.footer-brand{color:white}
[contenteditable=true]{outline:2px dashed var(--coral)!important;outline-offset:6px;cursor:text}.edit-bar{position:fixed;z-index:50;left:50%;bottom:1rem;transform:translateX(-50%);width:min(92vw,670px);display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;background:rgba(19,17,38,.97);color:white;border:1px solid rgba(255,255,255,.16);border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.edit-bar[hidden]{display:none}.edit-bar>div{display:flex;flex:1;flex-direction:column}.edit-bar strong{font-size:.8rem}.edit-bar div span{color:rgba(255,255,255,.5);font-size:.68rem}.reset-button{border:0;background:none;color:rgba(255,255,255,.7);cursor:pointer}.compact{min-height:38px;padding:.5rem .8rem;font-size:.75rem}
dialog{width:min(92vw,620px);padding:2rem;border:0;border-radius:7px;box-shadow:0 30px 100px rgba(0,0,0,.42)}dialog::backdrop{background:rgba(19,17,38,.76);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:1rem;top:.7rem;border:0;background:none;color:#776f7e;font-size:1.6rem;cursor:pointer}.dialog-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:1rem;background:var(--lime);border-radius:50%}dialog h2{margin:0;font:700 2rem/1.05 "Space Grotesk";letter-spacing:-.04em}dialog>p:not(.next-label,.copy-status){color:var(--muted)}.note-preview{margin:1.3rem 0;padding:1.2rem;background:var(--sand);white-space:pre-wrap;line-height:1.6;font-size:.86rem}.dialog-actions{display:flex;gap:.7rem}.button-outline{border-color:var(--line);background:transparent;color:var(--ink)}.copy-status{min-height:1.2em;color:var(--violet);font-size:.75rem}
.donation-callout{max-width:1280px;margin:6rem auto 0;display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;background:var(--night);color:white;border-radius:8px;box-shadow:var(--shadow)}.donation-copy{position:relative;padding:clamp(2rem,5vw,4.5rem)}.donation-copy::after{content:"";position:absolute;width:210px;height:210px;right:-105px;top:-105px;border:1px solid rgba(215,244,91,.2);border-radius:50%;box-shadow:0 0 0 28px rgba(215,244,91,.025),0 0 0 55px rgba(255,103,85,.02)}.donation-copy .eyebrow{color:var(--lime)}.donation-copy h2{max-width:820px;font-size:clamp(2.4rem,4.5vw,4.7rem)}.donation-copy>p:not(.eyebrow){max-width:750px;color:rgba(255,255,255,.67);line-height:1.75}.donation-actions{display:flex;align-items:center;gap:1rem;margin-top:1.7rem}.button-donate{background:var(--coral);color:var(--night)}.donation-actions>span{max-width:330px;color:rgba(255,255,255,.54);font-size:.78rem;line-height:1.45}.donation-copy>small{display:block;margin-top:1rem;color:rgba(255,255,255,.36);font-size:.67rem}.donation-needs{padding:clamp(2rem,4vw,3.2rem);background:var(--lime);color:var(--night)}.donation-needs>p{margin:0 0 1.5rem;font-size:.65rem;font-weight:700;letter-spacing:.15em}.donation-needs ul{list-style:none;margin:0;padding:0}.donation-needs li{display:flex;gap:.85rem;padding:1rem 0;border-top:1px solid rgba(19,17,38,.18);font:700 .92rem "Space Grotesk"}.donation-needs li span{color:#725ba0;font-size:.65rem}
@media(max-width:900px){.donation-callout{grid-template-columns:1fr}.donation-actions{align-items:flex-start;flex-direction:column}.site-header nav{display:none}.hero{grid-template-columns:1fr}.stage-card{justify-self:start;width:100%;transform:none}.vision-grid,.pathways-heading,.path-layout,.interest-top{grid-template-columns:1fr}.values-strip{grid-template-columns:1fr 1fr}.values-strip span{border-bottom:1px solid var(--line)}footer{align-items:flex-start;flex-direction:column;gap:.8rem}}
@media(max-width:600px){.site-header{height:68px}.edit-trigger span{display:none}.hero{min-height:auto;padding-top:4.5rem}.hero h1{font-size:clamp(3.8rem,20vw,6rem)}.stage-card{min-height:390px}.stage-word{font-size:7rem}.values-strip,.field-grid{grid-template-columns:1fr}.role-card{grid-template-columns:auto 1fr}.role-card>b{display:none}.interest-form{box-shadow:9px 9px 0 var(--violet)}.dialog-actions{flex-direction:column}.edit-bar div span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}