/* Campaign design: real photography, fabric, generous type and brand color. */
:root{--deep:#0b2742;--navy:#2c5074;--ink:#183751;--orange:#ffad42;--teal:#4db2aa}
body{background:#fcfcf9}.header{position:absolute;z-index:20;left:0;right:0;height:135px}.logo{background:#fff;border-radius:0 0 21px 21px;width:154px;height:130px;padding:9px 13px;box-shadow:0 14px 45px #001a3526}.header-cta{color:#fff;background:#ffffff0d;border-color:#ffffff4d;backdrop-filter:blur(10px)}.header-cta:hover{background:#ffffff20;border-color:#fff}.header-cta svg{color:#ffbc60}
.hero{position:relative;display:block;min-height:940px;margin:0;width:100%;padding:174px 0 470px;isolation:isolate;background:var(--deep);color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 12% 13%,#4db2aa27,transparent 55%),linear-gradient(to bottom,#0b2742 0%,#0b2742 30%,#0b2742f7 42%,#0b27426e 66%,#0b27421a 88%,#0b274270 100%)}.hero-copy{position:relative;z-index:5;width:min(650px,53%);margin-right:max(5vw,calc((100vw - 1200px)/2));padding:0}.hero .eyebrow{color:#ffd18b;font-size:14px;letter-spacing:.8px}.hero .eyebrow>span{width:32px;height:2px;background:#ffd18b}.hero h1{font-size:clamp(57px,5.5vw,82px);line-height:1.08;letter-spacing:-3px;margin:24px 0 24px;text-shadow:0 6px 30px #001e3733}.hero h1 em{color:#85d2c8}.hero h1 em:after{height:6px;bottom:-11px;background:linear-gradient(90deg,transparent,#ffae43 12%,#ffcb81 90%,transparent);width:104%;transform:rotate(-2deg)}.hero .vision{max-width:610px;font-size:20px;line-height:1.75;color:#f1f5f7}.hero .intro{font-size:16px;color:#cadbe7;max-width:570px;margin-top:13px}.hero-link{background:#ffb74f;color:var(--deep);padding:12px 22px;border-radius:100px;margin-top:24px;font-size:15px;box-shadow:0 6px 20px #0002;gap:14px;transition:.25s}.hero-link:hover{background:#ffd38f;transform:translateY(-2px)}.hero-link svg{background:none;padding:0;width:22px;height:22px}.hero-art{position:absolute;inset:0;margin:0;height:100%;width:100%;z-index:1;isolation:auto}.photo-frame{position:absolute;inset:auto 0 0;height:600px;border-radius:0;box-shadow:none;overflow:hidden}.community{width:100%;height:100%;object-fit:cover;object-position:center 56%;filter:saturate(.92) contrast(1.02)}.photo-frame:after{background:linear-gradient(to top,#0b274295,transparent);inset:55% 0 0}.photo-caption{font-size:15px;bottom:38px;right:max(5vw,calc((100vw - 1200px)/2));z-index:6;letter-spacing:.3px}.flag-large{width:min(610px,44vw);height:auto;left:1%;top:150px;z-index:4;filter:drop-shadow(0 18px 26px #041d3266);transform:rotate(-8deg);animation:real-flag 9s ease-in-out infinite;transform-origin:15% 60%}.flag-large img{width:100%;height:auto;display:block}.flag-large:after{display:none}.orbit{display:none}.art-note{left:max(5vw,calc((100vw - 1200px)/2));bottom:39px;z-index:6;color:#fff;font-size:15px}.together{background:var(--deep);width:100%;padding:30px max(5vw,calc((100vw - 1200px)/2)) 38px;gap:30px;color:#eaf1f4}.together p{font-size:27px;letter-spacing:-.5px}.together strong{color:#ffd08b;background:none}.together .line{background:#ffffff25}
.donation-section{padding:87px 0 65px;background:#f4f6f2;background-image:radial-gradient(ellipse at 98% 0%,#ffb9470d,transparent 45%),radial-gradient(ellipse at 0% 70%,#4db2aa13,transparent 40%)}.donation-section:before{background:var(--orange);width:110px;right:calc(50% - 55px);height:5px}.section-head h2{font-size:clamp(36px,4vw,56px);letter-spacing:-2px}.section-head .eyebrow{font-size:13px;color:#658477}.section-head>p{font-size:17px}.payment-grid{gap:17px}.payment{border-radius:16px;padding:26px;min-height:122px;background:#fffefb;border:1px solid #dce5e4;box-shadow:0 7px 20px #1a4a4004}.payment:hover{border-color:#5aa99f;box-shadow:0 14px 30px #1a4a4012;transform:translateY(-4px)}.payment-main{gap:23px}.payment-icon{width:56px;height:56px;border-radius:16px}.payment h3,.payment-title{font-size:24px}.go{border:0;background:#eef4f2;width:36px;height:36px;color:var(--navy)}.primary{min-height:152px;padding-inline:35px;background:linear-gradient(110deg,#236b77,var(--navy) 48%,#153b5b);border:0;color:#fff;position:relative;overflow:hidden;box-shadow:0 15px 35px #284d7028}.primary:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #ffffff17;border-radius:50%;left:65px;top:-60px;pointer-events:none}.primary h3{font-size:33px}.primary .payment-main,.primary .go{z-index:1}.primary .payment-icon{width:72px;height:72px;background:#ffffff12}.primary .go{background:var(--orange);width:54px;height:54px}.primary .go svg{width:24px;height:24px}.receipt-note{max-width:800px;border-top:1px solid #d8e3df;padding-top:20px;font-size:13px}.tax-note{font-size:14px}
.work-section{padding-block:96px 86px}.work-heading{margin-bottom:44px}.work-heading h2{font-size:52px}.work-heading>p{font-size:18px}.work-list{border:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work-item{position:relative;display:block;border:1px solid #d9e7e4;border-radius:4px 4px 30px 4px;padding:34px 28px;background:linear-gradient(160deg,#f0f8f5,#fcfcf9 75%);min-height:315px;overflow:hidden}.work-item:nth-child(2){background:linear-gradient(160deg,#fff5e4,#fcfcf9 75%);border-color:#ecdfc9}.work-item:nth-child(3){background:linear-gradient(160deg,#edf3f9,#fcfcf9 75%);border-color:#d9e2ec}.work-icon{margin-bottom:23px;width:63px;height:63px;border:1px solid #2a9b881c;background:#e4f3ec}.work-number{font-size:11px;letter-spacing:.5px}.work-item h3{font-size:26px;margin:6px 0 12px}.work-item p{font-size:15px;line-height:1.9}.work-item:after{content:"";position:absolute;width:160px;height:160px;left:-75px;top:-75px;border:1px solid #294e7010;border-radius:50%}
.impact-section{background:linear-gradient(110deg,#143b5b,#0b2742 65%)}.impact{min-height:480px;gap:90px;padding-block:70px}.impact-mark{width:230px;height:240px}.impact-mark span{border-width:23px;box-shadow:0 14px 35px #001c3122}.impact h2{font-size:64px;letter-spacing:-2px}.impact p{font-size:18px;max-width:570px}.impact .eyebrow{color:#ffcd8a}.impact-flag{width:420px;height:auto;left:-130px;bottom:-85px;opacity:.22;transform:rotate(-12deg);filter:none}.impact strong{color:#ffd293}
.contact-section{padding-block:90px 75px}.contact-grid{gap:24px}.contact{border:1px solid #d9e5df;border-top:4px solid var(--teal);border-radius:12px;background:linear-gradient(160deg,#f0f7f4,#fff);padding:35px}.contact+.contact{border-top-color:var(--orange);background:linear-gradient(160deg,#fff7e9,#fff)}.contact h3{font-size:25px}.contact-button{border-radius:100px;background:#fff;border-color:#bdceca;padding:12px 20px}.website-link{margin-top:45px}.footer{background:#eaf0ed}.footer .wrap{padding-block:22px}.footer img{width:115px;height:100px}.footer span{font-size:15px}
@keyframes real-flag{0%,100%{transform:rotate(-8deg) translateY(0) scaleX(1)}50%{transform:rotate(-5deg) translateY(-8px) scaleX(.985)}}
@media(min-width:1500px){.hero{min-height:1000px;padding-bottom:520px}.photo-frame{height:640px}.hero-art{height:100%}}
@media(max-width:1100px){.hero{min-height:920px;padding-top:170px;padding-bottom:430px}.hero-copy{width:59%;margin-right:4vw}.hero h1{font-size:65px}.hero .vision{font-size:18px}.hero .intro{font-size:14px}.flag-large{width:44vw;left:-6%;top:225px}.photo-frame{height:540px}.work-list{gap:14px}.work-item{padding:27px 22px}.work-item h3{font-size:23px}.impact{gap:50px}.impact h2{font-size:56px}}
@media(max-width:720px){.header{height:105px;width:calc(100% - 32px)}.logo{width:120px;height:103px;padding:8px;border-radius:0 0 16px 16px}.header-cta{font-size:11px;padding:9px 12px;gap:7px}.hero{padding:139px 22px 440px;min-height:970px}.hero-copy{width:100%;margin:0}.hero .eyebrow{font-size:11px;gap:9px}.hero h1{font-size:clamp(43px,11.4vw,65px);line-height:1.16;letter-spacing:-1.8px;margin:21px 0 25px}.hero h1 em:after{height:5px;bottom:-9px}.hero .vision{font-size:17px;line-height:1.8}.hero .intro{font-size:13px;line-height:1.8;margin-top:12px}.hero-link{font-size:13px;padding:10px 17px;margin-top:20px}.hero-link svg{width:18px;height:18px}.hero:before{background:linear-gradient(to bottom,#0b2742 0%,#0b2742 46%,#0b2742eb 55%,#0b274233 72%,#0b274215 88%,#0b27427d 100%)}.hero-art{margin:0;inset:0;width:100%;height:100%}.photo-frame{inset:auto 0 0;height:455px;border-radius:0}.community{object-position:52% 60%;width:100%;height:100%;object-fit:cover}.flag-large{width:77vw;max-width:380px;left:-13%;top:auto;bottom:196px;opacity:1;z-index:4;filter:drop-shadow(0 14px 17px #041d3255)}.photo-caption{bottom:27px;right:23px;font-size:12px}.art-note{bottom:27px;left:20px;font-size:10px}.together{padding:23px 20px 27px;gap:10px}.together p{font-size:21px;max-width:280px}.together .line{min-width:10px}.donation-section{padding:49px 0 37px}.section-head h2{font-size:37px;letter-spacing:-1.2px}.section-head .eyebrow{font-size:11px}.section-head>p{font-size:14px}.payment-grid{gap:12px}.payment{min-height:93px;padding:20px;border-radius:13px}.payment-main{gap:16px}.payment-icon{width:46px;height:46px;border-radius:13px}.payment h3,.payment-title{font-size:21px}.primary{min-height:120px;padding:23px}.primary h3{font-size:27px}.primary .payment-icon{width:54px;height:54px}.primary .go{width:40px;height:40px}.payment p,.payment-detail{font-size:12px}.receipt-note{background:transparent;border-radius:0;font-size:12px;padding:17px 2px 0}.tax-note{font-size:12px}.work-section{padding-block:53px}.work-heading{margin-bottom:25px}.work-heading h2{font-size:37px}.work-heading>p{font-size:15px;line-height:1.9}.work-list{grid-template-columns:1fr;gap:16px}.work-item{display:flex;gap:20px;min-height:0;padding:25px 22px;border-radius:4px 4px 23px 4px}.work-icon{width:46px;height:46px;margin:0}.work-item h3{font-size:23px;margin:5px 0 8px}.work-item p{font-size:14px}.work-number{font-size:10px}.impact{min-height:0;padding-block:50px;gap:0}.impact-mark{width:145px;height:145px;left:-10px;top:35px;opacity:.13}.impact-mark span{border-width:15px;inset:5px 0 5px 52px}.impact-mark span+span{inset:5px 52px 5px 0}.impact h2{font-size:46px}.impact p{font-size:16px}.impact-flag{width:235px;height:auto;left:-94px;bottom:-28px;opacity:.13}.contact-section{padding-block:50px 40px}.contact-section h2{font-size:33px}.contact{padding:27px 23px}.contact h3{font-size:23px}.contact p{font-size:14px}.contact-button{font-size:13px;padding:10px 15px}.website-link{margin-top:30px;font-size:14px}.footer .wrap{padding-block:15px}.footer img{width:80px;height:75px}.footer span{font-size:12px}}
@media(max-width:370px){.hero{padding-inline:18px;min-height:1000px}.hero h1{font-size:42px}.hero .vision{font-size:16px}.hero .intro{font-size:12px}.photo-caption{font-size:11px}.art-note{font-size:9px}.payment{padding:17px}.payment-main{gap:12px}.payment h3,.payment-title{font-size:19px}}
@media(prefers-reduced-motion:reduce){.flag-large{animation:none}}