1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8" /> 5<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6<title>How we help · Ecoflix Foundation</title> 7<meta name="description" content="Storytelling, capital, audience. The three levers Ecoflix Foundation pulls on behalf of partner NGOs, month after month, project after project." /> 8<meta name="theme-color" content="#020718" /> 9<link rel="canonical" href="https://www.ecoflix.com/how-we-help/" /> 10<link rel="preconnect" href="https://fonts.googleapis.com" /> 11<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 12<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700&family=Red+Hat+Display:ital,wght@0,500;0,800;0,900;1,500&display=swap" rel="stylesheet" /> 13<link rel="icon" type="image/png" href="/assets/favicon.png" /> 14<link rel="stylesheet" href="/assets/site.css" /> 15<link rel="stylesheet" href="/assets/i18n.css" /> 16<style> 17 /* ============ HERO ============ */ 18 .pg-hero{position:relative;padding:160px var(--pad-x) 80px;text-align:center;overflow:hidden;isolation:isolate} 19 .pg-hero::before{content:"";position:absolute;inset:-20%;z-index:-1;background:radial-gradient(45% 40% at 50% 35%,rgba(168,243,65,.22),transparent 70%);filter:blur(60px)} 20 .pg-hero h1{font-family:var(--display);font-weight:800;font-size:clamp(48px,7vw,108px);line-height:.96;letter-spacing:-.03em;margin:0 auto 22px;max-width:18ch} 21 .pg-hero h1 em{font-style:italic;font-weight:500;background:linear-gradient(120deg,var(--leaf) 0%,#D3FA9E 45%,var(--leaf) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 7s linear infinite} 22 .pg-hero p{max-width:62ch;margin:0 auto;font-size:21px;color:var(--mist);line-height:1.55} 23 @keyframes shine{0%{background-position:0% 50%}100%{background-position:200% 50%}} 24 25 /* ============ LEVER BANDS (3 alternating image/text bands) ============ */ 26 .lever{position:relative;padding:clamp(80px,12vh,140px) var(--pad-x);overflow:hidden;isolation:isolate} 27 .lever:nth-of-type(even){background:var(--ink-80)} 28 .lever::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(40% 50% at 20% 50%,rgba(168,243,65,.10),transparent 70%);filter:blur(70px)} 29 .lever:nth-of-type(even)::before{background:radial-gradient(40% 50% at 80% 50%,rgba(168,243,65,.10),transparent 70%);filter:blur(70px)} 30 .lever-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,6vw,80px);align-items:center;position:relative;z-index:2} 31 .lever.is-reverse .lever-grid{grid-template-columns:1fr 1.05fr} 32 .lever.is-reverse .lever-media{order:2} 33 .lever.is-reverse .lever-body{order:1} 34 @media (max-width:880px){ 35 .lever-grid,.lever.is-reverse .lever-grid{grid-template-columns:1fr;gap:32px} 36 .lever.is-reverse .lever-media{order:0} 37 .lever.is-reverse .lever-body{order:0} 38 } 39 .lever-media{position:relative;height:clamp(420px,60vh,640px);border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(168,243,65,.18);box-shadow:0 30px 80px -30px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.04) inset} 40 .lever-img{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04);filter:brightness(.78) saturate(1.06);transition:transform 1.8s cubic-bezier(.2,.7,.1,1), filter .6s ease} 41 .lever-media:hover .lever-img{transform:scale(1.12);filter:brightness(.82) saturate(1.1)} 42 .lever-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(2,7,24,.1) 0%, rgba(2,7,24,.02) 35%, rgba(2,7,24,.3) 100%);pointer-events:none} 43 .lever-stamp{position:absolute;left:20px;top:20px;z-index:3;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(2,7,24,.65);backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px) saturate(1.05);border:1px solid rgba(168,243,65,.32);font-family:var(--display);font-size:10.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--leaf)} 44 .lever-stamp::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--leaf);box-shadow:0 0 8px var(--leaf-glow)} 45 .lever-caption{position:absolute;
45left:20px;right:20px;bottom:20px;z-index:3;font-family:var(--display);font-style:italic;font-weight:500;font-size:14px;line-height:1.4;color:var(--bone);letter-spacing:.005em} 46 .lever-eyebrow{font-family:var(--display);font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--leaf);display:inline-flex;align-items:center;gap:10px;margin-bottom:22px} 47 .lever-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--leaf);box-shadow:0 0 8px var(--leaf-glow)} 48 .lever h2{font-family:var(--display);font-weight:800;font-size:clamp(36px,5vw,68px);line-height:1.02;letter-spacing:-.025em;margin:0 0 20px;max-width:18ch} 49 .lever h2 em{font-style:italic;font-weight:500;color:var(--leaf)} 50 .lever p.lever-lede{font-size:18.5px;color:var(--mist);line-height:1.55;max-width:54ch;margin:0 0 20px} 51 .lever-meta{display:flex;flex-direction:column;gap:14px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(168,243,65,.18)} 52 .lever-meta-row{display:flex;align-items:baseline;gap:14px} 53 .lever-meta-k{font-family:var(--display);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--mist-2);min-width:100px;flex:0 0 100px} 54 .lever-meta-v{font-family:var(--display);font-weight:700;font-size:15px;color:var(--bone);letter-spacing:-.005em} 55 .lever-meta-v b{color:var(--leaf);font-weight:700} 56 57 /* ============ STAT STRIP ============ */ 58 .stats-band{position:relative;padding:120px var(--pad-x);overflow:hidden;isolation:isolate} 59 .stats-band::before{content:"";position:absolute;inset:-10%;z-index:-1;background:radial-gradient(50% 50% at 50% 50%,rgba(168,243,65,.14),transparent 70%);filter:blur(70px)} 60 .stats-wrap{max-width:1280px;margin:0 auto;position:relative;z-index:2} 61 .stats-head{text-align:center;margin-bottom:60px} 62 .stats-head h2{font-family:var(--display);font-weight:800;font-size:clamp(34px,4.5vw,60px);line-height:1;letter-spacing:-.025em;margin:14px auto 0;max-width:22ch} 63 .stats-head h2 em{font-style:italic;font-weight:500;color:var(--leaf)} 64 .stats-head p{max-width:54ch;margin:22px auto 0;color:var(--mist);font-size:18px} 65 .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} 66 @media (max-width:880px){.stat-grid{grid-template-columns:repeat(2,1fr)}} 67 @media (max-width:480px){.stat-grid{grid-template-columns:1fr}} 68 .stat-tile{padding:36px 28px 32px;border-radius:var(--r-lg);background:linear-gradient(180deg, rgba(2,7,24,.55) 0%, rgba(2,7,24,.85) 100%);border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden;transition:border-color .3s ease, transform .3s ease;text-align:left} 69 .stat-tile::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--leaf),transparent);opacity:.7} 70 .stat-tile:hover{border-color:rgba(168,243,65,.32);transform:translateY(-3px)} 71 .stat-tile .st-num{font-family:var(--display);font-weight:900;font-size:clamp(48px,6vw,72px);line-height:.95;letter-spacing:-.04em;color:var(--bone);margin-bottom:14px;display:block} 72 .stat-tile .st-num em{font-style:italic;font-weight:500;color:var(--leaf)} 73 .stat-tile .st-lab{font-family:var(--display);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--leaf);font-weight:800;display:inline-flex;align-items:center;gap:8px;margin-bottom:14px} 74 .stat-tile .st-lab::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--leaf);box-shadow:0 0 6px var(--leaf-glow)} 75 .stat-tile .st-sub{font-size:13.5px;color:var(--mist);line-height:1.45;margin:0} 76 77 /* ============ FLOW (5-step timeline) ============ */ 78 .flow-sec{position:relative;padding:140px var(--pad-x);overflow:hidden;isolation:isolate;background:var(--ink-80)} 79 .flow-sec::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 50% at 80% 60%,rgba(168,243,65,.10),transparent 70%);filter:blur(60px)} 80 .flow-wrap{max-width:1180px;margin:0 auto;position:relative;z-index:2} 81 .flow-head{text-align:center;margin-bottom:80px} 82 .flow-head h2{font-family:var(--display);font-weight:800;font-size:clamp(34px,4.5vw,60px);line-height:1;letter-spacing:-.025em;margin:14px auto 0;max-width:22ch} 83 .flow-head h2 em{font-style:italic;font-weight:500;color:var(--leaf)} 84 .flow-head p{max-width:54ch;margin:22px auto 0;
84color:var(--mist);font-size:18px} 85 .flow-steps{position:relative;display:flex;flex-direction:column;gap:38px;max-width:980px;margin:0 auto;padding-left:36px;list-style:none} 86 .flow-steps::before{content:"";position:absolute;top:8px;bottom:8px;left:14px;width:1.5px;background:linear-gradient(180deg, transparent 0%, rgba(168,243,65,.5) 6%, rgba(168,243,65,.7) 50%, rgba(168,243,65,.4) 94%, transparent 100%);box-shadow:0 0 8px var(--leaf-glow), 0 0 14px rgba(168,243,65,.18)} 87 .flow-step{position:relative;padding:22px 26px 24px 30px;border-radius:var(--r-md);background:rgba(2,7,24,.55);border:1px solid rgba(255,255,255,.07);transition:border-color .25s ease, background .25s ease, transform .25s ease} 88 .flow-step:hover{border-color:rgba(168,243,65,.4);background:rgba(2,7,24,.75);transform:translateX(3px)} 89 .flow-node{position:absolute;left:-30px;top:28px;width:14px;height:14px;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 4px rgba(7,13,35,.95), 0 0 12px var(--leaf-glow), 0 0 24px rgba(168,243,65,.25);z-index:2} 90 .flow-node::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(168,243,65,.25);animation:flowPulse 3.4s ease-in-out infinite} 91 @keyframes flowPulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.6);opacity:0}} 92 .flow-coord{font-family:var(--display);font-size:10.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--leaf);display:inline-flex;align-items:center;gap:8px;margin-bottom:10px} 93 .flow-step h3{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.015em;line-height:1.2;color:var(--bone);margin:0 0 8px} 94 .flow-step h3 em{font-style:italic;font-weight:500;color:var(--leaf)} 95 .flow-step p{color:var(--mist);font-size:15.5px;line-height:1.55;margin:0;max-width:62ch} 96 .flow-num{font-family:var(--display);font-weight:900;font-size:14px;color:var(--mist-2);letter-spacing:.04em;margin-right:8px} 97 98 /* ============ CTA ============ */ 99 .cta-band{position:relative;padding:140px var(--pad-x);text-align:center;overflow:hidden;isolation:isolate} 100 .cta-band::before{content:"";position:absolute;inset:-10%;z-index:-1;background:radial-gradient(45% 50% at 50% 50%,rgba(168,243,65,.22),transparent 70%);filter:blur(60px)} 101 .cta-band h2{font-family:var(--display);font-weight:800;font-size:clamp(40px,6vw,84px);line-height:.98;letter-spacing:-.03em;margin:18px auto 0;max-width:14ch} 102 .cta-band h2 em{font-style:italic;font-weight:500;color:var(--leaf)} 103 .cta-band p{max-width:48ch;margin:22px auto 0;color:var(--mist);font-size:19px} 104 .cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:38px} 105</style> 106<!-- seo:auto --> 107<meta property="og:type" content="website" /> 108<meta property="og:site_name" content="Ecoflix Foundation" /> 109<meta property="og:title" content="How we help · Ecoflix Foundation" /> 110<meta property="og:description" content="Storytelling, capital, audience. The three levers Ecoflix Foundation pulls on behalf of partner NGOs, month after month, project after project." /> 111<meta property="og:url" content="https://www.ecoflix.com/how-we-help/" /> 112<meta property="og:image" content="https://www.ecoflix.com/assets/og-cover.png" /> 113<meta name="twitter:card" content="summary_large_image" /> 114<meta name="twitter:title" content="How we help · Ecoflix Foundation" /> 115<meta name="twitter:description" content="Storytelling, capital, audience. The three levers Ecoflix Foundation pulls on behalf of partner NGOs, month after month, project after project." /> 116<meta name="twitter:image" content="https://www.ecoflix.com/assets/og-cover.png" />
117<script type="application/ld+json">{"@context":"https://schema.org","@type":["NGO","Organization"],"name":"Ecoflix Foundation","alternateName":"Ecoflix","url":"https://www.ecoflix.com/","logo":"https://www.ecoflix.com/assets/logo.png","description":"The not-for-profit foundation behind the Ecoflix channel. We fund the NGOs on the front line of wildlife conservation.","sameAs":["https://www.instagram.com/ecoflixofficial/","https://www.facebook.com/ecoflixofficial","https://twitter.com/ecoflixofficial","https://www.youtube.com/@ecoflixofficial","https://www.linkedin.com/company/ecoflix/","https://www.tiktok.com/@ecoflixofficial"]}</script>
117 118<!-- /seo:auto --> 119</head> 120<body> 121<a href="#main" class="skip-to-content">Skip to content</a> 122<button class="bttop" id="backToTop" type="button" aria-label="Back to top"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 19V5M5 12l7-7 7 7"/></svg></button> 123 124<header class="header" id="header"> 125 <a href="/" class="brand" aria-label="Ecoflix home"><img src="/assets/logo.png" alt="Ecoflix" style="height:34px;width:auto;display:block" /></a> 126 <nav class="nav" aria-label="Main"><a href="/mission/">Mission</a><a href="/how-we-help/" aria-current="page">How we help</a><a href="/projects/">Projects</a> 127<a href="/ngo-partners/">NGO Partners</a><a href="/watch/">Watch</a><a href="/news/">News</a><a href="/features/">Features</a></nav> 128 <div class="header-cta"><a class="btn btn-ghost" href="https://watch.ecoflix.com/" data-i18n="cta.channel">Channel <span class="arrow">â</span></a><a class="btn btn-primary" href="/donate/" data-i18n="cta.support">Support our work</a></div> 129 <button class="menu-btn" id="menuBtn" aria-label="Open menu" aria-expanded="false" aria-controls="drawer"><span></span><span></span><span></span></button> 130</header> 131<div class="drawer" id="drawer" aria-hidden="true"> 132 <span class="drawer-eyebrow">Menu</span> 133 <nav class="drawer-nav" aria-label="Mobile"> 134 <a href="/mission/"><span class="drawer-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="5"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/></svg></span>Mission<span class="drawer-arrow" aria-hidden="true">â</span></a> 135 <a href="/how-we-help/"><span class="drawer-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M3 12h4l3-7 4 14 3-7h4"/></svg></span>How we help<span class="drawer-arrow" aria-hidden="true">â</span></a> 136 <a href="/projects/"><span class="drawer-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M12 2C8 2 5 5 5 9c0 5.5 7 13 7 13s7-7.5 7-13c0-4-3-7-7-7z"/><circle cx="12" cy="9" r="2.5"/></svg></span>Projects<span class="drawer-arrow" aria-hidden="true">â</span></a> 137 <a href="/watch/"><span class="drawer-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M10 9l5 3-5 3z" fill="currentColor" stroke="none"/></svg></span>Watch<span class="drawer-arrow" aria-hidden="true">â</span></a> 138 <a href="/news/"><span class="drawer-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M7 8h10M7 12h10M7 16h6"/></svg></span>News<span class="drawer-arrow" aria-hidden="true">â</span></a> 139 <a href="/features/"><span class="drawer-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M4 5h16M4 10h16M4 15h10"/></svg></span>Features<span class="drawer-arrow" aria-hidden="true">â</span></a> 140 </nav> 141 <a class="btn btn-primary" href="/donate/">Support our work <span class="arrow">â</span></a> 142 <div class="drawer-footer"><span class="dot"></span>100% of every donation reaches the project.</div> 143</div> 144 145 146<main id="main"> 147 148<!-- ============ 1 · HERO ============ --> 149<section class="pg-hero"> 150 <div class="bg-cartograph" aria-hidden="true"> 151 <svg viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"> 152 <line class="bg-lat" x1="-50" y1="200" x2="1650" y2="200"/> 153 <line class="bg-lat" x1="-50" y1="450" x2="1650" y2="450"/> 154 <line class="bg-lat" x1="-50" y1="700" x2="1650" y2="700"/> 155 <path class="bg-trail" d="M-50,760 C220,580 380,460 620,420 C870,380 1010,300 1220,260 C1400,210 1520,200 1700,240"/> 156 <path class="bg-trail-soft" d="M-30,560 C260,440 540,520 800,440 C1060,380 1340,440 1660,400"/> 157 <circle class="bg-track" cx="220" cy="640" r="3"/> 158 <circle class="bg-track" cx="360" cy="540" r="2.8"/> 159 <circle class="bg-track" cx="520" cy="470" r="3"/> 160 <circle class="bg-track" cx="720" cy="420" r="2.8"/> 161 <circle class="bg-track" cx="920" cy="360" r="3"/> 162 <circle class="bg-track" cx="1160" cy="290" r="3.2"/>
162 163 <g class="bg-compass" transform="translate(1430,180)"> 164 <circle class="bg-compass-ring" r="52"/> 165 <circle class="bg-compass-ring" r="38"/> 166 <line class="bg-compass-tick" x1="0" y1="-56" x2="0" y2="56"/> 167 <line class="bg-compass-tick" x1="-56" y1="0" x2="56" y2="0"/> 168 <line class="bg-compass-tick" x1="-40" y1="-40" x2="40" y2="40"/> 169 <line class="bg-compass-tick" x1="40" y1="-40" x2="-40" y2="40"/> 170 <polygon class="bg-compass-arrow" points="0,-52 7,0 0,52 -7,0"/> 171 <polygon class="bg-compass-arrow" points="-52,0 0,7 52,0 0,-7"/> 172 <text class="bg-compass-label" x="0" y="-62" text-anchor="middle">N</text> 173 <text class="bg-compass-label" x="64" y="4" text-anchor="middle">E</text> 174 <text class="bg-compass-label" x="0" y="74" text-anchor="middle">S</text> 175 <text class="bg-compass-label" x="-64" y="4" text-anchor="middle">W</text> 176 </g> 177 <g transform="translate(140,820)"><text class="bg-coord-text" x="0" y="0">03 · HOW WE HELP</text></g> 178 <g class="bg-marker" transform="translate(1160,290)"><circle r="18" fill="none"/><circle r="5" class="bg-marker-dot"/></g> 179 </svg> 180 </div> 181 <span class="eyebrow" style="display:inline-flex;margin-bottom:22px">How we help</span> 182 <h1>Three things <em>we do for the field.</em></h1> 183 <p>Storytelling, capital, audience. The three levers Ecoflix Foundation pulls on behalf of partner NGOs, month after month, project after project.</p> 184</section> 185 186<!-- ============ 2 · LEVER 01 · STORYTELLING ============ --> 187<section class="lever" aria-labelledby="lever-01"> 188 <div class="bg-cartograph" aria-hidden="true"> 189 <svg viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"> 190 <line class="bg-lat" x1="-50" y1="250" x2="1650" y2="250"/> 191 <line class="bg-lat" x1="-50" y1="700" x2="1650" y2="700"/> 192 <path class="bg-trail-soft" d="M-30,460 C260,360 540,520 800,440 C1060,380 1340,500 1660,440"/> 193 <g class="bg-marker" transform="translate(1280,200)"><circle r="14"/><circle r="6" class="bg-marker-dot"/></g> 194 </svg> 195 </div> 196 <div class="lever-grid"> 197 <div class="lever-media"> 198 <div class="lever-stamp">Lever 01 · 34.0°N 118.2°W</div> 199 <div class="lever-img" style="background-image:url('/assets/projects/returning-orphaned-orangutans-to-the-wild-hd.jpg')"></div> 200 <div class="lever-caption">"Broadcast-grade storytelling â handed to the field, free of charge."</div> 201 </div> 202 <div class="lever-body"> 203 <span class="lever-eyebrow">Lever · 01</span> 204 <h2 id="lever-01">We make films <em>the world will watch.</em></h2> 205 <p class="lever-lede">Our Originals studio â Award-winning â makes the documentary unit each NGO never had budget for. The films go out across the channel, broadcasters, festivals, and end up in living rooms that never knew the project existed.</p> 206 <div class="lever-meta"> 207 <div class="lever-meta-row"><span class="lever-meta-k">Output</span><span class="lever-meta-v">4â6 Originals shipped per year</span></div> 208 <div class="lever-meta-row"><span class="lever-meta-k">Reach</span><span class="lever-meta-v">A global audience across the channel and broadcasters</span></div> 209 <div class="lever-meta-row"><span class="lever-meta-k">Cost to NGO</span><span class="lever-meta-v"><b>$0</b> â production covered by the Foundation</span></div> 210 </div> 211 </div> 212 </div> 213</section> 214 215<!-- ============ 3 · LEVER 02 · CAPITAL ============ --> 216<section class="lever is-reverse section-lift-soft" aria-labelledby="lever-02"> 217 <div class="bg-cartograph is-mirror" aria-hidden="true"> 218 <svg viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"> 219 <line class="bg-lat" x1="-50" y1="180" x2="1650" y2="180"/> 220 <line class="bg-lat" x1="-50" y1="640" x2="1650" y2="640"/> 221 <path class="bg-trail-soft" d="M-30,400 C260,300 540,460 800,380 C1060,300 1340,440 1660,380"/> 222 <g class="bg-marker" transform="translate(280,720)"><circle r="14"/><circle r="6" class="bg-marker-dot"/></g> 223 </svg> 224 </div> 225 <div class="lever-grid"> 226 <div class="lever-body">
227 <span class="lever-eyebrow">Lever · 02</span> 228 <h2 id="lever-02">We route donations <em>100% to the field.</em></h2> 229 <p class="lever-lede">Ecoflix Foundation is a US 501(c)(3). Every donation passes through entirely â no processing tax, no overhead haircut. Corporate partners cover our salaries, hosting, finance, legal. The result: a clean, traceable funnel from sofa to sanctuary.</p> 230 <div class="lever-meta"> 231 <div class="lever-meta-row"><span class="lever-meta-k">Pass-through</span><span class="lever-meta-v"><b>100%</b> of every donor dollar</span></div> 232 <div class="lever-meta-row"><span class="lever-meta-k">Audit</span><span class="lever-meta-v">Independently verified, quarterly</span></div> 233 <div class="lever-meta-row"><span class="lever-meta-k">Routed to date</span><span class="lever-meta-v"><b>$698K+</b> across 64 partner NGOs</span></div> 234 </div> 235 </div> 236 <div class="lever-media"> 237 <div class="lever-stamp">Lever 02 · 1.5°S 35.1°E</div> 238 <div class="lever-img" style="background-image:url('https://images.unsplash.com/photo-1564349683136-77e08dba1ef7?w=2000&q=80&auto=format&fit=crop')"></div> 239 <div class="lever-caption">"Every dollar in is a dollar out â and the receipts are public."</div> 240 </div> 241 </div> 242</section> 243 244<!-- ============ 4 · LEVER 03 · AUDIENCE ============ --> 245<section class="lever" aria-labelledby="lever-03"> 246 <div class="bg-cartograph" aria-hidden="true"> 247 <svg viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"> 248 <line class="bg-lat" x1="-50" y1="220" x2="1650" y2="220"/> 249 <line class="bg-lat" x1="-50" y1="680" x2="1650" y2="680"/> 250 <path class="bg-trail" d="M-50,460 C260,380 540,540 800,460 C1060,380 1340,540 1660,460"/> 251 <circle class="bg-track" cx="320" cy="430" r="3"/> 252 <circle class="bg-track" cx="620" cy="510" r="3"/> 253 <circle class="bg-track" cx="920" cy="490" r="3"/> 254 <circle class="bg-track" cx="1220" cy="470" r="3"/> 255 </svg> 256 </div> 257 <div class="lever-grid"> 258 <div class="lever-media"> 259 <div class="lever-stamp">Lever 03 · 0.8°S 113.9°E</div> 260 <div class="lever-img" style="background-image:url('/assets/projects/a-free-life-for-thailands-rescued-elephants-hd.jpg')"></div> 261 <div class="lever-caption">"12 million people already showed up. We hand them to the NGOs."</div> 262 </div> 263 <div class="lever-body"> 264 <span class="lever-eyebrow">Lever · 03</span> 265 <h2 id="lever-03">We hand the NGOs <em>a viewer base.</em></h2> 266 <p class="lever-lede">12+ million people across the Ecoflix Channel, social, and partner broadcasters. We hand each NGO a built-in audience â and the donations that come with them. The hardest part of fundraising, already done.</p> 267 <div class="lever-meta"> 268 <div class="lever-meta-row"><span class="lever-meta-k">Channel</span><span class="lever-meta-v">Free to watch, worldwide</span></div> 269 <div class="lever-meta-row"><span class="lever-meta-k">Social</span><span class="lever-meta-v">A growing audience across IG, TikTok and YouTube</span></div> 270 <div class="lever-meta-row"><span class="lever-meta-k">Conversion</span><span class="lever-meta-v">Viewers become donors on the same screen</span></div> 271 </div> 272 </div> 273 </div> 274</section> 275 276<!-- ============ 5 · STAT STRIP ============ --> 277<section class="stats-band section-lift-soft"> 278 <div class="bg-cartograph is-mirror" aria-hidden="true"> 279 <svg viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"> 280 <line class="bg-lat" x1="-50" y1="220" x2="1650" y2="220"/> 281 <line class="bg-lat" x1="-50" y1="680" x2="1650" y2="680"/> 282 <path class="bg-trail-soft" d="M-30,460 C260,380 540,540 800,460 C1060,380 1340,540 1660,460"/> 283 </svg> 284 </div> 285 <div class="stats-wrap"> 286 <header class="stats-head"> 287 <span class="eyebrow" style="margin:0 auto">What that adds up to</span> 288 <h2>Five years in, <em>the numbers.</em></h2> 289 <p>Not promises, not projections. The actual tally as of this quarter â independently audited and published in plain English.</p> 290 </header> 291 <div class="stat-grid"> 292 <div class="stat-tile">
293 <span class="st-lab">Routed</span> 294 <span class="st-num"><span data-livestat="raised">$698K</span><em>+</em></span> 295 <p class="st-sub">to partner NGOs since 2021. Every dollar tracked on a real project page.</p> 296 </div> 297 <div class="stat-tile"> 298 <span class="st-lab">Protected</span> 299 <span class="st-num">12,400<em>+</em></span> 300 <p class="st-sub">animals rescued, rehabilitated, monitored or actively defended in the field.</p> 301 </div> 302 <div class="stat-tile"> 303 <span class="st-lab">Partners</span> 304 <span class="st-num"><span data-livestat="ngos">47</span></span> 305 <p class="st-sub">NGOs across six continents. Each one vetted before a single dollar lands.</p> 306 </div> 307 <div class="stat-tile"> 308 <span class="st-lab">Pass-through</span> 309 <span class="st-num">100<em>%</em></span> 310 <p class="st-sub">of every donor dollar reaches the partner. Founders cover the overhead separately.</p> 311 </div> 312 </div> 313 </div> 314</section> 315 316<!-- ============ 6 · PROJECT FLOW ============ --> 317<section class="flow-sec"> 318 <div class="bg-cartograph" aria-hidden="true"> 319 <svg viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"> 320 <line class="bg-lat" x1="-50" y1="160" x2="1650" y2="160"/> 321 <line class="bg-lat" x1="-50" y1="380" x2="1650" y2="380"/> 322 <line class="bg-lat" x1="-50" y1="600" x2="1650" y2="600"/> 323 <line class="bg-lat" x1="-50" y1="820" x2="1650" y2="820"/> 324 <path class="bg-trail-soft" d="M-30,200 C260,280 540,180 800,220 C1060,260 1340,160 1660,200"/> 325 <path class="bg-trail-soft" d="M-30,720 C260,640 540,740 800,700 C1060,660 1340,760 1660,720"/> 326 <g class="bg-marker" transform="translate(220,160)"><circle r="14"/><circle r="6" class="bg-marker-dot"/></g> 327 <g class="bg-marker" transform="translate(1400,820)"><circle r="14"/><circle r="6" class="bg-marker-dot"/></g> 328 </svg> 329 </div> 330 <div class="flow-wrap"> 331 <header class="flow-head"> 332 <span class="eyebrow" style="margin:0 auto">A typical project flow</span> 333 <h2>Five steps from <em>sit-down to receipts.</em></h2> 334 <p>Every Ecoflix project runs this loop. No black boxes, no surprises, no quietly-rewritten budget halfway through. The path from idea to impact report is the same one, every time.</p> 335 </header> 336 <ol class="flow-steps" aria-label="Project flow"> 337 <li class="flow-step"> 338 <span class="flow-node" aria-hidden="true"></span> 339 <span class="flow-coord">â Step 01 · Scope</span> 340 <h3><span class="flow-num">01 ·</span> NGO and Ecoflix scope the <em>story together.</em></h3> 341 <p>We sit down with the field team. What's the work? Who's doing it? What does six figures buy that five figures doesn't? The film follows the work, never the reverse.</p> 342 </li> 343 <li class="flow-step"> 344 <span class="flow-node" aria-hidden="true"></span> 345 <span class="flow-coord">â Step 02 · Produce</span> 346 <h3><span class="flow-num">02 ·</span> Ecoflix produces and <em>ships the film.</em></h3> 347 <p>Our Originals studio shoots, edits, scores, colour-grades. The NGO retains creative consultation throughout. The film hits the channel, broadcasters, and festival circuit.</p> 348 </li> 349 <li class="flow-step"> 350 <span class="flow-node" aria-hidden="true"></span> 351 <span class="flow-coord">â Step 03 · Launch</span> 352 <h3><span class="flow-num">03 ·</span> Donation funnel <em>goes live.</em></h3> 353 <p>The project page launches with the film. Named partner, named outputs, named line items. Donate buttons surface on every player, every social cut-down, every press placement.</p> 354 </li> 355 <li class="flow-step"> 356 <span class="flow-node" aria-hidden="true"></span> 357 <span class="flow-coord">â Step 04 · Route</span> 358 <h3><span class="flow-num">04 ·</span> Funds route <em>100% to partner NGO.</em></h3> 359 <p>Donations land in the Foundation account and clear to the partner the same month. No processing tax, no overhead haircut, no internal "platform fee" pulled off the top.</p> 360 </li> 361 <li class="flow-step">
362 <span class="flow-node" aria-hidden="true"></span> 363 <span class="flow-coord">â Step 05 · Report</span> 364 <h3><span class="flow-num">05 ·</span> Quarterly impact report <em>published.</em></h3> 365 <p>The NGO files a one-page field report. We publish it on the project page â what shipped, what's behind, what the next quarter looks like. The loop closes in public.</p> 366 </li> 367 </ol> 368 </div> 369</section> 370 371<!-- ============ 7 · CTA ============ --> 372<section class="cta-band"> 373 <div class="bg-cartograph" aria-hidden="true"> 374 <svg viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"> 375 <line class="bg-lat" x1="-50" y1="200" x2="1650" y2="200"/> 376 <line class="bg-lat" x1="-50" y1="700" x2="1650" y2="700"/> 377 <path class="bg-trail" d="M-50,460 C260,380 540,540 800,460 C1060,380 1340,540 1660,460"/> 378 <g class="bg-marker" transform="translate(800,460)"> 379 <circle r="22" fill="none"/> 380 <circle r="6" class="bg-marker-dot"/> 381 <line class="bg-compass-tick" x1="-32" y1="0" x2="-24" y2="0"/> 382 <line class="bg-compass-tick" x1="24" y1="0" x2="32" y2="0"/> 383 <line class="bg-compass-tick" x1="0" y1="-32" x2="0" y2="-24"/> 384 <line class="bg-compass-tick" x1="0" y1="24" x2="0" y2="32"/> 385 </g> 386 </svg> 387 </div> 388 <span class="eyebrow" style="display:inline-flex;margin:0 auto">Work with us</span> 389 <h2>Run a project <em>with us.</em></h2> 390 <p>If you're an NGO with a story that deserves to be seen, or a corporate that wants to back the field â start here.</p> 391 <div class="cta-actions"> 392 <a class="btn btn-primary" href="/contact/?subject=ngo-partnership">Become a partner NGO <span class="arrow">â</span></a> 393 <a class="btn btn-ghost" href="/partners/">Corporate partnerships <span class="arrow">â</span></a> 394 </div> 395</section> 396 397</main> 398 399<!-- ============ FOOTER (matches /ngo-partners/ verbatim) ============ --> 400<footer class="footer" style="position:relative;overflow:hidden;isolation:isolate"> 401 <div class="bg-cartograph" aria-hidden="true"><svg viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><line class="bg-lat" x1="-50" y1="120" x2="1650" y2="120"/></svg></div> 402 <div class="wrap" style="position:relative;z-index:2"><div class="footer-grid"> 403 <div class="footer-brand"><a href="/" class="brand"><img src="/assets/logo.png" alt="Ecoflix" style="height:34px;width:auto;display:block" /></a><p style="font-family:var(--display);font-style:italic;font-size:18px;color:var(--bone);margin-top:14px">Be part of the solution.</p></div> 404 <div><h4 data-i18n="footer.foundation">Foundation</h4><ul><li><a href="/mission/">Mission</a></li><li><a href="/how-we-help/">How we help</a></li><li><a href="/projects/">Projects</a></li><li><a href="/team/">Team</a></li></ul></div> 405 <div><h4 data-i18n="footer.give">Give</h4><ul><li><a href="/donate/">Donate</a></li><li><a href="/circle-of-giving/">Circle of Giving</a></li></ul></div> 406 <div><h4 data-i18n="footer.watch">Watch</h4><ul><li><a href="https://watch.ecoflix.com/">The channel</a></li><li><a href="/podcasts/">Podcasts</a></li><li><a href="/distribution/">Distribution & ads</a></li><li><a href="/news/">Press & news</a></li><li><a href="/contact/">Contact</a></li></ul></div> 407 </div> 408 <!-- Charity registration disclosure â mirrors ecoflix.com so 409 visitors see the same legal entities, EIN/charity numbers 410 and addresses across every page. CSS lives in site.css. --> 411 <div class="footer-charity"> 412 <div class="fc-col"> 413 <div class="fc-eyebrow"><span class="fc-flag" aria-hidden="true">ðºð¸</span> Registered in the United States</div> 414 <div class="fc-body"> 415 <strong>Ecoflix Foundation Inc.</strong> · 501(c)(3) not-for-profit · EIN <b>65-1212560</b><br/> 416 24730 Long Valley Road, Hidden Hills, Los Angeles, CA 91302, USA 417 </div> 418 </div> 419 <div class="fc-col"> 420 <div class="fc-eyebrow"><span class="fc-flag" aria-hidden="true">ð¬ð§</span> Registered in the United Kingdom</div> 421 <div class="fc-body"> 422 <strong>Ecoflix Foundation UK</strong> · Registered charity <b>1200441</b><br/> 423 Aston House, Redburn Road, Newcastle Upon Tyne, NE5 1NB, United Kingdom 424 </div> 425 </div> 426 <div class="fc-col fc-col-note"> 427 <div class="fc-eyebrow">100% pass-through</div> 428 <div class="fc-body"> 429 All donations route directly to partner NGOs. Ecoflix Foundation's 430 operating costs are covered separately by founders and corporate 431 partners â no deductions are taken from donor gifts. 432 </div> 433 </div> 434 </div> 435 436<div class="footer-base"><div>© <span id="yr"></span> Ecoflix Foundation.</div> 437 <div><a href="/privacy/">Privacy</a> <a href="/terms/">Terms</a> <a href="/cookies/">Cookies</a> <a href="/news/">Press</a> <a href="mailto:[email protected]">[email protected]</a></div></div></div> 438</footer>
439<script>document.getElementById('yr').textContent = new Date().getFullYear();</script>
vendor: 1 bytes, line 439
439
440<script> 441/* Live stats â fill [data-livestat] from the data bundle (raised, partners, projects). */ 442(function(){ 443 function compactMoney(n){ n=Number(n)||0; if(n>=1e6) return '$'+(n/1e6).toFixed(n>=1e7?0:1).replace(/\.0$/,'')+'M'; if(n>=1e3) return '$'+Math.round(n/1e3)+'K'; return '$'+n.toLocaleString(); } 444 Promise.all([ 445 fetch('/assets/projects.json').then(function(r){return r.json();}).catch(function(){return null;}), 446 fetch('/assets/ngos.json').then(function(r){return r.json();}).catch(function(){return null;}) 447 ]).then(function(res){ 448 var pj=res[0], ng=res[1], vals={}; 449 if(pj && pj.projects){ var shown=pj.projects.filter(function(p){return p.show!==false;}); 450 vals.projects=shown.length; 451 vals.raised=compactMoney(shown.reduce(function(s,p){return s+(Number(p.funding_usd)||0);},0)); } 452 if(ng && ng.ngos){ vals.ngos=ng.ngos.length; } 453 document.querySelectorAll('[data-livestat]').forEach(function(el){ 454 var v=el.getAttribute('data-livestat'); if(vals[v]!=null) el.textContent=vals[v]; 455 }); 456 }).catch(function(){}); 457})(); 458</script>
vendor: 1 bytes, line 458
458
459<script src="/assets/site.js"></script>
vendor: 1 bytes, line 459
459
460<script src="/assets/i18n.js" defer></script>
460 461
461<script src="/assets/nav.js" defer></script>
461 462
462<script src="/assets/social-proof.js" defer></script>
462 463
463<script src="/assets/share.js" defer></script>
463 464</body> 465</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.