O:31:"Drupal\Core\Render\HtmlResponse":8:{s:7:"headers";O:50:"Symfony\Component\HttpFoundation\ResponseHeaderBag":5:{s:10:"*headers";a:10:{s:12:"content-type";a:1:{i:0;s:24:"text/html; charset=utf-8";}s:13:"cache-control";a:1:{i:0;s:34:"must-revalidate, no-cache, private";}s:4:"date";a:1:{i:0;s:29:"Fri, 21 Aug 2026 06:27:10 GMT";}s:22:"x-drupal-dynamic-cache";a:1:{i:0;s:31:"UNCACHEABLE (poor cacheability)";}s:16:"content-language";a:1:{i:0;s:2:"en";}s:22:"x-content-type-options";a:1:{i:0;s:7:"nosniff";}s:15:"x-frame-options";a:1:{i:0;s:10:"SAMEORIGIN";}s:7:"expires";a:1:{i:0;s:29:"Sun, 19 Nov 1978 05:00:00 GMT";}s:11:"x-generator";a:1:{i:0;s:34:"Drupal 11 (https://www.drupal.org)";}s:14:"content-length";a:1:{i:0;s:5:"83183";}}s:15:"*cacheControl";a:2:{s:15:"must-revalidate";b:1;s:8:"no-cache";b:1;}s:23:"*computedCacheControl";a:3:{s:15:"must-revalidate";b:1;s:8:"no-cache";b:1;s:7:"private";b:1;}s:10:"*cookies";a:0:{}s:14:"*headerNames";a:10:{s:12:"content-type";s:12:"Content-Type";s:13:"cache-control";s:13:"Cache-Control";s:4:"date";s:4:"Date";s:22:"x-drupal-dynamic-cache";s:22:"X-Drupal-Dynamic-Cache";s:16:"content-language";s:16:"Content-language";s:22:"x-content-type-options";s:22:"X-Content-Type-Options";s:15:"x-frame-options";s:15:"X-Frame-Options";s:7:"expires";s:7:"Expires";s:11:"x-generator";s:11:"X-Generator";s:14:"content-length";s:14:"Content-Length";}}s:10:"*content";s:83183:"<!DOCTYPE html>
<html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#">
  <head>
    <meta charset="utf-8">
<meta name="description" content="Haven is a non-profit developing smart, scalable solutions to tackle global challenges, with a focus on advocacy for action against climate change.">
<link rel="shortlink" href="https://demo-drupalcms.ddev.site/page/6">
<link rel="canonical" href="/home">
<meta name="referrer" content="unsafe-url">
<meta name="rights" content="Copyright &copy; All rights reserved.">
<meta property="og:site_name" content="AAP-DEMO">
<meta property="og:url" content="https://demo-drupalcms.ddev.site/home">
<meta name="twitter:card" content="summary">
<meta name="Generator" content="Drupal 11 (https://www.drupal.org)">
<meta name="MobileOptimized" content="width">
<meta name="HandheldFriendly" content="true">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="/core/misc/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="alternate" type="application/rss+xml" title="Blog" href="https://demo-drupalcms.ddev.site/blog/feed">

    <title>
      Home | AAP-DEMO
    </title>
    <link rel="stylesheet" media="all" href="/sites/default/files/css/css_sD9kmX3wUr6kWpkgAgSrJreK4hGPK54idgEbXrDz5No.css?delta=0&amp;language=en&amp;theme=haven_theme&amp;include=eJxdjDkOgDAMBD8U4ichJyyHFNsIhyB-zyEqmtlitJNtA2WT1RRaPWbWxt51i_CEMHOD9nWGgKZiiUvw0yuEEjtCW3A4vYxiw14QDqTRNqFvI8r91RoF7k_x7x9cNnAzBw">
<link rel="stylesheet" media="all" href="/sites/default/files/css/css_DjPXIfVct6NtsDhSjLof7OVzNwFd_0yXA5ucXIhA1D4.css?delta=1&amp;language=en&amp;theme=haven_theme&amp;include=eJxdjDkOgDAMBD8U4ichJyyHFNsIhyB-zyEqmtlitJNtA2WT1RRaPWbWxt51i_CEMHOD9nWGgKZiiUvw0yuEEjtCW3A4vYxiw14QDqTRNqFvI8r91RoF7k_x7x9cNnAzBw">
<link rel="stylesheet" media="all" href="/themes/contrib/haven_theme/src/fonts.css?tk3wf2">
<link rel="stylesheet" media="all" href="/themes/contrib/haven_theme/build/main.min.css?tk3wf2">
<link rel="stylesheet" media="all" href="/themes/contrib/haven_theme/src/theme.css?tk3wf2">

    
    
<link rel="preload" href="/themes/contrib/haven_theme/fonts/Gelasio/Gelasio-var.ttf" as="font" type="font/ttf" crossorigin>
<link rel="preload" href="/themes/contrib/haven_theme/fonts/Geist/Geist-var.ttf" as="font" type="font/ttf" crossorigin>
  </head>
  <body class="canvas-page path-page">
        <a href="#main-content" class="visually-hidden focusable skip-link">Skip to main content</a>
    
      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
    <div class="layout-container bg-background">
  <header role="banner">
      <div class="region region-header">
    

<div class="container mx-auto px-6 pt-6 md:px-12 md:pt-12">
  <div class="navbar @container/navbar relative z-[500] container mx-auto flex justify-between gap-x-8 rounded-md bg-white px-4 py-2 md:rounded-2xl md:px-6 md:pt-2 md:pb-2">
    <div class="navbar--logo self-center [&amp;&gt;div]:flex [&amp;&gt;div]:flex-col [&amp;&gt;div]:justify-center">
          <div id="block-05793f48-9171-44ed-9ecd-25a65f64991b">
  
    
    
  <a href="/" class="inline-block" rel="home">
                  <div class="branding flex items-center">
          <img class="h-full w-full" src="/themes/contrib/haven_theme/logo.svg" alt="Home">
        </div>
                  </a>
</div>

      </div>

    <div class="navbar--menu fixed inset-0 top-[calc(var(--drupal-displace-offset-top,0px)+var(--gin-toolbar-height,0px)-var(--navbar-scroll-top,0px))] grid shrink grow grid-cols-[1fr] grid-rows-[auto_1fr_auto] flex-col items-stretch justify-start gap-x-6 bg-background pb-8 md:static md:flex md:h-auto md:flex-row md:items-center md:bg-transparent md:pb-0">
      <div class="navbar--modal-top relative z-500 col-span-1 col-start-1 row-span-1 row-start-1 container mx-auto flex w-full justify-between p-2 md:hidden">
        <div class="navbar--modal-logo flex min-h-11 flex-1 flex-col items-start justify-center md:hidden [&amp;&gt;div]:flex [&amp;&gt;div]:flex-col [&amp;&gt;div]:justify-center">
              <div id="block-05793f48-9171-44ed-9ecd-25a65f64991b--2">
  
    
    
  <a href="/" class="inline-block" rel="home">
                  <div class="branding flex items-center">
          <img class="h-full w-full" src="/themes/contrib/haven_theme/logo.svg" alt="Home">
        </div>
                  </a>
</div>

  
        </div>

        <button class="navbar--hide-menu flex h-11 w-11 flex-0 cursor-pointer items-center justify-center p-2 md:hidden" aria-label="Hide menu">
          


<div class="min-w:32">
  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" width="32" height="32" fill="currentColor" aria-hidden="true">
      <path d="M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"></path>
    </svg>
</div>

        </button>
      </div>

      <div class="navbar--dropdown-menu-wrapper relative col-span-1 col-start-1 row-span-1 row-start-2 container mx-auto min-h-0 w-full flex-1 p-2 px-4 after:pointer-events-none after:absolute after:bottom-0 after:z-3 after:h-24 after:w-full after:bg-linear-to-b after:from-transparent after:to-background after:content-[''] md:p-0 md:after:content-none">
        <div class="navbar--dropdown-menu flex max-h-full flex-col items-stretch justify-start gap-2 md:flex-row overflow-auto md:overflow-visible md:justify-start">
              <nav aria-labelledby="block-6be7bde4-c6e1-4e2f-88b1-9138c52c386a-menu" id="block-6be7bde4-c6e1-4e2f-88b1-9138c52c386a">
            
  <h2 class="visually-hidden" id="block-6be7bde4-c6e1-4e2f-88b1-9138c52c386a-menu">Main navigation</h2>
  

        

<nav class="flex justify-start relative" aria-label="">
  <ul class="flex flex-col gap-3 p-0 md:w-auto md:flex-row" data-level="1">
                      
      
                            
      <li class="flex flex-wrap justify-between md:flex-nowrap md:w-auto md:relative md:max-w-[375px] text-sm font-normal rounded-md uppercase" data-level="1">
                  <a href="/about" class="flex min-h-11 shrink grow basis-0 items-center gap-1 rounded-md p-2 leading-none duration-300 md:min-h-auto md:px-3 hover:md:text-secondary hover:md:text-secondary-light focus-visible:md:text-secondary focus-visible:md:outline-2 focus-visible:md:outline-offset-2 focus-visible:md:outline-secondary" data-level="1">
            About
          </a>
              </li>
                      
      
                            
      <li class="flex flex-wrap justify-between md:flex-nowrap md:w-auto md:relative md:max-w-[375px] text-sm font-normal rounded-md uppercase" data-level="1">
                  <a href="/projects" class="flex min-h-11 shrink grow basis-0 items-center gap-1 rounded-md p-2 leading-none duration-300 md:min-h-auto md:px-3 hover:md:text-secondary hover:md:text-secondary-light focus-visible:md:text-secondary focus-visible:md:outline-2 focus-visible:md:outline-offset-2 focus-visible:md:outline-secondary" data-level="1">
            Projects
          </a>
              </li>
                      
      
                            
      <li class="flex flex-wrap justify-between md:flex-nowrap md:w-auto md:relative md:max-w-[375px] text-sm font-normal rounded-md uppercase" data-level="1">
                  <a href="/blog" class="flex min-h-11 shrink grow basis-0 items-center gap-1 rounded-md p-2 leading-none duration-300 md:min-h-auto md:px-3 hover:md:text-secondary hover:md:text-secondary-light focus-visible:md:text-secondary focus-visible:md:outline-2 focus-visible:md:outline-offset-2 focus-visible:md:outline-secondary" data-level="1">
            Blog
          </a>
              </li>
      </ul>
</nav>

  </nav>

          </div>
      </div>

      <div class="navbar--links col-span-1 col-start-1 row-span-1 row-start-3 ml-auto flex w-full flex-initial shrink-0 grow-0 flex-col items-center justify-end gap-3 md:w-auto md:flex-row">
            





  <button class="group flex items-center justify-center transition duration-300 ease-in-out rounded-full leading-tight font-medium cursor-pointer no-underline outline-none hover:no-underline focus-visible:outline-1 focus-visible:outline-solid active:outline-1 active:outline-solid disabled:pointer-events-none disabled:bg-muted disabled:text-muted-foreground gap-2 px-5 py-2.5 text-md xl:py-3 xl:text-lg bg-accent text-primary hover:bg-accent-dark hover:text-primary focus-visible:border-transparent focus-visible:bg-accent-dark focus-visible:text-primary focus-visible:outline-2 focus-visible:outline-secondary active:bg-accent active:text-primary active:outline-accent-light w-fit flex-row-reverse">
          <span class="transition duration-300 ease-in-out group-hover:translate-x-1">
        


<div class="min-w:20">
  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" width="20" height="20" fill="currentColor" aria-hidden="true">
      <path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path>
    </svg>
</div>

      </span>
        Donate
  </button>

        </div>
    </div>

    <div class="navbar--hamburger-container flex min-h-8 min-w-8 shrink-0 grow-0 items-center justify-center md:hidden">
      <button class="navbar--hamburger flex items-center justify-center" aria-label="Show menu">
        


<div class="min-w:32">
  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" width="32" height="32" fill="currentColor" aria-hidden="true">
      <path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z"></path>
    </svg>
</div>

      </button>
    </div>
  </div>
</div>

  </div>

      </header>

  
  

  

  

  

  <main role="main">
    <a id="main-content" tabindex="-1"></a>
    <div class="layout-content">
        <div class="region region-content">
    <div data-drupal-messages-fallback class="hidden"></div>  





<section class="relative flex flex-col h-3/4 min-h-[600px] xl:min-h-[800px] justify-center mt-[calc(var(--navbar-height)*-1)]">
      <div class="absolute z-[-1] h-full w-full">
                        <div class="absolute inset-0 rounded-lg bg-black/20"></div>
                <img class="h-full w-full rounded-lg object-cover object-center" src="/sites/default/files/2026-03/fakhrir-amrullah-FXMZncDmgNc-unsplash.jpg?alternateWidths=/sites/default/files/styles/canvas_parametrized_width--%7Bwidth%7D/public/2026-03/fakhrir-amrullah-FXMZncDmgNc-unsplash.jpg.avif%3Fitok%3DJmXi_e0U" srcset="/sites/default/files/styles/canvas_parametrized_width--16/public/2026-03/fakhrir-amrullah-FXMZncDmgNc-unsplash.jpg.avif?itok=JmXi_e0U 16w, /sites/default/files/styles/canvas_parametrized_width--32/public/2026-03/fakhrir-amrullah-FXMZncDmgNc-unsplash.jpg.avif?itok=JmXi_e0U 32w, /sites/default/files/styles/canvas_parametrized_width--48/public/2026-03/fakhrir-amrullah-FXMZncDmgNc-unsplash.jpg.avif?itok=JmXi_e0U 48w, /sites/default/files/styles/canvas_parametrized_width--64/public/2026-03/fakhrir-amrullah-FXMZncDmgNc-unsplash.jpg.avif?itok=JmXi_e0U 64w, /sites/default/files/styles/canvas_parametrized_width--96/public/2026-03/fakhrir-amrullah-FXMZncDmgNc-unsplash.jpg.avif?itok=JmXi_e0U 96w, /sites/default/files/styles/canvas_parametrized_width--128/public/2026-03/fakhrir-amrullah-FXMZncDmgNc-unsplash.jpg.avif?itok=JmXi_e0U 128w, /sites/default/files/styles/canvas_parametrized_width--256/public/2026-03/fakhrir-amrullah-FXMZncDmgNc-unsplash.jpg.avif?itok=JmXi_e0U 256w, /sites/default/files/styles/canvas_parametrized_width--384/public/2026-03/fakhrir-amrullah-FXMZncDmgNc-unsplash.jpg.avif?itok=JmXi_e0U 384w, /sites/default/files/styles/canvas_parametrized_width--640/public/2026-03/fakhrir-amrullah-FXMZncDmgNc-unsplash.jpg.avif?itok=JmXi_e0U 640w, /sites/default/files/styles/canvas_parametrized_width--750/public/2026-03/fakhrir-amrullah-FXMZncDmgNc-unsplash.jpg.avif?itok=JmXi_e0U 750w, /sites/default/files/styles/canvas_parametrized_width--828/public/2026-03/fakhrir-amrullah-FXMZncDmgNc-unsplash.jpg.avif?itok=JmXi_e0U 828w, /sites/default/files/styles/canvas_parametrized_width--1080/public/2026-03/fakhrir-amrullah-FXMZncDmgNc-unsplash.jpg.avif?itok=JmXi_e0U 1080w, /sites/default/files/styles/canvas_parametrized_width--1200/public/2026-03/fakhrir-amrullah-FXMZncDmgNc-unsplash.jpg.avif?itok=JmXi_e0U 1200w, /sites/default/files/styles/canvas_parametrized_width--1920/public/2026-03/fakhrir-amrullah-FXMZncDmgNc-unsplash.jpg.avif?itok=JmXi_e0U 1920w" sizes="auto 100vw" alt="Test" width="1200" height="900" loading="eager" data-component-id="canvas:image">
          </div>
    <div class="container mx-auto p-6 md:p-8">
    <div class="relative z-1 flex flex-col gap-6 p-4 md:p-6 items-center text-center lg:mx-auto lg:max-w-2/3">
                  



  <span aria-label="Did you know?" class="rounded-full flex inline-flex items-center gap-[2px] lg:gap-1 px-5 py-2 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] bg-accent/75 text-primary flex-row">
        <span class="font-sans text-sm leading-none font-bold uppercase">Did you know?</span>
  </span>





  <h1 class="text-center text-primary-foreground text-3xl md:text-4xl lg:text-5xl">      The Amazon rainforest, once a carbon sink, is now emitting more CO₂ than it absorbs in some regions.
  </h1>

            </div>
  </div>
</section>









<section class="@container relative mx-auto flex flex-col items-stretch mt-6 md:mt-7 xl:mt-8 mb-8 md:mb-10 xl:mb-12 pt-10 md:pt-12 xl:pt-16 pb-10 md:pb-13 xl:pb-16 text-primary-foreground cq-full">
    
        <div class="absolute inset-0 z-[-1] bg-primary"></div>
  
  <div class="container [&amp;_.cq-full]:mx-0 [&amp;_.cq-full]:w-full">
    <div class="@container relative mx-auto flex flex-col items-stretch lg:max-w-full">
                                <header class="mb-6 md:mb-8 xl:mb-10">
                          



<div class="flex bg-none flex-col items-start justify-start self-center gap-8 rounded-sm">
      



  <span aria-label="From the blog" class="rounded-full flex inline-flex items-center gap-[2px] lg:gap-1 px-5 py-2 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] bg-accent/75 text-primary flex-row">
        <span class="font-sans text-sm leading-none font-bold uppercase">From the blog</span>
  </span>





  <h2 class="text-left text-primary-foreground text-4xl md:text-5xl lg:text-6xl">      Climate impact
  </h2>

  </div>



          
          </header>
              
      <div class="grid w-full min-w-0 gap-4 @sm:gap-6 @3xl:gap-8 [&amp;&gt;*]:w-full [&amp;&gt;*]:min-w-0 [&amp;_.view-content]:grid [&amp;_.view-content]:w-full [&amp;_.view-content]:min-w-0 [&amp;_.view-content]:gap-4 [&amp;_.view-content]:md:gap-6 [&amp;_.view-content]:xl:gap-8 grid-cols-1">
            








<section class="relative flex h-full md:flex-row-reverse flex-col">
      <div class="absolute inset-0 z-[-1] rounded-lg bg-primary-dark text-primary-foreground"></div>
  
  <div class="flex-1 overflow-hidden aspect-4/3 md:rounded-l-none md:rounded-r-lg rounded-t-lg">
          <img class="object-cover w-full h-full" src="/sites/default/files/2026-03/hans-jurgen-mager-KgRKlQXmHR0-unsplash.jpg?alternateWidths=/sites/default/files/styles/canvas_parametrized_width--%7Bwidth%7D/public/2026-03/hans-jurgen-mager-KgRKlQXmHR0-unsplash.jpg.avif%3Fitok%3DgOODLkl1" srcset="/sites/default/files/styles/canvas_parametrized_width--16/public/2026-03/hans-jurgen-mager-KgRKlQXmHR0-unsplash.jpg.avif?itok=gOODLkl1 16w, /sites/default/files/styles/canvas_parametrized_width--32/public/2026-03/hans-jurgen-mager-KgRKlQXmHR0-unsplash.jpg.avif?itok=gOODLkl1 32w, /sites/default/files/styles/canvas_parametrized_width--48/public/2026-03/hans-jurgen-mager-KgRKlQXmHR0-unsplash.jpg.avif?itok=gOODLkl1 48w, /sites/default/files/styles/canvas_parametrized_width--64/public/2026-03/hans-jurgen-mager-KgRKlQXmHR0-unsplash.jpg.avif?itok=gOODLkl1 64w, /sites/default/files/styles/canvas_parametrized_width--96/public/2026-03/hans-jurgen-mager-KgRKlQXmHR0-unsplash.jpg.avif?itok=gOODLkl1 96w, /sites/default/files/styles/canvas_parametrized_width--128/public/2026-03/hans-jurgen-mager-KgRKlQXmHR0-unsplash.jpg.avif?itok=gOODLkl1 128w, /sites/default/files/styles/canvas_parametrized_width--256/public/2026-03/hans-jurgen-mager-KgRKlQXmHR0-unsplash.jpg.avif?itok=gOODLkl1 256w, /sites/default/files/styles/canvas_parametrized_width--384/public/2026-03/hans-jurgen-mager-KgRKlQXmHR0-unsplash.jpg.avif?itok=gOODLkl1 384w, /sites/default/files/styles/canvas_parametrized_width--640/public/2026-03/hans-jurgen-mager-KgRKlQXmHR0-unsplash.jpg.avif?itok=gOODLkl1 640w, /sites/default/files/styles/canvas_parametrized_width--750/public/2026-03/hans-jurgen-mager-KgRKlQXmHR0-unsplash.jpg.avif?itok=gOODLkl1 750w, /sites/default/files/styles/canvas_parametrized_width--828/public/2026-03/hans-jurgen-mager-KgRKlQXmHR0-unsplash.jpg.avif?itok=gOODLkl1 828w, /sites/default/files/styles/canvas_parametrized_width--1080/public/2026-03/hans-jurgen-mager-KgRKlQXmHR0-unsplash.jpg.avif?itok=gOODLkl1 1080w, /sites/default/files/styles/canvas_parametrized_width--1200/public/2026-03/hans-jurgen-mager-KgRKlQXmHR0-unsplash.jpg.avif?itok=gOODLkl1 1200w, /sites/default/files/styles/canvas_parametrized_width--1920/public/2026-03/hans-jurgen-mager-KgRKlQXmHR0-unsplash.jpg.avif?itok=gOODLkl1 1920w, /sites/default/files/styles/canvas_parametrized_width--2048/public/2026-03/hans-jurgen-mager-KgRKlQXmHR0-unsplash.jpg.avif?itok=gOODLkl1 2048w, /sites/default/files/styles/canvas_parametrized_width--3840/public/2026-03/hans-jurgen-mager-KgRKlQXmHR0-unsplash.jpg.avif?itok=gOODLkl1 3840w" sizes="50vw" alt="A polar bear lies down on a bed of snow and ice." width="4272" height="2848" loading="eager" data-component-id="canvas:image">
      </div>
  <div class="self-center md:flex-1">
    <div class="flex flex-col gap-6 p-6 md:p-8">
                  




  <h2 class="text-left text-accent text-3xl md:text-4xl lg:text-5xl">      Melting ice, rising seas, and what we can do about it
  </h2>



<div class="font-serif [&amp;_h2]:mt-6 [&amp;_h2]:mb-3 [&amp;_h3]:mt-4 [&amp;_h3]:mb-2 [&amp;_h4]:mt-3 [&amp;_h4]:mb-1 [&amp;_h5]:my-2 [&amp;_h6]:my-1 [&amp;_h2]:text-2xl [&amp;_h2]:lg:text-3xl [&amp;_h3]:text-xl [&amp;_h3]:lg:text-2xl [&amp;_h4]:text-lg [&amp;_h4]:lg:text-xl [&amp;_li]:mb-1 [&amp;_ol]:my-4 [&amp;_ol]:list-decimal [&amp;_ul]:my-4 [&amp;&gt;*:first-child]:mt-0 [&amp;&gt;*:last-child]:mb-0 [&amp;_a]:underline [&amp;_a]:underline-offset-2 [&amp;_a]:transition [&amp;_a]:duration-300 [&amp;_table]:my-6 [&amp;_td]:p-3 [&amp;_th]:p-3 [&amp;_tr]:border-b [&amp;_tr]:border-b-border/40 [&amp;_blockquote]:xl:3xl [&amp;_blockquote]:text-xl [&amp;_blockquote]:italic [&amp;_blockquote]:md:text-2xl [&amp;_blockquote]:m-auto [&amp;_blockquote]:max-w-3xl [&amp;_blockquote]:[&amp;&gt;*:last-child]:mb-0 [&amp;_blockquote]:my-8 [&amp;_blockquote]:border-l-4 [&amp;_blockquote]:border-border/40 [&amp;_blockquote]:py-1.5 [&amp;_blockquote]:pl-4 [&amp;_figure]:my-6 [&amp;_figure]:w-fit [&amp;_div.align-center]:my-6 [&amp;_div.align-center]:w-fit [&amp;_figcaption]:block [&amp;_figcaption]:pt-2 [&amp;_figcaption]:pb-3 [&amp;_figcaption]:text-sm [&amp;_figcaption]:opacity-80 [&amp;_figcaption]:lg:text-base text-background [&amp;_a]:hover:text-background/70 text-lg md:text-xl xl:text-2xl">
  <p>The connection between disappearing glaciers and rising sea levels is one of the most visible &mdash; and most urgent &mdash; stories in climate science. Here&rsquo;s what the research tells us, and where ordinary people can make a real difference.</p>
</div>






  <button class="group flex items-center justify-center transition duration-300 ease-in-out rounded-full leading-tight font-medium cursor-pointer no-underline outline-none hover:no-underline focus-visible:outline-1 focus-visible:outline-solid active:outline-1 active:outline-solid disabled:pointer-events-none disabled:bg-muted disabled:text-muted-foreground border gap-2 px-5 py-2.5 text-md xl:py-3 xl:text-lg border-accent text-accent hover:bg-accent-dark hover:text-primary focus-visible:border-transparent focus-visible:bg-accent-dark focus-visible:text-primary focus-visible:outline-2 focus-visible:outline-secondary active:bg-accent active:text-primary active:outline-accent-light w-fit flex-row-reverse">
          <span class="transition duration-300 ease-in-out group-hover:translate-x-1">
        


<div class="min-w:20">
  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" width="20" height="20" fill="currentColor" aria-hidden="true">
      <path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path>
    </svg>
</div>

      </span>
        Read article
  </button>

            </div>
  </div>
</section>









<section class="relative flex h-full md:flex-row flex-col">
      <div class="absolute inset-0 z-[-1] rounded-lg bg-primary-dark text-primary-foreground"></div>
  
  <div class="flex-1 overflow-hidden aspect-4/3 md:rounded-l-lg md:rounded-r-none rounded-t-lg">
          <img class="object-cover w-full h-full" src="/sites/default/files/2026-03/markus-spiske-dYZumbs8f_E-unsplash.jpg?alternateWidths=/sites/default/files/styles/canvas_parametrized_width--%7Bwidth%7D/public/2026-03/markus-spiske-dYZumbs8f_E-unsplash.jpg.avif%3Fitok%3DiNJXEUlV" srcset="/sites/default/files/styles/canvas_parametrized_width--16/public/2026-03/markus-spiske-dYZumbs8f_E-unsplash.jpg.avif?itok=iNJXEUlV 16w, /sites/default/files/styles/canvas_parametrized_width--32/public/2026-03/markus-spiske-dYZumbs8f_E-unsplash.jpg.avif?itok=iNJXEUlV 32w, /sites/default/files/styles/canvas_parametrized_width--48/public/2026-03/markus-spiske-dYZumbs8f_E-unsplash.jpg.avif?itok=iNJXEUlV 48w, /sites/default/files/styles/canvas_parametrized_width--64/public/2026-03/markus-spiske-dYZumbs8f_E-unsplash.jpg.avif?itok=iNJXEUlV 64w, /sites/default/files/styles/canvas_parametrized_width--96/public/2026-03/markus-spiske-dYZumbs8f_E-unsplash.jpg.avif?itok=iNJXEUlV 96w, /sites/default/files/styles/canvas_parametrized_width--128/public/2026-03/markus-spiske-dYZumbs8f_E-unsplash.jpg.avif?itok=iNJXEUlV 128w, /sites/default/files/styles/canvas_parametrized_width--256/public/2026-03/markus-spiske-dYZumbs8f_E-unsplash.jpg.avif?itok=iNJXEUlV 256w, /sites/default/files/styles/canvas_parametrized_width--384/public/2026-03/markus-spiske-dYZumbs8f_E-unsplash.jpg.avif?itok=iNJXEUlV 384w, /sites/default/files/styles/canvas_parametrized_width--640/public/2026-03/markus-spiske-dYZumbs8f_E-unsplash.jpg.avif?itok=iNJXEUlV 640w, /sites/default/files/styles/canvas_parametrized_width--750/public/2026-03/markus-spiske-dYZumbs8f_E-unsplash.jpg.avif?itok=iNJXEUlV 750w, /sites/default/files/styles/canvas_parametrized_width--828/public/2026-03/markus-spiske-dYZumbs8f_E-unsplash.jpg.avif?itok=iNJXEUlV 828w, /sites/default/files/styles/canvas_parametrized_width--1080/public/2026-03/markus-spiske-dYZumbs8f_E-unsplash.jpg.avif?itok=iNJXEUlV 1080w, /sites/default/files/styles/canvas_parametrized_width--1200/public/2026-03/markus-spiske-dYZumbs8f_E-unsplash.jpg.avif?itok=iNJXEUlV 1200w, /sites/default/files/styles/canvas_parametrized_width--1920/public/2026-03/markus-spiske-dYZumbs8f_E-unsplash.jpg.avif?itok=iNJXEUlV 1920w, /sites/default/files/styles/canvas_parametrized_width--2048/public/2026-03/markus-spiske-dYZumbs8f_E-unsplash.jpg.avif?itok=iNJXEUlV 2048w, /sites/default/files/styles/canvas_parametrized_width--3840/public/2026-03/markus-spiske-dYZumbs8f_E-unsplash.jpg.avif?itok=iNJXEUlV 3840w" sizes="50vw" alt="A protestor holds a sign saying 'Climate justice now'." width="5760" height="3840" loading="eager" data-component-id="canvas:image">
      </div>
  <div class="self-center md:flex-1">
    <div class="flex flex-col gap-6 p-6 md:p-8">
                  




  <h2 class="text-left text-accent text-3xl md:text-4xl lg:text-5xl">      City heroes: Local leaders tackling climate issues
  </h2>



<div class="font-serif [&amp;_h2]:mt-6 [&amp;_h2]:mb-3 [&amp;_h3]:mt-4 [&amp;_h3]:mb-2 [&amp;_h4]:mt-3 [&amp;_h4]:mb-1 [&amp;_h5]:my-2 [&amp;_h6]:my-1 [&amp;_h2]:text-2xl [&amp;_h2]:lg:text-3xl [&amp;_h3]:text-xl [&amp;_h3]:lg:text-2xl [&amp;_h4]:text-lg [&amp;_h4]:lg:text-xl [&amp;_li]:mb-1 [&amp;_ol]:my-4 [&amp;_ol]:list-decimal [&amp;_ul]:my-4 [&amp;&gt;*:first-child]:mt-0 [&amp;&gt;*:last-child]:mb-0 [&amp;_a]:underline [&amp;_a]:underline-offset-2 [&amp;_a]:transition [&amp;_a]:duration-300 [&amp;_table]:my-6 [&amp;_td]:p-3 [&amp;_th]:p-3 [&amp;_tr]:border-b [&amp;_tr]:border-b-border/40 [&amp;_blockquote]:xl:3xl [&amp;_blockquote]:text-xl [&amp;_blockquote]:italic [&amp;_blockquote]:md:text-2xl [&amp;_blockquote]:m-auto [&amp;_blockquote]:max-w-3xl [&amp;_blockquote]:[&amp;&gt;*:last-child]:mb-0 [&amp;_blockquote]:my-8 [&amp;_blockquote]:border-l-4 [&amp;_blockquote]:border-border/40 [&amp;_blockquote]:py-1.5 [&amp;_blockquote]:pl-4 [&amp;_figure]:my-6 [&amp;_figure]:w-fit [&amp;_div.align-center]:my-6 [&amp;_div.align-center]:w-fit [&amp;_figcaption]:block [&amp;_figcaption]:pt-2 [&amp;_figcaption]:pb-3 [&amp;_figcaption]:text-sm [&amp;_figcaption]:opacity-80 [&amp;_figcaption]:lg:text-base text-background [&amp;_a]:hover:text-background/70 text-lg md:text-xl xl:text-2xl">
  <p>From small towns to major metros, a new generation of local officials is taking climate action into their own hands &mdash; without waiting for federal leadership. We spotlight the mayors, council members, and community champions who are getting it done.</p>
</div>






  <button class="group flex items-center justify-center transition duration-300 ease-in-out rounded-full leading-tight font-medium cursor-pointer no-underline outline-none hover:no-underline focus-visible:outline-1 focus-visible:outline-solid active:outline-1 active:outline-solid disabled:pointer-events-none disabled:bg-muted disabled:text-muted-foreground border gap-2 px-5 py-2.5 text-md xl:py-3 xl:text-lg border-accent text-accent hover:bg-accent-dark hover:text-primary focus-visible:border-transparent focus-visible:bg-accent-dark focus-visible:text-primary focus-visible:outline-2 focus-visible:outline-secondary active:bg-accent active:text-primary active:outline-accent-light w-fit flex-row-reverse">
          <span class="transition duration-300 ease-in-out group-hover:translate-x-1">
        


<div class="min-w:20">
  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" width="20" height="20" fill="currentColor" aria-hidden="true">
      <path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path>
    </svg>
</div>

      </span>
        Read article
  </button>

            </div>
  </div>
</section>

        </div>

                                </div>
  </div>
</section>









<section class="@container relative mx-auto flex flex-col items-stretch mt-16 md:mt-20 xl:mt-24 mb-16 md:mb-20 xl:mb-24 pt-0 pb-0 text-foreground cq-full">
    
    
  <div class="container [&amp;_.cq-full]:mx-0 [&amp;_.cq-full]:w-full">
    <div class="@container relative mx-auto flex flex-col items-stretch lg:max-w-8/10">
                                <header class="mb-6 md:mb-8 xl:mb-10">
                          




  <h2 class="text-center text-primary text-2xl md:text-3xl lg:text-4xl">      Allies in the fight against climate change
  </h2>

          
          </header>
              
      <div class="grid w-full min-w-0 gap-4 @sm:gap-6 @3xl:gap-8 [&amp;&gt;*]:w-full [&amp;&gt;*]:min-w-0 [&amp;_.view-content]:grid [&amp;_.view-content]:w-full [&amp;_.view-content]:min-w-0 [&amp;_.view-content]:gap-4 [&amp;_.view-content]:md:gap-6 [&amp;_.view-content]:xl:gap-8 sm:grid-cols-2 lg:grid-cols-5 [&amp;&gt;*:first-child]:order-1 md:[&amp;&gt;*:first-child]:-order-1 [&amp;&gt;*:last-child]:-order-1 md:[&amp;&gt;*:last-child]:order-1">
            


<div class="max-w-full md:min-h-[80px] bg-none text-foreground rounded-sm">
  <div class="flex h-[100%] items-center justify-center p-[10%]">
                            <img class="image" src="/themes/contrib/haven_theme/components/card-logo/assets/haven-gray.png" alt="Placeholder brand logo" width="215" height="56" loading="lazy" data-component-id="canvas:image">
                    </div>
</div>



<div class="max-w-full md:min-h-[80px] bg-none text-foreground rounded-sm">
  <div class="flex h-[100%] items-center justify-center p-[10%]">
                            <img class="image" src="/themes/contrib/haven_theme/components/card-logo/assets/haven-gray.png" alt="Placeholder brand logo" width="215" height="56" loading="lazy" data-component-id="canvas:image">
                    </div>
</div>



<div class="max-w-full md:min-h-[80px] bg-none text-foreground rounded-sm">
  <div class="flex h-[100%] items-center justify-center p-[10%]">
                            <img class="image" src="/themes/contrib/haven_theme/components/card-logo/assets/haven-gray.png" alt="Placeholder brand logo" width="215" height="56" loading="lazy" data-component-id="canvas:image">
                    </div>
</div>



<div class="max-w-full md:min-h-[80px] bg-none text-foreground rounded-sm">
  <div class="flex h-[100%] items-center justify-center p-[10%]">
                            <img class="image" src="/themes/contrib/haven_theme/components/card-logo/assets/haven-gray.png" alt="Placeholder brand logo" width="215" height="56" loading="lazy" data-component-id="canvas:image">
                    </div>
</div>



<div class="max-w-full md:min-h-[80px] bg-none text-foreground rounded-sm">
  <div class="flex h-[100%] items-center justify-center p-[10%]">
                            <img class="image" src="/themes/contrib/haven_theme/components/card-logo/assets/haven-gray.png" alt="Placeholder brand logo" width="215" height="56" loading="lazy" data-component-id="canvas:image">
                    </div>
</div>

        </div>

                                </div>
  </div>
</section>









<section class="@container relative mx-auto flex flex-col items-stretch mt-8 md:mt-10 xl:mt-12 mb-8 md:mb-10 xl:mb-12 pt-0 pb-0 text-foreground cq-full">
    
    
  <div class="container [&amp;_.cq-full]:mx-0 [&amp;_.cq-full]:w-full">
    <div class="@container relative mx-auto flex flex-col items-stretch lg:max-w-full">
                                <header class="mb-6 md:mb-8 xl:mb-10">
                          




  <h2 class="text-left text-foreground text-2xl md:text-3xl lg:text-4xl">      Our latest insights
  </h2>

          
          </header>
              
      <div class="grid w-full min-w-0 gap-4 @sm:gap-6 @3xl:gap-8 [&amp;&gt;*]:w-full [&amp;&gt;*]:min-w-0 [&amp;_.view-content]:grid [&amp;_.view-content]:w-full [&amp;_.view-content]:min-w-0 [&amp;_.view-content]:gap-4 [&amp;_.view-content]:md:gap-6 [&amp;_.view-content]:xl:gap-8 grid-cols-1 [&amp;_.view-content]:md:grid-cols-3">
            <div id="block-c3a3fb0a-0e74-4f98-b34a-01c1911a62a8">
  
    
      <div class="views-element-container"><div class="view view-blog view-id-blog view-display-id-latest js-view-dom-id-5dabd05817bb69f377f58c1739c6f7fa9e967ac7d93419bf002b1f0210429d4e">
  
    
      
            <div class="view-content">
        
    <div class="views-row">



<div class="group relative flex flex-col justify-between gap-8 rounded-[20px] bg-white p-4 text-black transition duration-300 in-[.views-row]:h-full hover:scale-104 hover:shadow-2xl">
  <div class="@container flex w-full flex-col items-baseline gap-4">
        <h3 class="text-xl font-semibold text-primary @sm:text-2xl @2xl:text-3xl">
              <a href="/blog/2026-08/what-reefs-are-telling-us" class="after:absolute after:inset-0 after:content-['']">What the reefs are telling us</a>
          </h3>
  </div>

  <div class="@container flex w-full flex-col gap-2 md:gap-3">
          <span class="text-xs @sm:text-sm">21 August 2026</span>
              <div class="mt-auto aspect-video overflow-hidden rounded-sm">
                  <img class="object-cover w-full h-full" src="/sites/default/files/2026-03/kristin-hoel-vJGsAdVDaRw-unsplash.jpg?alternateWidths=/sites/default/files/styles/canvas_parametrized_width--%7Bwidth%7D/public/2026-03/kristin-hoel-vJGsAdVDaRw-unsplash.jpg.avif%3Fitok%3DJqsOwKdS" srcset="/sites/default/files/styles/canvas_parametrized_width--16/public/2026-03/kristin-hoel-vJGsAdVDaRw-unsplash.jpg.avif?itok=JqsOwKdS 16w, /sites/default/files/styles/canvas_parametrized_width--32/public/2026-03/kristin-hoel-vJGsAdVDaRw-unsplash.jpg.avif?itok=JqsOwKdS 32w, /sites/default/files/styles/canvas_parametrized_width--48/public/2026-03/kristin-hoel-vJGsAdVDaRw-unsplash.jpg.avif?itok=JqsOwKdS 48w, /sites/default/files/styles/canvas_parametrized_width--64/public/2026-03/kristin-hoel-vJGsAdVDaRw-unsplash.jpg.avif?itok=JqsOwKdS 64w, /sites/default/files/styles/canvas_parametrized_width--96/public/2026-03/kristin-hoel-vJGsAdVDaRw-unsplash.jpg.avif?itok=JqsOwKdS 96w, /sites/default/files/styles/canvas_parametrized_width--128/public/2026-03/kristin-hoel-vJGsAdVDaRw-unsplash.jpg.avif?itok=JqsOwKdS 128w, /sites/default/files/styles/canvas_parametrized_width--256/public/2026-03/kristin-hoel-vJGsAdVDaRw-unsplash.jpg.avif?itok=JqsOwKdS 256w, /sites/default/files/styles/canvas_parametrized_width--384/public/2026-03/kristin-hoel-vJGsAdVDaRw-unsplash.jpg.avif?itok=JqsOwKdS 384w, /sites/default/files/styles/canvas_parametrized_width--640/public/2026-03/kristin-hoel-vJGsAdVDaRw-unsplash.jpg.avif?itok=JqsOwKdS 640w, /sites/default/files/styles/canvas_parametrized_width--750/public/2026-03/kristin-hoel-vJGsAdVDaRw-unsplash.jpg.avif?itok=JqsOwKdS 750w, /sites/default/files/styles/canvas_parametrized_width--828/public/2026-03/kristin-hoel-vJGsAdVDaRw-unsplash.jpg.avif?itok=JqsOwKdS 828w, /sites/default/files/styles/canvas_parametrized_width--1080/public/2026-03/kristin-hoel-vJGsAdVDaRw-unsplash.jpg.avif?itok=JqsOwKdS 1080w, /sites/default/files/styles/canvas_parametrized_width--1200/public/2026-03/kristin-hoel-vJGsAdVDaRw-unsplash.jpg.avif?itok=JqsOwKdS 1200w, /sites/default/files/styles/canvas_parametrized_width--1920/public/2026-03/kristin-hoel-vJGsAdVDaRw-unsplash.jpg.avif?itok=JqsOwKdS 1920w, /sites/default/files/styles/canvas_parametrized_width--2048/public/2026-03/kristin-hoel-vJGsAdVDaRw-unsplash.jpg.avif?itok=JqsOwKdS 2048w, /sites/default/files/styles/canvas_parametrized_width--3840/public/2026-03/kristin-hoel-vJGsAdVDaRw-unsplash.jpg.avif?itok=JqsOwKdS 3840w" sizes="50vw" alt="A shallow coral reef that appears vibrant and healthy." width="3525" height="2787" loading="lazy" data-component-id="canvas:image">
              </div>
      </div>
</div>
</div>
    <div class="views-row">



<div class="group relative flex flex-col justify-between gap-8 rounded-[20px] bg-white p-4 text-black transition duration-300 in-[.views-row]:h-full hover:scale-104 hover:shadow-2xl">
  <div class="@container flex w-full flex-col items-baseline gap-4">
        <h3 class="text-xl font-semibold text-primary @sm:text-2xl @2xl:text-3xl">
              <a href="/blog/2026-08/six-months-without-car-what-actually-changed" class="after:absolute after:inset-0 after:content-['']">Six months without a car: what actually changed</a>
          </h3>
  </div>

  <div class="@container flex w-full flex-col gap-2 md:gap-3">
          <span class="text-xs @sm:text-sm">21 August 2026</span>
              <div class="mt-auto aspect-video overflow-hidden rounded-sm">
                  <img class="object-cover w-full h-full" src="/sites/default/files/2026-03/eryk-piotr-munk-6suAlm4mp74-unsplash.jpg?alternateWidths=/sites/default/files/styles/canvas_parametrized_width--%7Bwidth%7D/public/2026-03/eryk-piotr-munk-6suAlm4mp74-unsplash.jpg.avif%3Fitok%3DtAz7wgRr" srcset="/sites/default/files/styles/canvas_parametrized_width--16/public/2026-03/eryk-piotr-munk-6suAlm4mp74-unsplash.jpg.avif?itok=tAz7wgRr 16w, /sites/default/files/styles/canvas_parametrized_width--32/public/2026-03/eryk-piotr-munk-6suAlm4mp74-unsplash.jpg.avif?itok=tAz7wgRr 32w, /sites/default/files/styles/canvas_parametrized_width--48/public/2026-03/eryk-piotr-munk-6suAlm4mp74-unsplash.jpg.avif?itok=tAz7wgRr 48w, /sites/default/files/styles/canvas_parametrized_width--64/public/2026-03/eryk-piotr-munk-6suAlm4mp74-unsplash.jpg.avif?itok=tAz7wgRr 64w, /sites/default/files/styles/canvas_parametrized_width--96/public/2026-03/eryk-piotr-munk-6suAlm4mp74-unsplash.jpg.avif?itok=tAz7wgRr 96w, /sites/default/files/styles/canvas_parametrized_width--128/public/2026-03/eryk-piotr-munk-6suAlm4mp74-unsplash.jpg.avif?itok=tAz7wgRr 128w, /sites/default/files/styles/canvas_parametrized_width--256/public/2026-03/eryk-piotr-munk-6suAlm4mp74-unsplash.jpg.avif?itok=tAz7wgRr 256w, /sites/default/files/styles/canvas_parametrized_width--384/public/2026-03/eryk-piotr-munk-6suAlm4mp74-unsplash.jpg.avif?itok=tAz7wgRr 384w, /sites/default/files/styles/canvas_parametrized_width--640/public/2026-03/eryk-piotr-munk-6suAlm4mp74-unsplash.jpg.avif?itok=tAz7wgRr 640w, /sites/default/files/styles/canvas_parametrized_width--750/public/2026-03/eryk-piotr-munk-6suAlm4mp74-unsplash.jpg.avif?itok=tAz7wgRr 750w, /sites/default/files/styles/canvas_parametrized_width--828/public/2026-03/eryk-piotr-munk-6suAlm4mp74-unsplash.jpg.avif?itok=tAz7wgRr 828w, /sites/default/files/styles/canvas_parametrized_width--1080/public/2026-03/eryk-piotr-munk-6suAlm4mp74-unsplash.jpg.avif?itok=tAz7wgRr 1080w, /sites/default/files/styles/canvas_parametrized_width--1200/public/2026-03/eryk-piotr-munk-6suAlm4mp74-unsplash.jpg.avif?itok=tAz7wgRr 1200w, /sites/default/files/styles/canvas_parametrized_width--1920/public/2026-03/eryk-piotr-munk-6suAlm4mp74-unsplash.jpg.avif?itok=tAz7wgRr 1920w, /sites/default/files/styles/canvas_parametrized_width--2048/public/2026-03/eryk-piotr-munk-6suAlm4mp74-unsplash.jpg.avif?itok=tAz7wgRr 2048w, /sites/default/files/styles/canvas_parametrized_width--3840/public/2026-03/eryk-piotr-munk-6suAlm4mp74-unsplash.jpg.avif?itok=tAz7wgRr 3840w" sizes="50vw" alt="Cyclists and pedestrians crossing a bridge in a city with tall buildings behind them." width="5395" height="3014" loading="lazy" data-component-id="canvas:image">
              </div>
      </div>
</div>
</div>
    <div class="views-row">



<div class="group relative flex flex-col justify-between gap-8 rounded-[20px] bg-white p-4 text-black transition duration-300 in-[.views-row]:h-full hover:scale-104 hover:shadow-2xl">
  <div class="@container flex w-full flex-col items-baseline gap-4">
        <h3 class="text-xl font-semibold text-primary @sm:text-2xl @2xl:text-3xl">
              <a href="/blog/2026-08/what-your-local-council-can-do-about-climate-change-right-now" class="after:absolute after:inset-0 after:content-['']">What your local council can do about climate change right now</a>
          </h3>
  </div>

  <div class="@container flex w-full flex-col gap-2 md:gap-3">
          <span class="text-xs @sm:text-sm">21 August 2026</span>
              <div class="mt-auto aspect-video overflow-hidden rounded-sm">
                  <img class="object-cover w-full h-full" src="/sites/default/files/2026-03/allphoto-bangkok-5JIt63h3e0s-unsplash.jpg?alternateWidths=/sites/default/files/styles/canvas_parametrized_width--%7Bwidth%7D/public/2026-03/allphoto-bangkok-5JIt63h3e0s-unsplash.jpg.avif%3Fitok%3DDvoR_bUl" srcset="/sites/default/files/styles/canvas_parametrized_width--16/public/2026-03/allphoto-bangkok-5JIt63h3e0s-unsplash.jpg.avif?itok=DvoR_bUl 16w, /sites/default/files/styles/canvas_parametrized_width--32/public/2026-03/allphoto-bangkok-5JIt63h3e0s-unsplash.jpg.avif?itok=DvoR_bUl 32w, /sites/default/files/styles/canvas_parametrized_width--48/public/2026-03/allphoto-bangkok-5JIt63h3e0s-unsplash.jpg.avif?itok=DvoR_bUl 48w, /sites/default/files/styles/canvas_parametrized_width--64/public/2026-03/allphoto-bangkok-5JIt63h3e0s-unsplash.jpg.avif?itok=DvoR_bUl 64w, /sites/default/files/styles/canvas_parametrized_width--96/public/2026-03/allphoto-bangkok-5JIt63h3e0s-unsplash.jpg.avif?itok=DvoR_bUl 96w, /sites/default/files/styles/canvas_parametrized_width--128/public/2026-03/allphoto-bangkok-5JIt63h3e0s-unsplash.jpg.avif?itok=DvoR_bUl 128w, /sites/default/files/styles/canvas_parametrized_width--256/public/2026-03/allphoto-bangkok-5JIt63h3e0s-unsplash.jpg.avif?itok=DvoR_bUl 256w, /sites/default/files/styles/canvas_parametrized_width--384/public/2026-03/allphoto-bangkok-5JIt63h3e0s-unsplash.jpg.avif?itok=DvoR_bUl 384w, /sites/default/files/styles/canvas_parametrized_width--640/public/2026-03/allphoto-bangkok-5JIt63h3e0s-unsplash.jpg.avif?itok=DvoR_bUl 640w, /sites/default/files/styles/canvas_parametrized_width--750/public/2026-03/allphoto-bangkok-5JIt63h3e0s-unsplash.jpg.avif?itok=DvoR_bUl 750w, /sites/default/files/styles/canvas_parametrized_width--828/public/2026-03/allphoto-bangkok-5JIt63h3e0s-unsplash.jpg.avif?itok=DvoR_bUl 828w, /sites/default/files/styles/canvas_parametrized_width--1080/public/2026-03/allphoto-bangkok-5JIt63h3e0s-unsplash.jpg.avif?itok=DvoR_bUl 1080w, /sites/default/files/styles/canvas_parametrized_width--1200/public/2026-03/allphoto-bangkok-5JIt63h3e0s-unsplash.jpg.avif?itok=DvoR_bUl 1200w, /sites/default/files/styles/canvas_parametrized_width--1920/public/2026-03/allphoto-bangkok-5JIt63h3e0s-unsplash.jpg.avif?itok=DvoR_bUl 1920w, /sites/default/files/styles/canvas_parametrized_width--2048/public/2026-03/allphoto-bangkok-5JIt63h3e0s-unsplash.jpg.avif?itok=DvoR_bUl 2048w, /sites/default/files/styles/canvas_parametrized_width--3840/public/2026-03/allphoto-bangkok-5JIt63h3e0s-unsplash.jpg.avif?itok=DvoR_bUl 3840w" sizes="50vw" alt="An aerial photo of a medium density urban landscape with vibrate colored buildings." width="6000" height="4000" loading="lazy" data-component-id="canvas:image">
              </div>
      </div>
</div>
</div>

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

  </div>

        </div>

                                </div>
  </div>
</section>









<section class="relative flex h-full md:flex-row-reverse flex-col p-4 md:p-8">
      <div class="absolute inset-0 z-[-1] rounded-lg bg-white text-primary-foreground"></div>
  
  <div class="flex-1 overflow-hidden aspect-1/1 rounded-lg">
          <img class="object-cover w-full h-full" src="/sites/default/files/2026-03/hyundai-motor-group-Q-raGGIRNgE-unsplash.jpg?alternateWidths=/sites/default/files/styles/canvas_parametrized_width--%7Bwidth%7D/public/2026-03/hyundai-motor-group-Q-raGGIRNgE-unsplash.jpg.avif%3Fitok%3DJtVASKMB" srcset="/sites/default/files/styles/canvas_parametrized_width--16/public/2026-03/hyundai-motor-group-Q-raGGIRNgE-unsplash.jpg.avif?itok=JtVASKMB 16w, /sites/default/files/styles/canvas_parametrized_width--32/public/2026-03/hyundai-motor-group-Q-raGGIRNgE-unsplash.jpg.avif?itok=JtVASKMB 32w, /sites/default/files/styles/canvas_parametrized_width--48/public/2026-03/hyundai-motor-group-Q-raGGIRNgE-unsplash.jpg.avif?itok=JtVASKMB 48w, /sites/default/files/styles/canvas_parametrized_width--64/public/2026-03/hyundai-motor-group-Q-raGGIRNgE-unsplash.jpg.avif?itok=JtVASKMB 64w, /sites/default/files/styles/canvas_parametrized_width--96/public/2026-03/hyundai-motor-group-Q-raGGIRNgE-unsplash.jpg.avif?itok=JtVASKMB 96w, /sites/default/files/styles/canvas_parametrized_width--128/public/2026-03/hyundai-motor-group-Q-raGGIRNgE-unsplash.jpg.avif?itok=JtVASKMB 128w, /sites/default/files/styles/canvas_parametrized_width--256/public/2026-03/hyundai-motor-group-Q-raGGIRNgE-unsplash.jpg.avif?itok=JtVASKMB 256w, /sites/default/files/styles/canvas_parametrized_width--384/public/2026-03/hyundai-motor-group-Q-raGGIRNgE-unsplash.jpg.avif?itok=JtVASKMB 384w, /sites/default/files/styles/canvas_parametrized_width--640/public/2026-03/hyundai-motor-group-Q-raGGIRNgE-unsplash.jpg.avif?itok=JtVASKMB 640w, /sites/default/files/styles/canvas_parametrized_width--750/public/2026-03/hyundai-motor-group-Q-raGGIRNgE-unsplash.jpg.avif?itok=JtVASKMB 750w, /sites/default/files/styles/canvas_parametrized_width--828/public/2026-03/hyundai-motor-group-Q-raGGIRNgE-unsplash.jpg.avif?itok=JtVASKMB 828w, /sites/default/files/styles/canvas_parametrized_width--1080/public/2026-03/hyundai-motor-group-Q-raGGIRNgE-unsplash.jpg.avif?itok=JtVASKMB 1080w, /sites/default/files/styles/canvas_parametrized_width--1200/public/2026-03/hyundai-motor-group-Q-raGGIRNgE-unsplash.jpg.avif?itok=JtVASKMB 1200w, /sites/default/files/styles/canvas_parametrized_width--1920/public/2026-03/hyundai-motor-group-Q-raGGIRNgE-unsplash.jpg.avif?itok=JtVASKMB 1920w, /sites/default/files/styles/canvas_parametrized_width--2048/public/2026-03/hyundai-motor-group-Q-raGGIRNgE-unsplash.jpg.avif?itok=JtVASKMB 2048w, /sites/default/files/styles/canvas_parametrized_width--3840/public/2026-03/hyundai-motor-group-Q-raGGIRNgE-unsplash.jpg.avif?itok=JtVASKMB 3840w" sizes="50vw" alt="A woman leans back on the hood of an electric vehicle with the dusk sky in the distance." width="7087" height="4626" loading="eager" data-component-id="canvas:image">
      </div>
  <div class="self-center md:flex-1">
    <div class="flex flex-col gap-6 py-4 md:px-6">
                  




  <h2 class="text-left text-secondary text-3xl md:text-4xl lg:text-5xl">      Electric vehicle infrastructure project
  </h2>



<div class="font-serif [&amp;_h2]:mt-6 [&amp;_h2]:mb-3 [&amp;_h3]:mt-4 [&amp;_h3]:mb-2 [&amp;_h4]:mt-3 [&amp;_h4]:mb-1 [&amp;_h5]:my-2 [&amp;_h6]:my-1 [&amp;_h2]:text-2xl [&amp;_h2]:lg:text-3xl [&amp;_h3]:text-xl [&amp;_h3]:lg:text-2xl [&amp;_h4]:text-lg [&amp;_h4]:lg:text-xl [&amp;_li]:mb-1 [&amp;_ol]:my-4 [&amp;_ol]:list-decimal [&amp;_ul]:my-4 [&amp;&gt;*:first-child]:mt-0 [&amp;&gt;*:last-child]:mb-0 [&amp;_a]:underline [&amp;_a]:underline-offset-2 [&amp;_a]:transition [&amp;_a]:duration-300 [&amp;_table]:my-6 [&amp;_td]:p-3 [&amp;_th]:p-3 [&amp;_tr]:border-b [&amp;_tr]:border-b-border/40 [&amp;_blockquote]:xl:3xl [&amp;_blockquote]:text-xl [&amp;_blockquote]:italic [&amp;_blockquote]:md:text-2xl [&amp;_blockquote]:m-auto [&amp;_blockquote]:max-w-3xl [&amp;_blockquote]:[&amp;&gt;*:last-child]:mb-0 [&amp;_blockquote]:my-8 [&amp;_blockquote]:border-l-4 [&amp;_blockquote]:border-border/40 [&amp;_blockquote]:py-1.5 [&amp;_blockquote]:pl-4 [&amp;_figure]:my-6 [&amp;_figure]:w-fit [&amp;_div.align-center]:my-6 [&amp;_div.align-center]:w-fit [&amp;_figcaption]:block [&amp;_figcaption]:pt-2 [&amp;_figcaption]:pb-3 [&amp;_figcaption]:text-sm [&amp;_figcaption]:opacity-80 [&amp;_figcaption]:lg:text-base text-foreground [&amp;_a]:hover:text-foreground/70 text-lg md:text-xl xl:text-2xl">
  <p>Access to electric vehicles is growing &mdash; but access to reliable charging infrastructure is not keeping pace, especially in rural areas and lower-income communities. This project works with local governments, utilities, and community organizations to plan and advocate for equitable EV charging networks that serve everyone, not just those in affluent urban neighborhoods.</p>
</div>






  <button class="group flex items-center justify-center transition duration-300 ease-in-out rounded-full leading-tight font-medium cursor-pointer no-underline outline-none hover:no-underline focus-visible:outline-1 focus-visible:outline-solid active:outline-1 active:outline-solid disabled:pointer-events-none disabled:bg-muted disabled:text-muted-foreground border gap-2 px-5 py-2.5 text-md xl:py-3 xl:text-lg border-secondary text-secondary hover:border-secondary-dark hover:bg-accent hover:text-secondary-dark focus-visible:border-transparent focus-visible:bg-accent focus-visible:text-secondary-dark focus-visible:outline-secondary-dark active:border-transparent active:bg-accent active:text-secondary active:outline-secondary-dark w-fit flex-row-reverse">
          <span class="transition duration-300 ease-in-out group-hover:translate-x-1">
        


<div class="min-w:20">
  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" width="20" height="20" fill="currentColor" aria-hidden="true">
      <path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path>
    </svg>
</div>

      </span>
        More about this project
  </button>

            </div>
  </div>
</section>









<section class="@container relative mx-auto flex flex-col items-stretch mt-8 md:mt-10 xl:mt-12 mb-8 md:mb-10 xl:mb-12 pt-10 md:pt-12 xl:pt-16 pb-10 md:pb-13 xl:pb-16 text-secondary-foreground">
              <div class="absolute inset-0 z-[-1]">
        <img class="h-full w-full object-cover rounded-md grayscale-75" src="/sites/default/files/2026-03/6e99182fd81852a2dccef19652add8329e087854.jpg?alternateWidths=/sites/default/files/styles/canvas_parametrized_width--%7Bwidth%7D/public/2026-03/6e99182fd81852a2dccef19652add8329e087854.jpg.avif%3Fitok%3Dlm3jR8Cj" srcset="/sites/default/files/styles/canvas_parametrized_width--16/public/2026-03/6e99182fd81852a2dccef19652add8329e087854.jpg.avif?itok=lm3jR8Cj 16w, /sites/default/files/styles/canvas_parametrized_width--32/public/2026-03/6e99182fd81852a2dccef19652add8329e087854.jpg.avif?itok=lm3jR8Cj 32w, /sites/default/files/styles/canvas_parametrized_width--48/public/2026-03/6e99182fd81852a2dccef19652add8329e087854.jpg.avif?itok=lm3jR8Cj 48w, /sites/default/files/styles/canvas_parametrized_width--64/public/2026-03/6e99182fd81852a2dccef19652add8329e087854.jpg.avif?itok=lm3jR8Cj 64w, /sites/default/files/styles/canvas_parametrized_width--96/public/2026-03/6e99182fd81852a2dccef19652add8329e087854.jpg.avif?itok=lm3jR8Cj 96w, /sites/default/files/styles/canvas_parametrized_width--128/public/2026-03/6e99182fd81852a2dccef19652add8329e087854.jpg.avif?itok=lm3jR8Cj 128w, /sites/default/files/styles/canvas_parametrized_width--256/public/2026-03/6e99182fd81852a2dccef19652add8329e087854.jpg.avif?itok=lm3jR8Cj 256w, /sites/default/files/styles/canvas_parametrized_width--384/public/2026-03/6e99182fd81852a2dccef19652add8329e087854.jpg.avif?itok=lm3jR8Cj 384w, /sites/default/files/styles/canvas_parametrized_width--640/public/2026-03/6e99182fd81852a2dccef19652add8329e087854.jpg.avif?itok=lm3jR8Cj 640w, /sites/default/files/styles/canvas_parametrized_width--750/public/2026-03/6e99182fd81852a2dccef19652add8329e087854.jpg.avif?itok=lm3jR8Cj 750w, /sites/default/files/styles/canvas_parametrized_width--828/public/2026-03/6e99182fd81852a2dccef19652add8329e087854.jpg.avif?itok=lm3jR8Cj 828w, /sites/default/files/styles/canvas_parametrized_width--1080/public/2026-03/6e99182fd81852a2dccef19652add8329e087854.jpg.avif?itok=lm3jR8Cj 1080w, /sites/default/files/styles/canvas_parametrized_width--1200/public/2026-03/6e99182fd81852a2dccef19652add8329e087854.jpg.avif?itok=lm3jR8Cj 1200w, /sites/default/files/styles/canvas_parametrized_width--1920/public/2026-03/6e99182fd81852a2dccef19652add8329e087854.jpg.avif?itok=lm3jR8Cj 1920w, /sites/default/files/styles/canvas_parametrized_width--2048/public/2026-03/6e99182fd81852a2dccef19652add8329e087854.jpg.avif?itok=lm3jR8Cj 2048w, /sites/default/files/styles/canvas_parametrized_width--3840/public/2026-03/6e99182fd81852a2dccef19652add8329e087854.jpg.avif?itok=lm3jR8Cj 3840w" sizes="auto 100vw" alt="A close-up image of green leaves." width="2559" height="1706" loading="lazy" data-component-id="canvas:image">
      </div>
      
        <div class="absolute inset-0 z-[-1] opacity-50 rounded-md bg-secondary-dark"></div>
  
  <div class="container [&amp;_.cq-full]:mx-0 [&amp;_.cq-full]:w-full">
    <div class="@container relative mx-auto flex flex-col items-stretch lg:max-w-9/10">
                                <header class="mb-6 md:mb-8 xl:mb-10">
                          



<div class="flex bg-none flex-col items-start justify-start self-center gap-8 rounded-sm">
      



  <span aria-label="Our focus" class="rounded-full flex inline-flex items-center gap-[2px] lg:gap-1 px-5 py-2 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] bg-accent/75 text-primary flex-row">
        <span class="font-sans text-sm leading-none font-bold uppercase">Our focus</span>
  </span>





  <h2 class="text-left text-primary-foreground text-4xl md:text-5xl lg:text-6xl">      Developing smart, scalable solutions to tackle global challenges
  </h2>

  </div>



          
          </header>
              
      <div class="grid w-full min-w-0 gap-4 @sm:gap-6 @3xl:gap-8 [&amp;&gt;*]:w-full [&amp;&gt;*]:min-w-0 [&amp;_.view-content]:grid [&amp;_.view-content]:w-full [&amp;_.view-content]:min-w-0 [&amp;_.view-content]:gap-4 [&amp;_.view-content]:md:gap-6 [&amp;_.view-content]:xl:gap-8 md:grid-cols-3">
            







<div class="relative p-6 md:p-8 bg-muted/10 text-muted-foreground transition duration-300 hover:bg-muted/20 text-primary-foreground aspect-none rounded-xl md:rounded-2xl">
  <div class="flex h-full flex-col justify-center">
    <div class="flex w-full justify-end">
              


<div class="min-w:48">
  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" width="48" height="48" fill="currentColor" aria-hidden="true">
      <path d="M136,116a12,12,0,1,1,12,12A12,12,0,0,1,136,116Zm87.8-30.62A80.09,80.09,0,0,1,144,160H112a12,12,0,0,0,0,24h56a8,8,0,0,1,0,16H120v16h32a8,8,0,0,1,0,16H96A80,80,0,0,1,96,72H212a12,12,0,0,0,0-24H128a24,24,0,0,1-24-24,8,8,0,0,1,16,0,8,8,0,0,0,8,8h84a28,28,0,0,1,11.8,53.38Zm-173,111.91,33.22-23.73c0-.51,0-1,0-1.56a28,28,0,0,1,1-7.48L33,140.87a63.74,63.74,0,0,0,17.84,56.42Zm39-8.2L64.12,207.46A63.6,63.6,0,0,0,96,216h8V198.83A28.13,28.13,0,0,1,89.84,189.09ZM104,145.17V88H96a64.07,64.07,0,0,0-58.22,37.48l55.87,25.39A28,28,0,0,1,104,145.17ZM207.5,88H120v56h24A64.09,64.09,0,0,0,207.5,88Z"></path>
    </svg>
</div>

          </div>

    <div class="w-full pt-2 text-center">
                        <span class="flex w-full flex-col before:absolute before:inset-0 before:content-['']">
                          <h3>Accelerating the shift to renewable energy</h3>
                                      <span class="mt-3"><p>Supporting community-owned clean energy projects that cut costs, reduce emissions, and keep the benefits local.</p></span>
                      </span>
                  </div>
  </div>
</div>








<div class="relative p-6 md:p-8 bg-muted/10 text-muted-foreground transition duration-300 hover:bg-muted/20 text-primary-foreground aspect-none rounded-xl md:rounded-2xl">
  <div class="flex h-full flex-col justify-center">
    <div class="flex w-full justify-end">
              


<div class="min-w:48">
  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" width="48" height="48" fill="currentColor" aria-hidden="true">
      <path d="M136,116a12,12,0,1,1,12,12A12,12,0,0,1,136,116Zm87.8-30.62A80.09,80.09,0,0,1,144,160H112a12,12,0,0,0,0,24h56a8,8,0,0,1,0,16H120v16h32a8,8,0,0,1,0,16H96A80,80,0,0,1,96,72H212a12,12,0,0,0,0-24H128a24,24,0,0,1-24-24,8,8,0,0,1,16,0,8,8,0,0,0,8,8h84a28,28,0,0,1,11.8,53.38Zm-173,111.91,33.22-23.73c0-.51,0-1,0-1.56a28,28,0,0,1,1-7.48L33,140.87a63.74,63.74,0,0,0,17.84,56.42Zm39-8.2L64.12,207.46A63.6,63.6,0,0,0,96,216h8V198.83A28.13,28.13,0,0,1,89.84,189.09ZM104,145.17V88H96a64.07,64.07,0,0,0-58.22,37.48l55.87,25.39A28,28,0,0,1,104,145.17ZM207.5,88H120v56h24A64.09,64.09,0,0,0,207.5,88Z"></path>
    </svg>
</div>

          </div>

    <div class="w-full pt-2 text-center">
                        <span class="flex w-full flex-col before:absolute before:inset-0 before:content-['']">
                          <h3>Strengthening coastal and ocean resilience</h3>
                                      <span class="mt-3"><p>Funding reef restoration, mangrove protection, and research into ocean-based carbon sequestration.</p></span>
                      </span>
                  </div>
  </div>
</div>








<div class="relative p-6 md:p-8 bg-muted/10 text-muted-foreground transition duration-300 hover:bg-muted/20 text-primary-foreground aspect-none rounded-xl md:rounded-2xl">
  <div class="flex h-full flex-col justify-center">
    <div class="flex w-full justify-end">
              


<div class="min-w:48">
  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" width="48" height="48" fill="currentColor" aria-hidden="true">
      <path d="M136,116a12,12,0,1,1,12,12A12,12,0,0,1,136,116Zm87.8-30.62A80.09,80.09,0,0,1,144,160H112a12,12,0,0,0,0,24h56a8,8,0,0,1,0,16H120v16h32a8,8,0,0,1,0,16H96A80,80,0,0,1,96,72H212a12,12,0,0,0,0-24H128a24,24,0,0,1-24-24,8,8,0,0,1,16,0,8,8,0,0,0,8,8h84a28,28,0,0,1,11.8,53.38Zm-173,111.91,33.22-23.73c0-.51,0-1,0-1.56a28,28,0,0,1,1-7.48L33,140.87a63.74,63.74,0,0,0,17.84,56.42Zm39-8.2L64.12,207.46A63.6,63.6,0,0,0,96,216h8V198.83A28.13,28.13,0,0,1,89.84,189.09ZM104,145.17V88H96a64.07,64.07,0,0,0-58.22,37.48l55.87,25.39A28,28,0,0,1,104,145.17ZM207.5,88H120v56h24A64.09,64.09,0,0,0,207.5,88Z"></path>
    </svg>
</div>

          </div>

    <div class="w-full pt-2 text-center">
                        <span class="flex w-full flex-col before:absolute before:inset-0 before:content-['']">
                          <h3>Building climate literacy in schools</h3>
                                      <span class="mt-3"><p>Equipping students and teachers with the knowledge and tools to understand the crisis and act.</p></span>
                      </span>
                  </div>
  </div>
</div>








<div class="relative p-6 md:p-8 bg-muted/10 text-muted-foreground transition duration-300 hover:bg-muted/20 text-primary-foreground aspect-none rounded-xl md:rounded-2xl">
  <div class="flex h-full flex-col justify-center">
    <div class="flex w-full justify-end">
              


<div class="min-w:48">
  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" width="48" height="48" fill="currentColor" aria-hidden="true">
      <path d="M136,116a12,12,0,1,1,12,12A12,12,0,0,1,136,116Zm87.8-30.62A80.09,80.09,0,0,1,144,160H112a12,12,0,0,0,0,24h56a8,8,0,0,1,0,16H120v16h32a8,8,0,0,1,0,16H96A80,80,0,0,1,96,72H212a12,12,0,0,0,0-24H128a24,24,0,0,1-24-24,8,8,0,0,1,16,0,8,8,0,0,0,8,8h84a28,28,0,0,1,11.8,53.38Zm-173,111.91,33.22-23.73c0-.51,0-1,0-1.56a28,28,0,0,1,1-7.48L33,140.87a63.74,63.74,0,0,0,17.84,56.42Zm39-8.2L64.12,207.46A63.6,63.6,0,0,0,96,216h8V198.83A28.13,28.13,0,0,1,89.84,189.09ZM104,145.17V88H96a64.07,64.07,0,0,0-58.22,37.48l55.87,25.39A28,28,0,0,1,104,145.17ZM207.5,88H120v56h24A64.09,64.09,0,0,0,207.5,88Z"></path>
    </svg>
</div>

          </div>

    <div class="w-full pt-2 text-center">
                        <span class="flex w-full flex-col before:absolute before:inset-0 before:content-['']">
                          <h3>Reducing emissions in the built environment</h3>
                                      <span class="mt-3"><p>Working with cities and developers to retrofit buildings and slash energy use where people live and work.</p></span>
                      </span>
                  </div>
  </div>
</div>








<div class="relative p-6 md:p-8 bg-muted/10 text-muted-foreground transition duration-300 hover:bg-muted/20 text-primary-foreground aspect-none rounded-xl md:rounded-2xl">
  <div class="flex h-full flex-col justify-center">
    <div class="flex w-full justify-end">
              


<div class="min-w:48">
  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" width="48" height="48" fill="currentColor" aria-hidden="true">
      <path d="M136,116a12,12,0,1,1,12,12A12,12,0,0,1,136,116Zm87.8-30.62A80.09,80.09,0,0,1,144,160H112a12,12,0,0,0,0,24h56a8,8,0,0,1,0,16H120v16h32a8,8,0,0,1,0,16H96A80,80,0,0,1,96,72H212a12,12,0,0,0,0-24H128a24,24,0,0,1-24-24,8,8,0,0,1,16,0,8,8,0,0,0,8,8h84a28,28,0,0,1,11.8,53.38Zm-173,111.91,33.22-23.73c0-.51,0-1,0-1.56a28,28,0,0,1,1-7.48L33,140.87a63.74,63.74,0,0,0,17.84,56.42Zm39-8.2L64.12,207.46A63.6,63.6,0,0,0,96,216h8V198.83A28.13,28.13,0,0,1,89.84,189.09ZM104,145.17V88H96a64.07,64.07,0,0,0-58.22,37.48l55.87,25.39A28,28,0,0,1,104,145.17ZM207.5,88H120v56h24A64.09,64.09,0,0,0,207.5,88Z"></path>
    </svg>
</div>

          </div>

    <div class="w-full pt-2 text-center">
                        <span class="flex w-full flex-col before:absolute before:inset-0 before:content-['']">
                          <h3>Making climate policy work for everyone</h3>
                                      <span class="mt-3"><p>Advocating for legislation that protects frontline communities and centers justice in the transition.</p></span>
                      </span>
                  </div>
  </div>
</div>








<div class="relative p-6 md:p-8 bg-muted/10 text-muted-foreground transition duration-300 hover:bg-muted/20 text-primary-foreground aspect-none rounded-xl md:rounded-2xl">
  <div class="flex h-full flex-col justify-center">
    <div class="flex w-full justify-end">
              


<div class="min-w:48">
  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" width="48" height="48" fill="currentColor" aria-hidden="true">
      <path d="M136,116a12,12,0,1,1,12,12A12,12,0,0,1,136,116Zm87.8-30.62A80.09,80.09,0,0,1,144,160H112a12,12,0,0,0,0,24h56a8,8,0,0,1,0,16H120v16h32a8,8,0,0,1,0,16H96A80,80,0,0,1,96,72H212a12,12,0,0,0,0-24H128a24,24,0,0,1-24-24,8,8,0,0,1,16,0,8,8,0,0,0,8,8h84a28,28,0,0,1,11.8,53.38Zm-173,111.91,33.22-23.73c0-.51,0-1,0-1.56a28,28,0,0,1,1-7.48L33,140.87a63.74,63.74,0,0,0,17.84,56.42Zm39-8.2L64.12,207.46A63.6,63.6,0,0,0,96,216h8V198.83A28.13,28.13,0,0,1,89.84,189.09ZM104,145.17V88H96a64.07,64.07,0,0,0-58.22,37.48l55.87,25.39A28,28,0,0,1,104,145.17ZM207.5,88H120v56h24A64.09,64.09,0,0,0,207.5,88Z"></path>
    </svg>
</div>

          </div>

    <div class="w-full pt-2 text-center">
                        <span class="flex w-full flex-col before:absolute before:inset-0 before:content-['']">
                          <h3>Restoring ecosystems at scale</h3>
                                      <span class="mt-3"><p>Partnering with scientists and land managers to recover degraded habitats and rebuild biodiversity.</p></span>
                      </span>
                  </div>
  </div>
</div>

        </div>

                                </div>
  </div>
</section>









<section class="@container relative mx-auto flex flex-col items-stretch mt-8 md:mt-10 xl:mt-12 mb-8 md:mb-10 xl:mb-12 pt-0 pb-0 text-foreground cq-full">
    
    
  <div class="container [&amp;_.cq-full]:mx-0 [&amp;_.cq-full]:w-full">
    <div class="@container relative mx-auto flex flex-col items-stretch lg:max-w-full">
                            
      <div class="grid w-full min-w-0 gap-4 @sm:gap-6 @3xl:gap-8 [&amp;&gt;*]:w-full [&amp;&gt;*]:min-w-0 [&amp;_.view-content]:grid [&amp;_.view-content]:w-full [&amp;_.view-content]:min-w-0 [&amp;_.view-content]:gap-4 [&amp;_.view-content]:md:gap-6 [&amp;_.view-content]:xl:gap-8 md:grid-cols-2">
            

<div class="flex h-full flex-col items-start gap-4 rounded-md p-10 text-left bg-muted @container relative">
  <svg class="absolute start-2 top-2 size-16 text-card-foreground/10" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
    <path d="M7.39762 10.3C7.39762 11.0733 7.14888 11.7 6.6514 12.18C6.15392 12.6333 5.52552 12.86 4.76621 12.86C3.84979 12.86 3.09047 12.5533 2.48825 11.94C1.91222 11.3266 1.62421 10.4467 1.62421 9.29999C1.62421 8.07332 1.96459 6.87332 2.64535 5.69999C3.35231 4.49999 4.33418 3.55332 5.59098 2.85999L6.4943 4.25999C5.81354 4.73999 5.26369 5.27332 4.84476 5.85999C4.45201 6.44666 4.19017 7.12666 4.05926 7.89999C4.29491 7.79332 4.56983 7.73999 4.88403 7.73999C5.61716 7.73999 6.21938 7.97999 6.69067 8.45999C7.16197 8.93999 7.39762 9.55333 7.39762 10.3ZM14.6242 10.3C14.6242 11.0733 14.3755 11.7 13.878 12.18C13.3805 12.6333 12.7521 12.86 11.9928 12.86C11.0764 12.86 10.3171 12.5533 9.71484 11.94C9.13881 11.3266 8.85079 10.4467 8.85079 9.29999C8.85079 8.07332 9.19117 6.87332 9.87194 5.69999C10.5789 4.49999 11.5608 3.55332 12.8176 2.85999L13.7209 4.25999C13.0401 4.73999 12.4903 5.27332 12.0713 5.85999C11.6786 6.44666 11.4168 7.12666 11.2858 7.89999C11.5215 7.79332 11.7964 7.73999 12.1106 7.73999C12.8437 7.73999 13.446 7.97999 13.9173 8.45999C14.3886 8.93999 14.6242 9.55333 14.6242 10.3Z" fill="currentColor"></path>
  </svg>
  <svg class="absolute end-2 bottom-2 size-16 rotate-180 text-card-foreground/10" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
    <path d="M7.39762 10.3C7.39762 11.0733 7.14888 11.7 6.6514 12.18C6.15392 12.6333 5.52552 12.86 4.76621 12.86C3.84979 12.86 3.09047 12.5533 2.48825 11.94C1.91222 11.3266 1.62421 10.4467 1.62421 9.29999C1.62421 8.07332 1.96459 6.87332 2.64535 5.69999C3.35231 4.49999 4.33418 3.55332 5.59098 2.85999L6.4943 4.25999C5.81354 4.73999 5.26369 5.27332 4.84476 5.85999C4.45201 6.44666 4.19017 7.12666 4.05926 7.89999C4.29491 7.79332 4.56983 7.73999 4.88403 7.73999C5.61716 7.73999 6.21938 7.97999 6.69067 8.45999C7.16197 8.93999 7.39762 9.55333 7.39762 10.3ZM14.6242 10.3C14.6242 11.0733 14.3755 11.7 13.878 12.18C13.3805 12.6333 12.7521 12.86 11.9928 12.86C11.0764 12.86 10.3171 12.5533 9.71484 11.94C9.13881 11.3266 8.85079 10.4467 8.85079 9.29999C8.85079 8.07332 9.19117 6.87332 9.87194 5.69999C10.5789 4.49999 11.5608 3.55332 12.8176 2.85999L13.7209 4.25999C13.0401 4.73999 12.4903 5.27332 12.0713 5.85999C11.6786 6.44666 11.4168 7.12666 11.2858 7.89999C11.5215 7.79332 11.7964 7.73999 12.1106 7.73999C12.8437 7.73999 13.446 7.97999 13.9173 8.45999C14.3886 8.93999 14.6242 9.55333 14.6242 10.3Z" fill="currentColor"></path>
  </svg>
  <blockquote class="relative z-10 flex grow flex-col justify-between gap-4" cite="">
    <p class="font-serif text-2xl text-inherit @md:text-3xl">
      It is unequivocal that human influence has warmed the atmosphere, ocean and land.
    </p>

    <footer class="flex flex-row items-center justify-start gap-4 text-left text-base font-bold">
      <div class="aspect-square w-[60px] overflow-hidden rounded-full">
                  <img class="object-cover w-full h-full" src="/themes/contrib/haven_theme/components/card-testimonial/assets/portrait.png" alt="Placeholder" width="100" height="100" loading="lazy" data-component-id="canvas:image">
              </div>
      <div>
                Isiah Julio
        <cite class="font-normal not-italic">
          <br>
                      <span class="text-base">Climate scientist</span>
                  </cite>
      </div>
    </footer>
  </blockquote>
</div>


<div class="flex h-full flex-col items-start gap-4 rounded-md p-10 text-left bg-muted @container relative">
  <svg class="absolute start-2 top-2 size-16 text-card-foreground/10" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
    <path d="M7.39762 10.3C7.39762 11.0733 7.14888 11.7 6.6514 12.18C6.15392 12.6333 5.52552 12.86 4.76621 12.86C3.84979 12.86 3.09047 12.5533 2.48825 11.94C1.91222 11.3266 1.62421 10.4467 1.62421 9.29999C1.62421 8.07332 1.96459 6.87332 2.64535 5.69999C3.35231 4.49999 4.33418 3.55332 5.59098 2.85999L6.4943 4.25999C5.81354 4.73999 5.26369 5.27332 4.84476 5.85999C4.45201 6.44666 4.19017 7.12666 4.05926 7.89999C4.29491 7.79332 4.56983 7.73999 4.88403 7.73999C5.61716 7.73999 6.21938 7.97999 6.69067 8.45999C7.16197 8.93999 7.39762 9.55333 7.39762 10.3ZM14.6242 10.3C14.6242 11.0733 14.3755 11.7 13.878 12.18C13.3805 12.6333 12.7521 12.86 11.9928 12.86C11.0764 12.86 10.3171 12.5533 9.71484 11.94C9.13881 11.3266 8.85079 10.4467 8.85079 9.29999C8.85079 8.07332 9.19117 6.87332 9.87194 5.69999C10.5789 4.49999 11.5608 3.55332 12.8176 2.85999L13.7209 4.25999C13.0401 4.73999 12.4903 5.27332 12.0713 5.85999C11.6786 6.44666 11.4168 7.12666 11.2858 7.89999C11.5215 7.79332 11.7964 7.73999 12.1106 7.73999C12.8437 7.73999 13.446 7.97999 13.9173 8.45999C14.3886 8.93999 14.6242 9.55333 14.6242 10.3Z" fill="currentColor"></path>
  </svg>
  <svg class="absolute end-2 bottom-2 size-16 rotate-180 text-card-foreground/10" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
    <path d="M7.39762 10.3C7.39762 11.0733 7.14888 11.7 6.6514 12.18C6.15392 12.6333 5.52552 12.86 4.76621 12.86C3.84979 12.86 3.09047 12.5533 2.48825 11.94C1.91222 11.3266 1.62421 10.4467 1.62421 9.29999C1.62421 8.07332 1.96459 6.87332 2.64535 5.69999C3.35231 4.49999 4.33418 3.55332 5.59098 2.85999L6.4943 4.25999C5.81354 4.73999 5.26369 5.27332 4.84476 5.85999C4.45201 6.44666 4.19017 7.12666 4.05926 7.89999C4.29491 7.79332 4.56983 7.73999 4.88403 7.73999C5.61716 7.73999 6.21938 7.97999 6.69067 8.45999C7.16197 8.93999 7.39762 9.55333 7.39762 10.3ZM14.6242 10.3C14.6242 11.0733 14.3755 11.7 13.878 12.18C13.3805 12.6333 12.7521 12.86 11.9928 12.86C11.0764 12.86 10.3171 12.5533 9.71484 11.94C9.13881 11.3266 8.85079 10.4467 8.85079 9.29999C8.85079 8.07332 9.19117 6.87332 9.87194 5.69999C10.5789 4.49999 11.5608 3.55332 12.8176 2.85999L13.7209 4.25999C13.0401 4.73999 12.4903 5.27332 12.0713 5.85999C11.6786 6.44666 11.4168 7.12666 11.2858 7.89999C11.5215 7.79332 11.7964 7.73999 12.1106 7.73999C12.8437 7.73999 13.446 7.97999 13.9173 8.45999C14.3886 8.93999 14.6242 9.55333 14.6242 10.3Z" fill="currentColor"></path>
  </svg>
  <blockquote class="relative z-10 flex grow flex-col justify-between gap-4" cite="">
    <p class="font-serif text-2xl text-inherit @md:text-3xl">
      Every small action counts, from reducing waste to supporting sustainable practices. Let&rsquo;s unite for a greener tomorrow!
    </p>

    <footer class="flex flex-row items-center justify-start gap-4 text-left text-base font-bold">
      <div class="aspect-square w-[60px] overflow-hidden rounded-full">
                  <img class="object-cover w-full h-full" src="/themes/contrib/haven_theme/components/card-testimonial/assets/portrait.png" alt="Placeholder" width="100" height="100" loading="lazy" data-component-id="canvas:image">
              </div>
      <div>
                Isiah Julio
        <cite class="font-normal not-italic">
          <br>
                      <span class="text-base">Climate action advocate</span>
                  </cite>
      </div>
    </footer>
  </blockquote>
</div>

        </div>

                                </div>
  </div>
</section>


  </div>

    </div>
    
    
      </main>

      <footer role="contentinfo">
        <div class="region region-footer">
    






<section class="site-footer -mt-6 bg-primary text-primary-foreground">
  <div class="container mx-auto px-4 pt-6 md:px-12 flex flex-col">
    <div class="flex w-full flex-col justify-between gap-6 py-10 md:grid md:grid-cols-2 md:gap-6 [&amp;_li]:text-lg">
              <div class="flex flex-col gap-6 [&amp;_.branding]:h-8">
              <div id="block-3be3dae7-636a-4cdb-ba21-9d41855ea7ea">
  
    
    
  <a href="/" class="inline-block" rel="home">
                  <div class="branding flex items-center">
          <img class="h-full w-full" src="/themes/contrib/haven_theme/logo.svg" alt="Home">
        </div>
                  </a>
</div>
<nav aria-labelledby="block-2defe899-f9f1-4973-b155-df567ecf5049-menu" id="block-2defe899-f9f1-4973-b155-df567ecf5049">
            
  <h2 class="visually-hidden" id="block-2defe899-f9f1-4973-b155-df567ecf5049-menu">Secondary navigation</h2>
  

        
      
      <ul class="menu list-none gap-4 flex flex-wrap p-0 flex-row menu--level-1">
                                      
        
        
        <li class="menu__item menu__item--link menu__item--level-1">
                    
          <a href="/careers" class="flex flex-row gap-y-4 items-center hover:underline hover:underline-offset-2 hover:opacity-80 duration-150 [&amp;_svg]:me-1 menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="page/1">Careers</a>

                  </li>
                                
        
        
        <li class="menu__item menu__item--link menu__item--level-1">
                    
          <a href="/leadership" class="flex flex-row gap-y-4 items-center hover:underline hover:underline-offset-2 hover:opacity-80 duration-150 [&amp;_svg]:me-1 menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="page/4">Leadership</a>

                  </li>
          </ul>
  


  </nav>
<nav aria-labelledby="block-f1ddcf96-eacd-4e76-aca3-59af94bc6471-menu" id="block-f1ddcf96-eacd-4e76-aca3-59af94bc6471">
            
  <h2 class="visually-hidden" id="block-f1ddcf96-eacd-4e76-aca3-59af94bc6471-menu">Social</h2>
  

        
<ul class="social-menu flex flex-row gap-4 list-none p-0">
      <li class="social-menu--item text-accent">
      <a href="https://www.facebook.com" aria-label="Follow us on " target="_blank" rel="noopener noreferrer" class="social-menu--icon align-center flex aspect-square text-3xl opacity-100 hover:opacity-60">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" width="32" height="32" fill="currentColor" aria-hidden="true">
      <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm8,191.63V152h24a8,8,0,0,0,0-16H136V112a16,16,0,0,1,16-16h16a8,8,0,0,0,0-16H152a32,32,0,0,0-32,32v24H96a8,8,0,0,0,0,16h24v63.63a88,88,0,1,1,16,0Z"></path>
    </svg>
      </a>
    </li>
      <li class="social-menu--item text-accent">
      <a href="https://www.instagram.com" aria-label="Follow us on " target="_blank" rel="noopener noreferrer" class="social-menu--icon align-center flex aspect-square text-3xl opacity-100 hover:opacity-60">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" width="32" height="32" fill="currentColor" aria-hidden="true">
      <path d="M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160ZM176,24H80A56.06,56.06,0,0,0,24,80v96a56.06,56.06,0,0,0,56,56h96a56.06,56.06,0,0,0,56-56V80A56.06,56.06,0,0,0,176,24Zm40,152a40,40,0,0,1-40,40H80a40,40,0,0,1-40-40V80A40,40,0,0,1,80,40h96a40,40,0,0,1,40,40ZM192,76a12,12,0,1,1-12-12A12,12,0,0,1,192,76Z"></path>
    </svg>
      </a>
    </li>
      <li class="social-menu--item text-accent">
      <a href="https://www.linkedin.com" aria-label="Follow us on " target="_blank" rel="noopener noreferrer" class="social-menu--icon align-center flex aspect-square text-3xl opacity-100 hover:opacity-60">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 256" width="32" height="32" fill="currentColor" aria-hidden="true">
      <path d="M216,24H40A16,16,0,0,0,24,40V216a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V40A16,16,0,0,0,216,24Zm0,192H40V40H216V216ZM96,112v64a8,8,0,0,1-16,0V112a8,8,0,0,1,16,0Zm88,28v36a8,8,0,0,1-16,0V140a20,20,0,0,0-40,0v36a8,8,0,0,1-16,0V112a8,8,0,0,1,15.79-1.78A36,36,0,0,1,184,140ZM100,84A12,12,0,1,1,88,72,12,12,0,0,1,100,84Z"></path>
    </svg>
      </a>
    </li>
  </ul>

  </nav>

          </div>
      
              <div class='flex flex-col gap-2 md:mx-0 md:ms-auto md:w-xs lg:w-md [&amp;_form]:flex [&amp;_form]:flex-row [&amp;_form]:gap-[1px] md:[&amp;_form]:items-end [&amp;_input]:bg-background [&amp;_input:focus]:bg-primary-foreground [&amp;_input[type="email"]]:rounded-l-full [&amp;_input[type="text"]]:rounded-l-full [&amp;_input[type="email"]]:pl-4 [&amp;_input[type="text"]]:pl-4 [&amp;_input[type="email"]]:border-none [&amp;_input[type="text"]]:border-none [&amp;_input[type="submit"]]:rounded-l-none [&amp;_input[type="submit"]]:bg-accent [&amp;_input[type="submit"]]:text-primary [&amp;_input[type="submit"]:focus-visible]:bg-accent-dark [&amp;_input[type="submit"]:hover]:bg-accent-dark'>
              



<div class="flex bg-none flex-col items-start justify-start self-center gap-4 rounded-sm">
      




  <h2 class="text-left text-primary-foreground text-2xl lg:text-3xl">      Sign up for our newsletter
  </h2>



<div class="font-serif [&amp;_h2]:mt-6 [&amp;_h2]:mb-3 [&amp;_h3]:mt-4 [&amp;_h3]:mb-2 [&amp;_h4]:mt-3 [&amp;_h4]:mb-1 [&amp;_h5]:my-2 [&amp;_h6]:my-1 [&amp;_h2]:text-2xl [&amp;_h2]:lg:text-3xl [&amp;_h3]:text-xl [&amp;_h3]:lg:text-2xl [&amp;_h4]:text-lg [&amp;_h4]:lg:text-xl [&amp;_li]:mb-1 [&amp;_ol]:my-4 [&amp;_ol]:list-decimal [&amp;_ul]:my-4 [&amp;&gt;*:first-child]:mt-0 [&amp;&gt;*:last-child]:mb-0 [&amp;_a]:underline [&amp;_a]:underline-offset-2 [&amp;_a]:transition [&amp;_a]:duration-300 [&amp;_table]:my-6 [&amp;_td]:p-3 [&amp;_th]:p-3 [&amp;_tr]:border-b [&amp;_tr]:border-b-border/40 [&amp;_blockquote]:xl:3xl [&amp;_blockquote]:text-xl [&amp;_blockquote]:italic [&amp;_blockquote]:md:text-2xl [&amp;_blockquote]:m-auto [&amp;_blockquote]:max-w-3xl [&amp;_blockquote]:[&amp;&gt;*:last-child]:mb-0 [&amp;_blockquote]:my-8 [&amp;_blockquote]:border-l-4 [&amp;_blockquote]:border-border/40 [&amp;_blockquote]:py-1.5 [&amp;_blockquote]:pl-4 [&amp;_figure]:my-6 [&amp;_figure]:w-fit [&amp;_div.align-center]:my-6 [&amp;_div.align-center]:w-fit [&amp;_figcaption]:block [&amp;_figcaption]:pt-2 [&amp;_figcaption]:pb-3 [&amp;_figcaption]:text-sm [&amp;_figcaption]:opacity-80 [&amp;_figcaption]:lg:text-base text-background [&amp;_a]:hover:text-background/70 text-sm md:text-md xl:text-lg">
  <p>Be the first to know about our latest updates, exclusive offers, and more.</p>
</div>
<div id="block-d3846370-9e12-497c-8c98-124d76c47253">
  
    
      <form class="webform-submission-form webform-submission-add-form webform-submission-newsletter-signup-form webform-submission-newsletter-signup-add-form webform-submission-newsletter-signup-canvas_page-6-form webform-submission-newsletter-signup-canvas_page-6-add-form webform-category--footer" data-drupal-selector="webform-submission-newsletter-signup-canvas-page-6-add-form" action="/home" method="post" id="webform-submission-newsletter-signup-canvas-page-6-add-form" accept-charset="UTF-8">
  
  <div class="js-webform-type-email webform-type-email js-form-item form-item form-type-email js-form-type-email form-item-email js-form-item-email form-no-label">
      <label for="edit-email" class="visually-hidden js-form-required form-required">Email</label>
        <input data-drupal-selector="edit-email" type="email" id="edit-email" name="email" value="" size="60" maxlength="254" placeholder="Email" class="form-email required" required="required">

        </div>
<div data-drupal-selector="edit-actions" class="form-actions webform-actions js-form-wrapper form-wrapper" id="edit-actions"><input class="webform-button--submit button button--primary js-form-submit form-submit" data-drupal-selector="edit-actions-submit" type="submit" id="edit-actions-submit" name="op" value="Subscribe">

</div>
<input autocomplete="off" data-drupal-selector="form-s-fhcrjlvsf-hql5go0gnxaqxdzvabyb-yqgiwfk1j4" type="hidden" name="form_build_id" value="form-s-FhcRjlVsF_HQL5Go0GNXAqxdZvAbyb_YQgIwFk1j4">
<input data-drupal-selector="edit-webform-submission-newsletter-signup-canvas-page-6-add-form" type="hidden" name="form_id" value="webform_submission_newsletter_signup_canvas_page_6_add_form">


  
</form>

  </div>

  </div>



          </div>
          </div>

    <div class="flex w-full flex-col gap-2 py-3 [&amp;_li]:text-xs [&amp;_li]:md:text-sm [&amp;_li]:xl:text-md md:grid md:grid-cols-[minmax(0,2fr)_minmax(0,1fr)] md:gap-6 md:py-4 border-t border-input">
              <div class="site-footer--bottom-col">
              <nav aria-labelledby="block-5fd2d897-75b1-4c03-8f08-488d96502598-menu" id="block-5fd2d897-75b1-4c03-8f08-488d96502598">
            
  <h2 class="visually-hidden" id="block-5fd2d897-75b1-4c03-8f08-488d96502598-menu">Footer</h2>
  

        
      
      <ul class="menu list-none gap-4 flex flex-wrap p-0 flex-row menu--level-1">
                                      
        
        
        <li class="menu__item menu__item--link menu__item--level-1">
                    
          <a href="/terms-service" class="flex flex-row gap-y-4 items-center hover:underline hover:underline-offset-2 hover:opacity-80 duration-150 [&amp;_svg]:me-1 menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/8">Terms of service</a>

                  </li>
          </ul>
  


  </nav>

          </div>
      
              <div class="site-footer--bottom-col md:flex md:justify-end">
              


<div class="font-serif [&amp;_h2]:mt-6 [&amp;_h2]:mb-3 [&amp;_h3]:mt-4 [&amp;_h3]:mb-2 [&amp;_h4]:mt-3 [&amp;_h4]:mb-1 [&amp;_h5]:my-2 [&amp;_h6]:my-1 [&amp;_h2]:text-2xl [&amp;_h2]:lg:text-3xl [&amp;_h3]:text-xl [&amp;_h3]:lg:text-2xl [&amp;_h4]:text-lg [&amp;_h4]:lg:text-xl [&amp;_li]:mb-1 [&amp;_ol]:my-4 [&amp;_ol]:list-decimal [&amp;_ul]:my-4 [&amp;&gt;*:first-child]:mt-0 [&amp;&gt;*:last-child]:mb-0 [&amp;_a]:underline [&amp;_a]:underline-offset-2 [&amp;_a]:transition [&amp;_a]:duration-300 [&amp;_table]:my-6 [&amp;_td]:p-3 [&amp;_th]:p-3 [&amp;_tr]:border-b [&amp;_tr]:border-b-border/40 [&amp;_blockquote]:xl:3xl [&amp;_blockquote]:text-xl [&amp;_blockquote]:italic [&amp;_blockquote]:md:text-2xl [&amp;_blockquote]:m-auto [&amp;_blockquote]:max-w-3xl [&amp;_blockquote]:[&amp;&gt;*:last-child]:mb-0 [&amp;_blockquote]:my-8 [&amp;_blockquote]:border-l-4 [&amp;_blockquote]:border-border/40 [&amp;_blockquote]:py-1.5 [&amp;_blockquote]:pl-4 [&amp;_figure]:my-6 [&amp;_figure]:w-fit [&amp;_div.align-center]:my-6 [&amp;_div.align-center]:w-fit [&amp;_figcaption]:block [&amp;_figcaption]:pt-2 [&amp;_figcaption]:pb-3 [&amp;_figcaption]:text-sm [&amp;_figcaption]:opacity-80 [&amp;_figcaption]:lg:text-base text-background [&amp;_a]:hover:text-background/70 text-xs md:text-sm xl:text-md">
  <p>&copy; Copyright 2026</p>
</div>

          </div>
          </div>
  </div>
</section>

  </div>

    </footer>
  </div>

  </div>

    
    <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"page\/6","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"user":{"uid":0,"permissionsHash":"db63c79c10ba6a1cb147799f20e8651a9ed6519401fa59065426508f8b7efacc"}}</script>
<script src="/core/assets/vendor/jquery/jquery.min.js?v=4.0.0"></script>
<script src="/sites/default/files/js/js_NkbzGbc-UFumvxwL3Y5Uh7SRR9EilcgjfYiYrTJHlGM.js?scope=footer&amp;delta=1&amp;language=en&amp;theme=haven_theme&amp;include=eJxliVEKgDAMxS60rUeSbjydYNuxlXl9FfwQ_EkgKdZBxaSZQn2kyhO6eIUgRuWZuYdPIzHfTcOJvFoXep1w3FM9CcbgDb__4ALJBSml"></script>
<script src="/core/../themes/contrib/haven_theme/components/navbar/navbar.js?tk3wf2" type="module"></script>
<script src="/sites/default/files/js/js_ExO3ss5DnwRwsGBMYl0IOtHeP5FDN2kUtoScssdDn0c.js?scope=footer&amp;delta=3&amp;language=en&amp;theme=haven_theme&amp;include=eJxliVEKgDAMxS60rUeSbjydYNuxlXl9FfwQ_EkgKdZBxaSZQn2kyhO6eIUgRuWZuYdPIzHfTcOJvFoXep1w3FM9CcbgDb__4ALJBSml"></script>

  </drupal-big-pipe-scripts-bottom-marker></drupal-big-pipe-scripts-bottom-marker></body>
</html>
";s:10:"*version";s:3:"1.0";s:13:"*statusCode";i:200;s:13:"*statusText";s:2:"OK";s:10:"*charset";N;s:23:"*cacheabilityMetadata";O:35:"Drupal\Core\Cache\CacheableMetadata":3:{s:16:"*cacheContexts";a:17:{i:0;s:16:"user.permissions";i:1;s:5:"theme";i:2;s:10:"route.name";i:3;s:24:"user.roles:authenticated";i:4;s:31:"route.menu_active_trails:footer";i:5;s:8:"url.path";i:6;s:31:"route.menu_active_trails:social";i:7;s:34:"route.menu_active_trails:secondary";i:8;s:31:"route.name.is_layout_builder_ui";i:9;s:8:"url.site";i:10;s:26:"languages:language_content";i:11;s:28:"languages:language_interface";i:12;s:21:"user.node_grants:view";i:13;s:30:"route.name.is_canvas_editor_ui";i:14;s:29:"route.menu_active_trails:main";i:15;s:30:"url.query_args:_wrapper_format";i:16;s:14:"url.query_args";}s:12:"*cacheTags";a:70:{i:0;s:44:"config:canvas.page_region.haven_theme.footer";i:1;s:46:"config:canvas.component.sdc.haven_theme.footer";i:2;s:44:"config:canvas.component.sdc.haven_theme.text";i:3;s:25:"config:system.menu.footer";i:4;s:54:"config:canvas.component.block.system_menu_block.footer";i:5;s:6:"node:7";i:6;s:6:"node:8";i:7;s:45:"config:canvas.component.sdc.haven_theme.group";i:8;s:43:"config:canvas.component.block.webform_block";i:9;s:40:"config:webform.webform.newsletter_signup";i:10;s:25:"webform:newsletter_signup";i:11;s:23:"config:webform.settings";i:12;s:72:"config:core.entity_form_display.webform_submission.newsletter_signup.add";i:13;s:42:"CACHE_MISS_IF_UNCACHEABLE_HTTP_METHOD:form";i:14;s:24:"config:honeypot.settings";i:15;s:47:"config:canvas.component.sdc.haven_theme.heading";i:16;s:25:"config:system.menu.social";i:17;s:54:"config:canvas.component.block.system_menu_block.social";i:18;s:28:"config:system.menu.secondary";i:19;s:57:"config:canvas.component.block.system_menu_block.secondary";i:20;s:13:"canvas_page:1";i:21;s:13:"canvas_page:4";i:22;s:18:"config:system.site";i:23;s:51:"config:canvas.component.block.system_branding_block";i:24;s:16:"canvas_page_view";i:25;s:13:"canvas_page:6";i:26;s:47:"config:canvas.component.sdc.haven_theme.section";i:27;s:17:"component_plugins";i:28;s:56:"config:canvas.component.sdc.haven_theme.card-testimonial";i:29;s:7:"file:12";i:30;s:44:"config:image.style.canvas_parametrized_width";i:31;s:8:"media:10";i:32;s:49:"config:canvas.component.sdc.haven_theme.card-icon";i:33;s:45:"config:canvas.component.sdc.haven_theme.badge";i:34;s:6:"file:3";i:35;s:7:"media:1";i:36;s:57:"config:canvas.component.sdc.haven_theme.hero-side-by-side";i:37;s:46:"config:canvas.component.sdc.haven_theme.button";i:38;s:53:"config:canvas.component.block.views_block.blog-latest";i:39;s:22:"config:views.view.blog";i:40;s:9:"node_list";i:41;s:6:"node:3";i:42;s:6:"node:2";i:43;s:6:"node:1";i:44;s:45:"config:canvas.content_template.node.blog.card";i:45;s:7:"file:13";i:46;s:7:"media:8";i:47;s:44:"config:canvas.component.sdc.haven_theme.card";i:48;s:6:"file:7";i:49;s:7:"media:6";i:50;s:6:"file:5";i:51;s:7:"media:2";i:52;s:49:"config:canvas.component.sdc.haven_theme.card-logo";i:53;s:6:"file:2";i:54;s:8:"media:12";i:55;s:6:"file:8";i:56;s:7:"media:5";i:57;s:7:"file:10";i:58;s:8:"media:20";i:59;s:54:"config:canvas.component.sdc.haven_theme.hero-billboard";i:60;s:44:"config:canvas.page_region.haven_theme.header";i:61;s:46:"config:canvas.component.sdc.haven_theme.navbar";i:62;s:23:"config:system.menu.main";i:63;s:52:"config:canvas.component.block.system_menu_block.main";i:64;s:13:"canvas_page:2";i:65;s:13:"canvas_page:5";i:66;s:13:"canvas_page:3";i:67;s:8:"rendered";i:68;s:13:"http_response";i:69;s:26:"config:user.role.anonymous";}s:14:"*cacheMaxAge";i:0;}s:14:"*attachments";a:4:{s:7:"library";a:23:{i:0;s:27:"canvas/asset_library.global";i:1;s:23:"canvas/brand_kit.global";i:4;s:11:"system/base";i:5;s:18:"haven_theme/global";i:6;s:35:"core/components.haven_theme--footer";i:7;s:33:"core/components.haven_theme--text";i:9;s:34:"core/components.haven_theme--group";i:10;s:18:"haven_theme/motion";i:11;s:20:"webform/webform.form";i:12;s:31:"webform/webform.element.message";i:17;s:36:"core/components.haven_theme--heading";i:21;s:36:"core/components.haven_theme--section";i:22;s:45:"core/components.haven_theme--card-testimonial";i:23;s:29:"core/components.canvas--image";i:30;s:38:"core/components.haven_theme--card-icon";i:46;s:34:"core/components.haven_theme--badge";i:51;s:46:"core/components.haven_theme--hero-side-by-side";i:52;s:35:"core/components.haven_theme--button";i:61;s:18:"views/views.module";i:62;s:33:"core/components.haven_theme--card";i:85;s:38:"core/components.haven_theme--card-logo";i:130;s:43:"core/components.haven_theme--hero-billboard";i:137;s:35:"core/components.haven_theme--navbar";}s:9:"html_head";a:16:{i:0;a:2:{i:0;a:2:{s:4:"#tag";s:4:"meta";s:11:"#attributes";a:2:{s:4:"name";s:11:"description";s:7:"content";s:147:"Haven is a non-profit developing smart, scalable solutions to tackle global challenges, with a focus on advocacy for action against climate change.";}}i:1;s:11:"description";}i:1;a:2:{i:0;a:2:{s:4:"#tag";s:4:"link";s:11:"#attributes";a:2:{s:3:"rel";s:9:"shortlink";s:4:"href";s:39:"https://demo-drupalcms.ddev.site/page/6";}}i:1;s:9:"shortlink";}i:2;a:2:{i:0;a:2:{s:4:"#tag";s:4:"link";s:11:"#attributes";a:2:{s:3:"rel";s:9:"canonical";s:4:"href";s:5:"/home";}}i:1;s:13:"canonical_url";}i:3;a:2:{i:0;a:2:{s:4:"#tag";s:4:"meta";s:11:"#attributes";a:2:{s:4:"name";s:8:"referrer";s:7:"content";s:10:"unsafe-url";}}i:1;s:8:"referrer";}i:4;a:2:{i:0;a:2:{s:4:"#tag";s:4:"meta";s:11:"#attributes";a:2:{s:4:"name";s:6:"rights";s:7:"content";s:33:"Copyright © All rights reserved.";}}i:1;s:6:"rights";}i:5;a:2:{i:0;a:2:{s:4:"#tag";s:4:"meta";s:11:"#attributes";a:2:{s:8:"property";s:12:"og:site_name";s:7:"content";s:8:"AAP-DEMO";}}i:1;s:12:"og_site_name";}i:6;a:2:{i:0;a:2:{s:4:"#tag";s:4:"meta";s:11:"#attributes";a:2:{s:8:"property";s:6:"og:url";s:7:"content";s:37:"https://demo-drupalcms.ddev.site/home";}}i:1;s:6:"og_url";}i:7;a:2:{i:0;a:2:{s:4:"#tag";s:4:"meta";s:11:"#attributes";a:2:{s:4:"name";s:12:"twitter:card";s:7:"content";s:7:"summary";}}i:1;s:18:"twitter_cards_type";}i:8;a:2:{i:0;a:3:{s:4:"#tag";s:4:"meta";s:11:"#attributes";a:1:{s:7:"charset";s:5:"utf-8";}s:7:"#weight";i:-1000;}i:1;s:24:"system_meta_content_type";}i:9;a:2:{i:0;a:3:{s:5:"#type";s:8:"html_tag";s:4:"#tag";s:4:"meta";s:11:"#attributes";a:2:{s:4:"name";s:9:"Generator";s:7:"content";s:34:"Drupal 11 (https://www.drupal.org)";}}i:1;s:21:"system_meta_generator";}i:10;a:2:{i:0;a:2:{s:4:"#tag";s:4:"meta";s:11:"#attributes";a:2:{s:4:"name";s:15:"MobileOptimized";s:7:"content";s:5:"width";}}i:1;s:15:"MobileOptimized";}i:11;a:2:{i:0;a:2:{s:4:"#tag";s:4:"meta";s:11:"#attributes";a:2:{s:4:"name";s:16:"HandheldFriendly";s:7:"content";s:4:"true";}}i:1;s:16:"HandheldFriendly";}i:12;a:2:{i:0;a:2:{s:4:"#tag";s:4:"meta";s:11:"#attributes";a:2:{s:4:"name";s:8:"viewport";s:7:"content";s:37:"width=device-width, initial-scale=1.0";}}i:1;s:8:"viewport";}i:13;a:2:{i:0;a:2:{s:4:"#tag";s:4:"link";s:11:"#attributes";a:3:{s:3:"rel";s:4:"icon";s:4:"href";s:22:"/core/misc/favicon.ico";s:4:"type";s:24:"image/vnd.microsoft.icon";}}i:1;s:42:"html_head_link:icon:/core/misc/favicon.ico";}i:14;a:2:{i:0;a:2:{s:4:"#tag";s:4:"link";s:11:"#attributes";a:4:{s:3:"rel";s:9:"alternate";s:4:"type";s:19:"application/rss+xml";s:5:"title";s:4:"Blog";s:4:"href";s:42:"https://demo-drupalcms.ddev.site/blog/feed";}}i:1;s:67:"html_head_link:alternate:https://demo-drupalcms.ddev.site/blog/feed";}i:15;a:2:{i:0;a:2:{s:4:"#tag";s:4:"link";s:11:"#attributes";a:4:{s:3:"rel";s:9:"alternate";s:4:"type";s:19:"application/rss+xml";s:5:"title";s:4:"Blog";s:4:"href";s:42:"https://demo-drupalcms.ddev.site/blog/feed";}}i:1;s:67:"html_head_link:alternate:https://demo-drupalcms.ddev.site/blog/feed";}}s:14:"drupalSettings";a:5:{s:4:"path";a:6:{s:7:"baseUrl";s:1:"/";s:10:"pathPrefix";s:0:"";s:11:"currentPath";s:6:"page/6";s:18:"currentPathIsAdmin";b:0;s:7:"isFront";b:0;s:15:"currentLanguage";s:2:"en";}s:15:"pluralDelimiter";s:1:"";s:25:"suppressDeprecationErrors";b:1;s:14:"ajaxTrustedUrl";a:1:{s:55:"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM";b:1;}s:4:"user";a:2:{s:3:"uid";i:0;s:15:"permissionsHash";s:64:"db63c79c10ba6a1cb147799f20e8651a9ed6519401fa59065426508f8b7efacc";}}s:12:"placeholders";a:0:{}}}