:root{--blue:#38b6e9;--deep:#163a5f;--sky:#eaf8fd;--char:#263238;--gray:#66757f;--yellow:#ffd166;--coral:#ff6b6b;--mint:#7bdcb5;--line:#d5e5ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--char);background:#fff;font-family:Avenir,'Avenir Next',Manrope,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:99}.header{height:88px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;gap:38px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.logo{width:124px;margin-right:auto}.logo img{width:100%;height:72px;object-fit:contain}.header nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:700}.header nav a:hover{color:#078ec7}.menu{display:none;border:0;background:var(--sky);color:var(--deep);padding:9px 13px;border-radius:8px;font-weight:800}.pill{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;padding:14px 23px;border-radius:999px;font-weight:800;font-size:14px;transition:.2s}.pill:hover{transform:translateY(-2px);box-shadow:0 8px 20px #163a5f2e}.pill-dark{background:var(--deep)}.pill-yellow{background:var(--yellow);color:var(--deep)}.pill-white{background:#fff;color:var(--deep)}.kicker{margin:0 0 16px;color:#078ec7;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}.light{color:var(--yellow)}.hero{min-height:700px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;padding:80px clamp(24px,7vw,110px);overflow:hidden;background:linear-gradient(120deg,#fff 0 68%,var(--sky) 68%)}h1,h2{color:var(--deep);font-weight:800;line-height:.96;letter-spacing:-.06em;margin:0}.hero h1{font-size:clamp(54px,6.8vw,104px)}.hero h1 span{color:var(--blue);position:relative}.hero h1 span:after{content:"";position:absolute;height:11px;background:var(--yellow);left:0;right:0;bottom:6px;z-index:-1;transform:rotate(-2deg)}.lead{font-size:18px;max-width:670px;margin:32px 0;color:#4d5b62}.button-row{display:flex;align-items:center;gap:30px;margin-top:32px}.arrow-link{font-weight:800;font-size:14px;color:var(--deep)}.arrow-link span{color:var(--coral);font-size:20px;margin-left:8px}.hero-photo{position:relative}.hero-photo>img{width:100%;height:500px;object-fit:cover;border-radius:160px 20px;box-shadow:22px 22px 0 var(--blue)}.photo-note{position:absolute;bottom:24px;left:-28px;background:#fff;padding:18px 24px;border-radius:12px;box-shadow:0 12px 30px #163a5f2e}.photo-note b{display:block;font-size:28px;color:var(--deep);line-height:1}.photo-note span{font-size:12px;color:var(--gray)}.hope-sticker{position:absolute;top:-28px;right:-20px;width:112px;height:112px;background:var(--yellow);color:var(--deep);border-radius:50%;display:grid;place-content:center;text-align:center;font-size:15px;font-weight:800;line-height:1.1;transform:rotate(8deg);border:4px solid white}.challenge{background:var(--deep);color:#fff;padding:48px clamp(24px,7vw,110px);display:grid;grid-template-columns:1.4fr .8fr auto;align-items:center;gap:55px}.challenge h2{color:#fff;font-size:clamp(30px,4vw,52px)}.challenge p{margin:6px 0 0;color:#dceef6}.counter strong{font-size:52px;line-height:1;color:var(--yellow)}.counter span{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.1em}.track{height:7px;background:#ffffff33;border-radius:8px;margin-top:10px;overflow:hidden}.track i{display:block;height:100%;background:var(--coral)}.intro,.backpacks,.facts,.connect,.news{padding:120px clamp(24px,7vw,110px)}.split-heading,.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}.split-heading h2,.backpacks h2,.facts h2,.connect h2,.news h2{font-size:clamp(44px,5.5vw,74px)}.split-heading p{font-size:22px;color:var(--gray);margin:0}.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;margin-top:75px}.story-grid figure{margin:0}.story-grid figure img{height:560px;width:100%;object-fit:cover;border-radius:18px 150px 18px 18px}.story-grid figcaption{font-size:13px;color:var(--gray);padding-top:12px}.story-text{font-size:18px}.story-text h3{font-size:34px;line-height:1.1;color:var(--deep);margin-top:0}.mission-box{background:var(--sky);padding:27px 30px;margin-top:34px;border-left:7px solid var(--blue)}.mission-box span{display:block;color:#078ec7;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.15em}.mission-box b{display:block;font-size:20px;color:var(--deep);margin-top:5px}.backpacks{background:var(--sky)}.section-head>p{font-size:18px;color:var(--gray);margin:0}.bag-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:65px}.bag-grid article{background:white;padding:32px 28px;min-height:270px;border-top:7px solid var(--blue);border-radius:10px}.bag-grid article:nth-child(2){border-color:var(--yellow)}.bag-grid article:nth-child(3){border-color:var(--coral)}.bag-grid article:nth-child(4){border-color:var(--mint)}.bag-grid span{font-size:12px;font-weight:800;color:var(--gray)}.bag-grid h3{color:var(--deep);font-size:23px;margin:35px 0 9px}.bag-grid p{color:var(--gray);margin:0}.ages{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px;align-items:center}.ages b{margin-right:10px;color:var(--deep)}.ages span{background:white;border:1px solid #c7e2ed;border-radius:99px;padding:8px 13px;font-size:13px}.guideline{font-size:13px;color:var(--gray);margin-top:25px}.impact{padding:100px clamp(24px,7vw,110px);background:var(--blue);display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:16px;color:#fff}.impact-title{padding:45px 30px 45px 0}.impact h2{color:#fff;font-size:clamp(50px,6vw,85px)}.stat{background:var(--deep);border-radius:80px 15px;display:flex;flex-direction:column;justify-content:center;padding:32px;text-align:center}.stat.coral{background:var(--coral)}.stat.yellow{background:var(--yellow);color:var(--deep)}.stat strong{font-size:48px;line-height:1}.stat span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-top:9px}.impact-copy{grid-column:2/5;margin:15px 0 0;font-size:15px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.facts-copy p:not(.kicker){color:var(--gray);font-size:18px}.fact-cards{display:grid;gap:14px}.fact-cards article{padding:28px;background:var(--sky);border-radius:12px 50px 12px 12px}.fact-cards article:nth-child(2){background:#fff7df}.fact-cards article:nth-child(3){background:#e9fbf4}.fact-cards b{color:var(--deep);font-size:24px}.fact-cards p{margin:4px 0 0;color:var(--gray)}.podcast{background:var(--deep);display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:8vw;padding:100px clamp(24px,7vw,110px);color:white}.podcast>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px;box-shadow:-18px 18px 0 var(--yellow)}.podcast h2{color:#fff;font-size:clamp(48px,6vw,86px)}.podcast p:not(.kicker){font-size:18px;color:#dceef6}.light-link{color:#fff}.connect-head{text-align:center;max-width:800px;margin:0 auto 65px}.connect-head h2{font-size:clamp(52px,6vw,84px)}.connect-head p{font-size:18px;color:var(--gray)}.ways{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.way{padding:42px;min-height:370px;border-radius:18px;display:flex;flex-direction:column;background:var(--sky)}.way.build{background:var(--yellow)}.way.connect-way{background:#e9fbf4}.way>span{font-size:12px;letter-spacing:.15em;font-weight:800;color:#078ec7}.way h3{color:var(--deep);font-size:31px;line-height:1.1}.way p{color:#52616a}.way a{margin-top:auto;color:var(--deep);font-weight:800}.volunteer{padding:75px clamp(24px,7vw,110px);background:var(--coral);color:#fff;display:grid;grid-template-columns:1.2fr 1fr auto;gap:50px;align-items:center}.volunteer h2{color:#fff;font-size:clamp(42px,5vw,68px)}.roles{display:flex;flex-wrap:wrap;gap:8px}.roles span{border:1px solid #ffffff8c;border-radius:99px;padding:8px 13px;font-size:13px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:55px}.news-grid a{padding:35px;border:1px solid var(--line);border-radius:12px;transition:.2s}.news-grid a:hover{transform:translateY(-5px);border-color:var(--blue)}.news-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#078ec7;font-weight:800}.news-grid h3{font-size:24px;line-height:1.2;color:var(--deep)}.news-grid p{color:var(--gray)}.final-cta{padding:70px clamp(24px,7vw,110px);background:var(--blue);color:#fff;display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:40px}.final-cta img{width:120px}.final-cta p{font-weight:800;text-transform:uppercase;letter-spacing:.13em;font-size:12px}.final-cta h2{color:#fff;font-size:clamp(34px,4vw,54px)}footer{background:#0e2b47;color:#fff;padding:70px clamp(24px,7vw,110px) 25px}.footer-main{display:grid;grid-template-columns:150px 1.3fr 1fr .5fr;gap:50px}.footer-main>img{width:120px}.footer-main b{display:block;margin-bottom:12px}.footer-main p,.footer-main a{color:#b9d2df;font-size:14px;display:block;margin:5px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff26;margin-top:50px;padding-top:22px;font-size:11px;color:#93afbe}
@media(max-width:1050px){.header nav{display:none;position:absolute;top:87px;left:0;right:0;background:white;padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:70px;background:#fff}.hero-photo{margin-top:35px}.challenge{grid-template-columns:1fr 1fr}.challenge>a{grid-column:1/3;width:max-content}.bag-grid{grid-template-columns:1fr 1fr}.impact{grid-template-columns:1fr 1fr}.impact-title,.impact-copy{grid-column:1/3}.volunteer{grid-template-columns:1fr 1fr}.volunteer>a{grid-column:1/3;width:max-content}.footer-main{grid-template-columns:120px 1fr 1fr}.footer-main>div:last-child{grid-column:2}}
@media(max-width:720px){.header{height:76px;padding:0 18px}.header nav{top:75px}.header-cta{display:none}.logo{width:105px}.logo img{height:62px}.hero{min-height:0;padding:60px 22px 80px}.hero h1{font-size:52px}.hero-photo>img{height:350px;border-radius:80px 12px}.photo-note{left:10px}.hope-sticker{right:2px}.challenge,.split-heading,.story-grid,.section-head,.facts,.podcast,.ways,.volunteer,.news-grid,.final-cta{grid-template-columns:1fr}.challenge>a,.volunteer>a,.footer-main>div:last-child{grid-column:auto}.intro,.backpacks,.facts,.connect,.news{padding:85px 22px}.story-grid{margin-top:48px}.story-grid figure img{height:400px;border-radius:12px 90px 12px 12px}.bag-grid,.impact{grid-template-columns:1fr}.impact{padding:85px 22px}.impact-title,.impact-copy{grid-column:auto}.stat{min-height:200px}.podcast{padding:85px 22px}.podcast>img{max-width:420px}.volunteer{padding:70px 22px}.final-cta{padding:65px 22px}.final-cta img{width:100px}.footer-main{grid-template-columns:1fr;gap:28px}.footer-main>img{width:95px}.footer-bottom{flex-direction:column;gap:7px}.button-row{align-items:flex-start;flex-direction:column;gap:20px}}
.footer-verse{max-width:760px;padding-left:18px;border-left:3px solid var(--blue);color:#dceef6}.footer-verse p{margin:0;font-size:16px;line-height:1.65}.footer-verse cite{display:block;margin-top:7px;color:#8fb7ca;font-size:12px;font-style:normal;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.page-footer>.footer-verse{grid-column:1/-1}
.pill-coral{background:var(--coral);color:var(--deep);box-shadow:0 0 0 3px #fff}.pill-coral:hover{box-shadow:0 0 0 3px #fff,0 8px 20px #163a5f45}
/* Keep the transition from Our Story into the first-48-hours section compact. */
@media(min-width:721px){.intro{padding-bottom:64px}.backpacks{padding-top:72px}}

/* Hero media can be a hosted video or the existing photo. */
.hero-photo>.hero-media-video{width:100%;height:500px;object-fit:contain;object-position:center;background:var(--deep);border-radius:160px 20px;box-shadow:22px 22px 0 var(--blue);display:block;pointer-events:none}
@media(max-width:720px){.hero-photo>.hero-media-video{height:350px;border-radius:80px 12px}}

/* Give the hero's story accent a restrained, professional curve. */
.hero h1 span{color:var(--blue);display:inline-block;position:relative;z-index:0;text-decoration:none}
.hero h1 span:after{content:"";display:block;position:absolute;left:-.04em;right:-.07em;bottom:-.1em;height:.22em;border-bottom:clamp(3px,.3vw,5px) solid var(--yellow);border-radius:50%;transform:rotate(-1.5deg);z-index:-1;pointer-events:none}