

<!doctype html>
<html lang="en-us" class=" mode-light " data-mode="light">
    <head>
        
        <meta charset="utf-8" />
        <title>Conservation Stories | WWF | World Wildlife Fund</title>
        <meta name="description" content="Read the latest conservation stories and updates from WWF about wildlife, people, and the planet." />
        <meta name="viewport" content="width=device-width, initial-scale=1" />

        
        
            <link rel="alternate" href="/news/stories/" hreflang="en-us" />
        
            <link rel="alternate" href="/es/noticias/historias-2/" hreflang="es" />
        

        
        

        

        
    
    
        <link rel="canonical" href="https://www.worldwildlife.org/news/stories/">
    

    
        <!-- OneTrust Cookies Consent Notice start -->
        <script type="text/javascript" src="https://assets.worldwildlife.org/www-prd/misc/OneTrust/OtAutoBlock.js" ></script>
        <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"  type="text/javascript" charset="UTF-8" data-domain-script="44cb9dd3-352b-44e8-a68b-cfcab9ec6d54" ></script>
        
        <!-- OneTrust Cookies Consent Notice end -->
    

    
        
        <script nonce="/cEQoOmsy+Qi1QEgE9hHGw==">
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            // Set default consent to 'denied' for all categories
            gtag('consent', 'default', {
                'ad_storage': 'denied',
                'ad_user_data': 'denied',
                'ad_personalization': 'denied',
                'analytics_storage': 'denied',
                'functionality_storage': 'denied',
                'personalization_storage': 'denied',
                'security_storage': 'granted',
                'wait_for_update': 500
            });
        </script>

        
        <script nonce="/cEQoOmsy+Qi1QEgE9hHGw==">(function (w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start':
                    new Date().getTime(), event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM\u002DPTTJ3C2M');</script>
    

    
    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"/>
    <link rel="icon" type="image/svg+xml" href="/favicon.svg"/>
    <link rel="shortcut icon" href="/favicon.ico"/>
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/>
    <meta name="apple-mobile-web-app-title" content="WWF"/>
    <link rel="manifest" href="/site.webmanifest"/>

    
    <meta name="twitter:card" content="summary"/>
    <meta name="twitter:site" content="@World_Wildlife"/>
    <meta name="twitter:title" content="Conservation Stories | WWF"/>
    <meta name="twitter:description" content="Read the latest conservation stories and updates from WWF about wildlife, people, and the planet.">
    
        
            
            
            <meta name="twitter:image" content="https://assets.worldwildlife.org/www-prd/images/landing_page_share2.width-1000.jpg">
            
                <meta name="twitter:image:alt" content="WWF logo placed on top of a mossy creek landscape image.">
            
            
            
            <meta property="og:image" content="https://assets.worldwildlife.org/www-prd/images/landing_page_share2.2e16d0ba.fill-1200x630-c100.jpg"/>
            <meta property="og:image:width" content="1200"/>
            <meta property="og:image:height" content="630"/>
        
    
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="/news/stories/"/>
    <meta property="og:title" content="Conservation Stories | WWF"/>
    <meta property="og:description" content="Read the latest conservation stories and updates from WWF about wildlife, people, and the planet."/>
    <meta property="og:site_name" content="World Wildlife Fund"/>
    
    
        <meta property="fb:app_id" content="worldwildlifefund"/>
    

        

        
        <script type="application/ld+json">{"@context": "http://schema.org", "@id": "https://www.worldwildlife.org", "@type": "Organization", "address": {"@type": "PostalAddress", "addressCountry": "USA", "addressLocality": "Washington", "addressRegion": "DC", "postalCode": "20037", "streetAddress": "1250 24th St NW"}, "description": "Conserving nature and reducing threats to biodiversity.", "name": "World Wildlife Fund", "sameAs": ["https://twitter.com/World_Wildlife", "https://www.instagram.com/world_wildlife", "https://www.linkedin.com/company/166973", "https://www.facebook.com/worldwildlifefund"], "url": "https://www.worldwildlife.org"}</script>
        
        <link rel="stylesheet" type="text/css" href="/static/css/main.a0201705c426.css">

        
    </head>

    <body class="template-news-index">
        
    
        
        <noscript>
            <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PTTJ3C2M"
                    height="0" width="0" style="display:none;visibility:hidden"></iframe>
        </noscript>
    


        <svg style="display: none;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

    <symbol id="magnifying-glass" viewBox="0 0 18 18">
        <path d="M7.4,0c4.09,0,7.4,3.31,7.4,7.4,0,1.69-.57,3.25-1.52,4.49.06.04.11.08.16.13l4.27,4.27.07.08c.32.39.3.97-.07,1.34-.37.37-.95.39-1.34.07l-.08-.07-4.27-4.27c-.05-.05-.09-.11-.13-.16-1.25.95-2.8,1.52-4.49,1.52C3.31,14.8,0,11.49,0,7.4,0,3.31,3.31,0,7.4,0ZM7.4,2c-2.98,0-5.4,2.42-5.4,5.4,0,2.98,2.42,5.4,5.4,5.4,2.98,0,5.4-2.42,5.4-5.4,0-2.98-2.42-5.4-5.4-5.4Z" fill="currentColor"/>
        <path d="M7.4,0c4.09,0,7.4,3.31,7.4,7.4,0,1.69-.57,3.25-1.52,4.49.06.04.11.08.16.13l4.27,4.27.07.08c.32.39.3.97-.07,1.34-.37.37-.95.39-1.34.07l-.08-.07-4.27-4.27c-.05-.05-.09-.11-.13-.16-1.25.95-2.8,1.52-4.49,1.52C3.31,14.8,0,11.49,0,7.4,0,3.31,3.31,0,7.4,0ZM7.4,2c-2.98,0-5.4,2.42-5.4,5.4,0,2.98,2.42,5.4,5.4,5.4,2.98,0,5.4-2.42,5.4-5.4,0-2.98-2.42-5.4-5.4-5.4Z" fill="currentColor"/>
        <path d="M7.4,0c4.09,0,7.4,3.31,7.4,7.4,0,1.69-.57,3.25-1.52,4.49.06.04.11.08.16.13l4.27,4.27.07.08c.32.39.3.97-.07,1.34-.37.37-.95.39-1.34.07l-.08-.07-4.27-4.27c-.05-.05-.09-.11-.13-.16-1.25.95-2.8,1.52-4.49,1.52C3.31,14.8,0,11.49,0,7.4,0,3.31,3.31,0,7.4,0ZM7.4,2c-2.98,0-5.4,2.42-5.4,5.4,0,2.98,2.42,5.4,5.4,5.4,2.98,0,5.4-2.42,5.4-5.4,0-2.98-2.42-5.4-5.4-5.4Z" fill="currentColor"/>
        <path d="M7.4,0c4.09,0,7.4,3.31,7.4,7.4,0,1.69-.57,3.25-1.52,4.49.06.04.11.08.16.13l4.27,4.27.07.08c.32.39.3.97-.07,1.34-.37.37-.95.39-1.34.07l-.08-.07-4.27-4.27c-.05-.05-.09-.11-.13-.16-1.25.95-2.8,1.52-4.49,1.52C3.31,14.8,0,11.49,0,7.4,0,3.31,3.31,0,7.4,0ZM7.4,2c-2.98,0-5.4,2.42-5.4,5.4,0,2.98,2.42,5.4,5.4,5.4,2.98,0,5.4-2.42,5.4-5.4,0-2.98-2.42-5.4-5.4-5.4Z" fill="currentColor"/>
        <path d="M7.4,0c4.09,0,7.4,3.31,7.4,7.4,0,1.69-.57,3.25-1.52,4.49.06.04.11.08.16.13l4.27,4.27.07.08c.32.39.3.97-.07,1.34-.37.37-.95.39-1.34.07l-.08-.07-4.27-4.27c-.05-.05-.09-.11-.13-.16-1.25.95-2.8,1.52-4.49,1.52C3.31,14.8,0,11.49,0,7.4,0,3.31,3.31,0,7.4,0ZM7.4,2c-2.98,0-5.4,2.42-5.4,5.4,0,2.98,2.42,5.4,5.4,5.4,2.98,0,5.4-2.42,5.4-5.4,0-2.98-2.42-5.4-5.4-5.4Z" fill="currentColor"/>
    </symbol>

    
    <symbol id="twitter" viewBox="0 0 512 512">
        <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" fill="currentColor" />
        <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" fill="currentColor" />
    </symbol>

    <symbol id="facebook" viewBox="0 0 28 28" fill="none">
        <path fill="currentColor"  d="M14 0.111328C21.7319 0.111328 28.0004 6.37941 28.001 14.1113C28.001 21.2691 22.6293 27.1714 15.6973 28.0088V18.3896H19.4844L20.2695 14.1113H15.6973V12.5986C15.6973 10.338 16.5837 9.46787 18.8789 9.46777C19.5914 9.46777 20.1656 9.48485 20.4961 9.51953V5.6416C19.8697 5.46806 18.3399 5.29397 17.4531 5.29395C12.775 5.29395 10.6182 7.5027 10.6182 12.2676V14.1113H7.73145V18.3896H10.6182V27.6992C4.52032 26.1861 4.3774e-07 20.6768 0 14.1113C0 6.37941 6.26808 0.111328 14 0.111328Z" />
    </symbol>

    <symbol id="instagram" viewBox="0 0 448 512">
        <path fill="currentColor"  d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/>
    </symbol>

    <symbol id="linkedin" viewBox="0 0 24 24">
        <path fill-rule="evenodd" d="M1 2.838A1.838 1.838 0 0 1 2.838 1H21.16A1.836 1.836 0 0 1 23 2.838V21.16A1.838 1.838 0 0 1 21.161 23H2.838A1.839 1.839 0 0 1 1 21.161V2.838zm8.708 6.55h2.979v1.496c.43-.86 1.53-1.634 3.183-1.634 3.169 0 3.92 1.713 3.92 4.856v5.822h-3.207v-5.106c0-1.79-.43-2.8-1.522-2.8-1.515 0-2.145 1.089-2.145 2.8v5.106H9.708V9.388zm-5.5 10.403h3.208V9.25H4.208v10.541zM7.875 5.812a2.063 2.063 0 1 1-4.125.09 2.063 2.063 0 0 1 4.125-.09z" clip-rule="evenodd" fill="currentColor"></path>
    </symbol>

    <symbol id="home" viewBox="0 0 512 512">
        <g>
            <path d="M506.555,208.064L263.859,30.367c-4.68-3.426-11.038-3.426-15.716,0L5.445,208.064 c-5.928,4.341-7.216,12.665-2.875,18.593s12.666,7.214,18.593,2.875L256,57.588l234.837,171.943c2.368,1.735,5.12,2.57,7.848,2.57 c4.096,0,8.138-1.885,10.744-5.445C513.771,220.729,512.483,212.405,506.555,208.064z"></path>
        </g>
        <g>
            <path d="M442.246,232.543c-7.346,0-13.303,5.956-13.303,13.303v211.749H322.521V342.009c0-36.68-29.842-66.52-66.52-66.52 s-66.52,29.842-66.52,66.52v115.587H83.058V245.847c0-7.347-5.957-13.303-13.303-13.303s-13.303,5.956-13.303,13.303v225.053 c0,7.347,5.957,13.303,13.303,13.303h133.029c6.996,0,12.721-5.405,13.251-12.267c0.032-0.311,0.052-0.651,0.052-1.036v-128.89 c0-22.009,17.905-39.914,39.914-39.914s39.914,17.906,39.914,39.914v128.89c0,0.383,0.02,0.717,0.052,1.024 c0.524,6.867,6.251,12.279,13.251,12.279h133.029c7.347,0,13.303-5.956,13.303-13.303V245.847  C455.549,238.499,449.593,232.543,442.246,232.543z"></path>
        </g>
    </symbol>

    <symbol id="close" viewBox="0 0 24 24" fill="currentColor">
        <path d="M0 2.12L2.12 0 12 9.88 21.88 0 24 2.12 14.12 12 24 21.88 21.88 24 12 14.12 2.12 24 0 21.88 9.88 12z" />
    </symbol>

    <symbol id="arrow" viewBox="0 0 160 160" fill="currentColor">
        <path d="M88 80l-48 48 16 16 64-64-64-64-16 16 48 48z"></path>
    </symbol>

    <symbol id="chevron-right" viewBox="0 0 6 10">
        <path d="M.29.29C.66-.07,1.24-.1,1.63.22l.08.07,4,4,.07.08c.32.39.3.97-.07,1.34l-4,4c-.39.39-1.02.39-1.41,0-.39-.39-.39-1.02,0-1.41l3.29-3.29L.29,1.71l-.07-.08C-.1,1.24-.07.66.29.29Z" fill="currentColor"/>
    </symbol>

    <symbol id="chevron-down" viewBox="0 0 12 7">
        <path d="M10.29.29c.39-.39,1.02-.39,1.41,0,.39.39.39,1.02,0,1.41l-5,5c-.39.39-1.02.39-1.41,0L.29,1.71C-.1,1.32-.1.68.29.29.68-.1,1.32-.1,1.71.29l4.29,4.29L10.29.29Z" fill="currentColor"/>
    </symbol>

    <symbol id="download" viewBox="0 0 20 20">
        <path d="M10 15 3.75 8.75 5.5 6.937l3.25 3.25V0h2.5v10.188l3.25-3.25 1.75 1.812L10 15Zm-7.5 5a2.407 2.407 0 0 1-1.766-.734A2.407 2.407 0 0 1 0 17.5v-3.75h2.5v3.75h15v-3.75H20v3.75c0 .688-.245 1.276-.734 1.766-.49.49-1.078.734-1.766.734h-15Z"/>
    </symbol>

    <symbol id="sun" viewBox="0 0 12 12" fill="none">
        <path d="M6 8.71477C5.24876 8.71477 4.60876 8.45017 4.07929 7.92071C3.54983 7.39124 3.28523 6.75124 3.28523 6C3.28523 5.24876 3.54983 4.60876 4.07929 4.07929C4.60876 3.54983 5.24876 3.28523 6 3.28523C6.75124 3.28523 7.39124 3.54983 7.92071 4.07929C8.45017 4.60876 8.71477 5.24876 8.71477 6C8.71477 6.75124 8.45017 7.39124 7.92071 7.92071C7.39124 8.45017 6.75124 8.71477 6 8.71477ZM2.16932 6.53295H0.0125V5.46705H2.16932V6.53295ZM11.9875 6.53295H9.83068V5.46705H11.9875V6.53295ZM5.46705 2.16932V0.0125H6.53295V2.16932H5.46705ZM5.46705 11.9875V9.83068H6.53295V11.9875H5.46705ZM3.63736 2.91832L2.94494 3.664L1.58588 2.35876L2.34543 1.57257L3.63736 2.91832ZM9.05489 8.33584L10.4141 9.64124L9.65457 10.4274L8.34916 9.0682L9.05489 8.33584ZM9.08168 3.63736L8.336 2.94494L9.64124 1.58588L10.4274 2.34543L9.08168 3.63736ZM3.66416 9.05489L2.35876 10.4141L1.57256 9.65457L2.9318 8.34916L3.66416 9.05489Z" fill="currentColor" stroke="currentColor" stroke-width="0.025"/>
    </symbol>

    <symbol id="moon" viewBox="0 0 7 10" fill="none">
        <path d="M2.33333 0.0125C2.97726 0.0125 3.58224 0.134682 4.14838 0.378977C4.71477 0.623377 5.20732 0.955002 5.62616 1.37384C6.045 1.79268 6.37662 2.28523 6.62102 2.85162C6.86532 3.41776 6.9875 4.02274 6.9875 4.66667C6.9875 5.3106 6.86532 5.91557 6.62102 6.48171C6.37662 7.0481 6.045 7.54066 5.62616 7.95949C5.20732 8.37833 4.71477 8.70996 4.14838 8.95436C3.58224 9.19865 2.97726 9.32083 2.33333 9.32083C1.92219 9.32083 1.52077 9.26847 1.12906 9.16376C0.744144 9.06086 0.376063 8.90739 0.0247968 8.70334C0.741199 8.28335 1.30632 7.71762 1.71997 7.00628C2.13721 6.28879 2.34583 5.50884 2.34583 4.66667C2.34583 3.82449 2.13721 3.04454 1.71997 2.32705C1.30632 1.61572 0.741199 1.04999 0.0247966 0.629995C0.376063 0.425939 0.744144 0.272475 1.12906 0.169576C1.52077 0.0648614 1.92219 0.0125 2.33333 0.0125Z" fill="currentColor" stroke="currentColor" stroke-width="0.025"/>
    </symbol>

    <symbol id="arrow-left" viewBox="2 7.5 12 12" fill="none">
        <path d="M14 12.75L4.86875 12.75L9.06875 8.55L8 7.5L2 13.5L8 19.5L9.06875 18.45L4.86875 14.25L14 14.25L14 12.75Z" fill="currentColor"/>
    </symbol>

    <symbol id="arrow-down" fill="none" viewBox="0 0 10 10">
        <path fill="currentColor" d="M9.03 4.47a.75.75 0 0 1 0 1.06l-3.5 3.5a.8.8 0 0 1-.243.162.75.75 0 0 1-.818-.161l-3.5-3.5A.75.75 0 0 1 2.03 4.47l2.22 2.22V1.5a.75.75 0 0 1 1.5 0v5.19l2.22-2.22a.75.75 0 0 1 1.06 0"/>
        <path fill="currentColor" d="M9.03 4.47a.75.75 0 0 1 0 1.06l-3.5 3.5a.8.8 0 0 1-.243.162.75.75 0 0 1-.818-.161l-3.5-3.5A.75.75 0 0 1 2.03 4.47l2.22 2.22V1.5a.75.75 0 0 1 1.5 0v5.19l2.22-2.22a.75.75 0 0 1 1.06 0"/>
        <path fill="currentColor" d="M9.03 4.47a.75.75 0 0 1 0 1.06l-3.5 3.5a.8.8 0 0 1-.243.162.75.75 0 0 1-.818-.161l-3.5-3.5A.75.75 0 0 1 2.03 4.47l2.22 2.22V1.5a.75.75 0 0 1 1.5 0v5.19l2.22-2.22a.75.75 0 0 1 1.06 0"/>
        <path fill="currentColor" d="M9.03 4.47a.75.75 0 0 1 0 1.06l-3.5 3.5a.8.8 0 0 1-.243.162.75.75 0 0 1-.818-.161l-3.5-3.5A.75.75 0 0 1 2.03 4.47l2.22 2.22V1.5a.75.75 0 0 1 1.5 0v5.19l2.22-2.22a.75.75 0 0 1 1.06 0"/>
        <path fill="currentColor" d="M9.03 4.47a.75.75 0 0 1 0 1.06l-3.5 3.5a.8.8 0 0 1-.243.162.75.75 0 0 1-.818-.161l-3.5-3.5A.75.75 0 0 1 2.03 4.47l2.22 2.22V1.5a.75.75 0 0 1 1.5 0v5.19l2.22-2.22a.75.75 0 0 1 1.06 0"/>
    </symbol>

    <symbol id="arrow-right" viewBox="0 0 14 14" fill="none">
        <path fill-rule="evenodd" clip-rule="evenodd"
              d="M7.7063 0.492188C7.31577 0.101663 6.68276 0.101663 6.29224 0.492188C5.90171 0.882712 5.90171 1.51573 6.29224 1.90625L10.4185 6.03253H1.16602C0.613731 6.03253 0.166016 6.48025 0.166016 7.03253C0.166016 7.58482 0.613731 8.03253 1.16602 8.03253H10.4181L6.29224 12.1592C5.90187 12.5497 5.90177 13.1828 6.29224 13.5732C6.68272 13.9636 7.31582 13.9636 7.7063 13.5732L13.5126 7.76593C13.7097 7.5833 13.833 7.32231 13.833 7.03253C13.833 6.74772 13.7139 6.49072 13.5227 6.30859L7.7063 0.492188Z"
              fill="currentColor"/>
    </symbol>

    <symbol id="arrow-right-thin" fill="none" viewBox="0 0 40 40">
        <path fill="currentColor" fill-rule="evenodd" d="M20.63 7.558a1 1 0 0 0-1.405 1.406l.068.076 9.96 9.96H8.333a1 1 0 1 0 0 2h20.918l-9.958 9.96a1 1 0 0 0 1.414 1.413l11.667-11.666a1 1 0 0 0-.017-1.43l-11.65-11.65-.076-.07Z" clip-rule="evenodd"/>
    </symbol>

    <symbol id="square" viewBox="0 0 4 4" fill="none">
        <rect y="0.5" width="4" height="4" fill="currentColor"/>
    </symbol>

    <symbol id="user" viewBox="0 0 21 20" fill="none">
        <path d="M13.7188 11.5049C14.7898 11.558 15.8065 12.0077 16.5684 12.7695C17.3807 13.5821 17.8368 14.684 17.8369 15.833V17.5C17.8369 18.0523 17.3892 18.5 16.8369 18.5C16.2848 18.4998 15.8369 18.0522 15.8369 17.5V15.833C15.8368 15.2144 15.5916 14.6211 15.1543 14.1836C14.7714 13.8007 14.2686 13.5647 13.7344 13.5117L13.5039 13.5H6.83691C6.21819 13.5001 5.62501 13.7461 5.1875 14.1836C4.74999 14.6211 4.50399 15.2143 4.50391 15.833V17.5C4.50391 18.0523 4.05619 18.5 3.50391 18.5C2.95162 18.5 2.50391 18.0523 2.50391 17.5V15.833C2.50399 14.6839 2.96086 13.5821 3.77344 12.7695C4.58602 11.957 5.68776 11.5001 6.83691 11.5H13.5039L13.7188 11.5049ZM10.1689 1.5C12.5621 1.5 14.5028 3.43992 14.5029 5.83301C14.5029 8.22624 12.5622 10.167 10.1689 10.167C7.77586 10.1668 5.83594 8.22613 5.83594 5.83301C5.83611 3.44003 7.77597 1.50018 10.1689 1.5ZM10.1689 3.5C8.88054 3.50018 7.83611 4.5446 7.83594 5.83301C7.83594 7.12156 8.88043 8.16682 10.1689 8.16699C11.4576 8.16699 12.5029 7.12167 12.5029 5.83301C12.5028 4.54449 11.4575 3.5 10.1689 3.5Z" fill="currentColor"/>
    </symbol>

    <symbol id="information-circle"  fill="none" viewBox="0 0 20 21">
        <path fill="currentColor" d="M10 .5C4.48.5 0 4.98 0 10.5s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10m1 15H9v-6h2zm0-8H9v-2h2z"/>
    </symbol>
</svg>


        

        
    <a href="#main-content" class="z-99 fixed top-[-1000px] inset-[auto] p-4 border-primary border rounded-md font-bold focus:top-6 focus:left-6 bg-brand-1 text-white theme-focus-outline">Skip to main content</a>


    
    


<div
    class="transition-display hidden opacity-0 starting:[&.active]:opacity-0 [&.active]:block [&.active]:opacity-100 z-nav-overlay bg-black/10 backdrop-blur-sm fixed inset-0 w-full h-full"
    data-overlay></div>


<header class="bg-surface-navbar lg:sticky lg:top-0 border-b z-desktop-nav border-b-stroke-muted " data-nav-header>
    <div class="container py-3">

        
        <nav data-desktop-menu-wrapper aria-label="Main menu"
             class="lg:grid-full flex justify-between gap-2 lg:gap-grid-gutter">

            <div class="col-start-1 [.nav-shrunk_&]:max-h-[30px] max-h-[60px] flex items-center justify-start">
                





<a href="/"
   class="inline-flex items-center shrink-0 [[data-mobile-menu]_&]:outline-none not-[[data-mobile-menu]_&]:theme-focus-outline dark-mode:bg-denali dark-mode:py-0.5 dark-mode:px-0.5 forced-colors:px-0.5 forced-colors:py-0.5 forced-colors:bg-[CanvasText]!"
   data-brand-logo-link
>
  <span class="sr-only">World Wildlife Fund</span>
  <svg aria-hidden="true" class="brand-logo-svg w-full h-auto max-w-[39px] max-h-[56px] sm:max-w-[41px] sm:max-h-[60px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.63 122.37">
      <!-- WWF - Fades on nav scroll down -->
    <path data-wwf-logo-letters class="wwf-letters" d="M28.5,100.04c-.75,0-1.38.47-1.61,1.12l-3.29,8.33-.29.95-.26-.96-2.54-8.1s-.02-.06-.03-.07v-.02c-.24-.68-.88-1.16-1.63-1.16h-4.11c-.92.05-1.66.8-1.66,1.74,0,.25.12.58.2.89l.54,1.69-2.01,5.07-.32.94-.26-.95-2.53-8.12s-.03-.06-.04-.07v-.02c-.23-.68-.89-1.16-1.63-1.16H2.91c-.91.05-1.66.8-1.66,1.74,0,.25.1.58.21.89l6.15,18.33c.18.75.88,1.3,1.67,1.3s1.44-.5,1.65-1.21l4.31-10.87.32-.97.26.96,3.63,10.79c.19.75.86,1.3,1.68,1.3s1.44-.52,1.67-1.26l7.29-18.58c.1-.23.18-.49.18-.75,0-.97-.78-1.75-1.74-1.75" fill="#000000"/>
    <path data-wwf-logo-letters class="wwf-letters" d="M59.15,100.04c-.75,0-1.38.47-1.63,1.12l-3.27,8.33-.31.95-.24-.96-2.56-8.1s0-.06-.01-.07v-.02c-.25-.68-.89-1.16-1.64-1.16h-4.11c-.92.05-1.65.8-1.65,1.74,0,.25.09.58.2.89l.54,1.69-2.02,5.07-.33.94-.25-.95-2.53-8.12s-.03-.06-.04-.07v-.02c-.23-.68-.87-1.16-1.61-1.16h-4.12c-.93.05-1.66.8-1.66,1.74,0,.25.12.58.2.89l6.17,18.33c.18.75.86,1.3,1.67,1.3.77,0,1.42-.5,1.65-1.21l4.3-10.87.3-.97.27.96,3.61,10.79c.2.75.87,1.3,1.68,1.3s1.46-.52,1.67-1.26l7.29-18.58c.11-.23.17-.49.17-.75,0-.97-.79-1.75-1.74-1.75" fill="#000000"/>
    <path data-wwf-logo-letters class="wwf-letters" d="M79.06,100.07h-14.37c-.83,0-1.5.67-1.5,1.5h0v19.09s0,0,0,0h0c.03.86.75,1.56,1.61,1.56h4.07c.88-.03,1.57-.72,1.59-1.61v-8.92s5.83-.01,5.86-.01c.86,0,1.55-.7,1.55-1.58s-.7-1.57-1.58-1.57h-5.81v-5.1s8.67,0,8.67,0c.89-.04,1.61-.78,1.61-1.69s-.77-1.68-1.69-1.68" fill="#000000"/>
      <!-- Panda -->
    <path d="M56.77,39.24c2.62,2.93,2.9,11.64,9.47,8.18,3.95-2.08,3.9-10.88-1.37-14.05-4.27-2.52-6.6.88-8.14,5.05-.12.33-.13.66.05.82" fill="#000000"/>
    <path d="M46.57,37.84c-2.75,2.28-4.64,8.52-9.69,6.4-4.08-2.08-4.48-10.17,2.56-13.91,4.9-2.25,7.39,2.21,7.43,6.95,0,.17-.16.42-.3.55" fill="#000000"/>
    <path d="M53.35,53.77c2.71-.28,2.1-2.8.04-3.43-1.84-.55-4.62-.9-6.59-.87-3.49.08-3.4,2.75-1.59,3.2,1.37.46,2.26.64,3.44,2.17,1.08,2.1.6-.63,4.69-1.07" fill="#000000"/>
    <path d="M66.15,8.74c3.41-5.67,9.34-4.57,12.31-1.75,3.27,3.07,3.8,6.62,2.54,9.12-1.71,3.35-6.07,7.42-8.91,3.48-1.25-1.74-3.92-3.82-5.37-4.41-2.23-.94-2.66-2.96-.57-6.44" fill="#000000"/>
    <path d="M53.58,59.69c-1.49,3.93-9.2,2.58-9.44-1.22,0-.15.21-.12.29-.1,3.43.8,6.7,1.18,8.91,1.17.08,0,.26-.05.23.15M79.72,33.76c-.31-1.01-.81-.95-.78-.12.28,10.34-5.9,21.42-19.12,21.5-3.38,0-2.37,5.42-8.53,2.7-4.45-3-6.99,2.9-10.16-3.45-.69-1.83-1.73-2.56-3.08-2.9-13.05-3.23-17.22-21.2-5.71-35.7,2.28,1.36,3.11,1.57,5.54-.66,1.27-1.17,3.39-2.46,4.55-2.89,2.77-1.06,4.27-2.24,1.87-7.51-3.07-6.85-9.35-4.91-12.23-2.55-3.24,2.68-5.52,6.99-1.34,12.07-11.69,7.89-13.7,17.58-13.43,26,.28,8.96-2.01,8.19.84,17.31.25.8-.31.78-.74.52-12.19-7.8-18.77-31.6.22-44.72.43-.38.25-.88-1.31.03C-.13,22.09-1.64,38.93,1.08,50.28c1.33,5.49-.69,6.51,1.44,13.73,4.89,15.05,9.06,16.23,14.96,16.67,10.73,0,3.45-5.91,3.84-13.35,0-.43.53-.65.83.25,5.9,13.24,10.07,25.29,25.59,24.16,8.98-1.17,4-5.63,3.45-8.16-6.61-21.92,9.42-27.09,4.89-5.72-3,12.24,6.48,11.02,13.14,6.62,6.88-4.52,15.47-34.32,10.5-50.72" fill="#000000"/>
      <!-- C -->
    <path d="M16.28,82.82c-1.9,0-3.45,1.55-3.45,3.44s1.55,3.45,3.45,3.45,3.43-1.55,3.43-3.45-1.53-3.44-3.43-3.44M19.15,86.25c0,1.59-1.3,2.87-2.87,2.87s-2.87-1.28-2.87-2.87,1.28-2.86,2.87-2.86,2.87,1.29,2.87,2.86" fill="#000000"/>
    <path d="M17.26,86.79c-.07.42-.42.71-.9.71-.66,0-1.08-.59-1.08-1.25s.38-1.22,1.08-1.22c.46,0,.81.27.9.68h.48c-.08-.76-.68-1.19-1.39-1.19-1.03,0-1.61.75-1.61,1.73s.64,1.74,1.63,1.74c.7,0,1.26-.45,1.4-1.19h-.5Z" fill="#000000"/>
      <!-- R - fade out on nav scroll downwards -->
    <path data-wwf-logo-restricted class="wwf-r" d="M76.77,91.03c-1.92,0-3.44,1.54-3.44,3.44s1.53,3.44,3.44,3.44,3.44-1.52,3.44-3.44-1.54-3.44-3.44-3.44M79.64,94.47c0,1.59-1.3,2.87-2.87,2.87s-2.89-1.28-2.89-2.87,1.29-2.86,2.89-2.86,2.87,1.28,2.87,2.86" fill="#000000"/>
    <path data-wwf-logo-restricted class="wwf-r" d="M76.17,94.27v-1.01h.67c.34,0,.7.09.7.49,0,.5-.37.52-.8.52h-.58ZM76.17,94.7h.56l.87,1.4h.54l-.93-1.44c.48-.06.85-.31.85-.88,0-.65-.37-.92-1.14-.92h-1.25v3.24h.51v-1.4Z" fill="#000000"/>
  </svg>
</a>


            </div>

            
            <div class="lg:col-start-2 lg:col-span-14 flex justify-start items-center">
                <div class="flex justify-between items-center gap-4 xl:gap-grid-gutter w-full">
                    <div class="hidden lg:flex justify-center items-center" data-desktop-menu>
                        <ul class="flex flex-row justify-center items-center lg:gap-6 xl:gap-8" data-primary-nav>
                            
                            
                                
                                    




<li class="group list-none leading-[1.1]" data-has-subnav>
    
    
        
        
            
            <button class=" lg:text-16 xl:text-18 link group/nav-link text-foreground text-start lg:text-15 xl:text-16 no-underline font-semibold inline-flex flex-row items-start justify-start gap-2 forced-colors:text-[ButtonText] hocus:underline hocus:text-brand-1 hocus:underline-offset-8 group-[.active]:underline group-[.active]:text-brand-1 group-[.active]:decoration-[3px] group-[.active]:underline-offset-8 motion-safe:not-focus-visible:transition-underline" aria-expanded="false" data-open-subnav>
                Our work
                <div class="group-[.active]:-rotate-180 motion-safe:transition-transform will-change-transform flex h-[1lh] items-center">
                    



<svg
    class="icon icon--chevron-down size-3 text-foreground-muted group-hover/nav-link:text-brand-1 group-focus-visible/nav-link:text-brand-1 not-forced-colors:[.active_&]:text-brand-1 forced-colors:group-hover/nav-link:text-[ButtonText]!"
    aria-hidden="true"
>
    <use xlink:href="#chevron-down" href="#chevron-down"></use>
</svg>

                </div>
            </button>
        
    

    
    <div
        class="transition-display max-lg:overflow-auto max-lg:w-full max-lg:h-[calc(100dvh-var(--navbar-height))] duration-200 hidden allow-discrete opacity-0 starting:group-[.active]:opacity-0 group-[.active]:opacity-100 group-[.active]:block absolute bg-surface-navbar inset-x-0 top-full py-12 lg:py-2xl shadow-md border-t border-t-stroke-muted"
        data-subnav
        data-testid="primary-action-nav-1-mega">
        <div class="container grid-full">
            <div class="grid-centered-12 w-full">
                
                <div class="grid grid-cols-1 lg:grid-cols-12 gap-13 lg:gap-grid-gutter" data-animated>

                    
                    <div class="w-full text-h6 lg:hidden animated-fade-in-up">
                        Our work
                    </div>

                    
                    
                    
                        <div class="animated-fade-in-up lg:col-span-4">
                            
<div class="not-last:mb-md md:mb-0 flex flex-col  ">
    
        <p class="mb-xs text-15 xl:text-p2 font-stretch-normal font-bold text-foreground-strong">
            What we care about
        </p>
    

    <ul class="flex flex-col gap-xs">
        
            <li>
                <a href="/our-work/locally-led-conservation/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Locally led conservation
                </a>
            </li>
        
            <li>
                <a href="/places/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Places
                </a>
            </li>
        
            <li>
                <a href="/species/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Species
                </a>
            </li>
        
            <li>
                <a href="/our-work/climate/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Climate
                </a>
            </li>
        
            <li>
                <a href="/our-work/sustainability/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Sustainability
                </a>
            </li>
        
    </ul>
</div>

                        </div>
                    
                        <div class="animated-fade-in-up lg:col-span-3">
                            
<div class="not-last:mb-md md:mb-0 flex flex-col  ">
    
        <p class="mb-xs text-15 xl:text-p2 font-stretch-normal font-bold text-foreground-strong">
            How we work
        </p>
    

    <ul class="flex flex-col gap-xs">
        
            <li>
                <a href="/our-work/policy/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Public policy
                </a>
            </li>
        
            <li>
                <a href="/our-work/science/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Science
                </a>
            </li>
        
            <li>
                <a href="/our-work/sustainability/business/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Business
                </a>
            </li>
        
            <li>
                <a href="/our-work/wildlife/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Wildlife conservation
                </a>
            </li>
        
            <li>
                <a href="/our-work/high-impact-philanthropy/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    High-impact philanthropy
                </a>
            </li>
        
    </ul>
</div>

                        </div>
                    
                        <div class="animated-fade-in-up lg:row-span-3 lg:col-span-5">
                            

    
        
            

<a href="/support/campaigns/nature-needs-us-now/" class="group/highlight max-w-[435px] block text-foreground rounded-sm overflow-hidden theme-focus-outline py-7.5 lg:py-0 max-lg:border-y-stroke-muted max-lg:border-y" data-testid="highlight-card">
    <div class="relative w-full rounded-sm overflow-hidden">
        <img alt="Looking toward the sky in a canopy of green trees in a forest." class="w-full bg-gray-100 object-cover aspect-16/9 group-hover/highlight:scale-105 duration-400 transition-transform" height="250" loading="lazy" src="https://assets.worldwildlife.org/www-prd/images/_WW1298193.2e16d0ba.fill-435x250.format-webp.webp" width="435">
    </div>
    <p class="mt-md text-15 xl:text-p2">Nature doesn’t just surround us—it sustains us. Every day, it protects and provides for us.</p>
    <span class="button button--dark-outline mt-sm mb-0.5 max-[501px]:w-full">Why nature needs us now</span>
</a>

        
    


                        </div>
                    

                    
                    
                        <div class="max-lg:order-2 lg:col-start-1 lg:col-span-4 lg:row-start-2 lg:row-span-3 lg:flex lg:items-start" data-animated>
                            <div class="animated-fade-in-up">
                                
                                    <a class="button button--dark-outline max-[501px]:w-full" href="/our-work/">
                                        Learn more about our impact
                                    </a>
                                
                            </div>
                        </div>
                    
                </div>
            </div>
        </div>
    </div>
</li>



                                
                                    




<li class="group list-none leading-[1.1]" data-has-subnav>
    
    
        
        
            
            <button class=" lg:text-16 xl:text-18 link group/nav-link text-foreground text-start lg:text-15 xl:text-16 no-underline font-semibold inline-flex flex-row items-start justify-start gap-2 forced-colors:text-[ButtonText] hocus:underline hocus:text-brand-1 hocus:underline-offset-8 group-[.active]:underline group-[.active]:text-brand-1 group-[.active]:decoration-[3px] group-[.active]:underline-offset-8 motion-safe:not-focus-visible:transition-underline" aria-expanded="false" data-open-subnav>
                Get involved
                <div class="group-[.active]:-rotate-180 motion-safe:transition-transform will-change-transform flex h-[1lh] items-center">
                    



<svg
    class="icon icon--chevron-down size-3 text-foreground-muted group-hover/nav-link:text-brand-1 group-focus-visible/nav-link:text-brand-1 not-forced-colors:[.active_&]:text-brand-1 forced-colors:group-hover/nav-link:text-[ButtonText]!"
    aria-hidden="true"
>
    <use xlink:href="#chevron-down" href="#chevron-down"></use>
</svg>

                </div>
            </button>
        
    

    
    <div
        class="transition-display max-lg:overflow-auto max-lg:w-full max-lg:h-[calc(100dvh-var(--navbar-height))] duration-200 hidden allow-discrete opacity-0 starting:group-[.active]:opacity-0 group-[.active]:opacity-100 group-[.active]:block absolute bg-surface-navbar inset-x-0 top-full py-12 lg:py-2xl shadow-md border-t border-t-stroke-muted"
        data-subnav
        data-testid="primary-action-nav-2-mega">
        <div class="container grid-full">
            <div class="grid-centered-12 w-full">
                
                <div class="grid grid-cols-1 lg:grid-cols-12 gap-13 lg:gap-grid-gutter" data-animated>

                    
                    <div class="w-full text-h6 lg:hidden animated-fade-in-up">
                        Get involved
                    </div>

                    
                    
                    
                        <div class="animated-fade-in-up lg:col-span-4">
                            
<div class="not-last:mb-md md:mb-0 flex flex-col  ">
    
        <p class="mb-xs text-15 xl:text-p2 font-stretch-normal font-bold text-foreground-strong">
            Inspire change
        </p>
    

    <ul class="flex flex-col gap-xs">
        
            <li>
                <a href="/support/advocacy/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Take action
                </a>
            </li>
        
            <li>
                <a href="/support/fundraise/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Fundraise
                </a>
            </li>
        
            <li>
                <a href="https://www.worldwildlife.org/teaching-resources"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Educational resources
                </a>
            </li>
        
            <li>
                <a href="/support/advocacy/panda-ambassadors/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Become a Panda Ambassador
                </a>
            </li>
        
            <li>
                <a href="https://tsc.worldwildlife.org/page/support-wwf"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Give at work
                </a>
            </li>
        
            <li>
                <a href="/support/travel/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Travel with us
                </a>
            </li>
        
    </ul>
</div>

                        </div>
                    
                        <div class="animated-fade-in-up lg:col-span-3">
                            
<div class="not-last:mb-md md:mb-0 flex flex-col  ">
    
        <p class="mb-xs text-15 xl:text-p2 font-stretch-normal font-bold text-foreground-strong">
            Explore
        </p>
    

    <ul class="flex flex-col gap-xs">
        
            <li>
                <a href="https://protect.worldwildlife.org/page/50225/subscribe/1?en_og_source=Web_EmailSignup&amp;ea.tracking.id=Web_Topnav"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Get email and text updates
                </a>
            </li>
        
            <li>
                <a href="/support/ecards/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Send ecards
                </a>
            </li>
        
            <li>
                <a href="https://protect.worldwildlife.org/page/50287/data/1?en_og_source=Web_EmailSignup&amp;ea.tracking.id=Web_Topnav"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Download wallpaper
                </a>
            </li>
        
            <li>
                <a href="/resources/tips/green-tips/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Green tips
                </a>
            </li>
        
            <li>
                <a href="/resources/mental-health-and-nature/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Well-being
                </a>
            </li>
        
    </ul>
</div>

                        </div>
                    
                        <div class="animated-fade-in-up lg:row-span-3 lg:col-span-5">
                            

    
        
            


<div>
    
        <h2 class="w-full font-bold font-stretch-normal text-p1 lg:text-15 xl:text-p2 mb-xs lg:mb-3 text-foreground-strong">Connect with us</h2>
    

    
    
        
            <div class="flex gap-sm" data-testid="social-media-icons">
                
    
        <a target="_blank" rel="nofollow noopener" href="https://www.facebook.com/worldwildlifefund" class="transition-colors hover:cursor-pointer theme-focus-outline outline-none fill-foreground hocus:fill-foreground-accent ">
            <span class="sr-only">Facebook profile</span>
            



<svg
    class="icon icon--facebook size-7"
    aria-hidden="true"
>
    <use xlink:href="#facebook" href="#facebook"></use>
</svg>

        </a>
    
    
        <a target="_blank" rel="nofollow noopener" href="https://twitter.com/World_Wildlife" class="transition-colors hover:cursor-pointer theme-focus-outline outline-none fill-foreground hocus:fill-foreground-accent">
            <span class="sr-only">X.com profile</span>
            <span>



<svg
    class="icon icon--twitter size-7"
    aria-hidden="true"
>
    <use xlink:href="#twitter" href="#twitter"></use>
</svg>
</span>
        </a>
    
    
        <a target="_blank" rel="nofollow noopener" href="https://www.instagram.com/world_wildlife" class="transition-colors hover:cursor-pointer theme-focus-outline outline-none fill-foreground hocus:fill-foreground-accent">
            <span class="sr-only">Instagram profile</span>
            



<svg
    class="icon icon--instagram size-7"
    aria-hidden="true"
>
    <use xlink:href="#instagram" href="#instagram"></use>
</svg>

        </a>
    
    
        <a target="_blank" rel="nofollow noopener" href="https://www.linkedin.com/company/166973"
           class="transition-colors hover:cursor-pointer theme-focus-outline outline-none fill-foreground hocus:fill-foreground-accent">
            <span class="sr-only">Linkedin profile</span>
            



<svg
    class="icon icon--linkedin size-7"
    aria-hidden="true"
>
    <use xlink:href="#linkedin" href="#linkedin"></use>
</svg>

        </a>
    


            </div>
        
    
</div>

        
    


                        </div>
                    

                    
                    
                        <div class="max-lg:order-2 lg:col-start-1 lg:col-span-4 lg:row-start-2 lg:row-span-3 lg:flex lg:items-start" data-animated>
                            <div class="animated-fade-in-up">
                                
                                    <a class="button button--dark-outline max-[501px]:w-full" href="/support/">
                                        See all ways to get involved
                                    </a>
                                
                            </div>
                        </div>
                    
                </div>
            </div>
        </div>
    </div>
</li>



                                
                                    




<li class="group list-none leading-[1.1]" data-has-subnav>
    
    
        
        
            
            <button class=" lg:text-16 xl:text-18 link group/nav-link text-foreground text-start lg:text-15 xl:text-16 no-underline font-semibold inline-flex flex-row items-start justify-start gap-2 forced-colors:text-[ButtonText] hocus:underline hocus:text-brand-1 hocus:underline-offset-8 group-[.active]:underline group-[.active]:text-brand-1 group-[.active]:decoration-[3px] group-[.active]:underline-offset-8 motion-safe:not-focus-visible:transition-underline" aria-expanded="false" data-open-subnav>
                About us
                <div class="group-[.active]:-rotate-180 motion-safe:transition-transform will-change-transform flex h-[1lh] items-center">
                    



<svg
    class="icon icon--chevron-down size-3 text-foreground-muted group-hover/nav-link:text-brand-1 group-focus-visible/nav-link:text-brand-1 not-forced-colors:[.active_&]:text-brand-1 forced-colors:group-hover/nav-link:text-[ButtonText]!"
    aria-hidden="true"
>
    <use xlink:href="#chevron-down" href="#chevron-down"></use>
</svg>

                </div>
            </button>
        
    

    
    <div
        class="transition-display max-lg:overflow-auto max-lg:w-full max-lg:h-[calc(100dvh-var(--navbar-height))] duration-200 hidden allow-discrete opacity-0 starting:group-[.active]:opacity-0 group-[.active]:opacity-100 group-[.active]:block absolute bg-surface-navbar inset-x-0 top-full py-12 lg:py-2xl shadow-md border-t border-t-stroke-muted"
        data-subnav
        data-testid="primary-action-nav-3-mega">
        <div class="container grid-full">
            <div class="grid-centered-12 w-full">
                
                <div class="grid grid-cols-1 lg:grid-cols-12 gap-13 lg:gap-grid-gutter" data-animated>

                    
                    <div class="w-full text-h6 lg:hidden animated-fade-in-up">
                        About us
                    </div>

                    
                    
                    
                        <div class="animated-fade-in-up lg:col-span-4">
                            
<div class="not-last:mb-md md:mb-0 flex flex-col  ">
    

    <ul class="flex flex-col gap-xs">
        
            <li>
                <a href="/about/our-values/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Values
                </a>
            </li>
        
            <li>
                <a href="/about/history/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    History
                </a>
            </li>
        
            <li>
                <a href="/about/safeguards/wwfs-environmental-and-social-safeguards-framework/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Safeguards
                </a>
            </li>
        
            <li>
                <a href="/about/financials/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Financials
                </a>
            </li>
        
    </ul>
</div>

                        </div>
                    
                        <div class="animated-fade-in-up lg:col-span-4">
                            
<div class="not-last:mb-md md:mb-0 flex flex-col  ">
    

    <ul class="flex flex-col gap-xs">
        
            <li>
                <a href="/about/leadership-team/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Leadership team
                </a>
            </li>
        
            <li>
                <a href="/about/board-and-council/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Board &amp; Council
                </a>
            </li>
        
            <li>
                <a href="/about/experts/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Experts
                </a>
            </li>
        
            <li>
                <a href="/about/careers/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Careers
                </a>
            </li>
        
    </ul>
</div>

                        </div>
                    
                        <div class="animated-fade-in-up lg:col-span-4">
                            
<div class="not-last:mb-md md:mb-0 flex flex-col  ">
    
        <p class="mb-xs text-15 xl:text-p2 font-stretch-normal font-bold text-foreground-strong">
            Latest
        </p>
    

    <ul class="flex flex-col gap-xs">
        
            <li>
                <a href="/news/stories/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Stories and updates
                </a>
            </li>
        
            <li>
                <a href="/news/magazine/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    World Wildlife magazine
                </a>
            </li>
        
            <li>
                <a href="/news/press-releases/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Press releases
                </a>
            </li>
        
    </ul>
</div>

                        </div>
                    

                    
                    
                        <div class="max-lg:order-2 lg:col-start-1 lg:col-span-4 lg:row-start-2 lg:row-span-3 lg:flex lg:items-start" data-animated>
                            <div class="animated-fade-in-up">
                                
                                    <a class="button button--dark-outline max-[501px]:w-full" href="/about/">
                                        Discover who we are
                                    </a>
                                
                            </div>
                        </div>
                    
                </div>
            </div>
        </div>
    </div>
</li>



                                
                            
                        </ul>
                    </div>

                    <div class="flex items-center">
                        
                        
<div class="hidden lg:flex ml-4 lg:ml-0 justify-center items-center">
    <button aria-label="Search"
            class="group inline-flex gap-2 p-3 xl:p-3.5 border-1 rounded-full items-center  cursor-pointer transition-colors
                   border-navbar-search-button-foreground 
                   text-navbar-search-button-foreground 
                   bg-navbar-search-button-surface 
                   hocus:text-navbar-search-button-foreground-accent 
                   hocus:bg-navbar-search-button-surface-accent 
                   hocus:border-navbar-search-button-surface-accent 
                   aria-expanded:bg-navbar-search-button-surface-active 
                   aria-expanded:hocus:bg-navbar-search-button-surface-active 
                   aria-expanded:hocus:text-navbar-search-button-foreground-active 
                   aria-expanded:text-navbar-search-button-foreground-active
                   theme-focus-outline" data-toggle-search>
        



<svg
    class="icon icon--magnifying-glass size-4.5"
    aria-hidden="true"
>
    <use xlink:href="#magnifying-glass" href="#magnifying-glass"></use>
</svg>

    </button>
</div>


                        
                        
                            <div class="lg:ml-2 xl:ml-5" data-desktop-menu data-keep-open-mobile>
                                
                                <ul class="flex flex-row gap-1.5 xl:gap-4 items-center" data-primary-nav>
                                    
                                        
                                            




<li class="group list-none leading-[1.1]" data-has-subnav>
    
    
        
            
            <a class="button text-14 xl:text-18 p-[15px] xl:px-8 xl:py-4 forced-colors:border button--sedona"
               href="https://gifts.worldwildlife.org/gift-center/?sc=AWY2604OQ20474A09177RX&amp;s_subsrc=topnav"
               data-testid="primary-action-nav-1">
                Gifts
            </a>
        
    

    
    <div
        class="transition-display max-lg:overflow-auto max-lg:w-full max-lg:h-[calc(100dvh-var(--navbar-height))] duration-200 hidden allow-discrete opacity-0 starting:group-[.active]:opacity-0 group-[.active]:opacity-100 group-[.active]:block absolute bg-surface-navbar inset-x-0 top-full py-12 lg:py-2xl shadow-md border-t border-t-stroke-muted"
        data-subnav
        data-testid="primary-action-nav-1-mega">
        <div class="container grid-full">
            <div class="grid-centered-12 w-full">
                
                <div class="grid grid-cols-1 lg:grid-cols-12 gap-13 lg:gap-grid-gutter" data-animated>

                    
                    <div class="w-full text-h6 lg:hidden animated-fade-in-up">
                        Gifts
                    </div>

                    
                    
                    

                    
                    
                </div>
            </div>
        </div>
    </div>
</li>



                                        
                                    
                                        
                                            




<li class="group list-none leading-[1.1]" data-has-subnav>
    
    
        
            
            
            <div class="button--zion button split-dropdown leading-none flex items-stretch text-14 p-0">
                <a class="inline-flex rounded-s-full text-14 xl:text-18 p-[15px] xl:ps-5 xl:py-4 pe-[13px]! xl:pe-4! border-r border-denali theme-focus-outline forced-colors:border" href="https://protect.worldwildlife.org/page/52716/action/1?en_og_source=Web_Donation&amp;ea.tracking.id=Web_Topnav&amp;supporter.appealCode=AWE2604OQ18299A09177RX" data-testid="primary-action-nav-2">Donate</a>
                
                <button data-open-subnav aria-expanded="false" aria-label="Open dropdown for Donate link" class="pl-[15px] pe-5 xl:pl-5 xl:pe-6 max-[374px]:pe-2.5 max-[374px]:ps-2  rounded-e-full cursor-pointer theme-focus-outline forced-colors:border">
                    



<svg
    class="icon icon--chevron-down size-3 group-[.active]:-rotate-180 motion-safe:transition"
    aria-hidden="true"
>
    <use xlink:href="#chevron-down" href="#chevron-down"></use>
</svg>

                </button>
            </div>
        
    

    
    <div
        class="transition-display max-lg:overflow-auto max-lg:w-full max-lg:h-[calc(100dvh-var(--navbar-height))] duration-200 hidden allow-discrete opacity-0 starting:group-[.active]:opacity-0 group-[.active]:opacity-100 group-[.active]:block absolute bg-surface-navbar inset-x-0 top-full py-12 lg:py-2xl shadow-md border-t border-t-stroke-muted"
        data-subnav
        data-testid="primary-action-nav-2-mega">
        <div class="container grid-full">
            <div class="grid-centered-12 w-full">
                
                <div class="grid grid-cols-1 lg:grid-cols-12 gap-13 lg:gap-grid-gutter" data-animated>

                    
                    <div class="w-full text-h6 lg:hidden animated-fade-in-up">
                        Donate
                    </div>

                    
                    
                    
                        <div class="animated-fade-in-up lg:col-span-4">
                            
<div class="not-last:mb-md md:mb-0 flex flex-col  ">
    
        <p class="mb-xs text-15 xl:text-p2 font-stretch-normal font-bold text-foreground-strong">
            Popular ways to give
        </p>
    

    <ul class="flex flex-col gap-xs">
        
            <li>
                <a href="https://protect.worldwildlife.org/page/52716/action/1?en_og_source=Web_Donation&amp;ea.tracking.id=Web_Topnav&amp;supporter.appealCode=AWE2604OQ18336A07147RX"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Make a donation
                </a>
            </li>
        
            <li>
                <a href="https://protect.worldwildlife.org/page/52883/donate/1?en_og_source=Web_Donation&amp;ea.tracking.id=Web_Topnav&amp;supporter.appealCode=AWE2604OQ18336A06078RX"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Donate in someone’s name
                </a>
            </li>
        
            <li>
                <a href="https://protect.worldwildlife.org/page/87661/donate/1?en_og_source=Web_DRTV&amp;ea.tracking.id=Web_Topnav&amp;supporter.appealCode=AWS2604OQ18336A09179RX"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Respond to our TV ad with a monthly gift
                </a>
            </li>
        
            <li>
                <a href="https://protect.worldwildlife.org/page/81448/action/1?en_og_source=Web_Donation&amp;ea.tracking.id=Web_Topnav&amp;supporter.appealCode=AWE2604OQ18336A01571RX"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Renew your membership
                </a>
            </li>
        
            <li>
                <a href="/support/philanthropy/partners-in-conservation/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Join as a Partner in Conservation
                </a>
            </li>
        
    </ul>
</div>

                        </div>
                    
                        <div class="animated-fade-in-up lg:col-span-3">
                            
<div class="not-last:mb-md md:mb-0 flex flex-col  ">
    
        <p class="mb-xs text-15 xl:text-p2 font-stretch-normal font-bold text-foreground-strong">
            More giving options
        </p>
    

    <ul class="flex flex-col gap-xs">
        
            <li>
                <a href="https://wwf.planmylegacy.org/donor-advised-funds"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Donor Advised Funds
                </a>
            </li>
        
            <li>
                <a href="/support/philanthropy/other-ways-to-support-wwf/qualified-charitable-distributions/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Charitable IRA distributions
                </a>
            </li>
        
            <li>
                <a href="https://wwf.planmylegacy.org/charitable-gift-annuities"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Charitable Gift Annuities
                </a>
            </li>
        
            <li>
                <a href="/support/philanthropy/other-ways-to-support-wwf/give-the-gift-of-stock/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Gifts of stock
                </a>
            </li>
        
            <li>
                <a href="https://wwf.planmylegacy.org/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline "
                   data-desktop-nav-link>
                    Legacy giving
                </a>
            </li>
        
    </ul>
</div>

                        </div>
                    
                        <div class="animated-fade-in-up lg:row-span-3 lg:col-span-5">
                            

    
        
            

<a href="https://protect.worldwildlife.org/page/87661/donate/1?en_og_source=Web_DRTV&amp;ea.tracking.id=Web_Topnav&amp;supporter.appealCode=AWS2604RQ20794A09123RX" class="group/highlight max-w-[435px] block text-foreground rounded-sm overflow-hidden theme-focus-outline py-7.5 lg:py-0 max-lg:border-y-stroke-muted max-lg:border-y" data-testid="highlight-card">
    <div class="relative w-full rounded-sm overflow-hidden">
        <img alt="_" class="w-full bg-gray-100 object-cover aspect-16/9 group-hover/highlight:scale-105 duration-400 transition-transform" height="250" loading="lazy" src="https://assets.worldwildlife.org/www-prd/images/wwfcmsprodimagesAfric.2e16d0ba.fill-435x250.format-webp.webp" width="435">
    </div>
    <p class="mt-md text-15 xl:text-p2">Help WWF protect elephants and other vulnerable species around the world. Symbolically adopt an elephant today.</p>
    <span class="button button--dark-outline mt-sm mb-0.5 max-[501px]:w-full">Did you see our TV ad?</span>
</a>

        
    


                        </div>
                    

                    
                    
                        <div class="max-lg:order-2 lg:col-start-1 lg:col-span-4 lg:row-start-2 lg:row-span-3 lg:flex lg:items-start" data-animated>
                            <div class="animated-fade-in-up">
                                
                                    <a class="button button--dark-outline max-[501px]:w-full" href="/support/give/">
                                        See all ways to support
                                    </a>
                                
                            </div>
                        </div>
                    
                </div>
            </div>
        </div>
    </div>
</li>



                                        
                                    
                                </ul>
                            </div>
                        

                        
                        <button class="lg:hidden no-underline flex flex-row items-center gap-2 group/toggle ml-4 max-[375px]:ml-2 lg:ml-5 h-3.5 theme-focus-outline"
        data-mobile-menu-toggle
        aria-haspopup="true"
        
            aria-expanded="false"
        
        data-open-only
>
    
    
        <span class="relative w-6 h-3.5 flex flex-col justify-between">
            
            <span class="absolute left-0 w-full h-[2px] rounded-lg bg-foreground transition-all duration-300 ease-in-out group-hover/toggle:bg-foreground-accent top-0 group-aria-expanded/toggle:top-1/2 group-aria-expanded/toggle:left-1/2 group-aria-expanded/toggle:w-0"></span>
            
            <span class="absolute left-0 w-full h-[2px] rounded-lg bg-foreground transition-all duration-300 ease-in-out group-hover/toggle:bg-foreground-accent top-1/2 group-aria-expanded/toggle:rotate-45"></span>
            
            <span class="absolute left-0 w-full h-[2px] rounded-lg bg-foreground transition-all duration-300 ease-in-out group-hover/toggle:bg-foreground-accent top-1/2 group-aria-expanded/toggle:-rotate-45"></span>
            
            <span class="absolute left-0 w-full h-[2px] rounded-lg bg-foreground transition-all duration-300 ease-in-out group-hover/toggle:bg-foreground-accent top-full group-aria-expanded/toggle:top-1/2 group-aria-expanded/toggle:left-1/2 group-aria-expanded/toggle:w-0"></span>
        </span>
    
    
    <span class="sr-only" data-mobile-menu-toggle-text>Open Navigation</span>
</button>


                        
                        <div
    class="transition-display hidden allow-discrete opacity-0 starting:[&.active]:opacity-0 [&.active]:opacity-100 [&.active]:block absolute bg-surface-navbar inset-x-0 py-3xl top-full shadow-md"
    data-search-dropdown>
    <form action="/search/" method="get" role="search" class="container">
        <div class="grid-full">
            <div class="relative grid-centered-12 w-full flex items-center gap-4 border-b border-stroke-default text-h6">
                <input
                    id="search-bar"
                    data-search-input
                    name="query"
                    type="text"
                    placeholder="Search…"
                    class="peer w-full bg-transparent pt-2 lg:pb-5 placeholder-transparent focus:outline-none transition-colors"
                    
                />
                <label
                    for="search-bar"
                    class="absolute left-0 top-2 origin-left transform transition-transform duration-200 text-h6 text-input-label pointer-events-none
                           peer-placeholder-shown:translate-y-0
                           peer-placeholder-shown:scale-100
                           peer-focus:-translate-y-full
                           peer-focus:scale-75
                           peer-focus:font-semibold
                           peer-not-placeholder-shown:-translate-y-full
                           peer-not-placeholder-shown:font-semibold
                           peer-not-placeholder-shown:scale-75">
                    Search
                </label>
                <button
                    class="button bg-transparent text-foreground p-0 theme-focus-outline motion-safe:hocus:translate-x-0.5 transition-transform"
                    type="submit">
                    



<svg
    class="icon icon--arrow-right-thin block size-5 md:size-8 lg:size-10 forced-colors:text-[LinkText]"
    aria-hidden="true"
>
    <use xlink:href="#arrow-right-thin" href="#arrow-right-thin"></use>
</svg>

                    <span class="sr-only">Search</span>
                </button>
            </div>
        </div>
    </form>
</div>


                        
                    </div>
                </div>
            </div>
        </nav>
    </div>

    
    

<dialog
    data-mobile-menu
    class="fixed transform overflow-y-auto flex-col w-full h-full inset-0 bg-surface-navbar backdrop:bg-transparent max-w-full max-h-[100vh]
           allow-discrete opacity-0 starting:[&[open]]:opacity-0 [&[open]]:opacity-100 transition-display duration-200 z-(--z-index-mobile-nav-panel)"
>
    <div class="mobile-dialog-navbar container relative z-[99] bg-surface-navbar py-3 lg:py-4 border-b border-b-stroke-muted">
        <div class="flex justify-between items-center">
            





<a href="/"
   class="inline-flex items-center shrink-0 [[data-mobile-menu]_&]:outline-none not-[[data-mobile-menu]_&]:theme-focus-outline dark-mode:bg-denali dark-mode:py-0.5 dark-mode:px-0.5 forced-colors:px-0.5 forced-colors:py-0.5 forced-colors:bg-[CanvasText]!"
   data-brand-logo-link
>
  <span class="sr-only">World Wildlife Fund</span>
  <svg aria-hidden="true" class="brand-logo-svg w-full h-auto max-w-[39px] max-h-[56px] sm:max-w-[41px] sm:max-h-[60px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.63 122.37">
      <!-- WWF - Fades on nav scroll down -->
    <path data-wwf-logo-letters class="wwf-letters" d="M28.5,100.04c-.75,0-1.38.47-1.61,1.12l-3.29,8.33-.29.95-.26-.96-2.54-8.1s-.02-.06-.03-.07v-.02c-.24-.68-.88-1.16-1.63-1.16h-4.11c-.92.05-1.66.8-1.66,1.74,0,.25.12.58.2.89l.54,1.69-2.01,5.07-.32.94-.26-.95-2.53-8.12s-.03-.06-.04-.07v-.02c-.23-.68-.89-1.16-1.63-1.16H2.91c-.91.05-1.66.8-1.66,1.74,0,.25.1.58.21.89l6.15,18.33c.18.75.88,1.3,1.67,1.3s1.44-.5,1.65-1.21l4.31-10.87.32-.97.26.96,3.63,10.79c.19.75.86,1.3,1.68,1.3s1.44-.52,1.67-1.26l7.29-18.58c.1-.23.18-.49.18-.75,0-.97-.78-1.75-1.74-1.75" fill="#000000"/>
    <path data-wwf-logo-letters class="wwf-letters" d="M59.15,100.04c-.75,0-1.38.47-1.63,1.12l-3.27,8.33-.31.95-.24-.96-2.56-8.1s0-.06-.01-.07v-.02c-.25-.68-.89-1.16-1.64-1.16h-4.11c-.92.05-1.65.8-1.65,1.74,0,.25.09.58.2.89l.54,1.69-2.02,5.07-.33.94-.25-.95-2.53-8.12s-.03-.06-.04-.07v-.02c-.23-.68-.87-1.16-1.61-1.16h-4.12c-.93.05-1.66.8-1.66,1.74,0,.25.12.58.2.89l6.17,18.33c.18.75.86,1.3,1.67,1.3.77,0,1.42-.5,1.65-1.21l4.3-10.87.3-.97.27.96,3.61,10.79c.2.75.87,1.3,1.68,1.3s1.46-.52,1.67-1.26l7.29-18.58c.11-.23.17-.49.17-.75,0-.97-.79-1.75-1.74-1.75" fill="#000000"/>
    <path data-wwf-logo-letters class="wwf-letters" d="M79.06,100.07h-14.37c-.83,0-1.5.67-1.5,1.5h0v19.09s0,0,0,0h0c.03.86.75,1.56,1.61,1.56h4.07c.88-.03,1.57-.72,1.59-1.61v-8.92s5.83-.01,5.86-.01c.86,0,1.55-.7,1.55-1.58s-.7-1.57-1.58-1.57h-5.81v-5.1s8.67,0,8.67,0c.89-.04,1.61-.78,1.61-1.69s-.77-1.68-1.69-1.68" fill="#000000"/>
      <!-- Panda -->
    <path d="M56.77,39.24c2.62,2.93,2.9,11.64,9.47,8.18,3.95-2.08,3.9-10.88-1.37-14.05-4.27-2.52-6.6.88-8.14,5.05-.12.33-.13.66.05.82" fill="#000000"/>
    <path d="M46.57,37.84c-2.75,2.28-4.64,8.52-9.69,6.4-4.08-2.08-4.48-10.17,2.56-13.91,4.9-2.25,7.39,2.21,7.43,6.95,0,.17-.16.42-.3.55" fill="#000000"/>
    <path d="M53.35,53.77c2.71-.28,2.1-2.8.04-3.43-1.84-.55-4.62-.9-6.59-.87-3.49.08-3.4,2.75-1.59,3.2,1.37.46,2.26.64,3.44,2.17,1.08,2.1.6-.63,4.69-1.07" fill="#000000"/>
    <path d="M66.15,8.74c3.41-5.67,9.34-4.57,12.31-1.75,3.27,3.07,3.8,6.62,2.54,9.12-1.71,3.35-6.07,7.42-8.91,3.48-1.25-1.74-3.92-3.82-5.37-4.41-2.23-.94-2.66-2.96-.57-6.44" fill="#000000"/>
    <path d="M53.58,59.69c-1.49,3.93-9.2,2.58-9.44-1.22,0-.15.21-.12.29-.1,3.43.8,6.7,1.18,8.91,1.17.08,0,.26-.05.23.15M79.72,33.76c-.31-1.01-.81-.95-.78-.12.28,10.34-5.9,21.42-19.12,21.5-3.38,0-2.37,5.42-8.53,2.7-4.45-3-6.99,2.9-10.16-3.45-.69-1.83-1.73-2.56-3.08-2.9-13.05-3.23-17.22-21.2-5.71-35.7,2.28,1.36,3.11,1.57,5.54-.66,1.27-1.17,3.39-2.46,4.55-2.89,2.77-1.06,4.27-2.24,1.87-7.51-3.07-6.85-9.35-4.91-12.23-2.55-3.24,2.68-5.52,6.99-1.34,12.07-11.69,7.89-13.7,17.58-13.43,26,.28,8.96-2.01,8.19.84,17.31.25.8-.31.78-.74.52-12.19-7.8-18.77-31.6.22-44.72.43-.38.25-.88-1.31.03C-.13,22.09-1.64,38.93,1.08,50.28c1.33,5.49-.69,6.51,1.44,13.73,4.89,15.05,9.06,16.23,14.96,16.67,10.73,0,3.45-5.91,3.84-13.35,0-.43.53-.65.83.25,5.9,13.24,10.07,25.29,25.59,24.16,8.98-1.17,4-5.63,3.45-8.16-6.61-21.92,9.42-27.09,4.89-5.72-3,12.24,6.48,11.02,13.14,6.62,6.88-4.52,15.47-34.32,10.5-50.72" fill="#000000"/>
      <!-- C -->
    <path d="M16.28,82.82c-1.9,0-3.45,1.55-3.45,3.44s1.55,3.45,3.45,3.45,3.43-1.55,3.43-3.45-1.53-3.44-3.43-3.44M19.15,86.25c0,1.59-1.3,2.87-2.87,2.87s-2.87-1.28-2.87-2.87,1.28-2.86,2.87-2.86,2.87,1.29,2.87,2.86" fill="#000000"/>
    <path d="M17.26,86.79c-.07.42-.42.71-.9.71-.66,0-1.08-.59-1.08-1.25s.38-1.22,1.08-1.22c.46,0,.81.27.9.68h.48c-.08-.76-.68-1.19-1.39-1.19-1.03,0-1.61.75-1.61,1.73s.64,1.74,1.63,1.74c.7,0,1.26-.45,1.4-1.19h-.5Z" fill="#000000"/>
      <!-- R - fade out on nav scroll downwards -->
    <path data-wwf-logo-restricted class="wwf-r" d="M76.77,91.03c-1.92,0-3.44,1.54-3.44,3.44s1.53,3.44,3.44,3.44,3.44-1.52,3.44-3.44-1.54-3.44-3.44-3.44M79.64,94.47c0,1.59-1.3,2.87-2.87,2.87s-2.89-1.28-2.89-2.87,1.29-2.86,2.89-2.86,2.87,1.28,2.87,2.86" fill="#000000"/>
    <path data-wwf-logo-restricted class="wwf-r" d="M76.17,94.27v-1.01h.67c.34,0,.7.09.7.49,0,.5-.37.52-.8.52h-.58ZM76.17,94.7h.56l.87,1.4h.54l-.93-1.44c.48-.06.85-.31.85-.88,0-.65-.37-.92-1.14-.92h-1.25v3.24h.51v-1.4Z" fill="#000000"/>
  </svg>
</a>



            
            <button class="lg:hidden no-underline flex flex-row items-center gap-2 group/toggle ml-4 max-[375px]:ml-2 lg:ml-5 h-3.5 theme-focus-outline"
        data-mobile-menu-toggle
        aria-haspopup="true"
        
            aria-expanded="true"
        
        data-close-only
>
    
    
        <span class="relative w-6 h-3.5 flex flex-col justify-between">
            
            <span class="absolute left-0 w-full h-[2px] rounded-lg bg-foreground transition-all duration-300 ease-in-out group-hover/toggle:bg-foreground-accent top-0 group-aria-expanded/toggle:top-1/2 group-aria-expanded/toggle:left-1/2 group-aria-expanded/toggle:w-0"></span>
            
            <span class="absolute left-0 w-full h-[2px] rounded-lg bg-foreground transition-all duration-300 ease-in-out group-hover/toggle:bg-foreground-accent top-1/2 group-aria-expanded/toggle:rotate-45"></span>
            
            <span class="absolute left-0 w-full h-[2px] rounded-lg bg-foreground transition-all duration-300 ease-in-out group-hover/toggle:bg-foreground-accent top-1/2 group-aria-expanded/toggle:-rotate-45"></span>
            
            <span class="absolute left-0 w-full h-[2px] rounded-lg bg-foreground transition-all duration-300 ease-in-out group-hover/toggle:bg-foreground-accent top-full group-aria-expanded/toggle:top-1/2 group-aria-expanded/toggle:left-1/2 group-aria-expanded/toggle:w-0"></span>
        </span>
    
    
    <span class="sr-only" data-mobile-menu-toggle-text>Open Navigation</span>
</button>

        </div>
    </div>

    <div class="w-full bg-surface-navbar">
        <ul class="container w-full mt-5"
            data-mobile-menu-parent-links data-animated>
            
                
                    
                    <li class="w-full animated-fade-in-up" data-has-nav>
                        
                        <button
                            class="text-h6 py-6 theme-focus-outline font-normal w-full no-underline! inline-flex flex-row justify-between items-center active:underline"
                            data-open-subnav=""
                            aria-haspopup="true"
                            aria-expanded="false"
                        >
                            Our work
                            



<svg
    class="icon icon--chevron-right size-3.5"
    aria-hidden="true"
>
    <use xlink:href="#chevron-right" href="#chevron-right"></use>
</svg>

                        </button>

                        
                        
<div data-subnav class="fixed shadow-md top-navbar-height hidden inset-0 overflow-y-auto bg-surface-navbar w-full h-full z-30 motion-safe:translate-x-full motion-safe:starting:data-open:translate-x-full data-open:translate-x-0 data-open:flex allow-discrete duration-300">
    <div class="flex flex-col h-full w-full">

        
        <div class="relative">
            <div class="container mb-20 pb-20">

                
                <div class="w-full">
                    <button
                        class="w-full text-h6 py-6 mb-4 mt-5 link no-underline focus-visible:-outline-offset-[2px] inline-flex flex-row justify-start items-center gap-2 active:underline"
                        data-subnav-back>
                        



<svg
    class="icon icon--chevron-right size-3.5 rotate-180"
    aria-hidden="true"
>
    <use xlink:href="#chevron-right" href="#chevron-right"></use>
</svg>

                        <span class="sr-only">Back to </span>Our work
                    </button>
                </div>

                <ul class="w-full flex flex-col justify-start" data-animated>
                    
                        
                            
    <li class="w-full mb-10 last:mb-0 list-none animated-fade-in-up">
        <ul class="w-full h-full flex flex-col justify-start">
            
            
                <h2 class="w-full font-bold font-stretch-normal text-p1 mb-3  text-foreground-strong inline-flex">What we care about</h2>
            

            
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/our-work/locally-led-conservation/">Locally led conservation</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/places/">Places</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/species/">Species</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/our-work/climate/">Climate</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/our-work/sustainability/">Sustainability</a>
                </li>
            
        </ul>
    </li>


                        
                    
                        
                            
    <li class="w-full mb-10 last:mb-0 list-none animated-fade-in-up">
        <ul class="w-full h-full flex flex-col justify-start">
            
            
                <h2 class="w-full font-bold font-stretch-normal text-p1 mb-3  text-foreground-strong inline-flex">How we work</h2>
            

            
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/our-work/policy/">Public policy</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/our-work/science/">Science</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/our-work/sustainability/business/">Business</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/our-work/wildlife/">Wildlife conservation</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/our-work/high-impact-philanthropy/">High-impact philanthropy</a>
                </li>
            
        </ul>
    </li>


                        
                    
                        
                    

                    
                        
                    
                        
                    
                        
                            <li class="animated-fade-in-up w-full mb-10 last:mb-0 last:[&>*]:pb-0" data-animated>
                                

    
        
            

<a href="/support/campaigns/nature-needs-us-now/" class="group/highlight max-w-[435px] block text-foreground rounded-sm overflow-hidden theme-focus-outline py-7.5 lg:py-0 max-lg:border-y-stroke-muted max-lg:border-y" data-testid="highlight-card">
    <div class="relative w-full rounded-sm overflow-hidden">
        <img alt="Looking toward the sky in a canopy of green trees in a forest." class="w-full bg-gray-100 object-cover aspect-16/9 group-hover/highlight:scale-105 duration-400 transition-transform" height="250" loading="lazy" src="https://assets.worldwildlife.org/www-prd/images/_WW1298193.2e16d0ba.fill-435x250.format-webp.webp" width="435">
    </div>
    <p class="mt-md text-15 xl:text-p2">Nature doesn’t just surround us—it sustains us. Every day, it protects and provides for us.</p>
    <span class="button button--dark-outline mt-sm mb-0.5 max-[501px]:w-full">Why nature needs us now</span>
</a>

        
    


                            </li>
                        
                    

                    
                        
                            <li class="w-full mb-10 last:mb-0">
                                <a class="button button--dark-outline max-sm:w-full" href="/our-work/"
                                   data-testid="footer-action-button">
                                    Learn more about our impact
                                </a>
                            </li>
                        
                    
                </ul>
            </div>
        </div>
    </div>
</div>



    


                    </li>
                
            
                
                    
                    <li class="w-full animated-fade-in-up" data-has-nav>
                        
                        <button
                            class="text-h6 py-6 theme-focus-outline font-normal w-full no-underline! inline-flex flex-row justify-between items-center active:underline"
                            data-open-subnav=""
                            aria-haspopup="true"
                            aria-expanded="false"
                        >
                            Get involved
                            



<svg
    class="icon icon--chevron-right size-3.5"
    aria-hidden="true"
>
    <use xlink:href="#chevron-right" href="#chevron-right"></use>
</svg>

                        </button>

                        
                        
<div data-subnav class="fixed shadow-md top-navbar-height hidden inset-0 overflow-y-auto bg-surface-navbar w-full h-full z-30 motion-safe:translate-x-full motion-safe:starting:data-open:translate-x-full data-open:translate-x-0 data-open:flex allow-discrete duration-300">
    <div class="flex flex-col h-full w-full">

        
        <div class="relative">
            <div class="container mb-20 pb-20">

                
                <div class="w-full">
                    <button
                        class="w-full text-h6 py-6 mb-4 mt-5 link no-underline focus-visible:-outline-offset-[2px] inline-flex flex-row justify-start items-center gap-2 active:underline"
                        data-subnav-back>
                        



<svg
    class="icon icon--chevron-right size-3.5 rotate-180"
    aria-hidden="true"
>
    <use xlink:href="#chevron-right" href="#chevron-right"></use>
</svg>

                        <span class="sr-only">Back to </span>Get involved
                    </button>
                </div>

                <ul class="w-full flex flex-col justify-start" data-animated>
                    
                        
                            
    <li class="w-full mb-10 last:mb-0 list-none animated-fade-in-up">
        <ul class="w-full h-full flex flex-col justify-start">
            
            
                <h2 class="w-full font-bold font-stretch-normal text-p1 mb-3  text-foreground-strong inline-flex">Inspire change</h2>
            

            
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/support/advocacy/">Take action</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/support/fundraise/">Fundraise</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="https://www.worldwildlife.org/teaching-resources">Educational resources</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/support/advocacy/panda-ambassadors/">Become a Panda Ambassador</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="https://tsc.worldwildlife.org/page/support-wwf">Give at work</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/support/travel/">Travel with us</a>
                </li>
            
        </ul>
    </li>


                        
                    
                        
                            
    <li class="w-full mb-10 last:mb-0 list-none animated-fade-in-up">
        <ul class="w-full h-full flex flex-col justify-start">
            
            
                <h2 class="w-full font-bold font-stretch-normal text-p1 mb-3  text-foreground-strong inline-flex">Explore</h2>
            

            
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="https://protect.worldwildlife.org/page/50225/subscribe/1?en_og_source=Web_EmailSignup&amp;ea.tracking.id=Web_Topnav">Get email and text updates</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/support/ecards/">Send ecards</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="https://protect.worldwildlife.org/page/50287/data/1?en_og_source=Web_EmailSignup&amp;ea.tracking.id=Web_Topnav">Download wallpaper</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/resources/tips/green-tips/">Green tips</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/resources/mental-health-and-nature/">Well-being</a>
                </li>
            
        </ul>
    </li>


                        
                    
                        
                    

                    
                        
                    
                        
                    
                        
                            <li class="animated-fade-in-up w-full mb-10 last:mb-0 last:[&>*]:pb-0" data-animated>
                                

    
        
            


<div>
    
        <h2 class="w-full font-bold font-stretch-normal text-p1 lg:text-15 xl:text-p2 mb-xs lg:mb-3 text-foreground-strong">Connect with us</h2>
    

    
    
        
            <div class="flex gap-sm" data-testid="social-media-icons">
                
    
        <a target="_blank" rel="nofollow noopener" href="https://www.facebook.com/worldwildlifefund" class="transition-colors hover:cursor-pointer theme-focus-outline outline-none fill-foreground hocus:fill-foreground-accent ">
            <span class="sr-only">Facebook profile</span>
            



<svg
    class="icon icon--facebook size-7"
    aria-hidden="true"
>
    <use xlink:href="#facebook" href="#facebook"></use>
</svg>

        </a>
    
    
        <a target="_blank" rel="nofollow noopener" href="https://twitter.com/World_Wildlife" class="transition-colors hover:cursor-pointer theme-focus-outline outline-none fill-foreground hocus:fill-foreground-accent">
            <span class="sr-only">X.com profile</span>
            <span>



<svg
    class="icon icon--twitter size-7"
    aria-hidden="true"
>
    <use xlink:href="#twitter" href="#twitter"></use>
</svg>
</span>
        </a>
    
    
        <a target="_blank" rel="nofollow noopener" href="https://www.instagram.com/world_wildlife" class="transition-colors hover:cursor-pointer theme-focus-outline outline-none fill-foreground hocus:fill-foreground-accent">
            <span class="sr-only">Instagram profile</span>
            



<svg
    class="icon icon--instagram size-7"
    aria-hidden="true"
>
    <use xlink:href="#instagram" href="#instagram"></use>
</svg>

        </a>
    
    
        <a target="_blank" rel="nofollow noopener" href="https://www.linkedin.com/company/166973"
           class="transition-colors hover:cursor-pointer theme-focus-outline outline-none fill-foreground hocus:fill-foreground-accent">
            <span class="sr-only">Linkedin profile</span>
            



<svg
    class="icon icon--linkedin size-7"
    aria-hidden="true"
>
    <use xlink:href="#linkedin" href="#linkedin"></use>
</svg>

        </a>
    


            </div>
        
    
</div>

        
    


                            </li>
                        
                    

                    
                        
                            <li class="w-full mb-10 last:mb-0">
                                <a class="button button--dark-outline max-sm:w-full" href="/support/"
                                   data-testid="footer-action-button">
                                    See all ways to get involved
                                </a>
                            </li>
                        
                    
                </ul>
            </div>
        </div>
    </div>
</div>



    


                    </li>
                
            
                
                    
                    <li class="w-full animated-fade-in-up" data-has-nav>
                        
                        <button
                            class="text-h6 py-6 theme-focus-outline font-normal w-full no-underline! inline-flex flex-row justify-between items-center active:underline"
                            data-open-subnav=""
                            aria-haspopup="true"
                            aria-expanded="false"
                        >
                            About us
                            



<svg
    class="icon icon--chevron-right size-3.5"
    aria-hidden="true"
>
    <use xlink:href="#chevron-right" href="#chevron-right"></use>
</svg>

                        </button>

                        
                        
<div data-subnav class="fixed shadow-md top-navbar-height hidden inset-0 overflow-y-auto bg-surface-navbar w-full h-full z-30 motion-safe:translate-x-full motion-safe:starting:data-open:translate-x-full data-open:translate-x-0 data-open:flex allow-discrete duration-300">
    <div class="flex flex-col h-full w-full">

        
        <div class="relative">
            <div class="container mb-20 pb-20">

                
                <div class="w-full">
                    <button
                        class="w-full text-h6 py-6 mb-4 mt-5 link no-underline focus-visible:-outline-offset-[2px] inline-flex flex-row justify-start items-center gap-2 active:underline"
                        data-subnav-back>
                        



<svg
    class="icon icon--chevron-right size-3.5 rotate-180"
    aria-hidden="true"
>
    <use xlink:href="#chevron-right" href="#chevron-right"></use>
</svg>

                        <span class="sr-only">Back to </span>About us
                    </button>
                </div>

                <ul class="w-full flex flex-col justify-start" data-animated>
                    
                        
                            
    <li class="w-full mb-10 last:mb-0 list-none animated-fade-in-up">
        <ul class="w-full h-full flex flex-col justify-start">
            
            

            
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/about/our-values/">Values</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/about/history/">History</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/about/safeguards/wwfs-environmental-and-social-safeguards-framework/">Safeguards</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/about/financials/">Financials</a>
                </li>
            
        </ul>
    </li>


                        
                    
                        
                            
    <li class="w-full mb-10 last:mb-0 list-none animated-fade-in-up">
        <ul class="w-full h-full flex flex-col justify-start">
            
            

            
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/about/leadership-team/">Leadership team</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/about/board-and-council/">Board &amp; Council</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/about/experts/">Experts</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/about/careers/">Careers</a>
                </li>
            
        </ul>
    </li>


                        
                    
                        
                            
    <li class="w-full mb-10 last:mb-0 list-none animated-fade-in-up">
        <ul class="w-full h-full flex flex-col justify-start">
            
            
                <h2 class="w-full font-bold font-stretch-normal text-p1 mb-3  text-foreground-strong inline-flex">Latest</h2>
            

            
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/news/stories/">Stories and updates</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/news/magazine/">World Wildlife magazine</a>
                </li>
            
                <li class="w-full">
                    <a class="w-full flex-1 text-p1 py-3  link focus-visible:-outline-offset-[2px] inline-flex active:underline"
                       href="/news/press-releases/">Press releases</a>
                </li>
            
        </ul>
    </li>


                        
                    

                    
                        
                    
                        
                    
                        
                    

                    
                        
                            <li class="w-full mb-10 last:mb-0">
                                <a class="button button--dark-outline max-sm:w-full" href="/about/"
                                   data-testid="footer-action-button">
                                    Discover who we are
                                </a>
                            </li>
                        
                    
                </ul>
            </div>
        </div>
    </div>
</div>



    


                    </li>
                
            
        </ul>

        
        
            <div class="container my-2">
                
                <ul class="gap-2.5 flex justify-center items-center" data-animated>
                    
                        <li class="animated-fade-in-up w-full">
                            <a class="mobile-primary-action button w-full text-14 p-[15px] xl:px-8 xl:py-4 forced-colors:border  button--sedona "
                               href="https://gifts.worldwildlife.org/gift-center/?sc=AWY2604OQ20474A09177RX&amp;s_subsrc=topnav"
                               data-testid="mobile-primary-action-nav-1">
                                Gifts
                            </a>
                        </li>
                    
                        <li class="animated-fade-in-up w-full">
                            <a class="mobile-primary-action button w-full text-14 p-[15px] xl:px-8 xl:py-4 forced-colors:border  button--zion"
                               href="https://protect.worldwildlife.org/page/52716/action/1?en_og_source=Web_Donation&amp;ea.tracking.id=Web_Topnav&amp;supporter.appealCode=AWE2604OQ18299A09177RX"
                               data-testid="mobile-primary-action-nav-2">
                                Donate
                            </a>
                        </li>
                    
                </ul>
            </div>
        

        
        <form action="/search/" method="get" role="search" class="w-full py-sm container" data-animated>
            <div class="flex items-center bg-surface-mobile-search-bar  rounded-full relative animated-fade-in-up">
                <input
                    id="mobile-search-bar"
                    name="query"
                    type="text"
                    placeholder="Search"
                    class="w-full bg-transparent text-p1 p-4 py-3.5 pl-4.5 pr-14 leading-none placeholder:text-foreground-strong focus:outline-none"
                />
                <button class="absolute right-6 bg-transparent text-foreground p-0 rounded-sm" type="submit">
                    



<svg
    class="icon icon--magnifying-glass size-4"
    aria-hidden="true"
>
    <use xlink:href="#magnifying-glass" href="#magnifying-glass"></use>
</svg>

                    <span class="sr-only">Search</span>
                </button>
            </div>
        </form>
    </div>
</dialog>



    


</header>




        
            
            
                



    <nav aria-label="Breadcrumb"
         class=" bg-transparent bg-none"
         data-breadcrumbs
         data-testid="breadcrumb"
    >
        <ol class="
                   container
                   flex flex-row flex-wrap items-center w-full space-x-2 gap-y-2 py-3.5
                   [&>li.last-visible_.icon]:hidden!
                   [&>li:nth-child(n+3)]:hidden md:[&>li:nth-child(n+4)]:hidden"
            data-breadcrumbs-list>
            
            
                <li class=" theme-dark:text-foreground-td theme-dark:hocus:text-foreground-muted-td theme-medium:text-foreground-tm  text-breadcrumb-foreground hocus:text-breadcrumb-foreground-accent
                           text-breadcrumb-size w-fit flex shrink-0 items-center gap-2 h-full last:[&>.icon]:hidden" >
                    <a href="/news/"
                       class="break-words whitespace-normal theme-focus-outline dark-mode:theme-focus-outline-invert
                              motion-safe:not-focus-visible:transition-underline no-underline hocus:underline hocus:underline-offset-4 ">
                        News
                    </a>
                    



<svg
    class="icon icon--chevron-right w-1.5 h-2.5 shrink-0"
    aria-hidden="true"
>
    <use xlink:href="#chevron-right" href="#chevron-right"></use>
</svg>

                </li>
            
        </ol>
    </nav>
    <noscript>
        <style>
            /* Force all breadcrumb items visible when JS is disabled */
            [data-breadcrumbs-list] > li {
                display: flex !important;
                visibility: visible !important;
            }
            [data-breadcrumb-expand-button] {
                display: none !important;
            }
        </style>
    </noscript>


            
        

        <main id="main-content">
            
    
    


<header class="mb-component" aria-labelledby="hero-headline">
    <div class="container pt-lg lg:pt-2xl">
        <div class="grid-full">
            <div class="md:col-span-12 xl:col-span-11">
                
                <h1 id="hero-headline"
                    data-testid="hero-headline"
                    class="text-h1 md:col-span-12 xl:col-span-11 text-pretty text-foreground">
                    Stories
                </h1>
            </div>

            <div class="md:col-span-8 lg:col-span-6">
                
                    <div data-testid="hero-intro"
                         class="text-p1 prose my-xs text-foreground-muted">
                        <p data-block-key="v0imy">Read the latest conservation stories and updates from WWF about wildlife, wild places, people, and the planet.</p>
                    </div>
                

                
            </div>
        </div>
    </div>
</header>


    
        <section class="container grid-full">
            <div class="grid-centered-12 mb-component">
                <ul class="w-full divide-solid divide-y divide-stroke-muted">
                    
                        
                        
                        
                            

<li class="flex flex-col-reverse first:pt-0 last:pb-0 only:py-0 py-lg md:grid md:grid-cols-12 gap-x-grid-gutter">
    <div class="flex flex-col gap-xs justify-center md:col-span-5 md:col-start-8 md:order-2">
        <div class="flex flex-col-reverse gap-xs">
            <p class="text-p1 font-bold text-foreground theme-dark:text-foreground-td theme-medium:text-foreground-tm" data-testid="page-title">
                <a href="/news/stories/climate-crowd-homestead-gardens/"
                   class="group hocus:text-foreground-accent hocus:theme-dark:text-foreground-td flex gap-2 justify-between items-start theme-focus-outline">
                    Climate-smart agriculture catches on in rural South Africa
                    <span class="flex h-[1lh] items-center">
                        



<svg
    class="icon icon--arrow-right size-[13px] md:size-4 transition-transform motion-safe:group-hocus:translate-x-1"
    aria-hidden="true"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>

                    </span>
                </a>
            </p>
            
        </div>
        
            <div class="line-clamp-3 text-p2 prose theme-dark:prose-td theme-medium:prose-tm" data-testid="page-summary">A program from WWF's WWF's Climate Crowd, residents grow homestead gardens and build food security</div>
        
        
            <p class=" text-p2 font-bold text-foreground-muted theme-dark:text-foreground-muted-td last:mb-0" data-testid="page-date">
                <time data-testid="news-date" datetime="2025-11-13"><span class="sr-only">Published on </span>November 13, 2025</time>
            </p>
        
    </div>
    <div class=" md:col-span-6 md:order-1 mb-md md:mb-0">
        
            <a href="/news/stories/climate-crowd-homestead-gardens/" aria-label="Climate-smart agriculture catches on in rural South Africa" class="block theme-focus-outline">
                <img alt="" class="rounded-sm w-full" height="510" loading="lazy" src="https://assets.worldwildlife.org/www-prd/images/IMG_3513_edited.2e16d0ba.format-webp.fill-680x510.webp" width="680">
                
                    


<div class="mt-2xs ">
    
    
        <p 
           class=" z-1 relative text-caption-size theme-dark:text-foreground-colored-muted text-foreground-muted">© Dianne Tipping-Woods</p>
    
</div>

                
            </a>
        
    </div>
</li>

                        
                    
                        
                        
                        
                            

<li class="flex flex-col-reverse first:pt-0 last:pb-0 only:py-0 py-lg md:grid md:grid-cols-12 gap-x-grid-gutter">
    <div class="flex flex-col gap-xs justify-center md:col-span-5 md:col-start-8 md:order-2">
        <div class="flex flex-col-reverse gap-xs">
            <p class="text-p1 font-bold text-foreground theme-dark:text-foreground-td theme-medium:text-foreground-tm" data-testid="page-title">
                <a href="/news/stories/what-to-expect-at-cop30-closing-the-gaps-in-bel%C3%A9m/"
                   class="group hocus:text-foreground-accent hocus:theme-dark:text-foreground-td flex gap-2 justify-between items-start theme-focus-outline">
                    What to expect at COP30: Closing the gaps in Belém
                    <span class="flex h-[1lh] items-center">
                        



<svg
    class="icon icon--arrow-right size-[13px] md:size-4 transition-transform motion-safe:group-hocus:translate-x-1"
    aria-hidden="true"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>

                    </span>
                </a>
            </p>
            
        </div>
        
        
            <p class=" text-p2 font-bold text-foreground-muted theme-dark:text-foreground-muted-td last:mb-0" data-testid="page-date">
                <time data-testid="news-date" datetime="2025-11-04"><span class="sr-only">Published on </span>November 4, 2025</time>
            </p>
        
    </div>
    <div class=" md:col-span-6 md:order-1 mb-md md:mb-0">
        
            <a href="/news/stories/what-to-expect-at-cop30-closing-the-gaps-in-bel%C3%A9m/" aria-label="What to expect at COP30: Closing the gaps in Belém" class="block theme-focus-outline">
                <img alt="" class="rounded-sm w-full" height="510" loading="lazy" src="https://assets.worldwildlife.org/www-prd/images/_WW173875.2e16d0ba.format-webp.fill-680x510.webp" width="680">
                
                    


<div class="mt-2xs ">
    
    
        <p 
           class=" z-1 relative text-caption-size theme-dark:text-foreground-colored-muted text-foreground-muted">© Edward Parker / WWF</p>
    
</div>

                
            </a>
        
    </div>
</li>

                        
                    
                        
                        
                        
                            

<li class="flex flex-col-reverse first:pt-0 last:pb-0 only:py-0 py-lg md:grid md:grid-cols-12 gap-x-grid-gutter">
    <div class="flex flex-col gap-xs justify-center md:col-span-5 md:col-start-8 md:order-2">
        <div class="flex flex-col-reverse gap-xs">
            <p class="text-p1 font-bold text-foreground theme-dark:text-foreground-td theme-medium:text-foreground-tm" data-testid="page-title">
                <a href="/news/stories/guided-by-matriarchs/"
                   class="group hocus:text-foreground-accent hocus:theme-dark:text-foreground-td flex gap-2 justify-between items-start theme-focus-outline">
                    Guided by matriarchs
                    <span class="flex h-[1lh] items-center">
                        



<svg
    class="icon icon--arrow-right size-[13px] md:size-4 transition-transform motion-safe:group-hocus:translate-x-1"
    aria-hidden="true"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>

                    </span>
                </a>
            </p>
            
        </div>
        
        
            <p class=" text-p2 font-bold text-foreground-muted theme-dark:text-foreground-muted-td last:mb-0" data-testid="page-date">
                <time data-testid="news-date" datetime="2025-10-31"><span class="sr-only">Published on </span>October 31, 2025</time>
            </p>
        
    </div>
    <div class=" md:col-span-6 md:order-1 mb-md md:mb-0">
        
            <a href="/news/stories/guided-by-matriarchs/" aria-label="Guided by matriarchs" class="block theme-focus-outline">
                <img alt="" class="rounded-sm w-full" height="510" loading="lazy" src="https://assets.worldwildlife.org/www-prd/images/Medium_WW1465453.2e16d0ba.format-webp.fill-680x510.webp" width="680">
                
                    


<div class="mt-2xs ">
    
    
        <p 
           class=" z-1 relative text-caption-size theme-dark:text-foreground-colored-muted text-foreground-muted">© Sarah Mosquera / WWF-US</p>
    
</div>

                
            </a>
        
    </div>
</li>

                        
                    
                        
                        
                        
                            

<li class="flex flex-col-reverse first:pt-0 last:pb-0 only:py-0 py-lg md:grid md:grid-cols-12 gap-x-grid-gutter">
    <div class="flex flex-col gap-xs justify-center md:col-span-5 md:col-start-8 md:order-2">
        <div class="flex flex-col-reverse gap-xs">
            <p class="text-p1 font-bold text-foreground theme-dark:text-foreground-td theme-medium:text-foreground-tm" data-testid="page-title">
                <a href="/news/stories/small-steps-to-reduce-food-waste/"
                   class="group hocus:text-foreground-accent hocus:theme-dark:text-foreground-td flex gap-2 justify-between items-start theme-focus-outline">
                    Small steps to stop food waste
                    <span class="flex h-[1lh] items-center">
                        



<svg
    class="icon icon--arrow-right size-[13px] md:size-4 transition-transform motion-safe:group-hocus:translate-x-1"
    aria-hidden="true"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>

                    </span>
                </a>
            </p>
            
        </div>
        
        
            <p class=" text-p2 font-bold text-foreground-muted theme-dark:text-foreground-muted-td last:mb-0" data-testid="page-date">
                <time data-testid="news-date" datetime="2025-10-21"><span class="sr-only">Published on </span>October 21, 2025</time>
            </p>
        
    </div>
    <div class=" md:col-span-6 md:order-1 mb-md md:mb-0">
        
            <a href="/news/stories/small-steps-to-reduce-food-waste/" aria-label="Small steps to stop food waste" class="block theme-focus-outline">
                <img alt="" class="rounded-sm w-full" height="300" loading="lazy" src="https://assets.worldwildlife.org/www-prd/images/wwfcmsprodimagesProdu.2e16d0ba.format-webp.fill-680x510.webp" width="400">
                
                    


<div class="mt-2xs ">
    
    
        <p 
           class=" z-1 relative text-caption-size theme-dark:text-foreground-colored-muted text-foreground-muted">© Shutterstock.com / Poring Studio</p>
    
</div>

                
            </a>
        
    </div>
</li>

                        
                    
                        
                        
                        
                            

<li class="flex flex-col-reverse first:pt-0 last:pb-0 only:py-0 py-lg md:grid md:grid-cols-12 gap-x-grid-gutter">
    <div class="flex flex-col gap-xs justify-center md:col-span-5 md:col-start-8 md:order-2">
        <div class="flex flex-col-reverse gap-xs">
            <p class="text-p1 font-bold text-foreground theme-dark:text-foreground-td theme-medium:text-foreground-tm" data-testid="page-title">
                <a href="/news/stories/edna-reveals-snow-leopard-presence-in-bhutans-mountain-rivers/"
                   class="group hocus:text-foreground-accent hocus:theme-dark:text-foreground-td flex gap-2 justify-between items-start theme-focus-outline">
                    eDNA reveals snow leopard presence in Bhutan’s mountain rivers
                    <span class="flex h-[1lh] items-center">
                        



<svg
    class="icon icon--arrow-right size-[13px] md:size-4 transition-transform motion-safe:group-hocus:translate-x-1"
    aria-hidden="true"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>

                    </span>
                </a>
            </p>
            
        </div>
        
        
            <p class=" text-p2 font-bold text-foreground-muted theme-dark:text-foreground-muted-td last:mb-0" data-testid="page-date">
                <time data-testid="news-date" datetime="2025-10-20"><span class="sr-only">Published on </span>October 20, 2025</time>
            </p>
        
    </div>
    <div class=" md:col-span-6 md:order-1 mb-md md:mb-0">
        
            <a href="/news/stories/edna-reveals-snow-leopard-presence-in-bhutans-mountain-rivers/" aria-label="eDNA reveals snow leopard presence in Bhutan’s mountain rivers" class="block theme-focus-outline">
                <img alt="" class="rounded-sm w-full" height="510" loading="lazy" src="https://assets.worldwildlife.org/www-prd/images/wwfcmsprodimagesSnow__PfDClq8.2e16d0ba.format-webp.fill-680x510.webp" width="680">
                
                    


<div class="mt-2xs ">
    
    
        <p 
           class=" z-1 relative text-caption-size theme-dark:text-foreground-colored-muted text-foreground-muted">© Sikkim Forest Department</p>
    
</div>

                
            </a>
        
    </div>
</li>

                        
                    
                        
                        
                        
                            

<li class="flex flex-col-reverse first:pt-0 last:pb-0 only:py-0 py-lg md:grid md:grid-cols-12 gap-x-grid-gutter">
    <div class="flex flex-col gap-xs justify-center md:col-span-5 md:col-start-8 md:order-2">
        <div class="flex flex-col-reverse gap-xs">
            <p class="text-p1 font-bold text-foreground theme-dark:text-foreground-td theme-medium:text-foreground-tm" data-testid="page-title">
                <a href="/news/stories/97-of-migratory-fish-are-going-extinct-swimways-are-a-critical-solution/"
                   class="group hocus:text-foreground-accent hocus:theme-dark:text-foreground-td flex gap-2 justify-between items-start theme-focus-outline">
                    97% of migratory fish are going extinct. Swimways are a critical solution.
                    <span class="flex h-[1lh] items-center">
                        



<svg
    class="icon icon--arrow-right size-[13px] md:size-4 transition-transform motion-safe:group-hocus:translate-x-1"
    aria-hidden="true"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>

                    </span>
                </a>
            </p>
            
        </div>
        
        
    </div>
    <div class=" md:col-span-6 md:order-1 mb-md md:mb-0">
        
            <a href="/news/stories/97-of-migratory-fish-are-going-extinct-swimways-are-a-critical-solution/" aria-label="97% of migratory fish are going extinct. Swimways are a critical solution." class="block theme-focus-outline">
                <img alt="" class="rounded-sm w-full" height="510" loading="lazy" src="https://assets.worldwildlife.org/www-prd/images/wwfcmsprodimagessalmo.2e16d0ba.format-webp.fill-680x510.webp" width="680">
                
                    


<div class="mt-2xs ">
    
    
        <p 
           class=" z-1 relative text-caption-size theme-dark:text-foreground-colored-muted text-foreground-muted">© Kevin Schafer</p>
    
</div>

                
            </a>
        
    </div>
</li>

                        
                    
                        
                        
                        
                            

<li class="flex flex-col-reverse first:pt-0 last:pb-0 only:py-0 py-lg md:grid md:grid-cols-12 gap-x-grid-gutter">
    <div class="flex flex-col gap-xs justify-center md:col-span-5 md:col-start-8 md:order-2">
        <div class="flex flex-col-reverse gap-xs">
            <p class="text-p1 font-bold text-foreground theme-dark:text-foreground-td theme-medium:text-foreground-tm" data-testid="page-title">
                <a href="/news/stories/managing-north-americas-largest-native-owned-bison-herd/"
                   class="group hocus:text-foreground-accent hocus:theme-dark:text-foreground-td flex gap-2 justify-between items-start theme-focus-outline">
                    Managing North America’s largest Native-owned bison herd
                    <span class="flex h-[1lh] items-center">
                        



<svg
    class="icon icon--arrow-right size-[13px] md:size-4 transition-transform motion-safe:group-hocus:translate-x-1"
    aria-hidden="true"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>

                    </span>
                </a>
            </p>
            
        </div>
        
        
            <p class=" text-p2 font-bold text-foreground-muted theme-dark:text-foreground-muted-td last:mb-0" data-testid="page-date">
                <time data-testid="news-date" datetime="2025-10-09"><span class="sr-only">Published on </span>October 9, 2025</time>
            </p>
        
    </div>
    <div class=" md:col-span-6 md:order-1 mb-md md:mb-0">
        
            <a href="/news/stories/managing-north-americas-largest-native-owned-bison-herd/" aria-label="Managing North America’s largest Native-owned bison herd" class="block theme-focus-outline">
                <img alt="" class="rounded-sm w-full" height="510" loading="lazy" src="https://assets.worldwildlife.org/www-prd/images/Original_WW1465304.2e16d0ba.format-webp.fill-680x510.webp" width="680">
                
                    


<div class="mt-2xs ">
    
    
        <p 
           class=" z-1 relative text-caption-size theme-dark:text-foreground-colored-muted text-foreground-muted">© Sarah Mosquera / WWF-US</p>
    
</div>

                
            </a>
        
    </div>
</li>

                        
                    
                        
                        
                        
                            

<li class="flex flex-col-reverse first:pt-0 last:pb-0 only:py-0 py-lg md:grid md:grid-cols-12 gap-x-grid-gutter">
    <div class="flex flex-col gap-xs justify-center md:col-span-5 md:col-start-8 md:order-2">
        <div class="flex flex-col-reverse gap-xs">
            <p class="text-p1 font-bold text-foreground theme-dark:text-foreground-td theme-medium:text-foreground-tm" data-testid="page-title">
                <a href="/news/stories/persian-leopard-activities-are-good-news-for-leopard-conservation/"
                   class="group hocus:text-foreground-accent hocus:theme-dark:text-foreground-td flex gap-2 justify-between items-start theme-focus-outline">
                    Persian leopard activities are good news for leopard conservation
                    <span class="flex h-[1lh] items-center">
                        



<svg
    class="icon icon--arrow-right size-[13px] md:size-4 transition-transform motion-safe:group-hocus:translate-x-1"
    aria-hidden="true"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>

                    </span>
                </a>
            </p>
            
        </div>
        
        
    </div>
    <div class=" md:col-span-6 md:order-1 mb-md md:mb-0">
        
            <a href="/news/stories/persian-leopard-activities-are-good-news-for-leopard-conservation/" aria-label="Persian leopard activities are good news for leopard conservation" class="block theme-focus-outline">
                <img alt="" class="rounded-sm w-full" height="510" loading="lazy" src="https://assets.worldwildlife.org/www-prd/images/wwfcmsprodimagespersi.2e16d0ba.format-webp.fill-680x510.webp" width="680">
                
                    


<div class="mt-2xs ">
    
    
        <p 
           class=" z-1 relative text-caption-size theme-dark:text-foreground-colored-muted text-foreground-muted">© Sergey Trepet / WWF-Russia</p>
    
</div>

                
            </a>
        
    </div>
</li>

                        
                    
                        
                        
                        
                            

<li class="flex flex-col-reverse first:pt-0 last:pb-0 only:py-0 py-lg md:grid md:grid-cols-12 gap-x-grid-gutter">
    <div class="flex flex-col gap-xs justify-center md:col-span-5 md:col-start-8 md:order-2">
        <div class="flex flex-col-reverse gap-xs">
            <p class="text-p1 font-bold text-foreground theme-dark:text-foreground-td theme-medium:text-foreground-tm" data-testid="page-title">
                <a href="/news/stories/working-together-for-grasslands/"
                   class="group hocus:text-foreground-accent hocus:theme-dark:text-foreground-td flex gap-2 justify-between items-start theme-focus-outline">
                    Working together for grasslands
                    <span class="flex h-[1lh] items-center">
                        



<svg
    class="icon icon--arrow-right size-[13px] md:size-4 transition-transform motion-safe:group-hocus:translate-x-1"
    aria-hidden="true"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>

                    </span>
                </a>
            </p>
            
        </div>
        
        
    </div>
    <div class=" md:col-span-6 md:order-1 mb-md md:mb-0">
        
            <a href="/news/stories/working-together-for-grasslands/" aria-label="Working together for grasslands" class="block theme-focus-outline">
                <img alt="" class="rounded-sm w-full" height="510" loading="lazy" src="https://assets.worldwildlife.org/www-prd/images/wwfcmsprodimagesworki.2e16d0ba.format-webp.fill-680x510.webp" width="680">
                
                    


<div class="mt-2xs ">
    
    
        <p 
           class=" z-1 relative text-caption-size theme-dark:text-foreground-colored-muted text-foreground-muted">© Becca Skinner / WWF-US</p>
    
</div>

                
            </a>
        
    </div>
</li>

                        
                    
                        
                        
                        
                            

<li class="flex flex-col-reverse first:pt-0 last:pb-0 only:py-0 py-lg md:grid md:grid-cols-12 gap-x-grid-gutter">
    <div class="flex flex-col gap-xs justify-center md:col-span-5 md:col-start-8 md:order-2">
        <div class="flex flex-col-reverse gap-xs">
            <p class="text-p1 font-bold text-foreground theme-dark:text-foreground-td theme-medium:text-foreground-tm" data-testid="page-title">
                <a href="/news/stories/visiting-a-tiger-farm-in-southeast-asia/"
                   class="group hocus:text-foreground-accent hocus:theme-dark:text-foreground-td flex gap-2 justify-between items-start theme-focus-outline">
                    Visiting a tiger farm in Southeast Asia—and what such places mean for wild tigers
                    <span class="flex h-[1lh] items-center">
                        



<svg
    class="icon icon--arrow-right size-[13px] md:size-4 transition-transform motion-safe:group-hocus:translate-x-1"
    aria-hidden="true"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>

                    </span>
                </a>
            </p>
            
        </div>
        
        
    </div>
    <div class=" md:col-span-6 md:order-1 mb-md md:mb-0">
        
            <a href="/news/stories/visiting-a-tiger-farm-in-southeast-asia/" aria-label="Visiting a tiger farm in Southeast Asia—and what such places mean for wild tigers" class="block theme-focus-outline">
                <img alt="" class="rounded-sm w-full" height="510" loading="lazy" src="https://assets.worldwildlife.org/www-prd/images/wwfcmsprodimagesMAIN_.61d65718.format-webp.fill-680x510.webp" width="680">
                
                    


<div class="mt-2xs ">
    
    
        <p 
           class=" z-1 relative text-caption-size theme-dark:text-foreground-colored-muted text-foreground-muted">© WWF-US / Leigh Henry</p>
    
</div>

                
            </a>
        
    </div>
</li>

                        
                    
                </ul>
                

    <nav aria-label="Pagination" class="flex flex-row items-center justify-center gap-xs pb-2xl pb-0! pt-20 lg:pt-component" data-testid="pagination">
        

        <div class="flex items-center">
            
                
                    
                        
                            <a href="?page=1"
                               class="text-cta-size link no-underline hover:underline hover:text-pagination-foreground-active active:text-pagination-foreground-active-accent focus-visible:rounded-sm focus-visible:outline-offset-0 focus-visible:outline-1  text-pagination-foreground-active forced-colors:bg-[LinkText] forced-colors:hover:bg-[LinkText] "
                               aria-current="page">
                                <span class="px-1.5">1</span>
                            </a>
                        
                    
                
                    
                        
                            <a href="?page=2"
                               class="text-cta-size link no-underline hover:underline hover:text-pagination-foreground-active active:text-pagination-foreground-active-accent focus-visible:rounded-sm focus-visible:outline-offset-0 focus-visible:outline-1 text-pagination-foreground"
                               >
                                <span class="px-1.5">2</span>
                            </a>
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                    
                
                    
                        
                            <span class="flex justify-center items-center px-0.5 md:px-1.5 text-cta-size text-pagination-foreground-accent">...</span>
                        
                    
                
                    
                        
                            <a href="?page=49"
                               class="text-cta-size link no-underline hover:underline hover:text-pagination-foreground-active active:text-pagination-foreground-active-accent focus-visible:rounded-sm focus-visible:outline-offset-0 focus-visible:outline-1 text-pagination-foreground"
                               >
                                <span class="px-1.5">49</span>
                            </a>
                        
                    
                
            
        </div>

        
            <a href="?page=2" data-testid="pagination-next" class="group text-pagination-foreground hover:text-pagination-foreground-accent transition-colors focus-visible:outline-1 focus-visible:rounded-sm focus-visible:outline-punaluu-300 focus-visible:outline-offset-4">
                



<svg
    class="icon icon--arrow-right size-3 fill-pagination-foreground transition-transform motion-safe:group-hocus:translate-x-1 hocus:fill-pagination-foreground-accent"
    aria-hidden="true"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>

            </a>
        
    </nav>


            </div>
        </section>
    

        </main>

        
    
<footer class="border-t border-stroke-muted bg-surface-footer">
    <div class="container overflow-hidden relative">
        <div class="pt-3xl relative z-1 lg:pb-5xl">
            
<nav class="text-p1 grid grid-cols-2 md:grid-cols-3 xl:grid-full" aria-label="Primary footer">
    <div class="absolute -z-1 bg-[url('../images/cssBackgrounds/panda.svg')] opacity-5 bg-no-repeat inset-[0_-10%_0_0] bg-position-[center_left] bg-size-[130%] sm:bg-size-[75%] md:bg-top-left md:inset-[24px_0_0_-24px] lg:bg-size-[60%] "></div>
    
        
<div class="not-last:mb-md md:mb-0 flex flex-col  xl:col-span-3">
    
        <p class="mb-xs text-15 xl:text-p2 font-stretch-normal font-bold text-sm ">
            Discover
        </p>
    

    <ul class="flex flex-col gap-xs">
        
            <li>
                <a href="/about/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline no-underline"
                   data-desktop-nav-link>
                    Who we are
                </a>
            </li>
        
            <li>
                <a href="/about/financials/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline no-underline"
                   data-desktop-nav-link>
                    Financials
                </a>
            </li>
        
            <li>
                <a href="/news/stories/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline no-underline"
                   data-desktop-nav-link>
                    Latest stories
                </a>
            </li>
        
            <li>
                <a href="/our-work/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline no-underline"
                   data-desktop-nav-link>
                    Our work
                </a>
            </li>
        
            <li>
                <a href="https://www.worldwildlife.org/descubre-wwf"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline no-underline"
                   data-desktop-nav-link>
                    En español
                </a>
            </li>
        
            <li>
                <a href="/news/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline no-underline"
                   data-desktop-nav-link>
                    Newsroom
                </a>
            </li>
        
            <li>
                <a href="/support/travel/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline no-underline"
                   data-desktop-nav-link>
                    Travel
                </a>
            </li>
        
    </ul>
</div>

    
        
<div class="not-last:mb-md md:mb-0 flex flex-col  xl:col-span-3">
    
        <p class="mb-xs text-15 xl:text-p2 font-stretch-normal font-bold text-sm ">
            Support
        </p>
    

    <ul class="flex flex-col gap-xs">
        
            <li>
                <a href="https://protect.worldwildlife.org/page/52716/action/1?en_og_source=Web_Donation&amp;ea.tracking.id=Web_Footer&amp;supporter.appealCode=AWE2604OQ20058A05397RX"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline no-underline"
                   data-desktop-nav-link>
                    Donate now
                </a>
            </li>
        
            <li>
                <a href="https://gifts.worldwildlife.org/gift-center/?sc=AWY2604OQ20058A09180RX&amp;s_subsrc=web_footer"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline no-underline"
                   data-desktop-nav-link>
                    Visit WWFGifts
                </a>
            </li>
        
            <li>
                <a href="https://protect.worldwildlife.org/page/52883/donate/1?en_og_source=Web_Donation&amp;ea.tracking.id=Web_Footer&amp;supporter.appealCode=AWE2604OQ20058A05399RX"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline no-underline"
                   data-desktop-nav-link>
                    Give in someone&#x27;s name
                </a>
            </li>
        
            <li>
                <a href="https://wwf.planmylegacy.org/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline no-underline"
                   data-desktop-nav-link>
                    Gift and estate planning
                </a>
            </li>
        
    </ul>
</div>

    
        
<div class="not-last:mb-md md:mb-0 flex flex-col  xl:col-span-3">
    
        <p class="mb-xs text-15 xl:text-p2 font-stretch-normal font-bold text-sm ">
            Connect
        </p>
    

    <ul class="flex flex-col gap-xs">
        
            <li>
                <a href="/support/advocacy/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline no-underline"
                   data-desktop-nav-link>
                    Take action
                </a>
            </li>
        
            <li>
                <a href="/about/careers/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline no-underline"
                   data-desktop-nav-link>
                    Careers
                </a>
            </li>
        
            <li>
                <a href="/about/contact/"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline no-underline"
                   data-desktop-nav-link>
                    Contact
                </a>
            </li>
        
            <li>
                <a href="https://help.worldwildlife.org/hc/en-us"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline no-underline"
                   data-desktop-nav-link>
                    Help center
                </a>
            </li>
        
            <li>
                <a href="https://wwf.org/?global=show"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline no-underline"
                   data-desktop-nav-link>
                    WWF country offices
                </a>
            </li>
        
            <li>
                <a href="https://secure.ethicspoint.com/domain/media/en/gui/59041/index.html"
                   class="link text-foreground text-p2 xl:text-p1 transition-display hocus:underline hocus:text-foreground motion-safe:not-focus-visible:transition-underline no-underline"
                   data-desktop-nav-link>
                    Ethics reporting
                </a>
            </li>
        
    </ul>
</div>

    
    <div class="col-span-full pt-[200px] lg:pt-0 lg:col-start-10 lg:col-span-5 lg:ml-auto">
        <div class="flex flex-col items-start gap-md">
            
                
                    <a href="https://protect.worldwildlife.org/page/50225/subscribe/1?en_og_source=Web_EmailSignup&amp;ea.tracking.id=Web_Footer" class="button button--dark group">Get WWF email and texts



<svg
    class="icon icon--arrow-right size-4 ml-2 fill-foreground transition-transform motion-safe:group-hocus:translate-x-1"
    aria-hidden="true"
>
    <use xlink:href="#arrow-right" href="#arrow-right"></use>
</svg>
</a>
                
            
            
                
                    <a href="https://protect.worldwildlife.org/page/48250/hub/1?ea.tracking.id=Web_Footer" class="button button--dark-outline">Supporter log in



<svg
    class="icon icon--user size-5 ml-2 fill-foreground forced-colors:fill-[LinkText]"
    aria-hidden="true"
>
    <use xlink:href="#user" href="#user"></use>
</svg>
</a>
                
            
        </div>
        
            <div class="flex gap-sm py-2xs mt-sm mb-lg items-center">
                
    
        <a target="_blank" rel="nofollow noopener" href="https://www.facebook.com/worldwildlifefund" class="transition-colors hover:cursor-pointer theme-focus-outline outline-none fill-foreground hocus:fill-foreground-accent ">
            <span class="sr-only">Facebook profile</span>
            



<svg
    class="icon icon--facebook size-7"
    aria-hidden="true"
>
    <use xlink:href="#facebook" href="#facebook"></use>
</svg>

        </a>
    
    
        <a target="_blank" rel="nofollow noopener" href="https://twitter.com/World_Wildlife" class="transition-colors hover:cursor-pointer theme-focus-outline outline-none fill-foreground hocus:fill-foreground-accent">
            <span class="sr-only">X.com profile</span>
            <span>



<svg
    class="icon icon--twitter size-7"
    aria-hidden="true"
>
    <use xlink:href="#twitter" href="#twitter"></use>
</svg>
</span>
        </a>
    
    
        <a target="_blank" rel="nofollow noopener" href="https://www.instagram.com/world_wildlife" class="transition-colors hover:cursor-pointer theme-focus-outline outline-none fill-foreground hocus:fill-foreground-accent">
            <span class="sr-only">Instagram profile</span>
            



<svg
    class="icon icon--instagram size-7"
    aria-hidden="true"
>
    <use xlink:href="#instagram" href="#instagram"></use>
</svg>

        </a>
    
    
        <a target="_blank" rel="nofollow noopener" href="https://www.linkedin.com/company/166973"
           class="transition-colors hover:cursor-pointer theme-focus-outline outline-none fill-foreground hocus:fill-foreground-accent">
            <span class="sr-only">Linkedin profile</span>
            



<svg
    class="icon icon--linkedin size-7"
    aria-hidden="true"
>
    <use xlink:href="#linkedin" href="#linkedin"></use>
</svg>

        </a>
    


            </div>
        
    </div>
</nav>

        </div>
    </div>
    <div class="py-2xl text-foreground-invert bg-punaluu-500">
        <div class="grid-full container">
            <div class="md:col-span-11 space-y-sm [&>p]:text-p2">
                
                
                    <p>
                        <strong>World Wildlife Fund</strong><br />
                        1250 24th St NW<br />
                        
                            Washington, DC 20037<br />
                        
                    </p>
                
                <p>World Wildlife Fund Inc. is a nonprofit, tax-exempt charitable organization (tax ID number 52-1693387) under Section 501(c)(3) of the Internal Revenue Code. Donations are tax-deductible as allowed by law.</p>
                <p>&copy; 2025 World Wildlife Fund. WWF® and ©1986 Panda Symbol are owned by WWF. All rights reserved.</p>
                <div>
                    
<nav aria-label="Secondary footer">
    <ul class="md:flex flex-wrap gap-sm">
        
            <li class="text-p2 mb-sm md:mb-0">
                <a class="link text-cta-size font-semibold decoration-2 underline-offset-8 text-foreground-invert hocus:text-foreground-strong-invert"
   
   
   href="/legal-notices/site-terms/">
    Site Terms
</a>


            </li>
        
            <li class="text-p2 mb-sm md:mb-0">
                <a class="link text-cta-size font-semibold decoration-2 underline-offset-8 text-foreground-invert hocus:text-foreground-strong-invert"
   
   
   href="/legal-notices/privacy-policy/">
    Privacy Policy/Your Privacy Rights
</a>


            </li>
        
            <li class="text-p2 mb-sm md:mb-0">
                <a class="link text-cta-size font-semibold decoration-2 underline-offset-8 text-foreground-invert hocus:text-foreground-strong-invert"
   
   
   href="/legal-notices/state-disclosures/">
    State Disclosures
</a>


            </li>
        
            <li class="text-p2 mb-sm md:mb-0">
                <a class="link text-cta-size font-semibold decoration-2 underline-offset-8 text-foreground-invert hocus:text-foreground-strong-invert"
   
   
   href="/legal-notices/accessibility-statement/">
    Accessibility Statement
</a>


            </li>
        
        
            <li class="text-p2 mb-sm md:mb-0">
                <button
                    type="button"
                    class="ot-sdk-show-settings cursor-pointer link text-cta-size font-semibold decoration-2 underline-offset-8 text-foreground-invert hocus:text-foreground-strong-invert"
                >
                    Cookie Preferences
                </button>
            </li>
        
    </ul>
</nav>

                </div>
            </div>
        </div>
    </div>
</footer>



        
        <script id="theme-allowed-modes" type="application/json">["light", "dark"]</script>
        <script id="theme-base-domain" type="application/json">""</script>

        <script src="/static/js/main.b82a8b579c24.js"></script>

        
    </body>
</html>
