News and insights | 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> News and insights | Ceres: Sustainability is the bottom line </title> <link rel="alternate" hreflang="en-US" href="https://www.ceres.org/resources/news"> <link rel="canonical" href="https://www.ceres.org/resources/news"> <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="News and insights"> <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’s 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’s 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’ve 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">News and insights</h1>  <div class="flex flex-col lg:flex-row justify-between mt-4 gap-8 min-h-96">  <a href="/resources/news/ceres-honors-climate-champions-with-bicep-awards" class="lg:w-3/5 relative" id="featured_card" title="Ceres Honors Climate Champions with BICEP Awards "> <img src="https://assets.ceres.org/cache/containers/images/bicep-awards-2024.jpg/2c18c9939b363415469d7a77f2e8dd38.webp" alt="BICEP Award winners" 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">Ceres Honors Climate Champions with BICEP Awards</h2>  </div> </a>  <div class="flex flex-col w-full lg:w-2/5 gap-8 lg:gap-8 justify-between">  <a href="/resources/news/q-a-with-meryl-richards-ceres-director-food-and-forests" class="recent_card" title="Q & A with Meryl Richards, Ceres’ Program Director, Food and Forests" > <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/web-hero.png/2890fa509a9a64337ecb6054b8891bb8/web-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"> Q & A with Meryl Richards, Ceres’ Program Director, Food and Forests </div> </div> </div> </a>   <a href="/resources/news/q-a-with-blair-bateson-ceres-director-financial-services" class="recent_card" title="Q & A with Blair Bateson, Ceres’ Director, Financial Services" > <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/buildings.jpg/c6b84460b794e1211bc7ce258feb0b07.webp" alt="Tall buildings" 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"> Q & A with Blair Bateson, Ceres’ Director, Financial Services </div> </div> </div> </a>   <a href="/resources/news/the-new-us-federal-disclosure-rule-is-an-important-step-towards-a-water-secure-future" class="recent_card" title="The new U.S. federal disclosure rule is an important step towards a water-secure future" > <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/thumbnail-5.jpg/ca73586533ee609488ca835a63f3ab4d/thumbnail-5.webp" alt="Flooded farm" 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"> The new U.S. federal disclosure rule is an important step towards a water-secure future </div> </div> </div> </a>  </div> </div> <a href="/resources/news/ceres-honors-climate-champions-with-bicep-awards" class="lg:w-[calc(60%-1rem)] hidden lg:block" title="Ceres Honors Climate Champions with BICEP Awards" >  <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">Ceres Honors Climate Champions with BICEP Awards</h2>  </a> </div> </section>   <section class="container py-16">  <div wire:snapshot="{"data":{"filterHeader":"","tags":[[],{"s":"arr"}],"filter":"all","paginators":[{"newsAndInsightsPage":1},{"s":"arr"}]},"memo":{"id":"NFwE16nq2UlLtt7XBovf","name":"resource-cards.news-and-insights","path":"resources\/news","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"8329a96224eba338bf7e6cf5a5861a6f8da3c76453bc912ab9f5d2714626b4b5"}" wire:effects="{"url":{"paginators.newsAndInsightsPage":{"as":"newsAndInsightsPage","use":"push","alwaysShow":false,"except":null}}}" wire:id="NFwE16nq2UlLtt7XBovf" 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> <ul class="grid grid-cols-12 gap-6 pt-4 mb-12 "> <li class="col-span-full md:col-span-6 xl:col-span-4"> <a class="flex flex-col shadow-cards rounded-tr-lg bg-white rounded-tl-lg overflow-hidden hover:shadow-cards-darker transition-shadow h-full" href="/resources/news/new-guidance-offers-a-roadmap-for-the-us-insurance-industry-to-build-resilience-amid-increasing-climate-disasters" > <span class="block w-full h-6 bg-cw-green-200 rounded-t-lg"></span> <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">  <span>     Nov 20, 2024 </span>  </div> </div> <div class="flex flex-col grow gap-8 [&_p]:mb-0"> <p class="mb-4 grow font-bold text-lg">New guidance offers a roadmap for the U.S. insurance industry to build resilience amid increasing climate disasters</p> </div> </div> </a> </li> <li class="col-span-full md:col-span-6 xl:col-span-4"> <a class="flex flex-col shadow-cards rounded-tr-lg bg-white rounded-tl-lg overflow-hidden hover:shadow-cards-darker transition-shadow h-full" href="/resources/news/rggi-court-ruling-a-win-for-virginia-economy" > <span class="block w-full h-6 bg-cw-green-200 rounded-t-lg"></span> <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">  <span>     Nov 20, 2024 </span>  </div> </div> <div class="flex flex-col grow gap-8 [&_p]:mb-0"> <p class="mb-4 grow font-bold text-lg">RGGI court ruling a win for Virginia economy</p> </div> </div> </a> </li> <li class="col-span-full md:col-span-6 xl:col-span-4"> <a class="flex flex-col shadow-cards rounded-tr-lg bg-white rounded-tl-lg overflow-hidden hover:shadow-cards-darker transition-shadow h-full" href="/resources/news/new-benchmarking-report-finds-carbon-emissions-from-the-us-power-sector-saw-an-accelerated-downward-trend-in-2023" > <span class="block w-full h-6 bg-cw-green-200 rounded-t-lg"></span> <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">  <span>     Nov 19, 2024 </span>  </div> </div> <div class="flex flex-col grow gap-8 [&_p]:mb-0"> <p class="mb-4 grow font-bold text-lg">New benchmarking report finds carbon emissions from the U.S. power sector saw an accelerated downward trend in 2023</p> </div> </div> </a> </li> <li class="col-span-full md:col-span-6 xl:col-span-4"> <a class="flex flex-col shadow-cards rounded-tr-lg bg-white rounded-tl-lg overflow-hidden hover:shadow-cards-darker transition-shadow h-full" href="/resources/news/ohio-businesses-urge-senate-support-for-energy-efficiency-bill-to-restore-jobs-and-savings-in-state" > <span class="block w-full h-6 bg-cw-green-200 rounded-t-lg"></span> <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">  <span>     Nov 18, 2024 </span>  </div> </div> <div class="flex flex-col grow gap-8 [&_p]:mb-0"> <p class="mb-4 grow font-bold text-lg">Ohio businesses urge Senate support for energy efficiency bill to restore jobs and savings in state</p> </div> </div> </a> </li> <li class="col-span-full md:col-span-6 xl:col-span-4"> <a class="flex flex-col shadow-cards rounded-tr-lg bg-white rounded-tl-lg overflow-hidden hover:shadow-cards-darker transition-shadow h-full" href="/resources/news/mass-climate-cleantech-legislation-will-accelerate-clean-energy-buildout" > <span class="block w-full h-6 bg-cw-green-200 rounded-t-lg"></span> <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">  <span>     Nov 14, 2024 </span>  </div> </div> <div class="flex flex-col grow gap-8 [&_p]:mb-0"> <p class="mb-4 grow font-bold text-lg">Mass. climate, cleantech legislation will accelerate clean energy buildout</p> </div> </div> </a> </li> <li class="col-span-full md:col-span-6 xl:col-span-4"> <a class="flex flex-col shadow-cards rounded-tr-lg bg-white rounded-tl-lg overflow-hidden hover:shadow-cards-darker transition-shadow h-full" href="/resources/news/president-elect-trump-can-build-on-private-sector-momentum-by-expanding-investment-in-american-clean-energy-manufacturing" > <span class="block w-full h-6 bg-cw-green-200 rounded-t-lg"></span> <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">  <span>     Nov 6, 2024 </span>  </div> </div> <div class="flex flex-col grow gap-8 [&_p]:mb-0"> <p class="mb-4 grow font-bold text-lg">President-elect Trump can build on private sector momentum by expanding investment in American clean energy manufacturing</p> </div> </div> </a> </li> <li class="col-span-full md:col-span-6 xl:col-span-4"> <a class="flex flex-col shadow-cards rounded-tr-lg bg-white rounded-tl-lg overflow-hidden hover:shadow-cards-darker transition-shadow h-full" href="/resources/news/ceres-disappointed-by-approval-of-duke-energy-plan-to-delay-north-carolina-climate-goals" > <span class="block w-full h-6 bg-cw-green-200 rounded-t-lg"></span> <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">  <span>     Nov 4, 2024 </span>  </div> </div> <div class="flex flex-col grow gap-8 [&_p]:mb-0"> <p class="mb-4 grow font-bold text-lg">Ceres disappointed by approval of Duke Energy plan to delay North Carolina climate goals</p> </div> </div> </a> </li> <li class="col-span-full md:col-span-6 xl:col-span-4"> <a class="flex flex-col shadow-cards rounded-tr-lg bg-white rounded-tl-lg overflow-hidden hover:shadow-cards-darker transition-shadow h-full" href="/resources/news/new-guidance-to-help-investors-and-corporate-directors-engage-effectively-on-climate-governance" > <span class="block w-full h-6 bg-cw-green-200 rounded-t-lg"></span> <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">  <span>     Oct 23, 2024 </span>  </div> </div> <div class="flex flex-col grow gap-8 [&_p]:mb-0"> <p class="mb-4 grow font-bold text-lg">New guidance to help investors and corporate directors engage effectively on climate governance</p> </div> </div> </a> </li> <li class="col-span-full md:col-span-6 xl:col-span-4"> <a class="flex flex-col shadow-cards rounded-tr-lg bg-white rounded-tl-lg overflow-hidden hover:shadow-cards-darker transition-shadow h-full" href="/resources/news/mass-climate-legislation-will-accelerate-clean-energy-buildout" > <span class="block w-full h-6 bg-cw-green-200 rounded-t-lg"></span> <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">  <span>     Oct 22, 2024 </span>  </div> </div> <div class="flex flex-col grow gap-8 [&_p]:mb-0"> <p class="mb-4 grow font-bold text-lg">Mass. climate legislation will accelerate clean energy buildout</p> </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('newsAndInsightsPage')" x-on:click="" wire:loading.attr="disabled" dusk="nextPage.newsAndInsightsPage.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">605</span> <span>results</span> </p> </div> <div> <span class="relative z-0 inline-flex rounded-md shadow-sm"> <span>  </span>     <span wire:key="paginator-newsAndInsightsPage-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-newsAndInsightsPage-page2">  <button type="button" wire:click="gotoPage(2, 'newsAndInsightsPage')" 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-newsAndInsightsPage-page3">  <button type="button" wire:click="gotoPage(3, 'newsAndInsightsPage')" 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-newsAndInsightsPage-page4">  <button type="button" wire:click="gotoPage(4, 'newsAndInsightsPage')" 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-newsAndInsightsPage-page5">  <button type="button" wire:click="gotoPage(5, 'newsAndInsightsPage')" 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-newsAndInsightsPage-page6">  <button type="button" wire:click="gotoPage(6, 'newsAndInsightsPage')" 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-newsAndInsightsPage-page7">  <button type="button" wire:click="gotoPage(7, 'newsAndInsightsPage')" 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-newsAndInsightsPage-page8">  <button type="button" wire:click="gotoPage(8, 'newsAndInsightsPage')" 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-newsAndInsightsPage-page67">  <button type="button" wire:click="gotoPage(67, 'newsAndInsightsPage')" 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 67"> 67 </button>  </span> <span wire:key="paginator-newsAndInsightsPage-page68">  <button type="button" wire:click="gotoPage(68, 'newsAndInsightsPage')" 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 68"> 68 </button>  </span>    <span>  <button type="button" wire:click="nextPage('newsAndInsightsPage')" x-on:click="" dusk="nextPage.newsAndInsightsPage.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>  </section>   <section class="bg-cw-green-50 text-black "> <div class="container py-16"> <div id="our-experts" class="flex flex-col gap-4 pb-4">  <h2 class="font-bold text-4xl">Our experts</h2>  <div class="flex flex-col justify-between md:flex-row gap-4">  <p class="mt-0 last:mb-0 leading-relaxed md:max-w-[70%]">Ceres is proud to have a team of leading experts in responsible investment and business practices. With expertise across various sectors, they leverage science-based research and data to make the business case for sustainability. They are regularly featured in leading news outlets and pen columns for Reuters, Forbes, and GreenBiz. For interviews, commentary, or speaking opportunities, contact us at <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="deb3bbbab7bfb7b0afabb7acb7bbad9ebdbbacbbadf0b1acb9">[email protected]</a>.</p>   <a class=" cursor-pointer inline-flex py-3 px-8 rounded-full select-none whitespace-nowrap items-start self-start bg-cw-green-200 font-bold text-white text-lg [&_svg]:stroke-white [&_svg]:fill-white  " href="/cdn-cgi/l/email-protection#741911101d151d1a05011d061d11073417110611075a1b0613"> <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Contact us <svg width="14" height="14" 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 class="flex gap-6 overflow-x-auto overflow-y-hidden themed-scrollbar px-4 [&>div]:my-6 [&>a]:my-6 md:[&>div]:w-64 md:[&>a]:w-64"> <a href="/people/bakal" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/bakal.jpg/b81ecb866d3ad905eb5176f350016095.webp" alt="Bakal head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Dan Bakal</h3> <p>Senior Program Director, Climate and Energy</p> </div> </div> </a> <a href="/people/bateson" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/bateson_updated.jpg/0fb4d2a94501b10287d92735d995b9c2.webp" alt="Bateson head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Blair Bateson</h3> <p>Director, Company Network, Financial Services</p> </div> </div> </a> <a href="/people/berridge" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/berridge.jpg/8835af2ddd4a55849ea397e7315e37df.webp" alt="Berridge head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Rob Berridge</h3> <p>Senior Director, Investor Network, Shareholder Engagement</p> </div> </div> </a> <a href="/people/boudett" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/boudett.png/2e5e38ab06829f7d5dd6eb7a777cd0da.webp" alt="Boudett head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Michael Boudett</h3> <p>General Counsel</p> </div> </div> </a> <a href="/people/ching" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/ching.jpg/c813c184f8048d7e00467cd4fe837a05.webp" alt="Ching head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Carolyn Ching</h3> <p>Director, Food and Forests, Research</p> </div> </div> </a> <a href="/people/clarke" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/clarke.png/e81ce6223a58291a9f95f85ec528e6fa.webp" alt="Clarke head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Steven Clarke</h3> <p>Program Director, Climate and Energy</p> </div> </div> </a> <a href="/people/coburn" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/coburn-1703031557.jpg/a0766b4445e0233c8755094120726bf1.webp" alt="Coburn head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Jim Coburn</h3> <p>Senior Manager, Ceres Accelerator, Disclosure and Regulation</p> </div> </div> </a> <a href="/people/collins" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/collins_updated.jpeg/147f084e9773b95a5a9a47cddc6848ab.webp" alt="Collins head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Siobhan Collins</h3> <p>Director, Company Network</p> </div> </div> </a> <a href="/people/draucker" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/draucker.jpg/61ce672104460d5d775f3916bc289584.webp" alt="Draucker Ph.D. head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Laura Draucker Ph.D.</h3> <p>Senior Director, Corporate Climate Action</p> </div> </div> </a> <a href="/people/ellsworth" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/ellsworth.jpg/f4d18fd2eaf1b5f76d7ca223e80a5e34.webp" alt="Ellsworth head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Peter Ellsworth</h3> <p>Senior Director, Investor Network, Private Equity and Paris Aligned Investing</p> </div> </div> </a> <a href="/people/friedman" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/freidman.jpg/f4e34de504cdaf288e7551220f76b6b2.webp" alt="Friedman head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Zach Friedman</h3> <p>Senior Director, Federal Policy</p> </div> </div> </a> <a href="/people/james" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/james.jpg/6a1816057c9c186a9efaa363490ffe16.webp" alt="James head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Kirsten James</h3> <p>Senior Program Director, Water</p> </div> </div> </a> <a href="/people/kelly" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/kelly.jpg/d65455d0889e9cd571ef50b0258a5ab8.webp" alt="Kelly head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Anne L. Kelly</h3> <p>Vice President, Government Relations</p> </div> </div> </a> <a href="/people/kodransky" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/kodransky.jpg/1d51fe80df4231df9724f2a78b6435d4.webp" alt="Kodransky head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Michael Kodransky</h3> <p>Senior Director, Climate and Energy, Transportation</p> </div> </div> </a> <a href="/people/logan" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/logan.jpg/b90f3944d81c29330282d1cef8c507fa.webp" alt="Logan head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Andrew Logan</h3> <p>Senior Director, Climate and Energy, Oil and Gas</p> </div> </div> </a> <a href="/people/mindy-lubber" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/lubber.jpg/01e1a67407948cd0b1b67d23d1705bc3.webp" alt="Lubber head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Mindy Lubber</h3> <p>CEO and President</p> </div> </div> </a> <a href="/people/mail" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/mail.jpg/6be73852f06fcdac7aad58d0637a5899.webp" alt="Mail head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Randi Mail</h3> <p>Director, Ceres Accelerator, Campaigns</p> </div> </div> </a> <a href="/people/mchale" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/mchale.png/39df3d94bf60496f08a453460a6a8440.webp" alt="McHale head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Cynthia McHale</h3> <p>Senior Director, Investor Network, Shareholder Engagement</p> </div> </div> </a> <a href="/people/ormond" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/ormond.jpg/d6f660df98803f8cbdeac1243f17f00b.webp" alt="Ormond head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Mary Ann Ormond</h3> <p>Senior Director, Company Network, Food and Beverage, Retail, Healthcare</p> </div> </div> </a> <a href="/people/perveen" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/perveen.jpg/f3bfd9767cb6671a08f0baa91079186a.webp" alt="Perveen, Ph.D. head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Shama Perveen, Ph.D.</h3> <p>Director, Water, Research</p> </div> </div> </a> <a href="/people/jake-rascoff" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/rascoff.png/dd0214812a82b3e364b39938186735ed.webp" alt="Rascoff head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Jake Rascoff</h3> <p>Director, Ceres Accelerator for Sustainable Capital Markets</p> </div> </div> </a> <a href="/people/richards" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/richards.jpg/1f38a6e42322c3909c8667eabca67418.webp" alt="Richards, Ph.D. head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Meryl Richards, Ph.D.</h3> <p>Program Director, Food and Forests</p> </div> </div> </a> <a href="/people/rothstein" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/rothstein.jpg/057978f9683554eb88f9bd4a59534e56.webp" alt="Rothstein head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Steven Rothstein</h3> <p>Managing Director, Ceres Accelerator</p> </div> </div> </a> <a href="/people/saccardi" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/saccardi.jpg/cad4ab3a1337ff56e0a4611c276636d1.webp" alt="Saccardi head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Dan Saccardi</h3> <p>Program Director, Company Network</p> </div> </div> </a> <a href="/people/seligman" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/seligman.jpg/cb01114c990fb3e891ac4364fb016b30.webp" alt="Seligman head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Dan Seligman</h3> <p>Director, Climate and Energy, Steel</p> </div> </div> </a> <a href="/people/spalding" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/spalding.jpg/371e395f1bab7f5a567ae4a62bc49a1f.webp" alt="Spalding head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Kirsten Spalding</h3> <p>Vice President, Investor Network</p> </div> </div> </a> </div> </div> </section>   <section class="bg-white text-black "> <div class="container py-16"> <div id="communications-staff" class="flex flex-col gap-4 pb-4">  <h2 class="font-bold text-4xl">Communications staff</h2>  <div class="flex flex-col justify-between md:flex-row gap-4">  <p class="mt-0 last:mb-0 leading-relaxed md:max-w-[70%]">Our dedicated communications staff are available to provide information about our resources and initiatives—including Climate Action 100+, The Investor Agenda, Nature Action 100, Net Zero Asset Managers, Paris Aligned Asset Owners, and the Valuing Water Finance Initiative—and to connect members of the media and event organizers with our experts. Contact us at <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="39545c5d50585057484c504b505c4a795a5c4b5c4a17564b5e">[email protected]</a>.</p>   <a class=" cursor-pointer inline-flex py-3 px-8 rounded-full select-none whitespace-nowrap items-start self-start bg-cw-green-200 font-bold text-white text-lg [&_svg]:stroke-white [&_svg]:fill-white  " href="/cdn-cgi/l/email-protection#9bf6fefff2faf2f5eaeef2e9f2fee8dbf8fee9fee8b5f4e9fc" rel="noopener noreferrer" target="_blank"> <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Contact us <svg width="14" height="14" 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 class="flex gap-6 overflow-x-auto overflow-y-hidden themed-scrollbar px-4 [&>div]:my-6 [&>a]:my-6 md:[&>div]:w-64 md:[&>a]:w-64"> <a href="/people/helen-booth-tobin" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/booth-tobin.jpg/0a1abd1ca5bf091ca9133f877a9d2fa3.webp" alt="Booth-Tobin head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Helen Booth-Tobin</h3> <p>Communications Director, Policy</p> </div> </div> </a> <a href="/people/tamera-manzanares" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/tamera-manzanares.jpg/fee02ee9afdf5172716b8ccb2d1ca0fc.webp" alt="Manzanares head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Tamera Manzanares</h3> <p>Communications Manager, Water</p> </div> </div> </a> <a href="/people/diane-may" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/diane-may.jpg/52e6ad2962641d3ff5eb2aa59aed0fe1.webp" alt="May head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Diane May</h3> <p>Senior Communications Manager, Ceres Accelerator</p> </div> </div> </a> <a href="/people/vivian-melody" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/vivian-melody.jpg/423be81cf63d1a22dff4bf2ebe9c1fc7.webp" alt="Melody head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Vivian Melody</h3> <p>Communications Manager, Investor and Company Networks</p> </div> </div> </a> <a href="/people/brian-sant" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/sant.jpg/b7d26ac07f80592953a781f0d56dcc84.webp" alt="Sant head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Brian Sant</h3> <p>Senior Director, Marketing and Communications</p> </div> </div> </a> <a href="/people/bridget-vis" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/bridget-vis.jpg/ebe6e95c7c0e703268808535fc2c801a.webp" alt="Vis head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Bridget Vis</h3> <p>Communications Manager, Food and Forests</p> </div> </div> </a> <a href="/people/reginald-zimmerman" class="flex flex-col items-center justify-center bg-white transition duration-300 shadow-cards flex-shrink-0 w-full rounded-md hover:shadow-cards-darker"> <div class="flex flex-col h-full flex-shrink-0 text-center gap-2 p-6 items-center"> <div class="rounded-full w-24 h-24 overflow-hidden"> <img src="https://assets.ceres.org/cache/containers/images/headshots/reggie-zimmerman.jpg/35fa288f3f252b701ca91cc7e45a4b90.webp" alt="Zimmerman head shot" class="object-cover w-full h-full"/> </div> <div class="[&_p]:mb-0"> <h3 class="font-bold pb-4">Reginald Zimmerman</h3> <p>Senior Communications Manager, Climate and Energy</p> </div> </div> </a> </div> </div> </section>   <section class="bg-cw-green-200 text-white "> <div class=" container py-12" >  <div class=" grid grid-cols-12 gap-0 gap-y-8 lg:gap-16 "> <div class="flex flex-col col-span-12 lg:col-span-6 gap-2">  <h2 class="text-3xl font-bold">Never miss an alert</h2>   <p class="mt-0 last:mb-0 leading-relaxed ">Sign up for the latest news and updates from Ceres.</p>  </div> <div class="flex flex-col justify-center items-center col-span-12 lg:col-span-6"> <div class="w-full" x-data="{ singular_email: '', emailValid: false, emailPattern: /^[a-zA-Z0-9._-]+(\+[a-zA-Z0-9._-]+)*@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/, validateEmail() { this.emailValid = this.emailPattern.test(this.singular_email); } }" > <div aria-label="Newsletter Subscription Form"> <div class="relative"> <input class="text-black appearance-none rounded w-full py-3 px-6 !border-cw-green-200 !outline-none !ring-0 " type="email" name="singular_email" placeholder="Email Address" required x-model="singular_email" x-on:input="validateEmail(); $dispatch('email-changed', singular_email)" aria-label="Email Address" aria-required="true" :aria-invalid="!emailValid.toString()" x-on:change="localStorage.setItem('singular_email', singular_email);" > <button class="w-fit rounded-full bg-black/40 text-white font-bold p-2 focus:outline-none focus:shadow-outline absolute right-6 top-[50%] -translate-y-[50%] flex align-center justify-center transition-bg duration-300 ease-in-out" type="submit" :disabled="!emailValid" :aria-disabled="!emailValid.toString()" :class="{ '!bg-cw-green-800 hover:!bg-cw-green-800/75': emailValid, 'cursor-not-allowed': !emailValid }" aria-label="Submit" x-on:click="() => openModal()" > <span> <svg width="14" height="14" class="fill-current" 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> </span> </button> </div> </div> </div> </div> </div> </div> <div id="newsletter-modal" class="hidden fixed opacity-0 z-50 transition-opacity duration-500 w-full h-full bg-black/50 top-0 left-0 px-4"> <div class="w-full h-full flex items-center justify-center text-black"> <div id="modalNewsletterContainer" class="relative bg-cw-green-50 rounded-lg"> <div onclick="closeModal()" id="closeNewsletterModal" class="absolute top-4 right-4 cursor-pointer z-50"> <svg width="32" height="32" class="stroke-gray-400" 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> </div>  <section class="bg-cw-green-50 rounded-lg" @email-changed.window="email_address = $event.detail" x-data="{ first_name: '', last_name: '', organisation: '', zip_code: '', email_address: '', valid: { first_name: false, last_name: false, organisation: false, zip_code: false, email_address: false }, validateFirstName() { this.valid.first_name = this.first_name.length >= 3; }, validateLastName() { this.valid.last_name = this.last_name.length >= 3; }, validateOrganisation() { this.valid.organisation = this.organisation.length >= 3; }, validateZipCode() { this.valid.zip_code = this.zip_code.length >= 5; }, validateEmailAddress() { const pattern = /^[a-zA-Z0-9._-]+(\+[a-zA-Z0-9._-]+)*@[a-zA-Z0-9.-]+\.[a-zA-Z]+$/; this.valid.email_address = pattern.test(this.email_address); }, isFormValid() { return Object.values(this.valid).every(value => value); }, }" x-init="() => { $watch('email_address', () => validateEmailAddress()) if (localStorage.getItem('singular_email')) { email_address = localStorage.getItem('singular_email') || ''; localStorage.removeItem('singular_email'); // remove it from localStorage after fetching setTimeout(() => { document.getElementById('modalNewsletterForm').scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 500); // delay of 500 milliseconds to allow page to render } }" > <div class="relative container py-16"> <form id="modalNewsletterForm" class="transition-all duration-300"> <input type="hidden" name="_token" value="STATAMIC_CSRF_TOKEN"> <div class="flex flex-col max-w-lg mx-auto gap-8"> <div class="flex flex-col items-center gap-1">  <h2 class="text-4xl font-medium">Never miss an alert</h2>   <p class="mt-0 last:mb-0 leading-relaxed text-[17px]">Sign up for the latest news and updates from Ceres.</p>  </div> <div class="flex flex-col rounded-lg">  <div class=" grid grid-cols-12 gap-5 rounded-lg "> <input type="text" name="first_name" value="" required="1" placeholder="First name" minlength="3" maxlength="" autocomplete="off" x-model="first_name" x-on:input="validateFirstName()" :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" /> <input type="text" name="last_name" value="" required="1" placeholder="Last name" minlength="3" maxlength="" autocomplete="off" x-model="last_name" x-on:input="validateLastName()" :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" /> <input type="text" name="organisation" value="" required="1" placeholder="Organization" minlength="3" maxlength="" autocomplete="off" x-model="organisation" x-on:input="validateOrganisation()" :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" /> <input type="text" name="zip_code" value="" required="1" placeholder="ZIP Code" minlength="5" maxlength="" autocomplete="off" x-model="zip_code" x-on:input="validateZipCode()" :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" /> <input type="email" name="email_address" value="" required="1" placeholder="Email Address" minlength="" maxlength="" autocomplete="off" x-model="email_address" x-on:input="validateEmailAddress()" :class="{ '!border-cw-green-150/90': valid.email_address }" 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-12" /> </div> </div> <div class="flex flex-col gap-4 items-center"> <button type="submit" class="text-white bg-black/40 rounded-full w-fit px-10 py-4 text-[17px] transition-bg duration-300 ease-in-out" :class="isFormValid() && 'bg-cw-green-800 text-white rounded-full w-fit px-10 py-4 text-[17px] hover:opacity-90'" :disabled="!isFormValid()" > Sign up </button> <p class="[text-wrap:balance] text-center max-w-sm [&_a]:cursor-pointer [&_a]:text-cw-green-800 [&_a]:font-medium"> By signing up, you agree to our <a class="underline" target="_blank" href="/privacy-policy">Privacy Policy</a> </p> </div> </div> </form> </div> </section> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> document.addEventListener('DOMContentLoaded', function() { // Due to the script being loaded before these HTML elements are rendered, we need to set them once content has been loaded. successElement = document.getElementById('newsletterSuccessState'); errorElement = document.getElementById('newsletterErrorState'); }); const newsletterModal = document.getElementById('newsletter-modal'); const closeNewsletterModal = document.getElementById('closeNewsletterModal'); const newsletterForm = document.getElementById('modalNewsletterForm'); let successElement let errorElement function submitState(form, stateElement, isSuccess, message) { form.style.opacity = '0'; stateElement.innerHTML = ''; stateElement.style.display = 'flex'; setTimeout(() => { stateElement.style.opacity = '1'; }, 30) let messageContent; if (isSuccess) { messageContent = `<h2 class="text-cw-green-200 text-center">Subscription confirmed!</h2> <p class="text-center">Thanks for signing up. You’ll receive your first email from Ceres soon!</p>`; setTimeout(() => { if (newsletterModal) { cleanupElements(); } else { window.location.href = '/'; } }, 3000); } else { errorElement.style.display = 'flex'; messageContent = `<p class="text-red-600">Error - ${message || 'There was an issue with your submission. Please try again.'}</p>`; } stateElement.innerHTML = messageContent; } function handleSubmitNewsletterForm(event) { event.preventDefault(); errorElement.style.display = 'none'; const form = event.target; const submitButton = form.querySelector('button[type="submit"]'); submitButton.disabled = true; const formData = new FormData(form); const data = {}; formData.forEach((value, key) => { data[key] = value; }); const jsonData = JSON.stringify(data); fetch('/subscribeToNewsletterOnly', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': form.querySelector('input[name="_token"]').value }, body: jsonData }) .then(response => response.json()) .then(data => { console.log('Success:', data); submitState(form, successElement, true); }) .catch((error) => { console.error('Error:', error); submitState(form, errorElement, false); submitButton.disabled = false; }); removeEventListener('submit', handleSubmitNewsletterForm); } function cleanupElements() { const sectionParent = newsletterModal.closest('section'); if (sectionParent) { sectionParent.style.transition = 'opacity 300ms ease-out'; sectionParent.style.opacity = '0'; // Wait for the transition to complete before removing the element sectionParent.addEventListener('transitionend', function() { closeModal(); this.remove(); }); } } newsletterForm.addEventListener('submit', handleSubmitNewsletterForm); </script>  <div id="newsletterErrorState" class="hidden px-8 pb-4 [&_p]:text-md"> </div> <div id="newsletterSuccessState" class=" hidden absolute px-8 flex-col gap-4 items-center justify-center top-0 left-0 w-full h-full transition-opacity delay-300 opacity-0 [&_h2]:text-4xl [&_p]:text-lg " ></div> </div> </div> </div> <script> const openModal = () => { newsletterModal.classList.remove('hidden'); document.body.style.overflow = 'hidden'; setTimeout(() => { newsletterModal.classList.remove('opacity-0'); newsletterModal.classList.add('opacity-100'); }, 30); newsletterModal.addEventListener('click', handleClickOutsideModal); newsletterForm.addEventListener('submit', handleSubmitNewsletterForm); } const closeModal = () => { newsletterModal.classList.remove('opacity-100'); newsletterModal.classList.add('opacity-0'); setTimeout(() => { newsletterModal.classList.add('hidden'); document.body.style.overflow = 'auto'; }, 200); newsletterModal.removeEventListener('click', handleClickOutsideModal); newsletterForm.removeEventListener('submit', handleSubmitNewsletterForm); } function handleClickOutsideModal(event) { if (!event.target.closest('#modalNewsletterContainer')) { closeModal(); } } </script> </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="84edeae2ebc4e7e1f6e1f7aaebf6e3">[email protected]</a><br>For media inquiries, email us at <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="69040c0d00080007181c001b000c1a290a0c1b0c1a47061b0e">[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

News and insights | Ceres: Sustainability is the bottom line