 :root{--ink:#0a2028;--deep:#071d25;--blue:#164653;--sand:#d8c5a1;--cream:#f1eee6;--muted:#7f8c8d;--white:#fff;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.progress{height:3px;width:0;position:fixed;top:0;left:0;background:#d8c5a1;z-index:1000}.header{height:82px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;background:rgba(7,29,37,.97);color:white;position:absolute;top:0;left:0;width:100%;z-index:50}.brand{display:flex;align-items:center;gap:11px;font:800 20px Manrope,sans-serif;letter-spacing:3px}.brand-mark{width:34px;height:34px;border:1px solid #c8b58f;border-radius:50%;display:grid;place-items:center;color:#d8c5a1;font:italic 20px Georgia}.brand-dot{color:#d8c5a1}.nav{display:flex;align-items:center;gap:35px;font-size:12px;color:#d4dddc}.nav a{transition:.2s}.nav a:hover{color:#e2cda8}.nav .nav-cta{border:1px solid #829194;padding:12px 17px;color:white}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.hero{height:760px;min-height:650px;position:relative;background:#12333b url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2200&q=85') center 53%/cover no-repeat;color:white;display:flex;align-items:center;padding:100px 12% 60px}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,26,.88) 0%,rgba(3,20,26,.55) 52%,rgba(3,20,26,.12) 100%),linear-gradient(0deg,rgba(3,20,26,.55),transparent 45%)}.hero-content{position:relative;z-index:1;max-width:700px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.7px;font-weight:700;color:#b9a982}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow span{width:28px;height:1px;background:#d8c5a1}.hero h1{font:800 clamp(58px,8vw,112px)/.98 Manrope,sans-serif;letter-spacing:-5px;margin:35px 0 24px}.hero h1 em,.section h2 em,.section-title-row h2 em{font-family:var(--serif);font-weight:400;color:#d9c5a0;letter-spacing:-4px}.hero-lead{max-width:530px;color:#d5dedc;line-height:1.8;font-size:15px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:37px}.button{display:inline-flex;gap:30px;align-items:center;padding:17px 22px;font-size:12px;font-weight:700}.button-light{background:#e0cfad;color:#132b31}.text-link{font-size:12px;color:#fff}.hero-bottom{position:absolute;bottom:27px;left:7.2%;right:7.2%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#d5dedc}.hero-vertical{position:absolute;right:3%;top:45%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#e4e8e5;opacity:.75}.section{padding:115px 12%}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:35px}.section h2{font:800 clamp(43px,5.3vw,72px)/1.05 Manrope,sans-serif;letter-spacing:-3px;margin:0}.section h2 em,.section-title-row h2 em{color:#9b8866}.intro-copy{padding-top:7px}.large-copy{font:23px/1.55 Georgia,serif;color:#233d42;margin:0 0 23px}.intro-copy p:not(.large-copy){font-size:13px;line-height:1.9;color:#687678}.fact-row{border-top:1px solid #c9c5ba;margin-top:65px;padding-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.fact strong{display:block;font:700 27px Manrope;margin-bottom:8px}.fact span{font-size:11px;color:#778284;line-height:1.6;max-width:180px;display:block}.compare-section,.impact-section{background:var(--deep);color:white}.compare-inner{padding-top:105px;padding-bottom:110px}.light-kicker{color:#b9a982}.compare-heading{display:flex;justify-content:space-between;align-items:end;margin:35px 0 45px}.compare-heading h2{font-size:clamp(48px,6vw,78px)}.compare-heading h2 em{color:#d8c5a1}.compare-heading p{max-width:300px;color:#b9c5c4;font-size:13px;line-height:1.8;margin:0 0 5px}.comparison{height:430px;position:relative;overflow:hidden;background:#536b69}.compare-image{position:absolute;inset:0;background-position:center;background-size:cover}.old-image{background-image:linear-gradient(0deg,rgba(5,27,33,.3),transparent),url('https://images.unsplash.com/photo-1500375592092-40eb2168fd21?auto=format&fit=crop&w=1800&q=85')}.new-image{width:54%;right:auto;background-image:linear-gradient(0deg,rgba(5,27,33,.35),transparent),url('https://images.unsplash.com/photo-1509316785289-025f5b846b35?auto=format&fit=crop&w=1800&q=85');border-right:2px solid #e2d0ac}.image-label{position:absolute;bottom:25px;left:27px;display:flex;flex-direction:column;gap:6px;text-shadow:0 2px 10px #000}.image-label b{font-size:11px;letter-spacing:2px}.image-label span{font-size:11px;color:#e1e7e4}.new-image .image-label{left:22px}.compare-line{position:absolute;left:54%;top:0;bottom:0;width:2px;background:#e2d0ac;display:flex;align-items:center;justify-content:center}.compare-line span{width:38px;height:38px;border-radius:50%;background:#e2d0ac;color:#0a252c;display:grid;place-items:center;font-size:19px;margin-left:0}.slider-wrap{display:flex;align-items:center;gap:20px;margin-top:25px;color:#d6c5a3;font-size:9px;letter-spacing:2px}.slider-wrap input{flex:1;accent-color:#d8c5a1;cursor:ew-resize}.compare-note{font-size:10px;color:#8fa0a0;margin-top:17px}.causes{padding-top:120px;padding-bottom:125px}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:35px 0 55px}.section-title-row>p{max-width:340px;color:#778284;font-size:13px;line-height:1.8;margin:0 0 6px}.cause-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.cause-card{min-height:270px;background:#e8e4da;padding:27px;position:relative;border:1px solid #ddd8cc;transition:transform .3s,background .3s}.cause-card:hover{transform:translateY(-7px);background:#fff}.card-number{font-size:10px;letter-spacing:2px;color:#a29478}.cause-icon{font-size:35px;color:#9b8866;margin:25px 0 20px}.cause-card h3{font:700 19px Manrope;margin:0 0 12px}.cause-card p{font-size:12px;line-height:1.8;color:#778284;margin:0}.impact-section{padding:110px 0}.impact-section .section-title-row>p{color:#aab8b7}.impact-section .section-title-row h2 em{color:#d8c5a1}.impact-list{border-top:1px solid #31474c}.impact-item{display:grid;grid-template-columns:70px 1fr 30px;gap:20px;align-items:start;padding:28px 0;border-bottom:1px solid #31474c}.impact-item>span{font-size:11px;color:#b9a982;padding-top:5px}.impact-item h3{font:600 21px Manrope;margin:0 0 8px}.impact-item p{font-size:12px;line-height:1.8;color:#aab8b7;max-width:680px;margin:0}.impact-item>b{font-size:19px;color:#d8c5a1}.future{padding-top:120px;padding-bottom:120px}.future-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:stretch}.future-photo{min-height:510px;background:linear-gradient(0deg,rgba(5,25,31,.55),transparent 60%),url('https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?auto=format&fit=crop&w=1200&q=85') center/cover;position:relative}.photo-caption{position:absolute;bottom:23px;left:23px;color:white;font-size:9px;letter-spacing:2px}.future-content{display:flex;flex-direction:column;justify-content:center}.solution{display:grid;grid-template-columns:38px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid #d3cec2}.solution>span{color:#a08d69;font-size:11px;padding-top:4px}.solution h3{font:700 17px Manrope;margin:0 0 8px}.solution p{font-size:12px;line-height:1.8;color:#788486;margin:0}.quote-section{padding:90px 15%;background:#e4ddcf;text-align:center}.quote-mark{font:100px/ .7 Georgia;color:#a08d69}.quote-section blockquote{font:clamp(25px,3.2vw,42px)/1.35 Georgia,serif;max-width:850px;margin:30px auto;color:#213b40}.quote-section p{font-size:9px;letter-spacing:2.5px;color:#88795d}.sources{padding-top:105px;padding-bottom:105px}.sources h2{margin-top:25px}.sources-intro{color:#778284;font-size:13px;margin:20px 0 35px}.source-links{border-top:1px solid #cbc6ba}.source-links a{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #cbc6ba;font:600 15px Manrope}.source-links a span{color:#9c8967}.footer{background:#071d25;color:#fff;padding:42px 7.2% 25px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:20px}.footer p{font-size:9px;letter-spacing:2px;color:#9caaaa;text-align:center}.back-top{text-align:right;font-size:10px;letter-spacing:1px;color:#d8c5a1}.footer small{grid-column:1/-1;border-top:1px solid #294047;padding-top:20px;color:#718486;font-size:9px;letter-spacing:1.5px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.header{height:70px;padding:0 6%}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;width:100%;padding:22px 7%;background:#071d25;flex-direction:column;align-items:flex-start;gap:22px}.nav.open{display:flex}.hero{height:720px;padding:120px 7% 70px;background-position:58% center}.hero h1{letter-spacing:-3px}.hero-vertical{display:none}.hero-bottom{left:7%;right:7%;font-size:8px}.section{padding:85px 7%}.intro-grid,.future-grid{grid-template-columns:1fr;gap:30px}.intro-grid{margin-top:25px}.intro-copy{max-width:650px}.fact-row{gap:15px;margin-top:40px}.fact strong{font-size:22px}.compare-inner{padding-top:85px;padding-bottom:85px}.compare-heading,.section-title-row{display:block}.compare-heading p,.section-title-row>p{margin-top:22px}.comparison{height:340px}.cause-grid{grid-template-columns:1fr}.cause-card{min-height:220px}.cause-icon{margin:15px 0}.impact-section{padding:85px 0}.future-photo{min-height:360px}.future-content{margin-top:10px}.footer{grid-template-columns:1fr 1fr}.footer p{display:none}.back-top{grid-column:2;grid-row:1}.footer small{margin-top:10px}}
@media(max-width:480px){.hero{min-height:680px;height:90vh}.hero h1{font-size:55px}.hero-lead{font-size:13px}.hero-actions{gap:17px}.button{padding:15px 14px;gap:15px}.text-link{font-size:10px}.hero-bottom span:last-child{display:none}.section h2{font-size:43px}.large-copy{font-size:20px}.fact-row{grid-template-columns:1fr;gap:22px}.fact{display:grid;grid-template-columns:110px 1fr;align-items:center}.fact strong{margin:0}.compare-heading h2{font-size:50px}.comparison{height:280px}.impact-item{grid-template-columns:32px 1fr 20px;gap:10px}.impact-item h3{font-size:17px}.quote-section{padding:75px 8%}.footer{padding-left:7%;padding-right:7%}}
