:root{--navy:#083b78;--blue:#139ddd;--red:#f3133c;--green:#049749;--yellow:#ffd51f;--pink:#ff5e89;--ink:#10203a;--muted:#5c6b7e;--paper:#fff;--soft:#f3f8fc;--radius:24px;--shadow:0 18px 50px rgba(8,59,120,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Nunito,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6;font-size:1rem}img{display:block;max-width:100%}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-100px;z-index:99;background:#fff;padding:.7rem 1rem;border-radius:10px}.skip-link:focus{top:1rem}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:.6rem clamp(1rem,4vw,4.5rem);position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid #dbe7f1}.brand img{width:230px;height:68px;object-fit:cover;object-position:center}.site-header nav{display:flex;align-items:center;gap:1rem}.menu-wrap{position:relative}.menu-button{border:0;background:transparent;font:800 1rem Nunito;padding:.75rem 1rem;color:var(--navy);cursor:pointer}.dropdown{position:absolute;right:0;top:calc(100% + .5rem);width:230px;padding:.55rem;background:#fff;border:1px solid #dbe7f1;border-radius:18px;box-shadow:var(--shadow);display:none}.dropdown.open{display:grid}.dropdown a{padding:.65rem .8rem;text-decoration:none;border-radius:10px;font-weight:700}.dropdown a:hover,.dropdown a:focus{background:#eaf6fc;color:var(--navy)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--red);color:#fff;font:900 1rem Nunito;padding:.9rem 1.35rem;text-decoration:none;cursor:pointer;box-shadow:0 9px 20px rgba(243,19,60,.23)}.button:hover{transform:translateY(-2px)}.button.small{padding:.68rem 1.1rem}.button.dark{background:var(--navy)}.button.outline{background:#fff;color:var(--navy);border:2px solid var(--navy);box-shadow:none}.button.disabled{opacity:.55;pointer-events:none}.hero{min-height:680px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;background:var(--navy);overflow:hidden;color:#fff}.hero-copy{padding:clamp(3rem,7vw,7rem);padding-right:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:900;font-size:.78rem;color:var(--blue);margin:0 0 .8rem}.hero .eyebrow,.blue .eyebrow{color:var(--yellow)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,5.4vw,5.8rem);line-height:.98;letter-spacing:-.04em;max-width:760px;margin-bottom:1.5rem}h2{font-size:clamp(2.2rem,4vw,4.3rem);line-height:1.06;letter-spacing:-.035em;margin-bottom:1.2rem}h3{font-size:1.35rem;line-height:1.2}.hero-lede{font-size:1.22rem;max-width:650px;color:#d8e9fb}.hero-actions{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap;margin:2rem 0}.text-link{font-weight:900;text-decoration:none}.promise{display:flex;flex-wrap:wrap;gap:.55rem}.promise span{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:.35rem .8rem;font-weight:800}.hero-art{height:100%;display:grid;place-items:center;background:radial-gradient(circle at center,#fff 0 20%,#69c4ef 21% 38%,var(--yellow) 39% 42%,transparent 43%);padding:2rem}.hero-logo{position:relative;width:min(620px,95%)}.hero-art .backpack-logo{width:100%;border-radius:50%;mix-blend-mode:screen}.hero-art .sunrise-inset{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:3px solid #fff;box-shadow:0 0 12px rgba(255,255,255,.65)}.section{padding:clamp(4.5rem,8vw,8rem) clamp(1rem,7vw,7.5rem)}.section-heading{max-width:850px;margin-bottom:3rem}.section-heading>p:last-child{font-size:1.1rem;color:var(--muted)}.story-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center}.lead{font-size:1.4rem;line-height:1.65}.story blockquote{margin:0;background:var(--yellow);padding:2.5rem;border-radius:var(--radius);font-size:2rem;font-weight:900;line-height:1.2;transform:rotate(2deg);box-shadow:var(--shadow)}.blue{background:var(--navy);color:#fff}.light{color:#fff}.three-up{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.three-up article{border:1px solid rgba(255,255,255,.2);padding:2rem;border-radius:var(--radius);background:rgba(255,255,255,.06)}.three-up p{color:#d8e9fb}.number{font-size:2rem;font-weight:900;color:var(--yellow)}.campaign{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:center}.campaign-media{background:var(--soft);border-radius:36px;padding:2.5rem;box-shadow:var(--shadow)}.campaign-media img{width:100%;aspect-ratio:1.2;object-fit:contain}.campaign-copy>p{font-size:1.15rem}.check-list{list-style:none;padding:0;margin:1.6rem 0 2rem}.check-list li{padding:.55rem 0 .55rem 2rem;position:relative}.check-list li:before{content:'♥';position:absolute;left:0;color:var(--red)}.facts{background:var(--soft)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-grid article{background:#fff;padding:2rem 1.4rem;border-radius:var(--radius);border-top:8px solid var(--blue);box-shadow:0 10px 30px rgba(8,59,120,.08)}.stat-grid article:nth-child(2){border-color:var(--red)}.stat-grid article:nth-child(3){border-color:var(--green)}.stat-grid article:nth-child(4){border-color:var(--yellow)}.stat-grid strong{display:block;font-size:2.1rem;line-height:1.05;color:var(--navy);margin-bottom:.8rem}.stat-grid span{font-weight:700}.fine-print{color:var(--muted);font-size:.88rem;margin:1.3rem 0 0}.yellow{background:var(--yellow)}.yellow .eyebrow{color:var(--navy)}.drive-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-bottom:2rem}.drive-steps article{background:rgba(255,255,255,.8);border-radius:var(--radius);padding:1.8rem}.drive-steps span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;font-weight:900;margin-bottom:1rem}.event-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:2rem;border:2px solid #dbe7f1;border-radius:var(--radius);box-shadow:var(--shadow)}.calendar{width:100px;height:100px;border-radius:20px;background:var(--red);color:#fff;display:grid;place-items:center;align-content:center}.calendar span{font-size:.8rem;text-transform:uppercase;font-weight:900}.calendar strong{font-size:1.6rem}.event-card p{margin:0;color:var(--muted)}.donate{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:start}.donate-intro p:last-child{color:#d8e9fb}.donation-panel{background:#fff;color:var(--ink);padding:1.4rem;border-radius:32px}.amount-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.amount-grid button{font:inherit;border:2px solid #dbe7f1;border-radius:18px;background:#fff;padding:1.1rem;text-align:left;cursor:pointer;color:var(--ink)}.amount-grid button:hover,.amount-grid button.active{border-color:var(--blue);background:#eaf6fc}.amount-grid strong,.amount-grid span{display:block}.amount-grid strong{font-size:1.6rem;color:var(--navy)}.selected-gift{margin-top:1rem;padding:1.2rem;background:var(--soft);border-radius:18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.3rem 1rem}.selected-gift span{font-size:.8rem;text-transform:uppercase;font-weight:900;color:var(--muted)}.selected-gift strong{grid-column:1}.selected-gift .button{grid-column:2;grid-row:1/3}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,8vw,8rem)}address{font-style:normal;font-weight:800;color:var(--navy);margin-top:2rem}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1rem}.contact label{font-weight:800}.contact input,.contact select,.contact textarea{font:inherit;border:2px solid #cbdbe8;border-radius:12px;padding:.8rem;background:#fff;min-width:0}.contact textarea,.contact label[for=message],.contact form .button,.form-status,.form-note{grid-column:1/-1}.contact input:focus,.contact select:focus,.contact textarea:focus{outline:3px solid #bde8fa;border-color:var(--blue)}.contact form .button{justify-self:start;margin-top:.5rem}.form-status{font-weight:800;color:var(--green);margin:0}.form-note{font-size:.85rem;color:var(--muted);margin:0}footer{background:#061f40;color:#fff;padding:2rem clamp(1rem,7vw,7.5rem);display:flex;align-items:center;justify-content:space-between;gap:2rem}footer img{width:200px;height:74px;object-fit:cover}footer p{margin:0;font-weight:800}footer a{color:var(--yellow);font-weight:900}
@media(max-width:900px){.hero,.campaign,.donate,.contact{grid-template-columns:1fr}.hero-copy{padding:4rem 1.25rem 2rem}.hero-art{min-height:420px}.story-grid{grid-template-columns:1fr;gap:2rem}.three-up,.stat-grid,.drive-steps{grid-template-columns:1fr 1fr}.event-card{grid-template-columns:auto 1fr}.event-card .button{grid-column:1/-1;justify-self:start}.donate{gap:2rem}}
@media(max-width:620px){.site-header{height:76px;padding:.4rem .8rem}.brand img{width:150px;height:58px}.site-header nav>.button{display:none}.dropdown{right:-.2rem}.hero{min-height:auto}.hero-art{min-height:330px;padding:1rem}h1{font-size:2.75rem}.section{padding:4rem 1rem}.three-up,.stat-grid,.drive-steps,.amount-grid{grid-template-columns:1fr}.event-card{grid-template-columns:1fr}.calendar{width:84px;height:84px}.contact form{grid-template-columns:1fr}.contact label,.contact input,.contact select{grid-column:1}.selected-gift{grid-template-columns:1fr}.selected-gift .button{grid-column:1;grid-row:auto;justify-self:start}footer{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}
.story-testimony{max-width:760px;font-size:1.1rem;line-height:1.75}.story-testimony p:last-child{margin-bottom:0}.story-callout{background:var(--yellow);padding:2.5rem;border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:1.5rem;align-self:start}.story-callout strong{font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.2}.story-callout span{font-weight:900;color:var(--navy)}.about .section-heading>p{font-size:1.1rem;color:#d8e9fb}.about .section-heading>p:last-child{color:var(--yellow)}