@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;600;700;800;900&family=Montserrat:wght@500;700;800;900&display=swap";:root{--navy:#071832;--navy2:#1f4575;--blue:#214d85;--green:#557f2a;--green2:#6d9639;--gold:#c7a946;--cream:#f6f7f3;--text:#102033;--line:#d6dccf}*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{color:var(--text);background:#fff;max-width:100%;margin:0;font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.header{z-index:20;color:#fff;background:#062447f5;justify-content:space-between;align-items:center;width:100%;padding:14px 5vw;display:flex;position:sticky;top:0;box-shadow:0 3px 18px #0003}.brandLogo img{display:block}.headerBrandGroup{align-items:center;gap:22px;min-width:0;display:flex}.headerMark{filter:brightness(0)saturate()invert(70%)sepia(46%)saturate(566%)hue-rotate(5deg)brightness(92%)contrast(88%);width:auto;height:54px;display:block}.headerSignature{filter:none;width:auto;height:58px;display:block}nav{align-items:center;gap:20px;font-size:.88rem;font-weight:800;display:flex}nav a{opacity:.92;white-space:nowrap}.menu{color:#fff;background:0 0;border:0;display:none}.hero{background:#eef5fb;grid-template-columns:1.05fr .95fr;align-items:center;gap:44px;width:100%;min-height:900px;padding:190px 6vw 90px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background:linear-gradient(#fff6,#ffffff73),url(/assets/north-vancouver-mountains.jpg) 50%/cover no-repeat;position:absolute;inset:0}.heroFlag{opacity:.4;z-index:1;border-bottom:4px solid var(--gold);background-image:url(/assets/bc-flag-banner.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;height:150px;position:absolute;top:0;left:0;right:0}.heroFlag:after{content:"";background:#ffffff59;position:absolute;inset:0}.hero>:not(.heroFlag){z-index:2;position:relative}.heroLogo{width:min(320px,70vw);height:auto;margin-bottom:18px;display:block}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.08em;font-weight:900}.hero h1{color:var(--navy);letter-spacing:-.055em;margin:.1em 0;font-family:Montserrat,Inter,Arial,sans-serif;font-size:clamp(3.5rem,8vw,7rem);line-height:.88}.hero h1 span{color:var(--green)}.lead{max-width:760px;font-size:1.25rem;line-height:1.55}.heroPhoto{background:#fff;border:8px solid #fff;border-radius:28px;overflow:hidden;box-shadow:0 20px 50px #001e3a55}.heroPhoto img{object-fit:contain;object-position:center;width:100%;height:auto;display:block}.heroCredit{color:#5f6f7f;z-index:3;font-size:12px;position:absolute;bottom:12px;right:20px}.heroCredit a{color:var(--blue);text-decoration:underline}.actions{flex-wrap:wrap;gap:14px;margin-top:25px;display:flex}.btn{border:2px solid var(--navy);color:var(--navy);border-radius:999px;align-items:center;gap:8px;padding:14px 22px;font-weight:900;display:inline-flex}.btn.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 7px 18px #557f2a33}.btn.white{color:#fff;border-color:#fff}.section{padding:76px 6vw}.split{grid-template-columns:1.15fr .85fr;align-items:center;gap:44px;display:grid}h2{color:var(--navy);letter-spacing:-.03em;margin:.2em 0 .4em;font-family:Montserrat,Inter,Arial,sans-serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}p{font-size:1.05rem;line-height:1.65}.center{text-align:center}.narrow{max-width:820px;margin-left:auto;margin-right:auto}.light{background:var(--cream)}.intro{background:#fff}.promiseCard{background:var(--navy);color:#fff;border-top:8px solid var(--green);border-radius:24px;padding:36px;box-shadow:0 15px 35px #001e3a22}.promiseCard h3{color:var(--gold);margin:0 0 10px;font-size:2rem}.aboutGrid{grid-template-columns:.75fr 1.25fr;align-items:center;gap:44px;display:grid}.aboutImage{border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 30px #001e3a22}.aboutImage img{object-fit:cover;width:100%;height:auto;display:block}.miniStats{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px;display:grid}.miniStats div{border-left:5px solid var(--green);background:var(--cream);padding:18px}.miniStats strong{color:var(--navy);font-size:1.8rem;display:block}.miniStats span{font-size:.92rem}.grid{gap:20px;margin-top:35px;display:grid}.issuesGrid{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(3,1fr)}.issue{border:1px solid var(--line);background:#fff;border-radius:18px;padding:28px;box-shadow:0 7px 18px #0000000d}.issue svg,.darkCard svg,.donateBox svg{width:44px;height:44px;color:var(--green)}.issue h3{color:var(--navy);margin-bottom:.2em;font-family:Montserrat,Inter,Arial,sans-serif;font-size:1.35rem}.voice{background:#fff}.checks{padding:0;list-style:none}.checks li{align-items:flex-start;gap:12px;margin:16px 0;font-weight:800;display:flex}.checks svg{color:var(--gold);flex:none}.checks.green svg{color:var(--green)}.form{background:var(--cream);border:1px solid var(--line);border-radius:20px;gap:12px;padding:28px;display:grid;box-shadow:0 12px 30px #0001}.form input,.form select,.form textarea{font:inherit;background:#fff;border:1px solid #ced7c8;border-radius:10px;padding:15px}.form textarea{height:150px}.event{background:linear-gradient(135deg, var(--navy), var(--navy2));color:#fff;grid-template-columns:1fr .52fr;gap:44px;display:grid}.event h2{color:#fff}.event img{border-radius:18px;width:100%;box-shadow:0 12px 35px #0005}.dark{background:var(--navy);color:#fff}.dark h2{color:#fff}.darkCard{background:#ffffff08;border:1px solid #fff3;border-radius:18px;padding:30px}.darkCard h3{color:var(--gold);font-size:1.5rem}.donate{background:linear-gradient(90deg,#f8faf5,#fff)}.donateBox{background:var(--navy);color:#fff;border-radius:22px;padding:34px;box-shadow:0 14px 35px #001e3a28}.donateBox h3{color:var(--gold);font-size:1.8rem}.donateBox small{color:#c9d7e7;margin-top:16px;line-height:1.5;display:block}.media{background:var(--cream)}footer{color:#fff;text-align:center;border-top:6px solid var(--green);background:#03182f;padding:44px 6vw}.footerSignature{filter:none;background:0 0;width:100%;max-width:1200px;height:auto;margin:0 auto 12px;display:block}.footerTagline{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;margin-top:6px;font-size:.85rem;font-weight:700}.auth{color:#c9d7e7;font-size:.88rem}@media (width<=1050px){nav{gap:12px;font-size:.8rem}.issuesGrid,.three{grid-template-columns:repeat(2,1fr)}}@media (width<=850px){body{overflow-x:hidden}.header{width:100%;padding:10px 4vw;overflow:hidden}.headerBrandGroup{gap:10px;max-width:calc(100vw - 82px);overflow:hidden}.headerMark{flex-shrink:0;height:42px;max-height:42px}.headerSignature{flex-shrink:1;max-width:165px;height:auto}.brandLogo img{width:auto;max-height:48px}nav{background:var(--navy);flex-direction:column;align-items:flex-start;width:100%;padding:25px;display:none;position:absolute;top:72px;left:0;right:0}nav.open{display:flex}.menu{flex-shrink:0;display:block}.hero,.split,.event,.aboutGrid,.grid,.issuesGrid,.two,.three,.miniStats{grid-template-columns:1fr}.hero{width:100%;min-height:auto;padding:170px 6vw 70px;overflow:hidden}.hero h1{font-size:4rem}.heroFlag{opacity:.4;height:130px}.heroFlag:after{background:#ffffff59}.heroPhoto{max-height:none}.heroPhoto img{object-fit:contain;object-position:center;height:auto}.heroCredit{margin-top:18px;font-size:11px;position:relative;bottom:auto;right:auto}}@media (width<=480px){.headerSignature{max-width:130px}.headerMark{height:38px;max-height:38px}.hero h1{font-size:3.4rem}.lead{font-size:1.05rem}.actions{flex-direction:column;align-items:flex-start}}@media (width<=1200px){nav{background:var(--navy);z-index:100;flex-direction:column;align-items:flex-start;width:100%;padding:25px;display:none;position:absolute;top:72px;left:0;right:0}nav.open{display:flex}.menu{flex-shrink:0;display:block}.headerSignature{max-width:600px}.donation-options{margin-top:24px}.donation-options h4{color:var(--gold);margin-bottom:16px;font-size:1.4rem}.donation-tier{border-left:4px solid var(--green);background:#ffffff0f;border-radius:8px;margin-top:14px;padding:14px;line-height:1.6}.donation-tier em{color:var(--gold);font-style:normal;font-weight:700}.donateFull{display:block}.donateIntro{max-width:1100px;margin:0 auto 36px}.donateBoxWide{width:100%;max-width:1300px;margin:0 auto}.downloadCard{text-align:center}.downloadQR{background:#fff;border-radius:8px;width:180px;height:auto;margin:1rem auto;padding:10px;display:block}.downloadButtons{flex-direction:column;gap:10px;margin-top:1rem;display:flex}}
