CINXE.COM
Climate Crisis | Ceres: Sustainability is the bottom line
<!-- /layout.antlers.html --> <!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" /> <!-- statamic-peak-seo::snippets/_seo.antlers.html --> <title> Climate Crisis | Ceres: Sustainability is the bottom line </title> <link rel="canonical" href="https://www.ceres.org/climate"> <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="Climate Crisis"> <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> <!-- End: statamic-peak-seo::snippets/_seo.antlers.html --> <!-- /snippets/_browser_appearance.antlers.html --> <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"> <!-- End: /snippets/_browser_appearance.antlers.html --> <script src="https://75fc01f3120645c39e3c70274c82795f.js.ubembed.com" async></script> <script type='text/javascript'> piAId = '1076862'; piCId = ''; piHostname = 'marketing.ceres.org'; (function() { function async_load(){ var s = document.createElement('script'); s.type = 'text/javascript'; s.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + piHostname + '/pd.js'; var c = document.getElementsByTagName('script')[0]; c.parentNode.insertBefore(s, c); } if(window.attachEvent) { window.attachEvent('onload', async_load); } else { window.addEventListener('load', async_load, false); } })(); </script> <!-- Livewire Styles --><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"> <!-- statamic-peak-tools::snippets/_noscript.antlers.html --> <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> <!-- End: statamic-peak-tools::snippets/_noscript.antlers.html --> <!-- statamic-peak-tools::navigation/_skip_to_content.antlers.html --> <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> <!-- End: statamic-peak-tools::navigation/_skip_to_content.antlers.html --> <!-- statamic-peak-tools::components/_toolbar.antlers.html --> <!-- End: statamic-peak-tools::components/_toolbar.antlers.html --> <!-- statamic-peak-seo::components/_consent_banner.antlers.html --> <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> <!-- End: statamic-peak-seo::components/_consent_banner.antlers.html --> <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"> <!-- /components/_logo.antlers.html --> <a aria-label="Logo Ceres" href="/" > <img src="/visuals/logo-dark.svg" class="select-none " width="" alt="Ceres"/> </a> <!-- End: /components/_logo.antlers.html --> <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> <!-- /components/_button.antlers.html --> <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 <!-- Adds extra space for mobile browsers to click on links if button requires it. --> " href="#XLXBXUKE" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Donate </div> </a> <!-- End: /components/_button.antlers.html --> <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' }"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed text-base">Issues we work on</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Climate crisis</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Advancing climate solutions for a zero emissions future.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Nature and biodiversity loss</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Restoring and preserving our natural ecosystems.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Water scarcity and pollution</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Protecting our precious global water resources.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">Sectors we work in</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Banking</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Financing the transition to a low-carbon economy.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Food and beverage</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Building a more just and sustainable food system.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Oil and gas</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Transitioning away from fossil fuels.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Transportation</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Cutting emissions and driving innovation.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Steel</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Reducing climate impacts in the built environment.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Electric power</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Transforming the electric utility landscape.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Insurance</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Addressing risk and seizing new opportunities.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">More sectors</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">We work across nearly all sectors of the economy.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">Latest resources</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed mb-5 md:mb-0 pb-2 border-b-2 border-black">Quick finds</p> <!-- End: /typography/_p.antlers.html --> <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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-semibold text-base">Support our work</h3> <!-- End: /typography/_h3.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-semibold text-base">News and insights</h3> <!-- End: /typography/_h3.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-semibold text-base">Events and webinars</h3> <!-- End: /typography/_h3.antlers.html --> </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' }"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed text-base">Who we work with</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Investors</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <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> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Companies</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">We work with leading companies, including many Fortune 500 companies.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Small and midsize enterprises</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">We provide resources to support SMEs on their sustainability journey.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">Ways to get involved</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Join a network</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Learn more about our powerful investor, company, and policy networks.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Join an initiative</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Explore initiatives, working groups, and advocacy opportunities.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Become a sponsor</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Maximize your impact with premium benefits across the year.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Attend an event</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Engage with leading business and sustainability experts virtually and in-person.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Ways to give</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Your donation can help ensure a just and sustainable future.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Subscribe</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Sign up for the latest news and updates from Ceres.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">Latest resources</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed mb-5 md:mb-0 pb-2 border-b-2 border-black">Quick finds</p> <!-- End: /typography/_p.antlers.html --> <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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-semibold text-base">Support our work</h3> <!-- End: /typography/_h3.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-semibold text-base">News and insights</h3> <!-- End: /typography/_h3.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-semibold text-base">Events and webinars</h3> <!-- End: /typography/_h3.antlers.html --> </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' }"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">Select a resource</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Reports</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <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> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Benchmarks and assessments</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">See the progress businesses are making toward their sustainability goals.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Events and webinars</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Hear from leading business and sustainability experts virtually and in-person.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">News and insights</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Read our latest press releases and statements and expert commentary.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Tools</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <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> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="text-base font-semibold text-nowrap">View all resources</h3> <!-- End: /typography/_h3.antlers.html --> <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"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">Latest resources</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed mb-5 md:mb-0 pb-2 border-b-2 border-black">Quick finds</p> <!-- End: /typography/_p.antlers.html --> <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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-semibold text-base">Support our work</h3> <!-- End: /typography/_h3.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-semibold text-base">News and insights</h3> <!-- End: /typography/_h3.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-semibold text-base">Events and webinars</h3> <!-- End: /typography/_h3.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="text-base font-semibold">View all resources</h3> <!-- End: /typography/_h3.antlers.html --> <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' }"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">Learn more about us</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Who we are</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Learn about our mission, our history, and our values.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Leadership</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Meet our board of directors, president’s council, and leadership staff.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Experts</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Meet our leading experts with deep subject matter expertise and knowledge.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Our members</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Learn more about the investors and companies we work with.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Careers</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-tight">Join our growing team to help make our mission a reality.</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold mb-2 text-base transition-colors group-hover:text-cw-green-200">Annual Report</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <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> <!-- End: /typography/_p.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="text-base font-semibold text-nowrap">See all about Ceres</h3> <!-- End: /typography/_h3.antlers.html --> <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"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">Latest resources</p> <!-- End: /typography/_p.antlers.html --> </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"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed mb-5 md:mb-0 pb-2 border-b-2 border-black">Quick finds</p> <!-- End: /typography/_p.antlers.html --> <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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-semibold text-base">Support our work</h3> <!-- End: /typography/_h3.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-semibold text-base">News and insights</h3> <!-- End: /typography/_h3.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="font-semibold text-base">Events and webinars</h3> <!-- End: /typography/_h3.antlers.html --> </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"> <!-- /typography/_h3.antlers.html --> <h3 class="text-base font-semibold">See all about Ceres</h3> <!-- End: /typography/_h3.antlers.html --> <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> <!-- /default.antlers.html --> <main id="content"> <!-- /page_builder/_hero_banner.antlers.html --> <section class="bg-cw-green-800 text-white overflow-hidden"> <div x-data="{ translateX: 0 }" x-init="() => { function updateTranslate() { let containerWidth = $el.offsetWidth; let containerPaddingRight = parseInt(window.getComputedStyle($el).paddingRight, 10); let screenWidth = window.innerWidth; translateX = (screenWidth - containerWidth) / 2 + containerPaddingRight; } updateTranslate(); window.addEventListener('resize', updateTranslate); return () => window.removeEventListener('resize', updateTranslate); }" class="container relative z-50"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <div class=" grid grid-cols-12 gap-0 relative "> <div class="flex flex-col lg:col-span-7 py-12 justify-center col-span-full gap-4 sm:gap-8 z-20"> <h1 class="text-5xl xl:text-[81px] font-bold leading-[107%] [&_p]:inline [&_p_>_span]:font-semibold"> Climate crisis </h1> <div class="flex flex-col gap-8"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed text-xl lg:text-2xl">A strong economy needs a healthy planet. Ceres works with investors, companies, and policymakers to advance climate solutions and achieve a just and sustainable future where people and the planet prosper.</p> <!-- End: /typography/_p.antlers.html --> <!-- /components/_button.antlers.html --> <!-- End: /components/_button.antlers.html --> </div> </div> <div class="col-span-5 absolute min-h-[30dvh] lg:relative w-full h-full md:block"> <div class="absolute right-0 lg:bottom-[-70px] top-0"> <img src="https://assets.ceres.org/cache/containers/images/new-climate.jpeg/27ee6e24ebf624acd2fc4ba326c6dc7f.webp" alt="Melting arctic glaciers" alt="Melting arctic glaciers" class="hidden lg:block w-full h-full object-cover opacity-20 lg:opacity-100" :style="{transform: 'translateX(' + translateX + 'px)'}"/> </div> </div> </div> </div> <!-- /page_builder/_text_icon_cards_v2.antlers.html --> <section class="md:bg-none bg-white text-black relative"> <div class="container py-16 z-20 sm:pt-0"> <div class="flex flex-col gap-12"> <div x-data="{ height: 0 }" x-ref="container" x-init="height = $refs.container.offsetHeight + 3; window.addEventListener('resize', () => { height = $refs.container.offsetHeight + 3; })"> <div class="flex flex-col sm:justify-between gap-8 sm:flex-row"> <div class="md:p-6 rounded flex flex-col gap-3 shadow-cards z-50 @container p-4 lg:py-8 lg:px-12 w-full bg-white text-black bg-white text-black "> <div class="flex flex-col gap-4 items-center justify-around sm:justify-normal @2xs:flex-row"> <div class="flex flex-col text-center md:@2xs:text-left gap-1"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed text-lg @2xs:text-xl font-bold">Our work with investors</p> <!-- End: /typography/_p.antlers.html --> <!-- /components/_button.antlers.html --> <a class=" cursor-pointer inline-flex rounded-full select-none whitespace-nowrap items-start self-start p-0 hover:opacity-70 transition-opacity duration-200 bg-none text-black stroke-black fill-black <!-- Adds extra space for mobile browsers to click on links if button requires it. --> relative before:w-full before:h-full before:py-6 before:absolute before:top-1/2 before:-translate-y-1/2 md:before:hidden " href="#investors" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Learn more <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> <!-- End: /components/_button.antlers.html --> </div> </div> </div> <div class="md:p-6 rounded flex flex-col gap-3 shadow-cards z-50 @container p-4 lg:py-8 lg:px-12 w-full bg-white text-black bg-white text-black "> <div class="flex flex-col gap-4 items-center justify-around sm:justify-normal @2xs:flex-row"> <div class="flex flex-col text-center md:@2xs:text-left gap-1"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed text-lg @2xs:text-xl font-bold">Our work with companies</p> <!-- End: /typography/_p.antlers.html --> <!-- /components/_button.antlers.html --> <a class=" cursor-pointer inline-flex rounded-full select-none whitespace-nowrap items-start self-start p-0 hover:opacity-70 transition-opacity duration-200 bg-none text-black stroke-black fill-black <!-- Adds extra space for mobile browsers to click on links if button requires it. --> relative before:w-full before:h-full before:py-6 before:absolute before:top-1/2 before:-translate-y-1/2 md:before:hidden " href="#companies" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Learn more <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> <!-- End: /components/_button.antlers.html --> </div> </div> </div> <div class="md:p-6 rounded flex flex-col gap-3 shadow-cards z-50 @container p-4 lg:py-8 lg:px-12 w-full bg-white text-black bg-white text-black "> <div class="flex flex-col gap-4 items-center justify-around sm:justify-normal @2xs:flex-row"> <div class="flex flex-col text-center md:@2xs:text-left gap-1"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed text-lg @2xs:text-xl font-bold">Our policy advocacy</p> <!-- End: /typography/_p.antlers.html --> <!-- /components/_button.antlers.html --> <a class=" cursor-pointer inline-flex rounded-full select-none whitespace-nowrap items-start self-start p-0 hover:opacity-70 transition-opacity duration-200 bg-none text-black stroke-black fill-black <!-- Adds extra space for mobile browsers to click on links if button requires it. --> relative before:w-full before:h-full before:py-6 before:absolute before:top-1/2 before:-translate-y-1/2 md:before:hidden " href="#policy" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Learn more <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> <!-- End: /components/_button.antlers.html --> </div> </div> </div> <span :style="'height:' + height + 'px'" class="bg-cw-green-800 -translate-y-1/2 absolute w-full left-0 hidden sm:block"></span> </div> </div> </div> </div> </section> <!-- End: /page_builder/_text_icon_cards_v2.antlers.html --> </section> <!-- End: /page_builder/_hero_banner.antlers.html --> <!-- class="absolute bottom-0 -translate-y-[90%] translate-x-1 xl:-translate-y-[130%]" --> <!-- /page_builder/_text_and_image_ii.antlers.html --> <section id="investors" class="bg-white text-black overflow-hidden"> <div class="flex flex-col gap-3 container py-16 "> <!-- /typography/_h2.antlers.html --> <h2 class="font-bold text-4xl">Investors</h2> <!-- End: /typography/_h2.antlers.html --> <div class="flex flex-col-reverse md:grid md:grid-cols-12 border-t-4 border-t-cw-green-800 md:gap-10"> <div class="pt-6 col-span-7 flex flex-col gap-8 md:gap-12"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed text-md">Investors recognize their fiduciary duty to address systemic climate risks and capture the economic opportunities of the transition to a just and sustainable future. We work with the world’s most influential investors to reduce climate risk and seize investment opportunities for a clean economy. Through the Ceres Investor Network, we work with hundreds of investors advancing responsible investment practices and policies that protect both the planet and their portfolios.</p> <!-- End: /typography/_p.antlers.html --> <!-- /components/_button.antlers.html --> <a class=" cursor-pointer inline-flex rounded-full select-none whitespace-nowrap items-start self-start px-4 py-1 bg-cw-green-200 font-bold text-white text-lg [&_svg]:stroke-white [&_svg]:fill-white <!-- Adds extra space for mobile browsers to click on links if button requires it. --> " href="/networks/investor" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> See the Ceres Investor Network <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> <!-- End: /components/_button.antlers.html --> </div> <div class="w-full col-span-5 bg-center bg-cover min-h-56" style="background-image: url('https://assets.ceres.org/cache/containers/images/investors-climate-1.jpeg/18328a1214ffe81b346525b048d82f8b/investors-climate-1.webp')"> <!-- Image has to be background image to match the height to the text, otherwise it will expand the grid vertically leading to excess whitespace. --> </div> </div> </div> </section> <!-- End: /page_builder/_text_and_image_ii.antlers.html --> <!-- /page_builder/_accordion_with_image.antlers.html --> <section class="bg-cw-green-100 text-black "> <div class="container py-16"> <div class="flex flex-col gap-8"> <div class="flex flex-col gap-2"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold text-4xl">Our investor climate initiatives</h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed md:max-w-4xl text-md">As co-founders of several influential global initiatives, we mobilize the largest investors to drive change within their own portfolios and scale up investments aligned with a net zero emissions future.</p> <!-- End: /typography/_p.antlers.html --> </div> <div><section x-data="{ activeTab: 0 }" class="h-full"> <div class=" flex flex-col h-full"> <div class=" grid grid-cols-1 lg:grid-cols-2"> <div> <div :class="activeTab !== 0 && '!border-b-cw-green-100'" class="border-b-2 border-b-cw-green-800" > <button x-on:click.prevent="activeTab = 0" type="button" class="flex items-center text-left justify-between w-full p-5" data-accordion-target="#accordion-collapse-body-1" aria-expanded="true" aria-controls="accordion-collapse-body-1" > <!-- /typography/_h2.antlers.html --> <h2 class="text-2xl font-bold leading-tight">Climate Action 100+</h2> <!-- End: /typography/_h2.antlers.html --> <svg width="18" height="12" viewBox="0 0 18 12" fill="none" class="duration-500 ease-in-out" x-bind:style="activeTab === 0 && 'rotate: 180deg'" > <path d="M16 2L9 9L2 2" stroke="black" stroke-width="3" /> </svg> </button> <div x-show="activeTab === 0" x-cloak id="accordion-collapse-body-1" aria-labelledby="accordion-collapse-heading-1" class="p-5 flex flex-col gap-5" > <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">Climate Action 100+ is an investor-led initiative to ensure the world’s largest corporate greenhouse gas emitters take necessary action on climate change.</p> <!-- End: /typography/_p.antlers.html --> <!-- /components/_button.antlers.html --> <a class=" cursor-pointer inline-flex rounded-full select-none whitespace-nowrap items-start self-start py-2 px-0 opacity-50 bg-none text-black stroke-black fill-black <!-- Adds extra space for mobile browsers to click on links if button requires it. --> relative before:w-full before:h-full before:py-6 before:absolute before:top-1/2 before:-translate-y-1/2 md:before:hidden " href="https://www.climateaction100.org/" rel="noopener noreferrer" target="_blank" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Visit website <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> <!-- End: /components/_button.antlers.html --> </div> </div> <div :class="activeTab !== 1 && '!border-b-cw-green-100'" class="border-b-2 border-b-cw-green-800" > <button x-on:click.prevent="activeTab = 1" type="button" class="flex items-center text-left justify-between w-full p-5" data-accordion-target="#accordion-collapse-body-1" aria-expanded="true" aria-controls="accordion-collapse-body-1" > <!-- /typography/_h2.antlers.html --> <h2 class="text-2xl font-bold leading-tight">Food Emissions 50</h2> <!-- End: /typography/_h2.antlers.html --> <svg width="18" height="12" viewBox="0 0 18 12" fill="none" class="duration-500 ease-in-out" x-bind:style="activeTab === 1 && 'rotate: 180deg'" > <path d="M16 2L9 9L2 2" stroke="black" stroke-width="3" /> </svg> </button> <div x-show="activeTab === 1" x-cloak id="accordion-collapse-body-1" aria-labelledby="accordion-collapse-heading-1" class="p-5 flex flex-col gap-5" > <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">Ceres Food Emissions 50 is an investor-led initiative engaging 50 of the highest-emitting food companies in North America to improve climate disclosures, set ambitious climate targets, and develop their own climate transition plans in line with the Paris Agreement.</p> <!-- End: /typography/_p.antlers.html --> <!-- /components/_button.antlers.html --> <a class=" cursor-pointer inline-flex rounded-full select-none whitespace-nowrap items-start self-start py-2 px-0 opacity-50 bg-none text-black stroke-black fill-black <!-- Adds extra space for mobile browsers to click on links if button requires it. --> relative before:w-full before:h-full before:py-6 before:absolute before:top-1/2 before:-translate-y-1/2 md:before:hidden " href="/food/food-emissions-50" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Learn more <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> <!-- End: /components/_button.antlers.html --> </div> </div> <div :class="activeTab !== 2 && '!border-b-cw-green-100'" class="border-b-2 border-b-cw-green-800" > <button x-on:click.prevent="activeTab = 2" type="button" class="flex items-center text-left justify-between w-full p-5" data-accordion-target="#accordion-collapse-body-1" aria-expanded="true" aria-controls="accordion-collapse-body-1" > <!-- /typography/_h2.antlers.html --> <h2 class="text-2xl font-bold leading-tight">The Investor Agenda</h2> <!-- End: /typography/_h2.antlers.html --> <svg width="18" height="12" viewBox="0 0 18 12" fill="none" class="duration-500 ease-in-out" x-bind:style="activeTab === 2 && 'rotate: 180deg'" > <path d="M16 2L9 9L2 2" stroke="black" stroke-width="3" /> </svg> </button> <div x-show="activeTab === 2" x-cloak id="accordion-collapse-body-1" aria-labelledby="accordion-collapse-heading-1" class="p-5 flex flex-col gap-5" > <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">The Investor Agenda is a common leadership agenda on the climate crisis that is unifying, comprehensive, and focused on accelerating investor action for a net-zero emissions economy.</p> <!-- End: /typography/_p.antlers.html --> <!-- /components/_button.antlers.html --> <a class=" cursor-pointer inline-flex rounded-full select-none whitespace-nowrap items-start self-start py-2 px-0 opacity-50 bg-none text-black stroke-black fill-black <!-- Adds extra space for mobile browsers to click on links if button requires it. --> relative before:w-full before:h-full before:py-6 before:absolute before:top-1/2 before:-translate-y-1/2 md:before:hidden " href="https://theinvestoragenda.org/" rel="noopener noreferrer" target="_blank" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Visit website <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> <!-- End: /components/_button.antlers.html --> </div> </div> <div :class="activeTab !== 3 && '!border-b-cw-green-100'" class="border-b-2 border-b-cw-green-800" > <button x-on:click.prevent="activeTab = 3" type="button" class="flex items-center text-left justify-between w-full p-5" data-accordion-target="#accordion-collapse-body-1" aria-expanded="true" aria-controls="accordion-collapse-body-1" > <!-- /typography/_h2.antlers.html --> <h2 class="text-2xl font-bold leading-tight">Net Zero Asset Managers</h2> <!-- End: /typography/_h2.antlers.html --> <svg width="18" height="12" viewBox="0 0 18 12" fill="none" class="duration-500 ease-in-out" x-bind:style="activeTab === 3 && 'rotate: 180deg'" > <path d="M16 2L9 9L2 2" stroke="black" stroke-width="3" /> </svg> </button> <div x-show="activeTab === 3" x-cloak id="accordion-collapse-body-1" aria-labelledby="accordion-collapse-heading-1" class="p-5 flex flex-col gap-5" > <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">The Net Zero Asset Managers initiative is an international group of asset managers committed to supporting the goal of net zero greenhouse gas emissions by 2050 or sooner.</p> <!-- End: /typography/_p.antlers.html --> <!-- /components/_button.antlers.html --> <a class=" cursor-pointer inline-flex rounded-full select-none whitespace-nowrap items-start self-start py-2 px-0 opacity-50 bg-none text-black stroke-black fill-black <!-- Adds extra space for mobile browsers to click on links if button requires it. --> relative before:w-full before:h-full before:py-6 before:absolute before:top-1/2 before:-translate-y-1/2 md:before:hidden " href="https://www.netzeroassetmanagers.org/" rel="noopener noreferrer" target="_blank" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Visit website <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> <!-- End: /components/_button.antlers.html --> </div> </div> <div :class="activeTab !== 4 && '!border-b-cw-green-100'" class="" > <button x-on:click.prevent="activeTab = 4" type="button" class="flex items-center text-left justify-between w-full p-5" data-accordion-target="#accordion-collapse-body-1" aria-expanded="true" aria-controls="accordion-collapse-body-1" > <!-- /typography/_h2.antlers.html --> <h2 class="text-2xl font-bold leading-tight">Paris Aligned Asset Owners</h2> <!-- End: /typography/_h2.antlers.html --> <svg width="18" height="12" viewBox="0 0 18 12" fill="none" class="duration-500 ease-in-out" x-bind:style="activeTab === 4 && 'rotate: 180deg'" > <path d="M16 2L9 9L2 2" stroke="black" stroke-width="3" /> </svg> </button> <div x-show="activeTab === 4" x-cloak id="accordion-collapse-body-1" aria-labelledby="accordion-collapse-heading-1" class="p-5 flex flex-col gap-5" > <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">Paris Aligned Asset Owners are a global group of asset owners that have made individual commitments to transition their investments to achieve net zero portfolio emissions by 2050.</p> <!-- End: /typography/_p.antlers.html --> <!-- /components/_button.antlers.html --> <a class=" cursor-pointer inline-flex rounded-full select-none whitespace-nowrap items-start self-start py-2 px-0 opacity-50 bg-none text-black stroke-black fill-black <!-- Adds extra space for mobile browsers to click on links if button requires it. --> relative before:w-full before:h-full before:py-6 before:absolute before:top-1/2 before:-translate-y-1/2 md:before:hidden " href="https://www.parisalignedassetowners.org/" rel="noopener noreferrer" target="_blank" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Visit website <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> <!-- End: /components/_button.antlers.html --> </div> </div> </div> <div> <div class="h-full relative" x-show="activeTab === 0" x-cloak > <img src="https://assets.ceres.org/cache/containers/images/ca100-preview.jpeg/16f771aba1c965002ad6d751e0c123a7.webp" alt="sunny cliff" class="object-cover w-full h-full absolute hidden lg:block" /> </div> <div class="h-full relative" x-show="activeTab === 1" x-cloak > <img src="https://assets.ceres.org/cache/containers/images/fe50-new-copy.jpeg/5dae7240378120468ce31d842b1399d7.webp" alt="Tractor" class="object-cover w-full h-full absolute hidden lg:block" /> </div> <div class="h-full relative" x-show="activeTab === 2" x-cloak > <img src="https://assets.ceres.org/cache/containers/images/investor-agenda.png/2f145611aa6745bb2118f3996d3fe25a.webp" alt="Cityscape" class="object-cover w-full h-full absolute hidden lg:block" /> </div> <div class="h-full relative" x-show="activeTab === 3" x-cloak > <img src="https://assets.ceres.org/cache/containers/images/nzam-preview.png/9f5e6927554aee8c2ee12b44cbc142eb.webp" alt="windmills on a mountain" class="object-cover w-full h-full absolute hidden lg:block" /> </div> <div class="h-full relative" x-show="activeTab === 4" x-cloak > <img src="https://assets.ceres.org/cache/containers/images/wind-sunset-paao.jpeg/02d763ee5b4c987541f66471ab625730.webp" alt="Wind farm at sunset" class="object-cover w-full h-full absolute hidden lg:block" /> </div> </div> </div> </div> </section> </div> </div> </div> </section> <!-- End: /page_builder/_accordion_with_image.antlers.html --> <!-- /page_builder/_cta_card_resources.antlers.html --> <section class="container py-16 "> <div class="relative bg-cw-green-50 shadow-cards rounded overflow-hidden grid grid-cols-10"> <div class="col-span-10 lg:col-span-6 flex flex-col gap-6 p-8"> <!-- /typography/_h1.antlers.html --> <h1 class="text-2xl md:text-4xl font-bold leading-tight !font-black text-cw-green-800">Support our work to stabilize the climate</h1> <!-- End: /typography/_h1.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed leading-7 text-md">Through our powerful networks and global collaborations of investors, companies and nonprofits, we drive action and inspire equitable market-based and policy solutions. Our work to accelerate the transition to a cleaner, more just, and sustainable economy depends on contributions from our generous supporters.</p> <!-- End: /typography/_p.antlers.html --> <!-- /components/_button.antlers.html --> <a class=" cursor-pointer inline-flex px-8 rounded-full select-none whitespace-nowrap items-start self-start py-2 bg-cw-green-200 font-bold text-white text-lg [&_svg]:stroke-white [&_svg]:fill-white <!-- Adds extra space for mobile browsers to click on links if button requires it. --> " href="#XLLJRYRE" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Donate </div> </a> <!-- End: /components/_button.antlers.html --> </div> <div class="relative col-span-10 lg:col-span-4"> <img src="https://assets.ceres.org/images/a30-banner.png" alt="Wind farm" class="w-full object-cover lg:absolute lg:h-[150%] lg:-top-1/4 lg:right-0 lg:rounded-tl-full lg:rounded-bl-full"> </div> </div> </section> <!-- End: /page_builder/_cta_card_resources.antlers.html --> <!-- /page_builder/_text_and_image_ii.antlers.html --> <section id="companies" class="bg-white text-black overflow-hidden"> <div class="flex flex-col gap-3 container py-16 "> <!-- /typography/_h2.antlers.html --> <h2 class="font-bold text-4xl">Companies</h2> <!-- End: /typography/_h2.antlers.html --> <div class="flex flex-col-reverse md:grid md:grid-cols-12 border-t-4 border-t-cw-green-800 md:gap-10"> <div class="pt-6 col-span-7 flex flex-col gap-8 md:gap-12"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed text-md">To succeed in today’s rapidly evolving business environment, companies must tackle global systemic risks that threaten the health and prosperity of the economy and the planet. We engage with companies in key sectors of the economy to ratchet up the ambition of their corporate climate goals, create robust transition action plans, and provide disclosure about how they’re achieving interim targets by 2030.</p> <!-- End: /typography/_p.antlers.html --> <!-- /components/_button.antlers.html --> <!-- End: /components/_button.antlers.html --> </div> <div class="w-full col-span-5 bg-center bg-cover min-h-56" style="background-image: url('https://assets.ceres.org/cache/containers/images/usda-companies.jpg/e4297babd4ccf75465b981e9aee72956/usda-companies.webp')"> <!-- Image has to be background image to match the height to the text, otherwise it will expand the grid vertically leading to excess whitespace. --> </div> </div> <!-- /page_builder/_columns_and_cta.antlers.html --> <section class="pt-8 pb-16"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <div class=" grid grid-cols-12 gap-5 gap-x-0 sm:gap-x-8 gap-y-12 "> <div class="col-span-12 xl:col-span-4 "> <div class="flex flex-col h-full gap-6 justify-between"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold text-xl">Ceres Company Network</h3> <!-- End: /typography/_h3.antlers.html --> <span class="h-px w-full bg-black block"></span> <div class="flex flex-col flex-1 justify-between gap-6"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">The Ceres Company Network includes 50 major corporations committed to responsible business leadership by taking action to stabilize the climate, protect water and natural resources, and promote a just and inclusive economy.</p> <!-- End: /typography/_p.antlers.html --> <!-- /components/_button.antlers.html --> <a class=" cursor-pointer inline-flex py-3 px-8 rounded-full select-none whitespace-nowrap items-start self-start sm:px-5 sm:text-base bg-cw-green-200 font-bold text-white text-lg [&_svg]:stroke-white [&_svg]:fill-white <!-- Adds extra space for mobile browsers to click on links if button requires it. --> " href="/networks/company" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Learn more </div> </a> <!-- End: /components/_button.antlers.html --> </div> </div> </div> <div class="col-span-12 xl:col-span-4 "> <div class="flex flex-col h-full gap-6 justify-between"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold text-xl">Ceres Ambition 2030</h3> <!-- End: /typography/_h3.antlers.html --> <span class="h-px w-full bg-black block"></span> <div class="flex flex-col flex-1 justify-between gap-6"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">The Ceres Ambition 2030 initiative works to decarbonize six of the highest-emitting sectors— banking, electric power, food and agriculture, oil and gas, steel, and transportation. We aim to build a stable, just, and climate-resilient economy by driving greater corporate ambition, action, and accountability on aggressive greenhouse gas emission reductions.</p> <!-- End: /typography/_p.antlers.html --> <!-- /components/_button.antlers.html --> <a class=" cursor-pointer inline-flex py-3 px-8 rounded-full select-none whitespace-nowrap items-start self-start sm:px-5 sm:text-base bg-cw-green-200 font-bold text-white text-lg [&_svg]:stroke-white [&_svg]:fill-white <!-- Adds extra space for mobile browsers to click on links if button requires it. --> " href="/climate/ambition-2030" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Learn more </div> </a> <!-- End: /components/_button.antlers.html --> </div> </div> </div> <div class="col-span-12 xl:col-span-4 "> <div class="flex flex-col h-full gap-6 justify-between"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold text-xl">Corporate Electric Vehicle Alliance</h3> <!-- End: /typography/_h3.antlers.html --> <span class="h-px w-full bg-black block"></span> <div class="flex flex-col flex-1 justify-between gap-6"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">Led by Ceres, the Corporate Electric Vehicle Alliance (CEVA) is a collaborative group of companies focused on tackling the climate crisis by accelerating the transition to electric vehicles across all use cases and class sizes.</p> <!-- End: /typography/_p.antlers.html --> <!-- /components/_button.antlers.html --> <a class=" cursor-pointer inline-flex py-3 px-8 rounded-full select-none whitespace-nowrap items-start self-start sm:px-5 sm:text-base bg-cw-green-200 font-bold text-white text-lg [&_svg]:stroke-white [&_svg]:fill-white <!-- Adds extra space for mobile browsers to click on links if button requires it. --> " href="/transportation/corporate-electric-vehicle-alliance" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Learn more </div> </a> <!-- End: /components/_button.antlers.html --> </div> </div> </div> </div> </section> <!-- End: /page_builder/_columns_and_cta.antlers.html --> </div> </section> <!-- End: /page_builder/_text_and_image_ii.antlers.html --> <!-- /page_builder/_text_and_image_i.antlers.html --> <section class="bg-cw-green-100 text-black overflow-hidden"> <div class="container" x-data="{ translateX: 0, imagePosition: 'left' }" x-init="() => { function updateTranslate() { let containerWidth = $el.offsetWidth; let containerPaddingRight = parseInt(window.getComputedStyle($el).paddingRight, 10); let screenWidth = window.innerWidth; let calculatedTranslation = (screenWidth - containerWidth) / 2 + containerPaddingRight; // Flip the translation value based on image position translateX = imagePosition === 'left' ? -calculatedTranslation : calculatedTranslation; } updateTranslate(); window.addEventListener('resize', updateTranslate); return () => window.removeEventListener('resize', updateTranslate); }" > <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <div class=" grid grid-cols-12 gap-0 "> <div class="col-span-6 row-span-full lg:block hidden col-start-1" :style="'transform: translateX(' + translateX + 'px)'" > <img src="https://assets.ceres.org/cache/containers/images/ctaps-preview.jpg/4e759ac650b9e8c0ec3644a4ed14a2d8.webp" alt="Solar panels" class="rounded w-full h-full object-cover"/> </div> <div class="flex flex-col gap-8 max-w-1/2 lg:col-span-7 col-span-12 row-span-full py-16 justify-center lg:col-start-6"> <div class="flex flex-col gap-2"> <!-- /typography/_h2.antlers.html --> <h2 class="text-[44px] font-medium leading-[137%]"><strong>Learn How to Create a Transition Plan</strong></h2> <!-- End: /typography/_h2.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">Broad commitments and long-term goals for stabilizing the climate, protecting water, and conserving and restoring nature aren’t enough. The next step for investors and companies is to develop and publicly disclose a concrete plan for moving from commitment to impact.</p> <!-- End: /typography/_p.antlers.html --> </div> <!-- /components/_button.antlers.html --> <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 <!-- Adds extra space for mobile browsers to click on links if button requires it. --> " href="/transition-plans" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Learn more </div> </a> <!-- End: /components/_button.antlers.html --> </div> </div> </div> </section> <!-- End: /page_builder/_text_and_image_i.antlers.html --> <!-- /page_builder/_text_and_image_ii.antlers.html --> <section id="policy" class="bg-white text-black overflow-hidden"> <div class="flex flex-col gap-3 container py-16 "> <!-- /typography/_h2.antlers.html --> <h2 class="font-bold text-4xl">Policy</h2> <!-- End: /typography/_h2.antlers.html --> <div class="flex flex-col-reverse md:grid md:grid-cols-12 border-t-4 border-t-cw-green-800 md:gap-10"> <div class="pt-6 col-span-7 flex flex-col gap-8 md:gap-12"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed text-md">Leading investors and companies know they need ambitious policies at all levels of government to meet their own bold climate targets, reduce climate risk, and build a sustainable economy. We mobilize investors and companies—and engage with key lawmakers and regulators—to make the economic case for innovative climate and energy policies at all levels of government.</p> <!-- End: /typography/_p.antlers.html --> <!-- /components/_button.antlers.html --> <!-- End: /components/_button.antlers.html --> </div> <div class="w-full col-span-5 bg-center bg-cover min-h-56" style="background-image: url('https://assets.ceres.org/cache/containers/images/tonko-meeting-web.jpg/f973e6ba4d52994c9460021e1138e1dd/tonko-meeting-web.webp')"> <!-- Image has to be background image to match the height to the text, otherwise it will expand the grid vertically leading to excess whitespace. --> </div> </div> <!-- /page_builder/_columns_and_cta.antlers.html --> <section class="pt-8 pb-16"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <div class=" grid grid-cols-12 gap-5 gap-x-0 sm:gap-x-8 gap-y-12 "> <div class="col-span-12 xl:col-span-4 "> <div class="flex flex-col h-full gap-6 justify-between"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold text-xl">Financial Regulation</h3> <!-- End: /typography/_h3.antlers.html --> <span class="h-px w-full bg-black block"></span> <div class="flex flex-col flex-1 justify-between gap-6"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">Through the Ceres Accelerator for Sustainable Capital Markets, we move federal and state regulators to act on climate change as a systemic financial risk and implement systems-level change.</p> <!-- End: /typography/_p.antlers.html --> <!-- /components/_button.antlers.html --> <a class=" cursor-pointer inline-flex py-3 px-8 rounded-full select-none whitespace-nowrap items-start self-start sm:px-5 sm:text-base bg-cw-green-200 font-bold text-white text-lg [&_svg]:stroke-white [&_svg]:fill-white <!-- Adds extra space for mobile browsers to click on links if button requires it. --> " href="/accelerator/regulation" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Learn more </div> </a> <!-- End: /components/_button.antlers.html --> </div> </div> </div> <div class="col-span-12 xl:col-span-4 "> <div class="flex flex-col h-full gap-6 justify-between"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold text-xl">Federal Policy</h3> <!-- End: /typography/_h3.antlers.html --> <span class="h-px w-full bg-black block"></span> <div class="flex flex-col flex-1 justify-between gap-6"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">By making the business case for new economic opportunities to address the climate crisis, we bring a powerful voice to Washington, D.C.</p> <!-- End: /typography/_p.antlers.html --> <!-- /components/_button.antlers.html --> <a class=" cursor-pointer inline-flex py-3 px-8 rounded-full select-none whitespace-nowrap items-start self-start sm:px-5 sm:text-base bg-cw-green-200 font-bold text-white text-lg [&_svg]:stroke-white [&_svg]:fill-white <!-- Adds extra space for mobile browsers to click on links if button requires it. --> " href="/policy/federal" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Learn more </div> </a> <!-- End: /components/_button.antlers.html --> </div> </div> </div> <div class="col-span-12 xl:col-span-4 "> <div class="flex flex-col h-full gap-6 justify-between"> <!-- /typography/_h3.antlers.html --> <h3 class="font-bold text-xl">State Policy</h3> <!-- End: /typography/_h3.antlers.html --> <span class="h-px w-full bg-black block"></span> <div class="flex flex-col flex-1 justify-between gap-6"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">We work with investors and companies to advocate for ambitious climate and clean energy policies in states across the U.S.</p> <!-- End: /typography/_p.antlers.html --> <!-- /components/_button.antlers.html --> <a class=" cursor-pointer inline-flex py-3 px-8 rounded-full select-none whitespace-nowrap items-start self-start sm:px-5 sm:text-base bg-cw-green-200 font-bold text-white text-lg [&_svg]:stroke-white [&_svg]:fill-white <!-- Adds extra space for mobile browsers to click on links if button requires it. --> " href="/policy/state" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> See regions </div> </a> <!-- End: /components/_button.antlers.html --> </div> </div> </div> </div> </section> <!-- End: /page_builder/_columns_and_cta.antlers.html --> </div> </section> <!-- End: /page_builder/_text_and_image_ii.antlers.html --> <!-- /page_builder/_text_and_image_i.antlers.html --> <section class="bg-cw-green-100 text-black overflow-hidden"> <div class="container" x-data="{ translateX: 0, imagePosition: 'left' }" x-init="() => { function updateTranslate() { let containerWidth = $el.offsetWidth; let containerPaddingRight = parseInt(window.getComputedStyle($el).paddingRight, 10); let screenWidth = window.innerWidth; let calculatedTranslation = (screenWidth - containerWidth) / 2 + containerPaddingRight; // Flip the translation value based on image position translateX = imagePosition === 'left' ? -calculatedTranslation : calculatedTranslation; } updateTranslate(); window.addEventListener('resize', updateTranslate); return () => window.removeEventListener('resize', updateTranslate); }" > <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <div class=" grid grid-cols-12 gap-0 "> <div class="col-span-6 row-span-full lg:block hidden col-start-1" :style="'transform: translateX(' + translateX + 'px)'" > <img src="https://assets.ceres.org/cache/containers/images/usda-climate.png/8190514519ada61f98ce008aa7ce7f54.webp" alt="Ceres and our members meet with the USDA" class="rounded w-full h-full object-cover"/> </div> <div class="flex flex-col gap-8 max-w-1/2 lg:col-span-7 col-span-12 row-span-full py-16 justify-center lg:col-start-6"> <div class="flex flex-col gap-2"> <!-- /typography/_h2.antlers.html --> <h2 class="text-[44px] font-medium leading-[137%]"><strong>Our commitment to advocacy </strong></h2> <!-- End: /typography/_h2.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">Ceres is a long-time advocate for strong climate and clean energy legislation—and for standardized, mandatory climate disclosure. We rally company and investor support, and engage directly with U.S. policymakers and regulators, to achieve historic victories. Below are a few of our priorities.</p> <!-- End: /typography/_p.antlers.html --> </div> <!-- /components/_button.antlers.html --> <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 <!-- Adds extra space for mobile browsers to click on links if button requires it. --> " href="/disclosure" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Learn more about disclosure <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> <!-- End: /components/_button.antlers.html --> </div> </div> </div> </section> <!-- End: /page_builder/_text_and_image_i.antlers.html --> <!-- /page_builder/_link_blocks.antlers.html --> <section class="bg-white text-black "> <div class="container py-16 grid md:grid-cols-12 gap-8 "> <a class="hover:cursor-pointer bg-white flex flex-col justify-between items-start group p-6 border border-neutral/10 shadow-cards rounded hover:shadow-cards-darker transition-all md:col-span-8 md:col-start-3 lg:col-span-4 lg:col-start-0 "aria-labelledby="national-climate-disclosure-rule" draggable="false" href="/accelerator/regulation/sec" > <div class="mb-4"> <span id="national-climate-disclosure-rule"> <!-- /typography/_h3.antlers.html --> <h3 class="text-2xl font-bold leading-tight mb-2 text-neutral group-hover:text-cw-green-250 transition-colors">National Climate Disclosure Rule</h3> <!-- End: /typography/_h3.antlers.html --> </span> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed mb-4 text-neutral">After more than two decades of Ceres and our members calling on the U.S. Securities and Exchange Commission to mandate robust climate reporting, publicly listed companies are now required to disclose their climate impacts and transition plans.</p> <!-- End: /typography/_p.antlers.html --> </div> <!-- /components/_button.antlers.html --> <!-- End: /components/_button.antlers.html --> </a> <a class="hover:cursor-pointer bg-white flex flex-col justify-between items-start group p-6 border border-neutral/10 shadow-cards rounded hover:shadow-cards-darker transition-all md:col-span-8 md:col-start-3 lg:col-span-4 lg:col-start-0 "aria-labelledby="california-climate-disclosure-legislation" draggable="false" href="/policy/state/west/california/disclosure" > <div class="mb-4"> <span id="california-climate-disclosure-legislation"> <!-- /typography/_h3.antlers.html --> <h3 class="text-2xl font-bold leading-tight mb-2 text-neutral group-hover:text-cw-green-250 transition-colors">California Climate Disclosure Legislation</h3> <!-- End: /typography/_h3.antlers.html --> </span> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed mb-4 text-neutral">Ceres co-sponsored two historic bills, SB 253 and SB 261, which will require thousands of public and private companies to report their climate risks and emissions across their supply chains.</p> <!-- End: /typography/_p.antlers.html --> </div> <!-- /components/_button.antlers.html --> <!-- End: /components/_button.antlers.html --> </a> <a class="hover:cursor-pointer bg-white flex flex-col justify-between items-start group p-6 border border-neutral/10 shadow-cards rounded hover:shadow-cards-darker transition-all md:col-span-8 md:col-start-3 lg:col-span-4 lg:col-start-0 "aria-labelledby="inflation-reduction-act" draggable="false" href="/policy/federal/inflation-reduction-act" > <div class="mb-4"> <span id="inflation-reduction-act"> <!-- /typography/_h3.antlers.html --> <h3 class="text-2xl font-bold leading-tight mb-2 text-neutral group-hover:text-cw-green-250 transition-colors">Inflation Reduction Act</h3> <!-- End: /typography/_h3.antlers.html --> </span> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed mb-4 text-neutral">The Inflation Reduction Act marked a culmination of more than a decade of advocacy for federal climate legislation by Ceres and the companies we work with.</p> <!-- End: /typography/_p.antlers.html --> </div> <!-- /components/_button.antlers.html --> <!-- End: /components/_button.antlers.html --> </a> </div> </section> <!-- End: /page_builder/_link_blocks.antlers.html --> <style> @keyframes logoListScroll { from { transform: translateY(var(--logo-list-scroll-end)) } to { transform: translateY(var(--logo-list-scroll-start)) } } </style> <!-- /page_builder/_logo_soup_rotating.antlers.html --> <section class="bg-white text-black "> <section class="container py-16"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <div class=" grid grid-cols-12 gap-0 md:gap-12 "> <div class="flex flex-col lg:col-span-6 col-span-12 items-center justify-center order-last lg:order-first"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <div class=" grid grid-cols-3 gap-8 overflow-hidden max-h-96 relative before:top-0 before:w-full before:h-8 before:absolute before:bg-gradient-to-b before:from-white before:to-transparent before:z-20 after:bottom-0 after:w-full after:h-8 after:absolute after:bg-gradient-to-t after:from-white after:to-transparent after:z-20 hover:pause "> <div class="col-span-1 flex flex-col gap-logo-list logoListScrollReverse" style="animation: logoListScroll 52s linear infinite ;" > <img src="https://assets.ceres.org/cache/containers/images/partner-logos/advocate-health-logo.png/50b23d56bcd53c692f7c341dbbfc5a6f.webp" alt="Advocate Health logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/ao-smith.png/c4a80ce0a3d3443b7b5965726a287fcd.webp" alt="AO Smith logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/blab-1.jpg/3daed9876a3fab8cd71c016fd2c657bf.webp" alt="B Lab logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/bonterra.png/9050541df3b0e4902256c8378954b960.webp" alt="Bonterra Organic Estates logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/common-spirit.png/739ffa324ef68d9619d17974e454fac7.webp" alt="common spirit logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/danone.png/fedb7850677c57f528efa13d7d8fff1e.webp" alt="Danone North America logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/eastern-bank.png/ac990176d152b4632a106affc7255c3e.webp" alt="eastern bank logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/eileen-fisher.png/55ca0786ffcce197bab2166273e91d3d.webp" alt="eileen fisher logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/gap.png/bb61458322f58b172519fb91a0e90b5a.webp" alt="Gap" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/hp.png/8da8ae3c161bb4e35e5c58210e1911f1.webp" alt="HP logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/holcim.png/8fb53403b3d74c85ec14445d5ffdf5ef.webp" alt="Holcim logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/indigo.jpg/fa4c69d7d0e89a52bec85f9c7ee66e9a.webp" alt="Indigo Ag logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/kb-home.png/396c6385f18d01bb6df179fc419ce3a2.webp" alt="kb home logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/linkedin.png/4a140de8fb6d8483848456dd3abb555e.webp" alt="linkedin logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/lucid.png/021b4f6b4fe7d02d4ac531d41172ac01.webp" alt="lucid logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/mass-general-brigham.png/717464492145b0a3bb55efe88e1933e4.webp" alt="mass general brigham logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/microsoft.png/b2ba286eea2f8e3d55bb89b48f198cca.webp" alt="Microsoft logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/netflix-logo.png/8b35c8afc4a44c729ae437225431a406.webp" alt="Netflix logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/north-face.png/a41aef8d584a779dd88f326c93a94e92.webp" alt="The North Face logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/palo-alto.png/3b46bdbf6c56e84d02f28a43acb75282.webp" alt="Palo Alto logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/salesforce.png/1c10d514946d883ad0e7c408b26cc0e9.webp" alt="Salesforce logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/seventh-gen.jpeg/bb363d2635f38092091f588c815cee43.webp" alt="Seventh Generation logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/sia.jpg/1d6dde5fbe6e9dba3e7324f6caed1e0c.webp" alt="SIA logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/timberland.png/26fda01d2ba0dbfae89876d8fefa6f33.webp" alt="Timberland logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/unilever.png/12b5f50dc99de8e6c7375bf40a778e88.webp" alt="Unilever logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/workday.png/19ae1efc8dd784b23c390e59b5e1a4fc.webp" alt="workday logo" class="col-span-1 object-scale-down h-24 w-full" /> </div> <div class="col-span-1 flex flex-col gap-logo-list logoListScrollForward" style="animation: logoListScroll 52s linear infinite reverse;" > <img src="https://assets.ceres.org/cache/containers/images/partner-logos/akamai.png/b69742cda688db5b19081589ec910cd5.webp" alt="Akamai logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/autodesk.png/e7d3cca6bae91d3c2f6656da99eae240.webp" alt="Autodesk logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/bath-body-works.png/7bcc943a2fbd4fa66632b1864896fd5b.webp" alt="Bath & Body Works logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/burton.png/9c6da6cfe0878b6c17880167af6d16ab.webp" alt="Burton logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/dsm.png/a2138abad391bb4415902465d26015a2.webp" alt="DSM logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/dhl_group_logo_rgb_bg.png/22b5bbdda63e53b88c5253b9a9cd619d/dhl_group_logo_rgb_bg.webp" alt="DHL Group" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/eaton.png/7fdf468f7db0fc7e89e9199fc9a80d9c.webp" alt="Eaton logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/etsy.png/97a79368e09e69adcd1860e1fb26a2c2.webp" alt="Etsy logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/grove.png/cc83aba26b189bd26665a8d87f1f57f9.webp" alt="Grove Collaborative logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/hackensack-meridian.png/360ec7a687ca407aeb327eb5f1c6feb9.webp" alt="hackensack meridian logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/honeywell.png/2bd5a02a3ae3ae1a544b7990e5f44136.webp" alt="Honeywell logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/jll.png/2a44c1a0a94626d79970bddb07389757.webp" alt="JLL logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/keurig.png/efbac86a5359928c04d6595b2d9c9303.webp" alt="keurig dr. pepper logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/logitech.png/3361168f867d818accc7111cdcc908af.webp" alt="logitech logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/124634718_lutron_logo.png/f5b7937db2ea9e0fce8f0322d1666f54/124634718_lutron_logo.webp" alt="Lutron" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/mcdonald%27s.png/1c326e97dfb9e8b6fc2a2b35d333dbcb.webp" alt="McDonald's logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/nsaa.png/198c32a5d0a276e9841a7eb22ba6e154.webp" alt="NSAA logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/new-belgium.jpg/af6ce881c752198ddb4bbb4d59d3a715.webp" alt="New Belgium Brewing logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/nucor_green.jpg/d7a1a915307627639056499a8684d5e8/nucor_green.webp" alt="Nucor" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/images/partner-logos/patagonia.svg" alt="Patagonia logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/san-francisco-airport.png/6b5138d8454a079ce35603c90c782e7c.webp" alt="San Francisco Internal Airport logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/siemens.png/a469d70743914d11d9dbfaa92b9d998f.webp" alt="Siemens logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/starbucks.png/1a1456f58d041c0569da0b0ff38d1870.webp" alt="Starbucks logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/trane.jpg/3f7f8d0c4f9ac175e6af2c23e2d783d6.webp" alt="trane logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/vail-resorts.jpg/070dba54ec674e6a1a58e28ba0978a04.webp" alt="Vail Resorts logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/worthen.webp/8e655c37412b3b40e8a25653127f0bab.webp" alt="Worthen Industries logo" class="col-span-1 object-scale-down h-24 w-full" /> </div> <div class="col-span-1 flex flex-col gap-logo-list logoListScrollReverse" style="animation: logoListScroll 52s linear infinite ;" > <img src="https://assets.ceres.org/cache/containers/images/partner-logos/adobe.png/44d1dd03d664c50b6d0a478b0e3f6cc4.webp" alt="Adobe logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/alterra.jpeg/223f4b8b55dc82191c020d6fb327c9c4.webp" alt="Alterra Mountain Company" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/avocado-green.webp/b3c93913f51974c5a97e17eb1b3cdd00.webp" alt="avocado green brands logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/ben-and-jerry.png/ab1b8b9e81d666f521e86f691900e37d.webp" alt="Ben and Jerry's logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/clif.jpg/b6cd6b063f0d2cfd701f70cc8ac999fd.webp" alt="clif bar logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/daikin.png/07b279a88e76db3b34a190664b4f2e47.webp" alt="Daikin logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/images/partner-logos/diageo-logo.svg" alt="Company Logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/ebay.png/8e2ff439a1f59f274d22ce5dd57aa646.webp" alt="ebay logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/franklin-energy.png/6a05871ba08c9ad7869cc7b2a58f8803.webp" alt="Franklin Energy logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/hasi.jpg/1b8c47a429408a10744a6599a8a10291.webp" alt="HASI logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/happy-family.jpg/67fe6206060473eadff87cd2b4afeba4.webp" alt="happy family organics logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/ikea.png/08fc8a1b3b217dd5120edd2b252e97c2.webp" alt="IKEA logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/kaiser-permanente.png/0de857e380964c9d33d36e5d9673cc91.webp" alt="kaiser permanente logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/levi-strauss.jpeg/66a79d79a6c5bca33e62811ae145f7db.webp" alt="Levi Strauss & Co logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/loreal.jpg/2ea3058855747ef01bbe82aecada8cf4.webp" alt="L'oreal USA logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/mars.png/780badc2f163d570ca1b23830e950057.webp" alt="mars logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/aug262024216pmmichelinnorthamerica_124634718_michelin_g_s_nobl_whitebg_rgb_0618.jpg/65d6b299dc465287a8efb85082ddd88f/aug262024216pmmichelinnorthamerica_124634718_michelin_g_s_nobl_whitebg_rgb_0618.webp" alt="Michelin" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/nestle.png/cb96093f488a62b0a320cee831d2bc57.webp" alt="Nestle logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/nike-logo.png/dd627308dbfd79206e185a99396d265d.webp" alt="Nike logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/outdoor-industry-assocation.png/cf26c25de6804eeefcd1dac889fb9138.webp" alt="Company Logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/rei.jpg/bff1bfd306909f16ee4f617b689c80ef.webp" alt="REI logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/sealed.jpg/d1b31d96fc562c7aafbc1a5d58372db3.webp" alt="Sealed logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/sierra-nevada.jpg/17a80ab75c1df60ca2a41a465a9ab710.webp" alt="Sierra Nevada logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/stonyfield.png/6989323dc41eb9a7f79577af988ee352.webp" alt="Stonyfield logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/trc-logo.jpg/d7f0d242554448070496f95694790947.webp" alt="TRC logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/images/partner-logos/vf-corporation.svg" alt="VF corporation logo" class="col-span-1 object-scale-down h-24 w-full" /> </div> <div class="col-span-1 flex flex-col gap-logo-list logoListScrollReverse" style="animation: logoListScroll 52s linear infinite ;" > <img src="https://assets.ceres.org/cache/containers/images/partner-logos/advocate-health-logo.png/50b23d56bcd53c692f7c341dbbfc5a6f.webp" alt="Advocate Health logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/ao-smith.png/c4a80ce0a3d3443b7b5965726a287fcd.webp" alt="AO Smith logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/blab-1.jpg/3daed9876a3fab8cd71c016fd2c657bf.webp" alt="B Lab logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/bonterra.png/9050541df3b0e4902256c8378954b960.webp" alt="Bonterra Organic Estates logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/common-spirit.png/739ffa324ef68d9619d17974e454fac7.webp" alt="common spirit logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/danone.png/fedb7850677c57f528efa13d7d8fff1e.webp" alt="Danone North America logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/eastern-bank.png/ac990176d152b4632a106affc7255c3e.webp" alt="eastern bank logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/eileen-fisher.png/55ca0786ffcce197bab2166273e91d3d.webp" alt="eileen fisher logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/gap.png/bb61458322f58b172519fb91a0e90b5a.webp" alt="Gap" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/hp.png/8da8ae3c161bb4e35e5c58210e1911f1.webp" alt="HP logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/holcim.png/8fb53403b3d74c85ec14445d5ffdf5ef.webp" alt="Holcim logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/indigo.jpg/fa4c69d7d0e89a52bec85f9c7ee66e9a.webp" alt="Indigo Ag logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/kb-home.png/396c6385f18d01bb6df179fc419ce3a2.webp" alt="kb home logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/linkedin.png/4a140de8fb6d8483848456dd3abb555e.webp" alt="linkedin logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/lucid.png/021b4f6b4fe7d02d4ac531d41172ac01.webp" alt="lucid logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/mass-general-brigham.png/717464492145b0a3bb55efe88e1933e4.webp" alt="mass general brigham logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/microsoft.png/b2ba286eea2f8e3d55bb89b48f198cca.webp" alt="Microsoft logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/netflix-logo.png/8b35c8afc4a44c729ae437225431a406.webp" alt="Netflix logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/north-face.png/a41aef8d584a779dd88f326c93a94e92.webp" alt="The North Face logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/palo-alto.png/3b46bdbf6c56e84d02f28a43acb75282.webp" alt="Palo Alto logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/salesforce.png/1c10d514946d883ad0e7c408b26cc0e9.webp" alt="Salesforce logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/seventh-gen.jpeg/bb363d2635f38092091f588c815cee43.webp" alt="Seventh Generation logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/sia.jpg/1d6dde5fbe6e9dba3e7324f6caed1e0c.webp" alt="SIA logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/timberland.png/26fda01d2ba0dbfae89876d8fefa6f33.webp" alt="Timberland logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/unilever.png/12b5f50dc99de8e6c7375bf40a778e88.webp" alt="Unilever logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/workday.png/19ae1efc8dd784b23c390e59b5e1a4fc.webp" alt="workday logo" class="col-span-1 object-scale-down h-24 w-full" /> </div> <div class="col-span-1 flex flex-col gap-logo-list logoListScrollForward" style="animation: logoListScroll 52s linear infinite reverse;" > <img src="https://assets.ceres.org/cache/containers/images/partner-logos/akamai.png/b69742cda688db5b19081589ec910cd5.webp" alt="Akamai logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/autodesk.png/e7d3cca6bae91d3c2f6656da99eae240.webp" alt="Autodesk logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/bath-body-works.png/7bcc943a2fbd4fa66632b1864896fd5b.webp" alt="Bath & Body Works logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/burton.png/9c6da6cfe0878b6c17880167af6d16ab.webp" alt="Burton logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/dsm.png/a2138abad391bb4415902465d26015a2.webp" alt="DSM logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/dhl_group_logo_rgb_bg.png/22b5bbdda63e53b88c5253b9a9cd619d/dhl_group_logo_rgb_bg.webp" alt="DHL Group" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/eaton.png/7fdf468f7db0fc7e89e9199fc9a80d9c.webp" alt="Eaton logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/etsy.png/97a79368e09e69adcd1860e1fb26a2c2.webp" alt="Etsy logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/grove.png/cc83aba26b189bd26665a8d87f1f57f9.webp" alt="Grove Collaborative logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/hackensack-meridian.png/360ec7a687ca407aeb327eb5f1c6feb9.webp" alt="hackensack meridian logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/honeywell.png/2bd5a02a3ae3ae1a544b7990e5f44136.webp" alt="Honeywell logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/jll.png/2a44c1a0a94626d79970bddb07389757.webp" alt="JLL logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/keurig.png/efbac86a5359928c04d6595b2d9c9303.webp" alt="keurig dr. pepper logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/logitech.png/3361168f867d818accc7111cdcc908af.webp" alt="logitech logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/124634718_lutron_logo.png/f5b7937db2ea9e0fce8f0322d1666f54/124634718_lutron_logo.webp" alt="Lutron" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/mcdonald%27s.png/1c326e97dfb9e8b6fc2a2b35d333dbcb.webp" alt="McDonald's logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/nsaa.png/198c32a5d0a276e9841a7eb22ba6e154.webp" alt="NSAA logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/new-belgium.jpg/af6ce881c752198ddb4bbb4d59d3a715.webp" alt="New Belgium Brewing logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/nucor_green.jpg/d7a1a915307627639056499a8684d5e8/nucor_green.webp" alt="Nucor" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/images/partner-logos/patagonia.svg" alt="Patagonia logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/san-francisco-airport.png/6b5138d8454a079ce35603c90c782e7c.webp" alt="San Francisco Internal Airport logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/siemens.png/a469d70743914d11d9dbfaa92b9d998f.webp" alt="Siemens logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/starbucks.png/1a1456f58d041c0569da0b0ff38d1870.webp" alt="Starbucks logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/trane.jpg/3f7f8d0c4f9ac175e6af2c23e2d783d6.webp" alt="trane logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/vail-resorts.jpg/070dba54ec674e6a1a58e28ba0978a04.webp" alt="Vail Resorts logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/worthen.webp/8e655c37412b3b40e8a25653127f0bab.webp" alt="Worthen Industries logo" class="col-span-1 object-scale-down h-24 w-full" /> </div> <div class="col-span-1 flex flex-col gap-logo-list logoListScrollReverse" style="animation: logoListScroll 52s linear infinite ;" > <img src="https://assets.ceres.org/cache/containers/images/partner-logos/adobe.png/44d1dd03d664c50b6d0a478b0e3f6cc4.webp" alt="Adobe logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/alterra.jpeg/223f4b8b55dc82191c020d6fb327c9c4.webp" alt="Alterra Mountain Company" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/avocado-green.webp/b3c93913f51974c5a97e17eb1b3cdd00.webp" alt="avocado green brands logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/ben-and-jerry.png/ab1b8b9e81d666f521e86f691900e37d.webp" alt="Ben and Jerry's logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/clif.jpg/b6cd6b063f0d2cfd701f70cc8ac999fd.webp" alt="clif bar logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/daikin.png/07b279a88e76db3b34a190664b4f2e47.webp" alt="Daikin logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/images/partner-logos/diageo-logo.svg" alt="Company Logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/ebay.png/8e2ff439a1f59f274d22ce5dd57aa646.webp" alt="ebay logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/franklin-energy.png/6a05871ba08c9ad7869cc7b2a58f8803.webp" alt="Franklin Energy logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/hasi.jpg/1b8c47a429408a10744a6599a8a10291.webp" alt="HASI logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/happy-family.jpg/67fe6206060473eadff87cd2b4afeba4.webp" alt="happy family organics logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/ikea.png/08fc8a1b3b217dd5120edd2b252e97c2.webp" alt="IKEA logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/kaiser-permanente.png/0de857e380964c9d33d36e5d9673cc91.webp" alt="kaiser permanente logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/levi-strauss.jpeg/66a79d79a6c5bca33e62811ae145f7db.webp" alt="Levi Strauss & Co logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/loreal.jpg/2ea3058855747ef01bbe82aecada8cf4.webp" alt="L'oreal USA logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/mars.png/780badc2f163d570ca1b23830e950057.webp" alt="mars logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/aug262024216pmmichelinnorthamerica_124634718_michelin_g_s_nobl_whitebg_rgb_0618.jpg/65d6b299dc465287a8efb85082ddd88f/aug262024216pmmichelinnorthamerica_124634718_michelin_g_s_nobl_whitebg_rgb_0618.webp" alt="Michelin" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/nestle.png/cb96093f488a62b0a320cee831d2bc57.webp" alt="Nestle logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/nike-logo.png/dd627308dbfd79206e185a99396d265d.webp" alt="Nike logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/outdoor-industry-assocation.png/cf26c25de6804eeefcd1dac889fb9138.webp" alt="Company Logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/rei.jpg/bff1bfd306909f16ee4f617b689c80ef.webp" alt="REI logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/sealed.jpg/d1b31d96fc562c7aafbc1a5d58372db3.webp" alt="Sealed logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/sierra-nevada.jpg/17a80ab75c1df60ca2a41a465a9ab710.webp" alt="Sierra Nevada logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/stonyfield.png/6989323dc41eb9a7f79577af988ee352.webp" alt="Stonyfield logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/cache/containers/images/partner-logos/trc-logo.jpg/d7f0d242554448070496f95694790947.webp" alt="TRC logo" class="col-span-1 object-scale-down h-24 w-full" /> <img src="https://assets.ceres.org/images/partner-logos/vf-corporation.svg" alt="VF corporation logo" class="col-span-1 object-scale-down h-24 w-full" /> </div> </div> </div> <div class="flex flex-col col-span-12 lg:col-span-6 gap-8 pb-16 md:py-16 order-first lg:order-last"> <div class="flex flex-col gap-5"> <!-- /typography/_h3.antlers.html --> <h3 class="text-4xl font-medium leading-[140%] [&_span]:inline-block [text-wrap:balance]"><p><strong>Advocate with Ceres</strong></p></h3> <!-- End: /typography/_h3.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed lg:max-w-[80%] max-w-full">The Ceres Policy Network represents some of the most recognizable brands in the U.S. who have become leading advocates for climate and clean energy policy solutions at both the state and federal levels.</p> <!-- End: /typography/_p.antlers.html --> </div> <!-- /components/_button.antlers.html --> <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 <!-- Adds extra space for mobile browsers to click on links if button requires it. --> " href="/networks/policy" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Learn more </div> </a> <!-- End: /components/_button.antlers.html --> </div> </div> </section> </section> <!-- End: /page_builder/_logo_soup_rotating.antlers.html --> <!-- /page_builder/_text_and_image_i.antlers.html --> <section class="bg-cw-green-100 text-black overflow-hidden"> <div class="container" x-data="{ translateX: 0, imagePosition: 'right' }" x-init="() => { function updateTranslate() { let containerWidth = $el.offsetWidth; let containerPaddingRight = parseInt(window.getComputedStyle($el).paddingRight, 10); let screenWidth = window.innerWidth; let calculatedTranslation = (screenWidth - containerWidth) / 2 + containerPaddingRight; // Flip the translation value based on image position translateX = imagePosition === 'left' ? -calculatedTranslation : calculatedTranslation; } updateTranslate(); window.addEventListener('resize', updateTranslate); return () => window.removeEventListener('resize', updateTranslate); }" > <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <div class=" grid grid-cols-12 gap-0 "> <div class="col-span-6 row-span-full lg:block hidden col-start-7" :style="'transform: translateX(' + translateX + 'px)'" > <img src="https://assets.ceres.org/cache/containers/images/accelerator-banner-web-thumbnail.png/b0e9a2a4a9d77f1735d0b6a28d7bf9cb.webp" alt="Composite of data" class="rounded w-full h-full object-cover"/> </div> <div class="flex flex-col gap-8 max-w-1/2 lg:col-span-7 col-span-12 row-span-full py-16 justify-center lg:col-start-1"> <div class="flex flex-col gap-2"> <!-- /typography/_h2.antlers.html --> <h2 class="text-[44px] font-medium leading-[137%]"><strong>Ceres Accelerator for Sustainable Capital Markets</strong></h2> <!-- End: /typography/_h2.antlers.html --> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed ">Our center for excellence within Ceres aims to transform the practices and policies that govern capital markets by engaging federal and state regulators, financial institutions, investors, and corporate boards to act on climate change as a systemic financial risk.</p> <!-- End: /typography/_p.antlers.html --> </div> <!-- /components/_button.antlers.html --> <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 <!-- Adds extra space for mobile browsers to click on links if button requires it. --> " href="/accelerator" > <div class="flex flex-row text-center items-center justify-center gap-2" wire:click=""> Learn more </div> </a> <!-- End: /components/_button.antlers.html --> </div> </div> </div> </section> <!-- End: /page_builder/_text_and_image_i.antlers.html --> </main> <!-- End: /default.antlers.html --> <!-- /layout/_footer.antlers.html --> <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> <!-- /components/_logo.antlers.html --> <a aria-label="Logo Ceres" href="/" > <img src="/visuals/logo-dark.svg" class="select-none " width="108" alt="Ceres"/> </a> <!-- End: /components/_logo.antlers.html --> </div> <div class="flex-grow"> <!-- Grid component for layout of modules. Has default styling but can be changed using the class prop. --> <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="#" > <!-- /typography/_h4.antlers.html --> <h4 class="font-bold text-[16px] text-cw-green-250 mb-4">Issues</h4> <!-- End: /typography/_h4.antlers.html --> </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" > <!-- /typography/_h4.antlers.html --> <h4 class="font-bold text-[16px] text-cw-green-250 mb-4">Networks</h4> <!-- End: /typography/_h4.antlers.html --> </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" > <!-- /typography/_h4.antlers.html --> <h4 class="font-bold text-[16px] text-cw-green-250 mb-4">Resources</h4> <!-- End: /typography/_h4.antlers.html --> </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="#" > <!-- /typography/_h4.antlers.html --> <h4 class="font-bold text-[16px] text-cw-green-250 mb-4">Work with us</h4> <!-- End: /typography/_h4.antlers.html --> </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]"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed font-bold text-cw-green-250">Headquarters</p> <!-- End: /typography/_p.antlers.html --> <p>99 Chauncy Street, 6th Floor<br>Boston, MA 02111</p> </div> <div class="text-[16px]"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed font-bold text-cw-green-250">California Office</p> <!-- End: /typography/_p.antlers.html --> <p>369 Pine Street, Suite 620<br>San Francisco, CA 94104</p> </div> <div class="text-[16px]"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed font-bold text-cw-green-250">Connect with us</p> <!-- End: /typography/_p.antlers.html --> <p>(617) 247-0700 | <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4b22252d240b282e392e386524392c">[email protected]</a><br>For media inquiries, email us at <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5e333b3a373f37302f2b372c373b2d1e3d3b2c3b2d70312c39">[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"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed pr-6 border-r border-r-black">©2024 Ceres</p> <!-- End: /typography/_p.antlers.html --> <a href="/privacy-policy" class="px-6 border-r border-r-black"> PRIVACY POLICY </a> <div class="px-6 border-r border-r-black"> <!-- /typography/_p.antlers.html --> <p class="mt-0 last:mb-0 leading-relaxed inline-block">Website by</p> <!-- End: /typography/_p.antlers.html --> <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> <!-- /typography/_p.antlers.html --> <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> <!-- End: /typography/_p.antlers.html --> </div> </div> </footer> <!-- End: /layout/_footer.antlers.html --> <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> <!-- End: /layout.antlers.html -->