@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#10233e;--blue:#0757cc;--cyan:#c5f2e5;--mint:#effaf6;--gold:#f4b53f;--paper:#f8fafc;--muted:#657289;--line:#dfe6ef;--shadow:0 24px 60px rgba(10,35,67,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:Manrope,Arial,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 48px));margin:auto}.topline{height:36px;background:#10233e;color:#dce8fa;font-size:11px;display:flex;align-items:center;justify-content:center;letter-spacing:.2px}.topline a{color:#fff;margin-left:10px;text-decoration:underline;text-underline-offset:3px}.site-header{height:82px;position:absolute;z-index:20;top:36px;width:100%;color:#fff}.site-header .container{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1.5px;font-weight:800;line-height:12px}.logo-mark{height:39px;width:39px;border:1.5px solid currentColor;border-radius:50%;display:grid;place-items:center;font:italic 34px 'Playfair Display';letter-spacing:0}.logo small{display:block;font-size:7px;letter-spacing:1.45px;font-weight:600;margin-top:3px}.nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:600}.nav>a:not(.nav-button){opacity:.85}.nav>a:hover{opacity:1}.nav-button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);padding:12px 17px;border-radius:999px;color:var(--ink);font-weight:800;border:0;font-size:13px;cursor:pointer;transition:.25s}.nav-button:hover,.button:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(244,181,63,.35)}.menu{display:none;border:0;background:transparent;color:#fff;font-size:24px}.hero{min-height:720px;color:#fff;background:#063f99;position:relative;overflow:hidden}.hero .container{min-height:720px;display:flex;align-items:center;position:relative;z-index:2}.hero-copy{width:52%;padding-top:45px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.9px;font-weight:800;color:var(--blue);display:flex;align-items:center;gap:9px;margin:0 0 17px}.eyebrow:before{content:'';width:25px;height:2px;background:currentColor}.hero .eyebrow{color:#bedcff}.hero h1,.section-title,h2{font:500 clamp(48px,6.4vw,88px)/.99 'Playfair Display',Georgia,serif;letter-spacing:-2.8px;margin:0}.hero h1 em,.section-title em,h2 em{color:#b7ecdf;font-weight:500}.hero p{font-size:16px;line-height:1.7;max-width:440px;color:#e5efff;margin:28px 0}.hero-actions{display:flex;gap:20px;align-items:center}.link-play{font-size:12px;font-weight:700;display:flex;gap:9px;align-items:center}.play{height:31px;width:31px;border:1px solid #dbeaff;border-radius:50%;display:grid;place-items:center;font-size:11px}.hero-art{position:absolute;right:0;inset-block:0;width:52%;clip-path:polygon(17% 0,100% 0,100% 100%,0 100%)}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#063f99 0%,transparent 37%),linear-gradient(0deg,rgba(0,0,0,.3),transparent 55%)}.hero-art img{height:100%;width:100%;object-fit:cover}.hero-caption{position:absolute;z-index:3;right:7%;bottom:12%;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);color:var(--ink);padding:17px 20px;font:500 17px/1.2 'Playfair Display'}.hero-caption small{display:block;font:500 10px Manrope;color:#64748b;margin-top:7px}.scroll-note{position:absolute;z-index:4;bottom:25px;left:5vw;font-size:9px;letter-spacing:1.6px;color:#b7d2f5}.section{padding:112px 0}.intro{background:#fff}.split{display:grid;grid-template-columns:1.12fr .88fr;gap:90px;align-items:end}.section-title{font-size:clamp(39px,4.5vw,62px);line-height:1.05}.section-title em{color:var(--blue)}.lead{font-size:16px;line-height:1.8;color:#536176;margin:0 0 25px}.text-link{font-size:13px;font-weight:800;border-bottom:1px solid #aeb9c7;padding-bottom:5px}.impact{background:#e6f7f2;padding:55px 0}.impact>p{text-align:center;text-transform:uppercase;letter-spacing:1.6px;font-size:10px;font-weight:800;color:#297d6c;margin:0 0 34px}.numbers{display:grid;grid-template-columns:repeat(4,1fr)}.numbers div{text-align:center;border-right:1px solid #b5ded2}.numbers div:last-child{border:0}.numbers strong{display:block;color:#075e52;font:500 48px 'Playfair Display'}.numbers span{font-size:11px;color:#48796f}.work{background:#f8fafc}.work-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:44px}.work-head>p{width:320px;color:#5d6a7c;font-size:14px;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{height:420px;position:relative;overflow:hidden;color:white;isolation:isolate}.card>img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.card:hover img{transform:scale(1.07)}.card:after{content:'';inset:0;position:absolute;z-index:-1;background:linear-gradient(0deg,rgba(4,20,38,.92),transparent 65%)}.card-number{position:absolute;left:23px;top:23px;font-size:10px;letter-spacing:2px}.card-info{position:absolute;bottom:24px;left:24px;right:24px}.card h3{font:500 29px 'Playfair Display';margin:0 0 8px}.card p{font-size:12px;line-height:1.6;margin:0;color:#eef5fc}.story{background:white}.story-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center}.story-image{height:560px;position:relative}.story-image img{height:100%;width:100%;object-fit:cover}.stamp{position:absolute;right:-35px;bottom:36px;width:115px;height:115px;display:grid;place-items:center;text-align:center;border-radius:50%;background:var(--gold);font-size:11px;line-height:1.25;font-weight:800;transform:rotate(-12deg)}.story-copy{padding:7vw}.story-copy blockquote{font:500 clamp(30px,3.5vw,49px)/1.15 'Playfair Display';margin:0 0 23px}.story-copy p{font-size:14px;line-height:1.8;color:#586679}.quote{background:#0b438d;color:#fff;text-align:center;padding:105px 24px}.quote .quote-mark{font:55px 'Playfair Display';color:#91bfff;height:32px}.quote h2{font-size:clamp(31px,4vw,56px);line-height:1.1}.quote p{font-size:11px;letter-spacing:1.4px;color:#b9d5fa}.masonry{columns:4;column-gap:13px}.masonry figure{break-inside:avoid;margin:0 0 13px;overflow:hidden;position:relative;background:#dfe7ed}.masonry img{width:100%;transition:.5s}.masonry figure:hover img{transform:scale(1.05)}.masonry figcaption{position:absolute;inset:auto 0 0;color:white;background:linear-gradient(transparent,rgba(0,0,0,.7));padding:30px 12px 10px;font-size:11px;font-weight:700;opacity:0;transition:.25s}.masonry figure:hover figcaption{opacity:1}.gallery-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.outline{background:transparent;border:1px solid #9ba9b9}.join{display:grid;grid-template-columns:1fr 1fr;background:#0a4b99;color:#fff}.join-image{min-height:620px}.join-image img{height:100%;width:100%;object-fit:cover}.join-copy{padding:90px max(6vw,35px)}.join-copy h2{font-size:clamp(40px,4.5vw,63px);line-height:1.04}.join-copy>p:not(.eyebrow){font-size:14px;line-height:1.75;color:#d6e7fb;max-width:440px;margin:26px 0}.amounts{display:flex;gap:8px;flex-wrap:wrap;margin:27px 0}.amounts span{border:1px solid #72a2d8;padding:10px 13px;border-radius:4px;font-size:12px;font-weight:800}.amounts small{display:block;font-size:9px;color:#bad1ed;font-weight:500;margin-top:3px}.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-list details{border-top:1px solid var(--line);padding:18px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{font-weight:700;font-size:14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq-list summary:after{content:'+';color:var(--blue);font-size:19px}.faq-list p{font-size:13px;line-height:1.7;color:#657289;max-width:600px}.newsletter{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#fff}.newsletter p{color:#5c6a7c;line-height:1.7;font-size:14px}.subscribe{display:flex;border-bottom:1px solid #9eabb9;margin-top:25px}.subscribe input{flex:1;background:transparent;border:0;padding:14px 0;outline:0;font:14px Manrope}.subscribe button{border:0;background:transparent;color:var(--blue);font-size:20px}.subscribe-note{font-size:10px!important;margin:12px 0!important;color:#7e8a9a!important}.site-footer{background:#10233e;color:#c9d4e3;padding:65px 0 20px}.footer-top{display:grid;grid-template-columns:1fr 1.1fr auto;gap:40px;align-items:center;padding-bottom:42px;border-bottom:1px solid #30425b}.footer-top .logo{color:#fff}.footer-top p{font:500 19px/1.4 'Playfair Display';margin:0}.socials{display:flex;gap:8px}.socials a{display:grid;place-items:center;height:34px;width:34px;border:1px solid #53657e;border-radius:50%;font-size:12px}.footer-links{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:30px;padding:39px 0}.footer-links div{display:flex;flex-direction:column;gap:9px;font-size:12px}.footer-links b{color:#7fb0ef;text-transform:uppercase;letter-spacing:1.5px;font-size:9px;margin-bottom:3px}.copyright{border-top:1px solid #30425b;padding-top:17px;font-size:10px;color:#8493a7;display:flex;justify-content:space-between}.copyright div{display:flex;gap:18px}.float-donate,.whatsapp,.to-top{position:fixed;z-index:30;border-radius:999px;box-shadow:0 8px 24px rgba(8,25,50,.23);font-size:12px;font-weight:800}.float-donate{right:19px;bottom:19px;background:var(--gold);padding:12px 15px}.whatsapp{right:19px;bottom:69px;background:#24c967;color:#fff;height:42px;width:42px;display:grid;place-items:center;font-size:18px}.to-top{right:19px;bottom:121px;background:#fff;height:39px;width:39px;display:grid;place-items:center;color:var(--blue);opacity:0;pointer-events:none;transition:.3s}.to-top.show{opacity:1;pointer-events:auto}.page-hero{height:460px;display:flex;align-items:end;padding-bottom:72px;position:relative;color:#fff;background:#073e8e;overflow:hidden}.page-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,44,103,.92),rgba(7,44,103,.3))}.page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-size:64px}.crumb{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:#d1e5ff;margin-bottom:15px}.content{background:#fff}.content-wrap{max-width:850px;margin:auto}.content h2{font-size:43px;margin:36px 0 15px}.content h3{font:500 28px 'Playfair Display';margin:28px 0 9px}.content p,.content li{font-size:15px;line-height:1.85;color:#57667a}.content li{margin:8px 0}.timeline{border-left:1px solid #b8c8dc;margin:42px 0;padding-left:30px}.timeline div{position:relative;margin-bottom:28px}.timeline div:before{content:'';position:absolute;width:10px;height:10px;border:3px solid var(--blue);background:#fff;border-radius:50%;left:-37px;top:7px}.timeline b{font-size:12px;letter-spacing:1.5px;color:var(--blue)}.program-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:35px}.program-list article{padding:25px;background:#f5f9fc;border:1px solid #e4ebf2}.program-list h3{margin:0 0 8px;font-size:25px}.program-list p{font-size:13px;margin:0}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.event{background:#fff;box-shadow:0 8px 25px rgba(20,50,85,.08)}.event img{width:100%;height:190px;object-fit:cover}.event div{padding:20px}.event time{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:1.2px}.event h3{font:500 24px 'Playfair Display';margin:8px 0}.event p{font-size:12px;color:#667589;line-height:1.6}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:27px}.filter{border:1px solid #cbd5e1;background:white;padding:8px 13px;font:700 11px Manrope;border-radius:999px;cursor:pointer}.filter.active,.filter:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.gallery-page figure{cursor:zoom-in}.lightbox{display:none;position:fixed;z-index:100;inset:0;background:rgba(5,17,34,.92);align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-height:88vh;max-width:90vw}.lightbox button{position:absolute;top:23px;right:28px;border:0;background:transparent;color:#fff;font-size:32px}.donation-box{background:#f1f8f6;padding:32px;border-radius:8px}.donation-tabs{display:flex;border-bottom:1px solid #cededa;margin-bottom:22px}.donation-tabs button{background:transparent;border:0;padding:11px 16px;font-weight:800;color:#67778c}.donation-tabs button.active{color:var(--blue);border-bottom:2px solid var(--blue)}.donation-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.donation-amounts button{padding:14px 6px;border:1px solid #cbdad7;background:white;border-radius:4px;color:var(--ink);font-weight:800}.donation-amounts button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}.form-grid input,.form-grid textarea{border:1px solid #d6e0ea;padding:13px;border-radius:3px;font:13px Manrope;width:100%}.form-grid textarea{grid-column:span 2;height:120px}.notice{padding:17px;background:#edf7ff;color:#28577e;font-size:12px;line-height:1.6;margin-top:18px}@media(max-width:800px){.nav{display:none}.nav.open{display:flex;position:absolute;left:0;right:0;top:82px;background:#102f65;padding:25px;flex-direction:column;align-items:flex-start}.menu{display:block}.hero,.hero .container{min-height:670px}.hero-copy{width:100%;padding:50px 0 80px}.hero-art{width:100%;clip-path:none;opacity:.34}.hero-caption,.scroll-note{display:none}.split,.story-grid,.join,.newsletter,.faq-grid{grid-template-columns:1fr;gap:35px}.section{padding:75px 0}.numbers{grid-template-columns:1fr 1fr;gap:27px}.numbers div:nth-child(2){border:0}.numbers strong{font-size:40px}.work-head,.gallery-head{display:block}.work-head>p{width:auto}.cards,.event-grid{grid-template-columns:1fr}.card{height:360px}.story-image{height:390px}.story-copy{padding:70px 0}.stamp{right:20px}.masonry{columns:2}.join-image{min-height:300px}.join-copy{padding:70px 24px}.footer-top{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.footer-links div:last-child{grid-column:span 2}.copyright{flex-direction:column;gap:10px}.page-hero{height:380px;padding-bottom:45px}.page-hero h1{font-size:48px}.program-list{grid-template-columns:1fr}.donation-amounts{grid-template-columns:1fr 1fr}.container{width:min(100% - 40px,1180px)}.float-donate{right:14px;bottom:14px}.whatsapp{right:14px;bottom:64px}.to-top{right:14px;bottom:115px}}