Reports | Ceres: Sustainability is the bottom line

<!doctype html> <html lang="en" class="antialiased"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> <link rel="preload" as="style" href="https://www.ceres.org/build/assets/site-bc2278b4.css" /><link rel="modulepreload" href="https://www.ceres.org/build/assets/site-f5535cd5.js" /><link rel="stylesheet" href="https://www.ceres.org/build/assets/site-bc2278b4.css" data-navigate-track="reload" /><script type="module" src="https://www.ceres.org/build/assets/site-f5535cd5.js" data-navigate-track="reload"></script> <link rel="stylesheet" href="https://unpkg.com/tippy.js@6/dist/tippy.css" />  <title> Reports | Ceres: Sustainability is the bottom line </title> <link rel="canonical" href="https://www.ceres.org/resources/reports"> <meta property="og:site_name" content="Ceres: Sustainability is the bottom line"> <meta property="og:type" content="website"> <meta property="og:locale" content="en_US"> <meta property="og:title" content="Reports"> <meta property="og:image" content="https://assets.ceres.org/cache/containers/social_images/social-media-preview.png/2e2942f777ec2f94bcfb196fcd49af51.png"> <script>(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-K7574ND');function gtag(){dataLayer.push(arguments);}</script> <script> gtag('consent', 'default', { 'ad_storage': 'denied', 'analytics_storage': 'denied', 'wait_for_update': 500 }); dataLayer.push({ 'event': 'default_consent' }); </script>   <link rel="icon" href="https://assets.ceres.org/images/favicons/ceres_logo.svg" type="image/svg+xml"> <link rel="icon" href="/favicons/default/favicon.ico" type="image/x-icon"> <link rel="icon" href="https://assets.ceres.org/cache/containers/favicons/ceres_logo.png/745e90b115200c251a72efe551a21a93.png" sizes="16x16"> <link rel="icon" href="https://assets.ceres.org/cache/containers/favicons/ceres_logo.png/604ff9f514f749ad9c374c18a9fdfc07.png" sizes="32x32"> <link rel="manifest" href="https://www.ceres.org/site.webmanifest">  <script src="https://75fc01f3120645c39e3c70274c82795f.js.ubembed.com" async></script> <style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style> <script>(function(w,d,s,n,a){if(!w[n]){var l='call,catch,on,once,set,then,track' .split(','),i,o=function(n){return'function'==typeof n?o.l.push([arguments])&&o :function(){return o.l.push([n,arguments])&&o}},t=d.getElementsByTagName(s)[0], j=d.createElement(s);j.async=!0;j.src='https://cdn.fundraiseup.com/widget/'+a+''; t.parentNode.insertBefore(j,t);o.s=Date.now();o.v=4;o.h=w.location.href;o.l=[]; for(i=0;i<7;i++)o[l[i]]=o(l[i]);w[n]=o} })(window,document,'script','FundraiseUp','ADRUXVPU');</script> </head> <body class="overflow-x-hidden">  <noscript> <style> nav.hidden, nav ul [x-cloak], nav ul li ul { display: block !important; } </style> <p class="relative z-50 py-3 px-4 bg-gray-100 border-b border-gray-200 text-center font-bold text-xs text-gray-600">This website requires Javascript for some parts to function properly. Your experience may vary.</p> </noscript>   <a class="fixed z-50 px-4 py-2 text-sm font-bold text-white -translate-y-24 opacity-0 top-4 left-8 bg-primary focus-visible:translate-y-0 focus-visible:opacity-100 outline-primary motion-safe:transition-transform" href="#content"> Skip to content </a>     <div x-data="consentBanner" x-show="!$store.consentBanner.getConsent()" x-transition class=" fixed z-[1000] inset-x-[1rem] bottom-[1rem] md:bottom-[2rem] max-h-[calc(100vh-2rem)] md:max-h-[calc(100vh-4rem)] md:w-[21rem] flex flex-col stack-2 p-6 bg-white border border-neutral/10 rounded shadow-lg overflow-auto overscroll-contain md:right-auto md:left-[2rem] " x-cloak > <h2 class="text-2xl font-bold">Cookies 馃崻</h2> <p class="text-sm font-bold text-neutral"> This site uses cookies that need consent. </p> <div class="stack-space-4 py-6 flex flex-col gap-4"> <template x-for="type in $store.consentBanner.getConsentTypes()"> <label class="inline-flex"> <template x-if="type.disabled"> <input class="mr-2 w-4 h-4 rounded border-neutral !bg-cw-green-200 focus:border-cw-green-200 opacity-50" type="checkbox" :name="type.handle" checked disabled> </template> <template x-if="!type.disabled"> <input class="mr-2 w-4 h-4 rounded border-neutral checked:!bg-cw-green-200 focus:border-cw-green-200" type="checkbox" :name="type.handle" x-model="type.value"> </template> <span class="flex flex-col gap-0.5"> <span class="font-bold text-xs" x-html="type.title"></span> <span class="text-xs" x-html="type.explanation"></span> </span> </label> </template> </div> <div class="stack-space-4 flex flex-wrap gap-2"> <button @click="$store.consentBanner.acceptAll()" type="button" class="px-2 py-2 rounded text-xs font-bold bg-cw-green-200 text-white outline-primary"> Accept all </button> <button @click="$store.consentBanner.saveConsent()" type="button" class="px-2 py-2 rounded text-xs font-bold bg-neutral/10 text-neutral"> Accept selected </button> <button @click="$store.consentBanner.rejectAll()" type="button" class="px-2 py-2 rounded text-xs font-bold bg-neutral/10 text-neutral"> Reject all </button> </div> <script> let consentData = { "consent": false, "date": null, "consent_api": true, "custom_scripts": false, "types": [ { "value": true, "handle": "functionalCookies", "title": "Functional", "explanation": "First party cookies needed for the website to function. These can't be turned off.", "disabled": true }, { "value": false, "handle": "analyticsStorage", "title": "Analytics", "explanation": "Third party cookies used for analytics.", "consent_api": true, "consent_api_handle": "analytics_storage" }, { "value": false, "handle": "adStorage", "title": "Ads & tracking", "explanation": "Third party cookies used for advertisement.", "consent_api": true, "consent_api_handle": "ad_storage" }, { "value": false, "handle": "adUserData", "title": "Share Ad Data", "explanation": "Share advertising data with Google.", "consent_api": true, "consent_api_handle": "ad_user_data" }, { "value": false, "handle": "adPersonalization", "title": "Personalize Ads", "explanation": "Allow for personalized advertising.", "consent_api": true, "consent_api_handle": "ad_personalization" }, ] } </script> <script> document.addEventListener('alpine:init', () => { Alpine.store('consentBanner', { data: Alpine.$persist(consentData).as('consentBannerDefault'), acceptAll() { this.data.types.forEach((type) => type.value = true) this.saveConsent() }, getConsent() { return this.data.consent }, getConsentAPIValues() { return this.data.types.filter((type) => { return type['consent_api'] === true }).reduce((acc, type) => { acc[type.consent_api_handle] = type.value ? 'granted' : 'denied'; return acc; }, {}); }, getCustomScripts() { return this.data.types.filter((type) => type.hasOwnProperty('script_fragments') && type.value); }, getConsentDate() { return this.data.date }, getConsentTypes() { return this.data.types }, getConsentValue(handle) { return this.data.types.filter((type) => { return type['handle'] === handle })[0]['value'] }, invalidate() { this.data = consentData }, rejectAll() { this.data.types.forEach((type) => type.value = false) this.saveConsent() }, revokeConsent() { this.data.consent = false this.data.date = null }, saveConsent() { this.data.consent = true this.data.date = Math.floor(Date.now() / 1000) }, useConsentAPI() { return this.data.consent_api }, useCustomScripts() { return this.data.custom_scripts }, useEmbeds() { return this.data.embeds } }) Alpine.data('consentBanner', () => { return { data: Alpine.store('consentBanner').data, init() { if (Alpine.store('consentBanner').getConsentDate() < '') { Alpine.store('consentBanner').invalidate() } if (Alpine.store('consentBanner').useConsentAPI() && Alpine.store('consentBanner').getConsent()) { gtag('consent', 'update', Alpine.store('consentBanner').getConsentAPIValues()) } if (Alpine.store('consentBanner').useConsentAPI()) { this.$watch('data.consent', value => value && gtag('consent', 'update', Alpine.store('consentBanner').getConsentAPIValues())) } if (Alpine.store('consentBanner').useCustomScripts() && Alpine.store('consentBanner').getConsent()) { this.runCustomScripts() } if (Alpine.store('consentBanner').useCustomScripts()) { this.$watch('data.consent', value => value ? this.runCustomScripts() : this.removeCustomScripts()) } }, runCustomScripts() { Alpine.store('consentBanner') .getCustomScripts() .flatMap(script => script.script_fragments) .forEach(script => { const tag = document.createElement('script') script.type === 'script_tag' ? tag.src = script.source : tag.text = script.inline_script tag.defer = script.defer tag.async = script.async script.attributes.forEach(attribute => tag.setAttribute(attribute.key, attribute.value)) document.head.appendChild(tag) this.$el.addEventListener(`remove-custom-scripts-${script.category}`, () => tag.remove(), {once: true}) }) }, removeCustomScripts() { Alpine.store('consentBanner') .getCustomScripts() .forEach(script => this.$dispatch(`remove-custom-scripts-${script.handle}`)) } } }) }) </script> </div>  <section> </section> <nav x-data="{ activeButton: null, activeSubMenu: null, activeSection: null, isMenuOpen: false, closeAllSubMenus: function() { this.activeButton = null; this.activeSubMenu = null; }, isSearchOpen: false, }" @keydown.escape.window="activeButton = null; activeSubMenu = null;" class="overflow-hidden" > <div class="bg-white relative border-b border-b-cw-green-50/40 z-[500]"> <div class="container flex flex-col lg:flex-row justify-between py-5"> <div class="flex xl:flex-row gap-10 justify-between w-full md:w-auto items-center">  <a aria-label="Logo Ceres" href="/" > <img src="/visuals/logo-dark.svg" class="select-none " width="" alt="Ceres"/> </a>  <div class="flex flex-row items-center gap-5"> <button title="Search" aria-label="Search" class="inline-block lg:hidden" @click="isSearchOpen = !isSearchOpen;"> <svg width="20" height="20" class="cursor-pointer" aria-hidden="true" fill="none" stroke="black" viewBox="-1 -1 21 21"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/> </svg> </button> <button type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-white rounded-lg lg:hidden focus:outline-none" aria-controls="mega-menu-full" aria-expanded="false" @click="isMenuOpen = !isMenuOpen; closeAllSubMenus()" @keydown.escape.window="isMenuOpen = false; closeAllSubMenus()" x-bind:aria-expanded="isMenuOpen.toString()" > <span class="sr-only">Open main menu</span> <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="#72c100" viewBox="0 0 17 14"> <path stroke="#9CDD36" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M1 1h15M1 7h15M1 13h15"/> </svg> </button> </div> </div> <div id="mega-menu-full" class="gap-5 items-center justify-between hidden w-full lg:flex lg:w-auto lg:order-1 flex-grow" :class="{ 'hidden': !isMenuOpen }"> <ul id="megaMenuItemList" @click.away=" if (!$event.target.closest('#megaMenuItemList, #megaMenuNavigation')) { activeButton = null; activeSubMenu = null; } " class="flex flex-col mt-4 py-2 font-medium lg:flex-row lg:space-x-8 lg:mt-0"> <li> <button id="mega-menu-button-1" class="flex items-center justify-between w-full py-1 hover:text-black text-black/80 transition-all duration-200 relative group outline-none text-lg font-medium" :class="{ '!text-cw-green-400': activeButton === 'mega-menu-button-1' }" @click="activeButton = activeButton === 'mega-menu-button-1' ? null : 'mega-menu-button-1'; activeSubMenu = activeSubMenu === 'mega-menu-1' ? null : 'mega-menu-1'; activeSection = null" > Our work <span class="absolute w-12 h-0.5 bg-white bottom-0 left-0 group-hover:opacity-100 transition-all duration-200 ease-in-out opacity-0" :class="{ 'opacity-100': activeButton === 'mega-menu-button-1' }"></span> </button> </li> <li> <button id="mega-menu-button-2" class="flex items-center justify-between w-full py-1 hover:text-black text-black/80 transition-all duration-200 relative group outline-none text-lg font-medium" :class="{ '!text-cw-green-400': activeButton === 'mega-menu-button-2' }" @click="activeButton = activeButton === 'mega-menu-button-2' ? null : 'mega-menu-button-2'; activeSubMenu = activeSubMenu === 'mega-menu-2' ? null : 'mega-menu-2'; activeSection = null" > Get involved <span class="absolute w-12 h-0.5 bg-white bottom-0 left-0 group-hover:opacity-100 transition-all duration-200 ease-in-out opacity-0" :class="{ 'opacity-100': activeButton === 'mega-menu-button-2' }"></span> </button> </li> <li> <button id="mega-menu-button-3" class="flex items-center justify-between w-full py-1 hover:text-black text-black/80 transition-all duration-200 relative group outline-none text-lg font-medium" :class="{ '!text-cw-green-400': activeButton === 'mega-menu-button-3' }" @click="activeButton = activeButton === 'mega-menu-button-3' ? null : 'mega-menu-button-3'; activeSubMenu = activeSubMenu === 'mega-menu-3' ? null : 'mega-menu-3'; activeSection = null" > Resources <span class="absolute w-12 h-0.5 bg-white bottom-0 left-0 group-hover:opacity-100 transition-all duration-200 ease-in-out opacity-0" :class="{ 'opacity-100': activeButton === 'mega-menu-button-3' }"></span> </button> </li> <li> <button id="mega-menu-button-4" class="flex items-center justify-between w-full py-1 hover:text-black text-black/80 transition-all duration-200 relative group outline-none text-lg font-medium" :class="{ '!text-cw-green-400': activeButton === 'mega-menu-button-4' }" @click="activeButton = activeButton === 'mega-menu-button-4' ? null : 'mega-menu-button-4'; activeSubMenu = activeSubMenu === 'mega-menu-4' ? null : 'mega-menu-4'; activeSection = null" > About Ceres <span class="absolute w-12 h-0.5 bg-white bottom-0 left-0 group-hover:opacity-100 transition-all duration-200 ease-in-out opacity-0" :class="{ 'opacity-100': activeButton === 'mega-menu-button-4' }"></span> </button> </li> </ul> <div class="flex flex-row items-center gap-6"> <button title="Search" aria-label="Search" class="hidden lg:inline-block" @click=" isSearchOpen = !isSearchOpen; $nextTick(() => { if (isSearchOpen) { requestAnimationFrame(() => { document.getElementById('navSearchField').focus(); }) } }); "> <svg width="20" height="20" class="stroke-black" class="cursor-pointer text-cw-green-400" aria-hidden="true" fill="none" viewBox="-3 -3 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/> </svg> </button>  <a class=" cursor-pointer py-3 px-8 rounded-full select-none whitespace-nowrap items-start self-start hidden xl:inline-block bg-cw-green-200 font-bold text-white text-lg [&_svg]:stroke-white [&_svg]:fill-white  " href="#XLXBXUKE" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Donate </div> </a>  <script> <a href="#XLXBXUKE" style="display: none"></a> </script> </div> </div> </div> </div> <div class="w-full bg-white p-5" x-show="isSearchOpen" x-cloak> <div class="container"> <form action="/search" class="" x-data="{ query: '' }"> <label for="nav-search" class="mb-2 text-sm font-medium sr-only">Search</label> <div class="relative flex flex-row gap-2 items-center"> <input id="navSearchField" type="search" name="q" class="bg-transparent border-cw-green-800 w-full focus:border-cw-green-800 rounded-md py-3 px-6" placeholder="Search" autocomplete="off" x-model="query" > <div x-bind:class="{'opacity-50': query.trim() === ''}"> <button type="submit" class="py-3 px-8 rounded-full select-none whitespace-nowrap items-start self-start inline-block bg-cw-green-200 font-bold text-white text-lg" :disabled="query.trim() === ''" x-bind:class="{'cursor-not-allowed opacity-50': query.trim() === ''}" x-bind:aria-disabled="query.trim() === ''" > <div class="flex flex-row text-center items-center justify-center gap-2"> Search </div> </button> </div> </div> </form> </div> </div> <div class="absolute w-full z-[300]"> <div class="lg:container bg-white lg:bg-transparent [&_a]:before:hidden [&_a]:md:before:block [&_a]:relative [&_a]:before:opacity-0 [&_a]:before:transition-opacity hover:[&_a]:before:opacity-100 [&_a]:before:bg-cw-green-150/10 [&_a]:before:w-[calc(100%+1.5rem)] [&_a]:before:h-full [&_a]:before:absolute [&_a]:before:rounded-md [&_a]:before:-left-3"> <div id="megaMenuNavigation" class="container md:max-w-full md:px-0 pb-2 lg:pb-0 overflow-hidden"> <div id="mega-menu-1" class="bg-white hidden" :class="{ 'hidden': activeSubMenu !== 'mega-menu-1' }">  <div class=" grid grid-cols-12 relative gap-0 col-span-full "> <span class="hidden md:block absolute bg-gradient-to-b from-black/20 to-transparent top-0 w-full h-2 z-50"></span>  <div class=" grid grid-cols-12 gap-0 col-span-full md:col-span-8 md:gap-x-4 lg:gap-x-8 xl:gap-x-16 pt-6 md:px-8 lg:py-10 "> <div class="col-span-full md:col-span-4"> <div class="flex flex-col gap-0 md:gap-5"> <div @click="activeSection = activeSection === 'help-our-work-0' ? null : 'help-our-work-0'" class="mb-5 md:mb-0 col-span-full lg:col-span-3 pb-2 border-b-2 border-black text-sm cursor-pointer md:cursor-default">  <p class="mt-0 last:mb-0 leading-relaxed text-base">Issues we work on</p>  </div> <div :class="activeSection === 'help-our-work-0' ? 'max-h-[1200px]' : 'max-h-0'" class="transition-all duration-500 ease-in-out col-span-3 overflow-hidden md:overflow-visible md:max-h-full"> <div class="flex flex-col gap-3 md:gap-2"> <a href="/climate" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="block py-1 md:py-3 group before:top-1 leading-tight">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Climate crisis</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Advancing climate solutions for a zero emissions future.</p>  </a> <a href="/nature" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="block py-1 md:py-3 group before:top-1 leading-tight">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Nature and biodiversity loss</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Restoring and preserving our natural ecosystems.</p>  </a> <a href="/water" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="block py-1 md:py-3 group before:top-1 leading-tight">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Water scarcity and pollution</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Protecting our precious global water resources.</p>  </a> </div> </div> </div> </div> <div class="col-span-full md:col-span-8"> <div class="flex flex-col gap-0 md:gap-5"> <div @click="activeSection = activeSection === 'know-our-work-0' ? null : 'know-our-work-0'" class="mb-5 md:mb-0 pb-2 border-b-2 border-black cursor-pointer md:cursor-default">  <p class="mt-0 last:mb-0 leading-relaxed ">Sectors we work in</p>  </div> <div :class="activeSection === 'know-our-work-0' ? 'max-h-[1200px]' : 'max-h-0'" class="md:max-h-full overflow-hidden md:overflow-visible transition-all duration-500 ease-in-out">  <div class=" grid grid-cols-12 gap-5 md:gap-y-2 gap-y-3 lg:gap-x-8 "> <a href="/banking" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-6 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Banking</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Financing the transition to a low-carbon economy.</p>  </a> <a href="/food" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-6 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Food and beverage</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Building a more just and sustainable food system.</p>  </a> <a href="/oil-and-gas" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-6 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Oil and gas</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Transitioning away from fossil fuels.</p>  </a> <a href="/transportation" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-6 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Transportation</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Cutting emissions and driving innovation.</p>  </a> <a href="/steel" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-6 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Steel</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Reducing climate impacts in the built environment.</p>  </a> <a href="/electric-power" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-6 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Electric power</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Transforming the electric utility landscape.</p>  </a> <a href="/accelerator/insurance" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-6 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Insurance</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Addressing risk and seizing new opportunities.</p>  </a> <a href="/sectors" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-6 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">More sectors</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">We work across nearly all sectors of the economy.</p>  </a> </div> </div> </div> </div> </div> <div class=" gap-0 col-span-full md:col-span-4 relative pb-6 md:px-8 md:pt-6 lg:py-10 md:bg-cw-green-50 " > <div class="relative"> <div class="flex flex-col gap-0 md:gap-5"> <div @click="activeSection = activeSection === 'latest-our-work-0' ? null : 'latest-our-work-0'" class="mb-5 md:mb-0 pb-2 border-b-2 border-black cursor-pointer md:cursor-default">  <p class="mt-0 last:mb-0 leading-relaxed ">Latest resources</p>  </div> <div class="md:max-h-full overflow-hidden md:overflow-visible transition-all duration-500 ease-in-out" :class="activeSection === 'latest-our-work-0' ? 'max-h-[1200px]' : 'max-h-0'"> <div class="flex flex-col gap-1 md:gap-5"> <a href="/resources/reports/ceres-10-point-plan-for-the-insurance-industry" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="py-3 before:top-0">  <div class=" grid grid-cols-12 gap-5 mb-5 md:mb-0 "> <div class="col-span-5 relative h-24"> <img src="https://assets.ceres.org/cache/containers/images/istock-2075186172.jpg/19fd11180f4f3bfef44b97eb8984ea78/istock-2075186172.webp" alt="" class="w-full h-full object-cover rounded-lg absolute min-h-12"> </div> <div class="flex flex-col col-span-7 gap-2"> <div class="flex flex-col col-span-7 gap-1"> <p class="text-sm uppercase font-semibold text-black/50"> Report </p> <h4 class="leading-tight"> Ceres 10-Point Plan for the Insurance Industry </h4> </div> </div> </div> </a> <a href="/resources/reports/benchmarking-air-emissions-of-the-100-largest-electric-power-producers-in-the-united-states" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="py-3 before:top-0">  <div class=" grid grid-cols-12 gap-5 mb-5 md:mb-0 "> <div class="col-span-5 relative h-24"> <img src="https://assets.ceres.org/cache/containers/images/adobestock_621084085.jpeg/3ffa4a6289808eca93d9fac90b0b0c2d/adobestock_621084085.webp" alt="" class="w-full h-full object-cover rounded-lg absolute min-h-12"> </div> <div class="flex flex-col col-span-7 gap-2"> <div class="flex flex-col col-span-7 gap-1"> <p class="text-sm uppercase font-semibold text-black/50"> Report </p> <h4 class="leading-tight"> Benchmarking Air Emissions of the 100 Largest Electric Power Producers in the United States </h4> </div> </div> </div> </a> </div> </div>  <p class="mt-0 last:mb-0 leading-relaxed mb-5 md:mb-0 pb-2 border-b-2 border-black">Quick finds</p>  <div class="flex flex-row md:flex-col gap-5 md:gap-4 justify-between md:justify-start hover:[&_a]:text-cw-green-250"> <a class="cursor-pointer py-2 md:py-3 rounded-md w-fit relative before:top-0" href="https://www.ceres.org/support" > <div class="flex flex-row gap-2 items-center relative">  <h3 class="font-semibold text-base">Support our work</h3>  </div> </a> <a class="cursor-pointer py-2 md:py-3 rounded-md w-fit relative before:top-0" href="/resources/news" > <div class="flex flex-row gap-2 items-center relative">  <h3 class="font-semibold text-base">News and insights</h3>  </div> </a> <a class="cursor-pointer py-2 md:py-3 rounded-md w-fit relative before:top-0" href="/events" > <div class="flex flex-row gap-2 items-center relative">  <h3 class="font-semibold text-base">Events and webinars</h3>  </div> </a> </div> </div> </div> </div> <span class="bg-cw-green-200 hidden lg:block absolute left-0 right-0 bottom-0 py-2 text-white"></span> </div> </div> <div id="mega-menu-2" class="bg-white hidden" :class="{ 'hidden': activeSubMenu !== 'mega-menu-2' }">  <div class=" grid grid-cols-12 relative gap-0 col-span-full "> <span class="hidden md:block absolute bg-gradient-to-b from-black/20 to-transparent top-0 w-full h-2 z-50"></span>  <div class=" grid grid-cols-12 gap-0 col-span-full md:col-span-8 md:gap-x-4 lg:gap-x-8 xl:gap-x-16 pt-6 md:px-8 lg:py-10 "> <div class="col-span-full md:col-span-4"> <div class="flex flex-col gap-0 md:gap-5"> <div @click="activeSection = activeSection === 'help-get-involved-1' ? null : 'help-get-involved-1'" class="mb-5 md:mb-0 col-span-full lg:col-span-3 pb-2 border-b-2 border-black text-sm cursor-pointer md:cursor-default">  <p class="mt-0 last:mb-0 leading-relaxed text-base">Who we work with</p>  </div> <div :class="activeSection === 'help-get-involved-1' ? 'max-h-[1200px]' : 'max-h-0'" class="transition-all duration-500 ease-in-out col-span-3 overflow-hidden md:overflow-visible md:max-h-full"> <div class="flex flex-col gap-3 md:gap-2"> <a href="/get-involved#investors" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="block py-1 md:py-3 group before:top-1 leading-tight">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Investors</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">We work with leading asset managers and owners, public pension funds, and more.</p>  </a> <a href="/get-involved#companies" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="block py-1 md:py-3 group before:top-1 leading-tight">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Companies</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">We work with leading companies, including many Fortune 500 companies.</p>  </a> <a href="/get-involved#small-to-mid-size-enterprises" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="block py-1 md:py-3 group before:top-1 leading-tight">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Small and midsize enterprises</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">We provide resources to support SMEs on their sustainability journey.</p>  </a> </div> </div> </div> </div> <div class="col-span-full md:col-span-8"> <div class="flex flex-col gap-0 md:gap-5"> <div @click="activeSection = activeSection === 'know-get-involved-1' ? null : 'know-get-involved-1'" class="mb-5 md:mb-0 pb-2 border-b-2 border-black cursor-pointer md:cursor-default">  <p class="mt-0 last:mb-0 leading-relaxed ">Ways to get involved</p>  </div> <div :class="activeSection === 'know-get-involved-1' ? 'max-h-[1200px]' : 'max-h-0'" class="md:max-h-full overflow-hidden md:overflow-visible transition-all duration-500 ease-in-out">  <div class=" grid grid-cols-12 gap-5 md:gap-y-2 gap-y-3 lg:gap-x-8 "> <a href="/networks" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-6 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Join a network</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Learn more about our powerful investor, company, and policy networks.</p>  </a> <a href="/get-involved/initiatives" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-6 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Join an initiative</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Explore initiatives, working groups, and advocacy opportunities.</p>  </a> <a href="/get-involved/sponsors" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-6 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Become a sponsor</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Maximize your impact with premium benefits across the year.</p>  </a> <a href="/events" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-6 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Attend an event</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Engage with leading business and sustainability experts virtually and in-person.</p>  </a> <a href="/support" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-6 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Ways to give</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Your donation can help ensure a just and sustainable future.</p>  </a> <a href="/subscribe" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-6 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Subscribe</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Sign up for the latest news and updates from Ceres.</p>  </a> </div> </div> </div> </div> </div> <div class=" gap-0 col-span-full md:col-span-4 relative pb-6 md:px-8 md:pt-6 lg:py-10 md:bg-cw-green-50 " > <div class="relative"> <div class="flex flex-col gap-0 md:gap-5"> <div @click="activeSection = activeSection === 'latest-get-involved-1' ? null : 'latest-get-involved-1'" class="mb-5 md:mb-0 pb-2 border-b-2 border-black cursor-pointer md:cursor-default">  <p class="mt-0 last:mb-0 leading-relaxed ">Latest resources</p>  </div> <div class="md:max-h-full overflow-hidden md:overflow-visible transition-all duration-500 ease-in-out" :class="activeSection === 'latest-get-involved-1' ? 'max-h-[1200px]' : 'max-h-0'"> <div class="flex flex-col gap-1 md:gap-5"> <a href="/resources/reports/ceres-10-point-plan-for-the-insurance-industry" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="py-3 before:top-0">  <div class=" grid grid-cols-12 gap-5 mb-5 md:mb-0 "> <div class="col-span-5 relative h-24"> <img src="https://assets.ceres.org/cache/containers/images/istock-2075186172.jpg/19fd11180f4f3bfef44b97eb8984ea78/istock-2075186172.webp" alt="" class="w-full h-full object-cover rounded-lg absolute min-h-12"> </div> <div class="flex flex-col col-span-7 gap-2"> <div class="flex flex-col col-span-7 gap-1"> <p class="text-sm uppercase font-semibold text-black/50"> Report </p> <h4 class="leading-tight"> Ceres 10-Point Plan for the Insurance Industry </h4> </div> </div> </div> </a> <a href="/resources/reports/benchmarking-air-emissions-of-the-100-largest-electric-power-producers-in-the-united-states" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="py-3 before:top-0">  <div class=" grid grid-cols-12 gap-5 mb-5 md:mb-0 "> <div class="col-span-5 relative h-24"> <img src="https://assets.ceres.org/cache/containers/images/adobestock_621084085.jpeg/3ffa4a6289808eca93d9fac90b0b0c2d/adobestock_621084085.webp" alt="" class="w-full h-full object-cover rounded-lg absolute min-h-12"> </div> <div class="flex flex-col col-span-7 gap-2"> <div class="flex flex-col col-span-7 gap-1"> <p class="text-sm uppercase font-semibold text-black/50"> Report </p> <h4 class="leading-tight"> Benchmarking Air Emissions of the 100 Largest Electric Power Producers in the United States </h4> </div> </div> </div> </a> </div> </div>  <p class="mt-0 last:mb-0 leading-relaxed mb-5 md:mb-0 pb-2 border-b-2 border-black">Quick finds</p>  <div class="flex flex-row md:flex-col gap-5 md:gap-4 justify-between md:justify-start hover:[&_a]:text-cw-green-250"> <a class="cursor-pointer py-2 md:py-3 rounded-md w-fit relative before:top-0" href="https://www.ceres.org/support" > <div class="flex flex-row gap-2 items-center relative">  <h3 class="font-semibold text-base">Support our work</h3>  </div> </a> <a class="cursor-pointer py-2 md:py-3 rounded-md w-fit relative before:top-0" href="/resources/news" > <div class="flex flex-row gap-2 items-center relative">  <h3 class="font-semibold text-base">News and insights</h3>  </div> </a> <a class="cursor-pointer py-2 md:py-3 rounded-md w-fit relative before:top-0" href="/events" > <div class="flex flex-row gap-2 items-center relative">  <h3 class="font-semibold text-base">Events and webinars</h3>  </div> </a> </div> </div> </div> </div> <span class="bg-cw-green-200 hidden lg:block absolute left-0 right-0 bottom-0 py-2 text-white"></span> </div> </div> <div id="mega-menu-3" class="bg-white hidden" :class="{ 'hidden': activeSubMenu !== 'mega-menu-3' }">  <div class=" grid grid-cols-12 relative gap-0 col-span-full "> <span class="hidden md:block absolute bg-gradient-to-b from-black/20 to-transparent top-0 w-full h-2 z-50"></span>  <div class=" grid grid-cols-12 gap-0 col-span-full md:col-span-8 md:gap-x-4 lg:gap-x-8 xl:gap-x-16 pt-6 md:px-8 lg:py-10 "> <div class="col-span-full "> <div class="flex flex-col gap-0 md:gap-5"> <div @click="activeSection = activeSection === 'know-resources-2' ? null : 'know-resources-2'" class="mb-5 md:mb-0 pb-2 border-b-2 border-black cursor-pointer md:cursor-default">  <p class="mt-0 last:mb-0 leading-relaxed ">Select a resource</p>  </div> <div :class="activeSection === 'know-resources-2' ? 'max-h-[1200px]' : 'max-h-0'" class="md:max-h-full overflow-hidden md:overflow-visible transition-all duration-500 ease-in-out">  <div class=" grid grid-cols-12 gap-5 md:gap-y-2 gap-y-3 lg:gap-x-8 "> <a href="/resources/reports" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-4 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Reports</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">View our cutting-edge research and analysis to learn about sustainability risks, opportunities, and solutions.</p>  </a> <a href="/resources/assessments" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-4 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Benchmarks and assessments</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">See the progress businesses are making toward their sustainability goals.</p>  </a> <a href="/events" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-4 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Events and webinars</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Hear from leading business and sustainability experts virtually and in-person.</p>  </a> <a href="/resources/news" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-4 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">News and insights</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Read our latest press releases and statements and expert commentary.</p>  </a> <a href="/resources/tools" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-4 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Tools</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Use our interactive tools to support your company or investment firm鈥檚 sustainability journey.</p>  </a> </div> </div> </div> </div> <a href="/resources" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="w-fit min-w-24 h-fit py-2 before:top-0.5 hidden md:block"> <div class="flex flex-row items-center gap-3 pb-2 relative after:absolute after:h-0.5 after:w-24 after:bg-cw-green-800 after:bottom-0 mb-4 md:mb-0">  <h3 class="text-base font-semibold text-nowrap">View all resources</h3>  <svg class="w-[10px] h-[10px] inline fill-black" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/> </svg> </div> </a> </div> <div class=" gap-0 col-span-full md:col-span-4 relative pb-6 md:px-8 md:pt-6 lg:py-10 md:bg-cw-green-50 " > <div class="relative"> <div class="flex flex-col gap-0 md:gap-5"> <div @click="activeSection = activeSection === 'latest-resources-2' ? null : 'latest-resources-2'" class="mb-5 md:mb-0 pb-2 border-b-2 border-black cursor-pointer md:cursor-default">  <p class="mt-0 last:mb-0 leading-relaxed ">Latest resources</p>  </div> <div class="md:max-h-full overflow-hidden md:overflow-visible transition-all duration-500 ease-in-out" :class="activeSection === 'latest-resources-2' ? 'max-h-[1200px]' : 'max-h-0'"> <div class="flex flex-col gap-1 md:gap-5"> <a href="/resources/reports/ceres-10-point-plan-for-the-insurance-industry" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="py-3 before:top-0">  <div class=" grid grid-cols-12 gap-5 mb-5 md:mb-0 "> <div class="col-span-5 relative h-24"> <img src="https://assets.ceres.org/cache/containers/images/istock-2075186172.jpg/19fd11180f4f3bfef44b97eb8984ea78/istock-2075186172.webp" alt="" class="w-full h-full object-cover rounded-lg absolute min-h-12"> </div> <div class="flex flex-col col-span-7 gap-2"> <div class="flex flex-col col-span-7 gap-1"> <p class="text-sm uppercase font-semibold text-black/50"> Report </p> <h4 class="leading-tight"> Ceres 10-Point Plan for the Insurance Industry </h4> </div> </div> </div> </a> <a href="/resources/reports/benchmarking-air-emissions-of-the-100-largest-electric-power-producers-in-the-united-states" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="py-3 before:top-0">  <div class=" grid grid-cols-12 gap-5 mb-5 md:mb-0 "> <div class="col-span-5 relative h-24"> <img src="https://assets.ceres.org/cache/containers/images/adobestock_621084085.jpeg/3ffa4a6289808eca93d9fac90b0b0c2d/adobestock_621084085.webp" alt="" class="w-full h-full object-cover rounded-lg absolute min-h-12"> </div> <div class="flex flex-col col-span-7 gap-2"> <div class="flex flex-col col-span-7 gap-1"> <p class="text-sm uppercase font-semibold text-black/50"> Report </p> <h4 class="leading-tight"> Benchmarking Air Emissions of the 100 Largest Electric Power Producers in the United States </h4> </div> </div> </div> </a> </div> </div>  <p class="mt-0 last:mb-0 leading-relaxed mb-5 md:mb-0 pb-2 border-b-2 border-black">Quick finds</p>  <div class="flex flex-row md:flex-col gap-5 md:gap-4 justify-between md:justify-start hover:[&_a]:text-cw-green-250"> <a class="cursor-pointer py-2 md:py-3 rounded-md w-fit relative before:top-0" href="https://www.ceres.org/support" > <div class="flex flex-row gap-2 items-center relative">  <h3 class="font-semibold text-base">Support our work</h3>  </div> </a> <a class="cursor-pointer py-2 md:py-3 rounded-md w-fit relative before:top-0" href="/resources/news" > <div class="flex flex-row gap-2 items-center relative">  <h3 class="font-semibold text-base">News and insights</h3>  </div> </a> <a class="cursor-pointer py-2 md:py-3 rounded-md w-fit relative before:top-0" href="/events" > <div class="flex flex-row gap-2 items-center relative">  <h3 class="font-semibold text-base">Events and webinars</h3>  </div> </a> </div> </div> </div> </div> <span class="bg-cw-green-200 hidden lg:block absolute left-0 right-0 bottom-0 py-2 text-white"></span> </div> <a href="/resources" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="w-fit visible md:hidden"> <div class="flex flex-row items-center gap-3 pb-3 relative after:absolute after:h-0.5 after:w-24 after:bg-cw-green-800 after:bottom-0 mb-4 md:mb-0">  <h3 class="text-base font-semibold">View all resources</h3>  <svg class="w-[10px] h-[10px] inline fill-black" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/> </svg> </div> </a> </div> <div id="mega-menu-4" class="bg-white hidden" :class="{ 'hidden': activeSubMenu !== 'mega-menu-4' }">  <div class=" grid grid-cols-12 relative gap-0 col-span-full "> <span class="hidden md:block absolute bg-gradient-to-b from-black/20 to-transparent top-0 w-full h-2 z-50"></span>  <div class=" grid grid-cols-12 gap-0 col-span-full md:col-span-8 md:gap-x-4 lg:gap-x-8 xl:gap-x-16 pt-6 md:px-8 lg:py-10 "> <div class="col-span-full "> <div class="flex flex-col gap-0 md:gap-5"> <div @click="activeSection = activeSection === 'know-about-ceres-3' ? null : 'know-about-ceres-3'" class="mb-5 md:mb-0 pb-2 border-b-2 border-black cursor-pointer md:cursor-default">  <p class="mt-0 last:mb-0 leading-relaxed ">Learn more about us</p>  </div> <div :class="activeSection === 'know-about-ceres-3' ? 'max-h-[1200px]' : 'max-h-0'" class="md:max-h-full overflow-hidden md:overflow-visible transition-all duration-500 ease-in-out">  <div class=" grid grid-cols-12 gap-5 md:gap-y-2 gap-y-3 lg:gap-x-8 "> <a href="/about" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-4 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Who we are</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Learn about our mission, our history, and our values.</p>  </a> <a href="/about/leadership" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-4 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Leadership</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Meet our board of directors, president鈥檚 council, and leadership staff.</p>  </a> <a href="/about/experts" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-4 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Experts</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Meet our leading experts with deep subject matter expertise and knowledge.</p>  </a> <a href="/networks" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-4 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Our members</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Learn more about the investors and companies we work with.</p>  </a> <a href="/careers" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-4 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Careers</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Join our growing team to help make our mission a reality.</p>  </a> <a href="/about/annual-report" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="tracking-tight block col-span-full py-1 md:py-3 before:top-1 md:col-span-4 group">  <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Annual Report</h3>   <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Read about our impact and the progress we鈥檝e made thanks to supporters.</p>  </a> </div> </div> </div> </div> <a href="/about" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="w-fit min-w-24 h-fit py-2 before:top-0.5 hidden md:block"> <div class="flex flex-row items-center gap-3 pb-2 relative after:absolute after:h-0.5 after:w-24 after:bg-cw-green-800 after:bottom-0 mb-4 md:mb-0">  <h3 class="text-base font-semibold text-nowrap">See all about Ceres</h3>  <svg class="w-[10px] h-[10px] inline fill-black" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/> </svg> </div> </a> </div> <div class=" gap-0 col-span-full md:col-span-4 relative pb-6 md:px-8 md:pt-6 lg:py-10 md:bg-cw-green-50 " > <div class="relative"> <div class="flex flex-col gap-0 md:gap-5"> <div @click="activeSection = activeSection === 'latest-about-ceres-3' ? null : 'latest-about-ceres-3'" class="mb-5 md:mb-0 pb-2 border-b-2 border-black cursor-pointer md:cursor-default">  <p class="mt-0 last:mb-0 leading-relaxed ">Latest resources</p>  </div> <div class="md:max-h-full overflow-hidden md:overflow-visible transition-all duration-500 ease-in-out" :class="activeSection === 'latest-about-ceres-3' ? 'max-h-[1200px]' : 'max-h-0'"> <div class="flex flex-col gap-1 md:gap-5"> <a href="/resources/reports/ceres-10-point-plan-for-the-insurance-industry" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="py-3 before:top-0">  <div class=" grid grid-cols-12 gap-5 mb-5 md:mb-0 "> <div class="col-span-5 relative h-24"> <img src="https://assets.ceres.org/cache/containers/images/istock-2075186172.jpg/19fd11180f4f3bfef44b97eb8984ea78/istock-2075186172.webp" alt="" class="w-full h-full object-cover rounded-lg absolute min-h-12"> </div> <div class="flex flex-col col-span-7 gap-2"> <div class="flex flex-col col-span-7 gap-1"> <p class="text-sm uppercase font-semibold text-black/50"> Report </p> <h4 class="leading-tight"> Ceres 10-Point Plan for the Insurance Industry </h4> </div> </div> </div> </a> <a href="/resources/reports/benchmarking-air-emissions-of-the-100-largest-electric-power-producers-in-the-united-states" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="py-3 before:top-0">  <div class=" grid grid-cols-12 gap-5 mb-5 md:mb-0 "> <div class="col-span-5 relative h-24"> <img src="https://assets.ceres.org/cache/containers/images/adobestock_621084085.jpeg/3ffa4a6289808eca93d9fac90b0b0c2d/adobestock_621084085.webp" alt="" class="w-full h-full object-cover rounded-lg absolute min-h-12"> </div> <div class="flex flex-col col-span-7 gap-2"> <div class="flex flex-col col-span-7 gap-1"> <p class="text-sm uppercase font-semibold text-black/50"> Report </p> <h4 class="leading-tight"> Benchmarking Air Emissions of the 100 Largest Electric Power Producers in the United States </h4> </div> </div> </div> </a> </div> </div>  <p class="mt-0 last:mb-0 leading-relaxed mb-5 md:mb-0 pb-2 border-b-2 border-black">Quick finds</p>  <div class="flex flex-row md:flex-col gap-5 md:gap-4 justify-between md:justify-start hover:[&_a]:text-cw-green-250"> <a class="cursor-pointer py-2 md:py-3 rounded-md w-fit relative before:top-0" href="https://www.ceres.org/support" > <div class="flex flex-row gap-2 items-center relative">  <h3 class="font-semibold text-base">Support our work</h3>  </div> </a> <a class="cursor-pointer py-2 md:py-3 rounded-md w-fit relative before:top-0" href="/resources/news" > <div class="flex flex-row gap-2 items-center relative">  <h3 class="font-semibold text-base">News and insights</h3>  </div> </a> <a class="cursor-pointer py-2 md:py-3 rounded-md w-fit relative before:top-0" href="/events" > <div class="flex flex-row gap-2 items-center relative">  <h3 class="font-semibold text-base">Events and webinars</h3>  </div> </a> </div> </div> </div> </div> <span class="bg-cw-green-200 hidden lg:block absolute left-0 right-0 bottom-0 py-2 text-white"></span> </div> <a href="/about" @click="if ($event.target.href.includes('#')) isMenuOpen = false; closeAllSubMenus();" class="w-fit visible md:hidden"> <div class="flex flex-row items-center gap-3 pb-3 relative after:absolute after:h-0.5 after:w-24 after:bg-cw-green-800 after:bottom-0 mb-4 md:mb-0">  <h3 class="text-base font-semibold">See all about Ceres</h3>  <svg class="w-[10px] h-[10px] inline fill-black" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/> </svg> </div> </a> </div> </div> </div> </div> <span class="fixed w-full top-0 h-full bg-black/50 z-[80] opacity-0 transition-opacity pointer-events-none" :class="activeSubMenu ? 'opacity-100' : null"></span> </nav> <script> let currentOpenMenu; [...document.querySelectorAll("[data-collapse-toggle]")].forEach((button) => { button.addEventListener('click', (event) => { const targetId = event.currentTarget.getAttribute('data-collapse-toggle'); const targetElem = document.getElementById(targetId); // If there is a currently open menu and it's not the one being clicked, hide it if (currentOpenMenu && currentOpenMenu !== targetElem) { currentOpenMenu.classList.add('hidden'); } // If the clicked menu is already open, hide it. Otherwise, show it. if (targetElem === currentOpenMenu) { targetElem.classList.add('hidden'); currentOpenMenu = null; } else if (targetElem) { targetElem.classList.remove('hidden'); currentOpenMenu = targetElem; } }); }); </script>  <main id="content">  <section class="bg-cw-green-50 text-black "> <div class=" py-16 container ">  <h1 class="text-2xl font-bold leading-tight md:text-6xl">Reports</h1>  <div class="flex flex-col lg:flex-row justify-between mt-4 gap-8 min-h-96">  <a href="/resources/reports/blueprint-for-implementing-a-leading-climate-transition-action-plan" class="lg:w-3/5 relative" id="featured_card" title="Blueprint for Implementing a Leading Climate Transition Action Plan "> <img src="https://assets.ceres.org/cache/containers/images/cover--ceres-ctap-report.jpg/2e40c7f6a04a68c9aa101dec3abddd2d/cover--ceres-ctap-report.webp" alt="Wind mills on a mountain" class="w-full lg:h-full lg:absolute rounded-lg object-cover" > <div class="lg:hidden">  <h4 class="text-cw-green-250 font-bold pt-4 mb-0 text-base">Featured</h4>   <h2 class="text-xl sm:text-2xl font-bold">Blueprint for Implementing a Leading Climate Transition Action Plan</h2>  </div> </a>  <div class="flex flex-col w-full lg:w-2/5 gap-8 lg:gap-8 justify-between">  <a href="/resources/reports/ceres-10-point-plan-for-the-insurance-industry" class="recent_card" title="Ceres 10-Point Plan for the Insurance Industry" > <div class="grid grid-cols-12 gap-x-2 lg:gap-x-6"> <div class="col-span-5 h-full relative min-h-32 md:min-h-24"> <img src="https://assets.ceres.org/cache/containers/images/istock-2075186172.jpg/b20e1eaea8d5fb68ecaa3286f35fc4ed/istock-2075186172.webp" alt="" class="object-cover rounded-lg absolute w-full h-full"> </div> <div class="col-span-7"> <div class="text-cw-green-250 font-bold">Recent</div> <div class="font-bold"> Ceres 10-Point Plan for the Insurance Industry </div> </div> </div> </a>   <a href="/resources/reports/benchmarking-air-emissions-of-the-100-largest-electric-power-producers-in-the-united-states" class="recent_card" title="Benchmarking Air Emissions of the 100 Largest Electric Power Producers in the United States" > <div class="grid grid-cols-12 gap-x-2 lg:gap-x-6"> <div class="col-span-5 h-full relative min-h-32 md:min-h-24"> <img src="https://assets.ceres.org/cache/containers/images/adobestock_621084085.jpeg/c3da90ebdd780922962ad987e1e2a414/adobestock_621084085.webp" alt="" class="object-cover rounded-lg absolute w-full h-full"> </div> <div class="col-span-7"> <div class="text-cw-green-250 font-bold">Recent</div> <div class="font-bold"> Benchmarking Air Emissions of the 100 Largest Electric Power Producers in the United States </div> </div> </div> </a>   <a href="/resources/reports/guidance-engaging-climate-risk-governance-and-voting-directors" class="recent_card" title="Guidance for Investor Engagements with Directors on Climate Risk Governance" > <div class="grid grid-cols-12 gap-x-2 lg:gap-x-6"> <div class="col-span-5 h-full relative min-h-32 md:min-h-24"> <img src="https://assets.ceres.org/cache/containers/images/resource-thumbnails-banners/guide-voting-hero.png/dff45b8d6c87cb51cb9f8c864970ee7b/guide-voting-hero.webp" alt="" class="object-cover rounded-lg absolute w-full h-full"> </div> <div class="col-span-7"> <div class="text-cw-green-250 font-bold">Recent</div> <div class="font-bold"> Guidance for Investor Engagements with Directors on Climate Risk Governance </div> </div> </div> </a>  </div> </div> <a href="/resources/reports/blueprint-for-implementing-a-leading-climate-transition-action-plan" class="lg:w-[calc(60%-1rem)] hidden lg:block" title="Blueprint for Implementing a Leading Climate Transition Action Plan" >  <h4 class="text-cw-green-250 font-bold pt-4 mb-0 text-base">Featured</h4>   <h2 class="text-xl sm:text-2xl font-bold">Blueprint for Implementing a Leading Climate Transition Action Plan</h2>  </a> </div> </section>  <section class="container py-16">  <div wire:snapshot="{"data":{"filterHeader":"","tags":[{"banking":"Banking","food-beverage":"Food and beverage","electric-power":"Electric power","oil-and-gas-reports":"Oil and gas","transportation":"Transportation","insurance-reports":"Insurance","nature":"Nature","water":"Water","board-oversight":"Board oversight","policy":"Federal policy","financial-regulation":"Financial regulation","news-transition-plans":"Transition Planning"},{"s":"arr"}],"filter":"all","paginators":[{"reportPage":1},{"s":"arr"}]},"memo":{"id":"8cSCgV0s4KuGUhbtnjyU","name":"resource-cards.reports","path":"resources\/reports","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"016d8c17b636fe24e1a588b28b916a5dd905cec63850cbf118d30ef41b80ad42"}" wire:effects="{"url":{"paginators.reportPage":{"as":"reportPage","use":"push","alwaysShow":false,"except":null}}}" wire:id="8cSCgV0s4KuGUhbtnjyU" class="flex flex-col w-full justify-center mb-8"> <div class="flex flex-col md:flex-row justify-between md:items-center mb-4 gap-2 md:gap-8"> <div class="flex flex-row gap-4 md:gap-16 lg:gap-32 items-center flex-1 justify-end"> <p class="mb-0 font-bold whitespace-nowrap"> Filter by </p> <select wire:model.live="filter" aria-label="Filter" title="Filter" name="filter" class="border-none focus:outline-none focus:ring-0 bg-transparent"> <option value="all">All</option> <option value="banking">Banking</option> <option value="food-beverage">Food and beverage</option> <option value="electric-power">Electric power</option> <option value="oil-and-gas-reports">Oil and gas</option> <option value="transportation">Transportation</option> <option value="insurance-reports">Insurance</option> <option value="nature">Nature</option> <option value="water">Water</option> <option value="board-oversight">Board oversight</option> <option value="policy">Federal policy</option> <option value="financial-regulation">Financial regulation</option> <option value="news-transition-plans">Transition Planning</option> </select> </div> </div> <ul class="grid grid-cols-12 gap-6 pt-4 mb-12 border-t border-t-black"> <li class="flex flex-col shadow-cards rounded-tr-lg bg-white rounded-tl-lg overflow-hidden col-span-full md:col-span-6 xl:col-span-4 h-full hover:shadow-cards-darker transition duration-250 group"> <a href="/resources/reports/ceres-10-point-plan-for-the-insurance-industry" target="_blank" rel="noopener noreferrer"> <div class="rounded-lg"> <img src="https://assets.ceres.org/cache/containers/images/istock-2075186172.jpg/33e8b76a694cb5dfcfa4daa56e441520/istock-2075186172.webp" alt="" class="w-full h-48 object-cover group-hover:scale-105 group-focus:scale-105 origin-bottom transition"> <div class="p-6 h-full flex flex-col gap-4"> <div class="flex justify-between gap-4"> <div class="text-gray-500 font-semibold text-sm"> Nov 20, 2024 </div> </div> <div class="font-bold text-lg h-24"> Ceres 10-Point Plan for the Insurance Industry </div> </div> </div> </a> </li> <li class="flex flex-col shadow-cards rounded-tr-lg bg-white rounded-tl-lg overflow-hidden col-span-full md:col-span-6 xl:col-span-4 h-full hover:shadow-cards-darker transition duration-250 group"> <a href="/resources/reports/benchmarking-air-emissions-of-the-100-largest-electric-power-producers-in-the-united-states" target="_blank" rel="noopener noreferrer"> <div class="rounded-lg"> <img src="https://assets.ceres.org/cache/containers/images/adobestock_621084085.jpeg/f1999a495718a002ec605763ae32a73f/adobestock_621084085.webp" alt="" class="w-full h-48 object-cover group-hover:scale-105 group-focus:scale-105 origin-bottom transition"> <div class="p-6 h-full flex flex-col gap-4"> <div class="flex justify-between gap-4"> <div class="text-gray-500 font-semibold text-sm"> Nov 19, 2024 </div> </div> <div class="font-bold text-lg h-24"> Benchmarking Air Emissions of the 100 Largest Electric Power Producers in the United States </div> </div> </div> </a> </li> <li class="flex flex-col shadow-cards rounded-tr-lg bg-white rounded-tl-lg overflow-hidden col-span-full md:col-span-6 xl:col-span-4 h-full hover:shadow-cards-darker transition duration-250 group"> <a href="/resources/reports/guidance-engaging-climate-risk-governance-and-voting-directors" target="_blank" rel="noopener noreferrer"> <div class="rounded-lg"> <img src="https://assets.ceres.org/cache/containers/images/resource-thumbnails-banners/guide-voting-hero.png/95e2278af7cf85e84faac20b42172afe.webp" alt="" class="w-full h-48 object-cover group-hover:scale-105 group-focus:scale-105 origin-bottom transition"> <div class="p-6 h-full flex flex-col gap-4"> <div class="flex justify-between gap-4"> <div class="text-gray-500 font-semibold text-sm"> Oct 23, 2024 </div> </div> <div class="font-bold text-lg h-24"> Guidance for Investor Engagements with Directors on Climate Risk Governance </div> </div> </div> </a> </li> <li class="flex flex-col shadow-cards rounded-tr-lg bg-white rounded-tl-lg overflow-hidden col-span-full md:col-span-6 xl:col-span-4 h-full hover:shadow-cards-darker transition duration-250 group"> <a href="/resources/reports/ahead-or-behind" target="_blank" rel="noopener noreferrer"> <div class="rounded-lg"> <img src="https://assets.ceres.org/cache/containers/images/adobestock_529773169-copy-1727726073.jpg/6d87cb69f77ae3053dda6a6c9a15f5c3/adobestock_529773169-copy-1727726073.webp" alt="" class="w-full h-48 object-cover group-hover:scale-105 group-focus:scale-105 origin-bottom transition"> <div class="p-6 h-full flex flex-col gap-4"> <div class="flex justify-between gap-4"> <div class="text-gray-500 font-semibold text-sm"> Oct 01, 2024 </div> </div> <div class="font-bold text-lg h-24"> Ahead or Behind? The State of Climate Finance in the Banking Sector </div> </div> </div> </a> </li> <li class="flex flex-col shadow-cards rounded-tr-lg bg-white rounded-tl-lg overflow-hidden col-span-full md:col-span-6 xl:col-span-4 h-full hover:shadow-cards-darker transition duration-250 group"> <a href="/resources/reports/taking-stock-the-state-of-climate-action-and-disclosure-in-the-food-sector" target="_blank" rel="noopener noreferrer"> <div class="rounded-lg"> <img src="https://assets.ceres.org/cache/containers/images/adobestock_581599290-edit.jpg/5a2c4b48574b1601aa6f4b4eabf604d4/adobestock_581599290-edit.webp" alt="" class="w-full h-48 object-cover group-hover:scale-105 group-focus:scale-105 origin-bottom transition"> <div class="p-6 h-full flex flex-col gap-4"> <div class="flex justify-between gap-4"> <div class="text-gray-500 font-semibold text-sm"> Sep 17, 2024 </div> </div> <div class="font-bold text-lg h-24"> Taking Stock: The State of Climate Action and Disclosure in the Food Sector </div> </div> </div> </a> </li> <li class="flex flex-col shadow-cards rounded-tr-lg bg-white rounded-tl-lg overflow-hidden col-span-full md:col-span-6 xl:col-span-4 h-full hover:shadow-cards-darker transition duration-250 group"> <a href="/resources/reports/investor-climate-action-plans-are-becoming-a-norm" target="_blank" rel="noopener noreferrer"> <div class="rounded-lg"> <img src="https://assets.ceres.org/cache/containers/images/adobestock_173426561-1724781853.jpeg/39e4b3b211147887c053c50331f8e739/adobestock_173426561-1724781853.webp" alt="" class="w-full h-48 object-cover group-hover:scale-105 group-focus:scale-105 origin-bottom transition"> <div class="p-6 h-full flex flex-col gap-4"> <div class="flex justify-between gap-4"> <div class="text-gray-500 font-semibold text-sm"> Aug 27, 2024 </div> </div> <div class="font-bold text-lg h-24"> Investor Climate Action Plans are Becoming a Norm </div> </div> </div> </a> </li> <li class="flex flex-col shadow-cards rounded-tr-lg bg-white rounded-tl-lg overflow-hidden col-span-full md:col-span-6 xl:col-span-4 h-full hover:shadow-cards-darker transition duration-250 group"> <a href="/resources/reports/investing-in-the-future-unlocking-value-through-avoided-emissions" target="_blank" rel="noopener noreferrer"> <div class="rounded-lg"> <img src="https://assets.ceres.org/cache/containers/images/banner-investing_in_the_future-1724097692.png/1408a846e9e05accde7bce6807b07d09/banner-investing_in_the_future-1724097692.webp" alt="" class="w-full h-48 object-cover group-hover:scale-105 group-focus:scale-105 origin-bottom transition"> <div class="p-6 h-full flex flex-col gap-4"> <div class="flex justify-between gap-4"> <div class="text-gray-500 font-semibold text-sm"> Aug 20, 2024 </div> </div> <div class="font-bold text-lg h-24"> Investing in the Future: Unlocking Value Through Avoided Emissions </div> </div> </div> </a> </li> <li class="flex flex-col shadow-cards rounded-tr-lg bg-white rounded-tl-lg overflow-hidden col-span-full md:col-span-6 xl:col-span-4 h-full hover:shadow-cards-darker transition duration-250 group"> <a href="/resources/reports/from-commitment-to-implementation-an-analysis-of-corporate-climate-actions-from-the-2021-proxy-season" target="_blank" rel="noopener noreferrer"> <div class="rounded-lg"> <img src="https://assets.ceres.org/cache/containers/images/analysis-cover.jpg/ce9e0cdf928080acc5f6d66a825c9a58/analysis-cover.webp" alt="" class="w-full h-48 object-cover group-hover:scale-105 group-focus:scale-105 origin-bottom transition"> <div class="p-6 h-full flex flex-col gap-4"> <div class="flex justify-between gap-4"> <div class="text-gray-500 font-semibold text-sm"> Jul 24, 2024 </div> </div> <div class="font-bold text-lg h-24"> From Commitment to Implementation: An Analysis of Corporate Climate Actions from the 2021 Proxy Season </div> </div> </div> </a> </li> <li class="flex flex-col shadow-cards rounded-tr-lg bg-white rounded-tl-lg overflow-hidden col-span-full md:col-span-6 xl:col-span-4 h-full hover:shadow-cards-darker transition duration-250 group"> <a href="/resources/reports/navigating-climate-risks-progress-and-challenges-in-us-insurance-sector-disclosures" target="_blank" rel="noopener noreferrer"> <div class="rounded-lg"> <img src="https://assets.ceres.org/cache/containers/images/insurance-report-banner.jpg/dd32699f29ea582185dc7df1fae6dd77/insurance-report-banner.webp" alt="" class="w-full h-48 object-cover group-hover:scale-105 group-focus:scale-105 origin-bottom transition"> <div class="p-6 h-full flex flex-col gap-4"> <div class="flex justify-between gap-4"> <div class="text-gray-500 font-semibold text-sm"> Jun 18, 2024 </div> </div> <div class="font-bold text-lg h-24"> Navigating Climate Risks: Progress and Challenges in U.S. Insurance Sector Disclosures </div> </div> </div> </a> </li> </ul> <div>  <nav role="navigation" aria-label="Pagination Navigation" class="flex items-center justify-between"> <div class="flex justify-between flex-1 sm:hidden"> <span>  </span> <span>  <button type="button" wire:click="nextPage('reportPage')" x-on:click="" wire:loading.attr="disabled" dusk="nextPage.reportPage.before" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"> Next » </button>  </span> </div> <div class="hidden sm:flex-1 sm:flex sm:items-center sm:flex-col"> <div> <p class="text-sm text-gray-700 leading-5"> <span>Showing</span> <span class="font-medium">1</span> <span>to</span> <span class="font-medium">9</span> <span>of</span> <span class="font-medium">147</span> <span>results</span> </p> </div> <div> <span class="relative z-0 inline-flex rounded-md shadow-sm"> <span>  </span>     <span wire:key="paginator-reportPage-page1">  <span aria-current="page"> <span class="rounded-tl-md rounded-bl-md relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-white bg-cw-green-select border border-gray-300 cursor-default leading-5 select-none">1</span> </span>  </span> <span wire:key="paginator-reportPage-page2">  <button type="button" wire:click="gotoPage(2, 'reportPage')" x-on:click="" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150" aria-label="Go to page 2"> 2 </button>  </span> <span wire:key="paginator-reportPage-page3">  <button type="button" wire:click="gotoPage(3, 'reportPage')" x-on:click="" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150" aria-label="Go to page 3"> 3 </button>  </span> <span wire:key="paginator-reportPage-page4">  <button type="button" wire:click="gotoPage(4, 'reportPage')" x-on:click="" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150" aria-label="Go to page 4"> 4 </button>  </span> <span wire:key="paginator-reportPage-page5">  <button type="button" wire:click="gotoPage(5, 'reportPage')" x-on:click="" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150" aria-label="Go to page 5"> 5 </button>  </span> <span wire:key="paginator-reportPage-page6">  <button type="button" wire:click="gotoPage(6, 'reportPage')" x-on:click="" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150" aria-label="Go to page 6"> 6 </button>  </span> <span wire:key="paginator-reportPage-page7">  <button type="button" wire:click="gotoPage(7, 'reportPage')" x-on:click="" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150" aria-label="Go to page 7"> 7 </button>  </span> <span wire:key="paginator-reportPage-page8">  <button type="button" wire:click="gotoPage(8, 'reportPage')" x-on:click="" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150" aria-label="Go to page 8"> 8 </button>  </span>    <span aria-disabled="true"> <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 cursor-default leading-5 select-none">...</span> </span>      <span wire:key="paginator-reportPage-page16">  <button type="button" wire:click="gotoPage(16, 'reportPage')" x-on:click="" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150" aria-label="Go to page 16"> 16 </button>  </span> <span wire:key="paginator-reportPage-page17">  <button type="button" wire:click="gotoPage(17, 'reportPage')" x-on:click="" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150" aria-label="Go to page 17"> 17 </button>  </span>    <span>  <button type="button" wire:click="nextPage('reportPage')" x-on:click="" dusk="nextPage.reportPage.after" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150" aria-label="Next &raquo;"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" /> </svg> </button>  </span> </span> </div> </div> </nav>  </div> </div>  <div id="authFormModal" class="hidden fixed opacity-0 z-50 transition-opacity duration-500 w-full h-full bg-black/50 z-50 top-0 left-0 px-4"> <section class="overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 h-screen flex items-center justify-center bg-black/30"> <div class=" lg:p-4 lg:w-1/2 container py-16"> <div class="relative bg-white rounded-lg shadow dark:bg-gray-700"> <button onclick="closeAuthModal()" type="button" class="absolute top-3 end-2.5 text-gray-400 bg-transparent rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white"> <svg width="32" height="32" class="stroke-gray-400 hover:stroke-cw-green-200" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x-circle"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg> <span class="sr-only">Close form</span> </button> <div id="authFormContainer" class="p-6 lg:p-16"> <div class="p-4" id="authMessage"></div> <form id="loginForm"> <div class="flex flex-col max-w-lg mx-auto gap-8"> <div class="flex flex-col items-center gap-2">  <h2 class="lg:text-2xl text-lg font-medium">Log in to download this report.</h2>  <span class="flex flex-row items-center gap-2"> <span class="lg:text-lg text-xs">Don't have an account?</span> <button type="button" id="showRegisterForm"> <span class="lg:text-lg text-xs underline">Sign up for free.</span> </button> </span> </div> <div class="flex flex-col">  <div class=" grid grid-cols-12 gap-5 text-black [&_*]:text-center "> <input type="hidden" name="_token" value="STATAMIC_CSRF_TOKEN"> <input type="email" name="email" value="" required="1" placeholder="Email Address" minlength="" maxlength="" autocomplete="off" x-model="" x-on:input="" :class="{ '!border-cw-green-150/90': valid.email }" class="border-2 border-cw-grey-500 rounded-md px-4 py-3 text-sm font-medium focus:!border-cw-green-select !ring-0 !outline-none transition-border duration-200 ease-in-out col-span-full lg:col-span-6" /> <input type="password" name="password" value="" required="1" placeholder="Password" minlength="" maxlength="" autocomplete="off" x-model="" x-on:input="" :class="{ '!border-cw-green-150/90': valid.password }" class="border-2 border-cw-grey-500 rounded-md px-4 py-3 text-sm font-medium focus:!border-cw-green-select !ring-0 !outline-none transition-border duration-200 ease-in-out col-span-full lg:col-span-6" /> </div> </div> <div class="flex flex-col gap-4 items-center"> <a href="/forgot-password" class="text-sm underline">Forgot your password?</a> <button type="submit" disabled class="text-white bg-black/40 rounded-full w-fit px-10 py-4 text-md transition-bg duration-300 ease-in-out cursor-not-allowed" background="" > Log in </button> </div> </div> </form> <form class="hidden" action="/register" method="post" id="registerForm"> <div class="flex flex-col max-w-lg mx-auto gap-8"> <div class="flex flex-col items-center gap-1">  <h2 class="lg:text-2xl text-lg font-medium">Sign up to unlock our reports.</h2>   <p class="mt-0 last:mb-0 leading-relaxed lg:text-md text-base">Create your free account to unlock access to all of our reports.</p>  </div> <div class="flex flex-col">  <div class=" grid grid-cols-12 gap-5 "> <input type="hidden" name="_token" value="STATAMIC_CSRF_TOKEN"> <input type="text" name="first_name" value="" required="1" placeholder="First Name" minlength="" maxlength="" autocomplete="off" x-model="" x-on:input="" :class="{ '!border-cw-green-150/90': valid.first_name }" class="border-2 border-cw-grey-500 rounded-md px-4 py-3 text-sm font-medium focus:!border-cw-green-select !ring-0 !outline-none transition-border duration-200 ease-in-out col-span-6 text-black" /> <input type="text" name="last_name" value="" required="1" placeholder="Last Name" minlength="" maxlength="" autocomplete="off" x-model="" x-on:input="" :class="{ '!border-cw-green-150/90': valid.last_name }" class="border-2 border-cw-grey-500 rounded-md px-4 py-3 text-sm font-medium focus:!border-cw-green-select !ring-0 !outline-none transition-border duration-200 ease-in-out col-span-6 text-black" /> <input type="email" name="email" value="" required="1" placeholder="Email Address" minlength="" maxlength="" autocomplete="off" x-model="" x-on:input="" :class="{ '!border-cw-green-150/90': valid.email }" class="border-2 border-cw-grey-500 rounded-md px-4 py-3 text-sm font-medium focus:!border-cw-green-select !ring-0 !outline-none transition-border duration-200 ease-in-out col-span-full lg:col-span-6 text-black" /> <input type="text" name="organisation" value="" required="1" placeholder="Organization" minlength="" maxlength="" autocomplete="off" x-model="" x-on:input="" :class="{ '!border-cw-green-150/90': valid.organisation }" class="border-2 border-cw-grey-500 rounded-md px-4 py-3 text-sm font-medium focus:!border-cw-green-select !ring-0 !outline-none transition-border duration-200 ease-in-out col-span-6 text-black" /> <input type="text" name="zip_code" value="" required="1" placeholder="Zip Code" minlength="" maxlength="" autocomplete="off" x-model="" x-on:input="" :class="{ '!border-cw-green-150/90': valid.zip_code }" class="border-2 border-cw-grey-500 rounded-md px-4 py-3 text-sm font-medium focus:!border-cw-green-select !ring-0 !outline-none transition-border duration-200 ease-in-out col-span-6 text-black" /> <input type="password" name="password" value="" required="1" placeholder="Password - 8 character minimum" minlength="" maxlength="" autocomplete="off" x-model="" x-on:input="" :class="{ '!border-cw-green-150/90': valid.password }" class="border-2 border-cw-grey-500 rounded-md px-4 py-3 text-sm font-medium focus:!border-cw-green-select !ring-0 !outline-none transition-border duration-200 ease-in-out col-span-full lg:col-span-6 text-black" /> <label class="col-span-12 flex items-center gap-2"> <input type="checkbox" name="subscribe" value="on" class="border-2 border-cw-grey-500 rounded-md px-4 py-3 text-sm font-medium focus:!border-cw-green-select !ring-0 !outline-none transition-border duration-200 ease-in-out col-span-6"> <span class="lg:text-lg text-xs">Subscribe to email updates from Ceres.</span> </label> </div> </div> <div class="flex flex-col gap-4 items-center"> <p class="lg:text-lg text-xs [text-wrap:balance] text-center max-w-sm [&_a]:cursor-pointer text-black [&_a]:font-medium"> By signing up, you agree to our <a class="underline" href="/privacy-policy">privacy policy</a> </p> <button type="submit" disabled class="text-white bg-black/40 rounded-full w-fit px-10 py-4 text-md transition-bg duration-300 ease-in-out cursor-not-allowed" background="" > Create account </button> <span class="flex flex-row items-center gap-2"> <span class="lg:text-lg text-xs">Already have an account?</span> <button type="button" id="showLoginForm"> <span class="lg:text-lg text-xs underline">Log In</span> </button> </span> </div> </div> </form> </div> <script> document.addEventListener('DOMContentLoaded', () => { if (localStorage.getItem('NeedsVerifyEmail') === 'true') { let attempts = 0; let interval = setInterval(() => { attempts++; fetch('/fortify/api/verification-check', { credentials: 'include', headers: { 'Authorization': 'Bearer ' + localStorage.getItem('TOKEN') } } ).then((r) => { if (r.status !== 200) { clearInterval(interval); throw new Error(`Request rejected with status ${r.status}`); } else { return r.json(); } }) .then(data => { if (data.type === 'success') { localStorage.setItem('NeedsVerifyEmail', 'false'); localStorage.removeItem('TOKEN'); location.reload(); } }) .catch(err => console.error(err)); if (attempts >= 12) { clearInterval(interval); } }, 10000); } let elements = document.querySelectorAll('#authFormModal'); if (elements.length > 1) { for (let i = 0; i < elements.length - 1; i++) { elements[i].remove(); } }else{ const formsIds = ['loginForm', 'registerForm']; const authFormContainer = document.getElementById('authFormContainer'); const messageDiv = document.getElementById('authMessage'); formsIds.forEach(formId => { const form = document.getElementById(formId); if(form) { const submitButton = form.querySelector('button[type="submit"]'); submitButton.addEventListener('click', e => { e.preventDefault(); handleFormSubmit(messageDiv, formId); }); form.addEventListener('input', () => { const isValid = validateFields(form, submitButton); toggleButtonStyling(isValid, submitButton); }); form.addEventListener('keydown', e => { if (e.code === 'Enter' || e.key === 'Enter') { e.preventDefault(); } }) } }); const toggleFormDisplay = (showFormId, hideFormId) => { document.getElementById(showFormId).style.display = 'block'; document.getElementById(hideFormId).style.display = 'none'; } const showLoginFormButton = document.getElementById('showLoginForm'); if(showLoginFormButton) { showLoginFormButton.addEventListener('click', e => { e.preventDefault(); toggleFormDisplay('loginForm', 'registerForm'); }); } const showRegisterFormButton = document.getElementById('showRegisterForm'); if(showRegisterFormButton) { showRegisterFormButton.addEventListener('click', e => { e.preventDefault(); toggleFormDisplay('registerForm', 'loginForm'); }); } authFormContainer.addEventListener('click', event => { if (!event.target.closest('#authFormContainer')) { closeAuthModal(); } }); } }); function handleFormSubmit(messageDiv, formId) { const form = document.getElementById(formId); const submitButton = form.querySelector('button[type="submit"]'); if(formId === 'loginForm') { const _token = form.querySelector('[name="_token"]').value; const email = form.querySelector('[name="email"]').value; const password = form.querySelector('[name="password"]').value; submitButton.classList.remove('cursor-pointer') submitButton.classList.add('cursor-not-allowed'); submitButton.disabled = true; fetch('/fortify/api/auth/login', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', 'X-CSRF-TOKEN': _token }, body: JSON.stringify({ email, password }) }) .then(response => { if (!response.ok) { throw new Error(response.status + ' ' + response.statusText); } return response.json(); }) .then(data => { if (data && data.message) { messageDiv.classList.remove('text-red-500'); messageDiv.classList.add('text-green-500'); messageDiv.innerText = data.message; location.reload(); } else { throw new Error('Invalid response format'); } }) .catch(error => { messageDiv.classList.remove('text-green-500'); messageDiv.classList.add('text-red-500'); messageDiv.innerText = 'The username or password is incorrect. For assistance, please contact us at info@ceres.org.'; setTimeout(() => { submitButton.classList.add('cursor-pointer'); submitButton.disabled = false }, 5000); }); } else { const _token = form.querySelector('[name="_token"]').value; const emailInput = form.querySelector('[name="email"]').value; const passwordInput = form.querySelector('[name="password"]').value; const firstNameInput = form.querySelector('[name="first_name"]').value; const lastNameInput = form.querySelector('[name="last_name"]').value; const organisationInput = form.querySelector('[name="organisation"]').value; const zipCodeInput = form.querySelector('[name="zip_code"]').value; const subscribeCheckbox = form.querySelector('[name="subscribe"]').checked ? 'on' : 'off'; submitButton.classList.remove('cursor-pointer'); submitButton.classList.add('cursor-not-allowed'); submitButton.disabled = true; const customErrorMessages = { "The email has already been taken.": "This email is already in use. Please try again with a different email." }; fetch('/register', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', 'X-CSRF-TOKEN': _token }, body: JSON.stringify({ email: emailInput, password: passwordInput, first_name: firstNameInput, last_name: lastNameInput, organisation: organisationInput, zip_code: zipCodeInput, subscribe: subscribeCheckbox, }) }) .then(response => response.json().then(data => ({ status: response.status, body: data }))) // Parse JSON and include status .then(response => { if (response.status === 200) { if (response.body && response.body.message) { messageDiv.classList.remove('text-red-500'); messageDiv.classList.add('text-green-500'); messageDiv.innerText = response.body.message; localStorage.setItem('TOKEN', response.body.token); localStorage.setItem('NeedsVerifyEmail', 'true'); setTimeout(() => { location.reload(); }, 10000); } else { throw new Error('Invalid response format'); } } else if (response.status === 422) { // Validation errors messageDiv.classList.remove('text-green-500'); messageDiv.classList.add('text-red-500'); messageDiv.innerText = ''; // Clear any existing messages for (const [field, messages] of Object.entries(response.body.errors)) { messages.forEach(message => { const errorParagraph = document.createElement('p'); // Use custom message if available, otherwise use the original message errorParagraph.innerText = customErrorMessages[message] || message; messageDiv.appendChild(errorParagraph); }); } } else { throw new Error(response.status + ' ' + response.statusText); } }) .catch(error => { messageDiv.classList.remove('text-green-500'); messageDiv.classList.add('text-red-500'); messageDiv.innerText = 'An unexpected error occurred. Please try again.'; }) .finally(() => { submitButton.classList.add('cursor-pointer'); submitButton.classList.remove('cursor-not-allowed'); submitButton.disabled = false; }); } } function validateFields(form) { const inputs = [...form.querySelectorAll('input:not([type="hidden"])')]; const formValidity = inputs.reduce((valid, element) => { switch (element.type) { case 'email': return valid && /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(element.value); case 'password': return valid && element.value.length >= 8; case 'text': if (element.name === 'zip_code') { return valid && element.value.length >= 2 && element.value.length <= 20; } else if (element.name === 'first_name' || element.name === 'last_name') { return valid && element.value.trim() !== '' && /^[a-zA-Z\s]+$/.test(element.value) && element.value.length <= 40; } else if (element.name === 'organisation') { return valid && element.value.trim() !== '' && element.value.length <= 40; } else { return valid && element.value.trim() !== '' && element.value.trim() !== '' && element.value.length <= 40; } default: return valid; } }, true); const passwordInputs = inputs.filter(input => input.type === 'password'); const passwordsMatch = passwordInputs.length <= 1 || (passwordInputs[0].value === passwordInputs[1].value); return formValidity && passwordsMatch; } function toggleButtonStyling(isValid, submitButton) { if (isValid) { submitButton.disabled = false submitButton.classList.remove('cursor-not-allowed', 'bg-black/40'); submitButton.classList.add('cursor-pointer', 'bg-cw-green-200'); submitButton.disabled = false; } else { submitButton.disabled = true submitButton.classList.add('cursor-not-allowed', 'bg-black/40'); submitButton.classList.remove('cursor-pointer', 'bg-cw-green-200'); submitButton.disabled = true; } } function openAuthModal() { const authModal = document.getElementById('authFormModal'); authModal.classList.remove('hidden'); document.body.style.overflow = 'hidden' setTimeout(() => { authModal.classList.remove('opacity-0'); authModal.classList.add('opacity-100'); }, 30); } function closeAuthModal() { const authModal = document.getElementById('authFormModal'); authModal.classList.remove('opacity-100'); authModal.classList.add('opacity-0'); setTimeout(() => { authModal.classList.add('hidden'); document.body.style.overflow = 'auto'; }, 200); } </script> </div> </div> </section> </div> </section> </main>   <footer> <div class="container"> <div class="flex flex-col gap-12 lg:gap-24 py-16 border-b border-b-black/25 lg:flex-row"> <div>  <a aria-label="Logo Ceres" href="/" > <img src="/visuals/logo-dark.svg" class="select-none " width="108" alt="Ceres"/> </a>  </div> <div class="flex-grow">  <div class=" grid grid-cols-12 justify-between gap-6 lg:gap-0 gap-y-12 lg:flex lg:flex-row "> <div class="col-span-6 md:col-span-3 "> <a href="#" >  <h4 class="font-bold text-[16px] text-cw-green-250 mb-4">Issues</h4>  </a> <ul class="flex flex-col gap-3"> <li> <a href="https://www.ceres.org/climate" > <p class="text-[16px] tracking-tight"> Climate crisis </p> </a> </li> <li> <a href="https://www.ceres.org/water" > <p class="text-[16px] tracking-tight"> Water scarcity and pollution </p> </a> </li> <li> <a href="https://www.ceres.org/nature" > <p class="text-[16px] tracking-tight"> Nature and biodiversity loss </p> </a> </li> </ul> </div> <div class="col-span-6 md:col-span-3 "> <a href="https://www.ceres.org/networks" >  <h4 class="font-bold text-[16px] text-cw-green-250 mb-4">Networks</h4>  </a> <ul class="flex flex-col gap-3"> <li> <a href="https://www.ceres.org/networks/investor" > <p class="text-[16px] tracking-tight"> Investor Network </p> </a> </li> <li> <a href="https://www.ceres.org/networks/company" > <p class="text-[16px] tracking-tight"> Company Network </p> </a> </li> <li> <a href="https://www.ceres.org/networks/policy" > <p class="text-[16px] tracking-tight"> Policy Network </p> </a> </li> </ul> </div> <div class="col-span-6 md:col-span-3 "> <a href="https://www.ceres.org/resources" >  <h4 class="font-bold text-[16px] text-cw-green-250 mb-4">Resources</h4>  </a> <ul class="flex flex-col gap-3"> <li> <a href="https://www.ceres.org/resources/reports" > <p class="text-[16px] tracking-tight"> Reports </p> </a> </li> <li> <a href="https://www.ceres.org/events" > <p class="text-[16px] tracking-tight"> Events and webinars </p> </a> </li> <li> <a href="https://www.ceres.org/resources/news" > <p class="text-[16px] tracking-tight"> News and insights </p> </a> </li> </ul> </div> <div class="col-span-6 md:col-span-3 "> <a href="#" >  <h4 class="font-bold text-[16px] text-cw-green-250 mb-4">Work with us</h4>  </a> <ul class="flex flex-col gap-3"> <li> <a href="https://www.ceres.org/careers" > <p class="text-[16px] tracking-tight"> Careers </p> </a> </li> <li> <a href="https://www.ceres.org/procurement" > <p class="text-[16px] tracking-tight"> Procurement opportunities </p> </a> </li> </ul> </div> </div> </div> </div> <div class="flex flex-col py-10 gap-16 justify-between md:flex-row"> <div class="flex flex-row gap-16 flex-wrap"> <div class="text-[16px]">  <p class="mt-0 last:mb-0 leading-relaxed font-bold text-cw-green-250">Headquarters</p>  <p>99 Chauncy Street, 6th Floor<br>Boston, MA 02111</p> </div> <div class="text-[16px]">  <p class="mt-0 last:mb-0 leading-relaxed font-bold text-cw-green-250">California Office</p>  <p>369 Pine Street, Suite 620<br>San Francisco, CA 94104</p> </div> <div class="text-[16px]">  <p class="mt-0 last:mb-0 leading-relaxed font-bold text-cw-green-250">Connect with us</p>  <p>(617) 247-0700 | <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e38a8d858ca38086918690cd8c9184">[email protected]</a><br>For media inquiries, email us at <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f59890919c949c9b84809c879c9086b59690879086db9a8792">[email protected]</a>.</p> </div> </div> <div class="flex flex-row h-fit md:self-end"> <a href="https://www.facebook.com/ceres.org/" aria-label="Facebook" target="_blank" rel="noopener noreferrer" class=" px-2 hover:opacity-70 transition-opacity duration-200 ease-in-out"> <svg height="1rem" width="1rem" width="206" height="370" viewBox="0 0 206 370" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M169.4 66.72L205.11 67.65V2.67L152.2 0.809998C102.47 0.809998 62.16 41.12 62.16 90.85V148.4H0.890015V218.02H62.16V369.34H139.21V218.02H193.98L205.12 148.4H139.21V96.91C139.21 80.23 152.73 66.71 169.41 66.71L169.4 66.72Z" fill="#246F00"/> </svg> </a> · <a href="https://twitter.com/CeresNews" aria-label="Twitter" target="_blank" rel="noopener noreferrer" class="fill-cw-green-250 px-2 hover:opacity-70 transition-opacity duration-200 ease-in-out"> <svg height="1rem" width="1rem" width="1200" height="1227" viewBox="0 0 1200 1227" xmlns="http://www.w3.org/2000/svg"> <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="current"/> </svg> </a> · <a href="https://www.linkedin.com/company/ceres-org" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer" class="pr-0 px-2 hover:opacity-70 transition-opacity duration-200 ease-in-out"> <svg height="1rem" width="1rem" width="376" height="376" viewBox="0 0 376 376" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M90.57 131.75H13.8V375.08H90.57V131.75Z" fill="#246F00"/> <path d="M62.1239 96.4142C85.9701 91.2454 101.111 67.7241 95.9423 43.8779C90.7735 20.0317 67.2522 4.8907 43.406 10.0595C19.5598 15.2283 4.41882 38.7496 9.58762 62.5958C14.7564 86.442 38.2777 101.583 62.1239 96.4142Z" fill="#246F00"/> <path d="M288.51 124.51C229.12 124.51 212.23 165.07 212.23 165.07V131.76H138.36V375.09H215.13V247.63C215.13 230.25 220.44 191.14 260.03 191.14C299.62 191.14 299.62 237.01 299.62 237.01V375.09H375.42V230.73C375.42 162.17 347.9 124.51 288.51 124.51Z" fill="#246F00"/> </svg> </a> </div> </div> </div> <div class="w-full bg-cw-green-100"> <div class="flex flex-row container justify-between py-4 text-sm flex-wrap gap-6"> <div class="flex flex-row items-center">  <p class="mt-0 last:mb-0 leading-relaxed pr-6 border-r border-r-black">漏2024 Ceres</p>  <a href="/privacy-policy" class="px-6 border-r border-r-black"> PRIVACY POLICY </a> <div class="px-6 border-r border-r-black">  <p class="mt-0 last:mb-0 leading-relaxed inline-block">Website by</p>  <a href="https://brewdigital.com/" target="_blank" rel="noreferrer noopener" class="font-bold text-cw-green-250 hover:text-cw-green-250/75 transition-colors">Brew Digital</a> </div> </div>  <p class="mt-0 last:mb-0 leading-relaxed ">Ceres is a 501(c)(3) tax-exempt nonprofit organization registered in the US under EIN 223-053747</p>  </div> </div> </footer>  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"STATAMIC_CSRF_TOKEN","uri":"\/livewire\/update","progressBar":"","nonce":""};</script> <script> function smoothScrollToElement(targetId) { const targetElement = document.querySelector(targetId); if (targetElement) { const isMobile = window.innerWidth < 1280; targetElement.scrollIntoView({ behavior: 'smooth', block: isMobile ? 'start' : 'center' }); } } function handleLoadEvent() { const hash = window.location.hash; if (hash) { smoothScrollToElement(hash); } // Remove the event listener after it has executed window.removeEventListener('load', handleLoadEvent); } // Attach the load event listener window.addEventListener('load', handleLoadEvent); // Handle click events for jump links on the page document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function(e) { e.preventDefault(); const targetId = this.getAttribute('href'); smoothScrollToElement(targetId); // Update the URL without reloading the page history.pushState(null, '', targetId); }); }); </script> <script type="text/javascript">(function() { var els = document.getElementsByClassName('nocache'); var map = {}; for (var i = 0; i < els.length; i++) { var section = els[i].getAttribute('data-nocache'); map[section] = els[i]; } fetch('/!/nocache', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url: window.location.href.split('#')[0], sections: Object.keys(map) }) }) .then((response) => response.json()) .then((data) => { const regions = data.regions; for (var key in regions) { if (map[key]) map[key].outerHTML = regions[key]; } for (const input of document.querySelectorAll('input[value="STATAMIC_CSRF_TOKEN"]')) { input.value = data.csrf; } for (const meta of document.querySelectorAll('meta[content="STATAMIC_CSRF_TOKEN"]')) { meta.content = data.csrf; } for (const input of document.querySelectorAll('script[data-csrf="STATAMIC_CSRF_TOKEN"]')) { input.setAttribute('data-csrf', data.csrf); } if (window.hasOwnProperty('livewire_token')) { window.livewire_token = data.csrf } if (window.hasOwnProperty('livewireScriptConfig')) { window.livewireScriptConfig.csrf = data.csrf } document.dispatchEvent(new CustomEvent('statamic:nocache.replaced', { detail: data })); }); })();</script></body> </html>

CINXE.COM

Reports | Ceres: Sustainability is the bottom line