a:3:{s:7:"#markup";O:25:"Drupal\Core\Render\Markup":1:{s:9:"*string";s:28412:"  





<section
  class="relative flex flex-col min-h-[300px] md:min-h-[400px] xl:min-h-[600px] justify-center-safe mt-[calc(var(--navbar-height)*-1)]"
>
      <div class="absolute z-[-1] h-full w-full">
                        <div
            class="absolute inset-0 rounded-lg bg-black/0"
          ></div>
                <img
   class="h-full w-full rounded-lg object-cover object-center"
   src="/sites/default/files/2026-03/rabih-shasha-tTv6Lo5uQVQ-unsplash.jpg?alternateWidths=/sites/default/files/styles/canvas_parametrized_width--%7Bwidth%7D/public/2026-03/rabih-shasha-tTv6Lo5uQVQ-unsplash.jpg.avif%3Fitok%3DszccbMnN"
        srcset="/sites/default/files/styles/canvas_parametrized_width--16/public/2026-03/rabih-shasha-tTv6Lo5uQVQ-unsplash.jpg.avif?itok=szccbMnN 16w, /sites/default/files/styles/canvas_parametrized_width--32/public/2026-03/rabih-shasha-tTv6Lo5uQVQ-unsplash.jpg.avif?itok=szccbMnN 32w, /sites/default/files/styles/canvas_parametrized_width--48/public/2026-03/rabih-shasha-tTv6Lo5uQVQ-unsplash.jpg.avif?itok=szccbMnN 48w, /sites/default/files/styles/canvas_parametrized_width--64/public/2026-03/rabih-shasha-tTv6Lo5uQVQ-unsplash.jpg.avif?itok=szccbMnN 64w, /sites/default/files/styles/canvas_parametrized_width--96/public/2026-03/rabih-shasha-tTv6Lo5uQVQ-unsplash.jpg.avif?itok=szccbMnN 96w, /sites/default/files/styles/canvas_parametrized_width--128/public/2026-03/rabih-shasha-tTv6Lo5uQVQ-unsplash.jpg.avif?itok=szccbMnN 128w, /sites/default/files/styles/canvas_parametrized_width--256/public/2026-03/rabih-shasha-tTv6Lo5uQVQ-unsplash.jpg.avif?itok=szccbMnN 256w, /sites/default/files/styles/canvas_parametrized_width--384/public/2026-03/rabih-shasha-tTv6Lo5uQVQ-unsplash.jpg.avif?itok=szccbMnN 384w, /sites/default/files/styles/canvas_parametrized_width--640/public/2026-03/rabih-shasha-tTv6Lo5uQVQ-unsplash.jpg.avif?itok=szccbMnN 640w, /sites/default/files/styles/canvas_parametrized_width--750/public/2026-03/rabih-shasha-tTv6Lo5uQVQ-unsplash.jpg.avif?itok=szccbMnN 750w, /sites/default/files/styles/canvas_parametrized_width--828/public/2026-03/rabih-shasha-tTv6Lo5uQVQ-unsplash.jpg.avif?itok=szccbMnN 828w, /sites/default/files/styles/canvas_parametrized_width--1080/public/2026-03/rabih-shasha-tTv6Lo5uQVQ-unsplash.jpg.avif?itok=szccbMnN 1080w, /sites/default/files/styles/canvas_parametrized_width--1200/public/2026-03/rabih-shasha-tTv6Lo5uQVQ-unsplash.jpg.avif?itok=szccbMnN 1200w, /sites/default/files/styles/canvas_parametrized_width--1920/public/2026-03/rabih-shasha-tTv6Lo5uQVQ-unsplash.jpg.avif?itok=szccbMnN 1920w, /sites/default/files/styles/canvas_parametrized_width--2048/public/2026-03/rabih-shasha-tTv6Lo5uQVQ-unsplash.jpg.avif?itok=szccbMnN 2048w"
     sizes="auto 100vw"
           alt="Test"
           width="1920"
           height="1438"
      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 rounded-lg bg-white md:max-w-lg xl:max-w-xl"
    >
                  



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



  <span aria-label="Our projects" 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 projects</span>
  </span>

  </div>







  <h1 class="text-left text-secondary text-4xl md:text-5xl lg:text-6xl">      Our work in action
  </h1>



<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-base md:text-lg xl:text-xl">
  <p>From restoring degraded habitat to bringing clean energy to the communities that need it most, our projects put the case for climate action into practice.</p>
</div>

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









<section class="@container relative mx-auto flex flex-col items-stretch -mt-5 mb-8 md:mb-10 xl:mb-12 pt-6 pb-6 text-foreground">
    
        <div class="absolute inset-0 z-[-1] bg-white rounded-md"></div>
  
  <div class="container [&_.cq-full]:mx-0 [&_.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 grid-cols-1 [&amp;_.view-content]:md:grid-cols-3">
            <div id="block-1efb603c-ff7a-40c3-93b5-889addc6fcb6">
  
    
      <div class="views-element-container"><div  class="view view-projects view-id-projects view-display-id-all js-view-dom-id-f0c7af7b65752e9088c88dd76ed937a50ae1086c4688b8bac75434ea19172ebf">
  
    
      
            <div  data-drupal-views-infinite-scroll-content-wrapper class="views-infinite-scroll-content-wrapper clearfix view-content">
        
    <div  class="views-row">





<div
  class="group @container relative flex aspect-square flex-col gap-8 rounded-sm in-[.views-row]:h-full transition duration-300 hover:scale-104 hover:shadow-2xl"
>
      <div
      class="absolute inset-0 mt-auto overflow-hidden rounded-sm"
    >
              <img
   class="h-full w-full object-cover"
   src="/sites/default/files/2026-03/robert-horvick-0u9_I7peZOY-unsplash.jpg?alternateWidths=/sites/default/files/styles/canvas_parametrized_width--%7Bwidth%7D/public/2026-03/robert-horvick-0u9_I7peZOY-unsplash.jpg.avif%3Fitok%3D48j3bVbE"
        srcset="/sites/default/files/styles/canvas_parametrized_width--16/public/2026-03/robert-horvick-0u9_I7peZOY-unsplash.jpg.avif?itok=48j3bVbE 16w, /sites/default/files/styles/canvas_parametrized_width--32/public/2026-03/robert-horvick-0u9_I7peZOY-unsplash.jpg.avif?itok=48j3bVbE 32w, /sites/default/files/styles/canvas_parametrized_width--48/public/2026-03/robert-horvick-0u9_I7peZOY-unsplash.jpg.avif?itok=48j3bVbE 48w, /sites/default/files/styles/canvas_parametrized_width--64/public/2026-03/robert-horvick-0u9_I7peZOY-unsplash.jpg.avif?itok=48j3bVbE 64w, /sites/default/files/styles/canvas_parametrized_width--96/public/2026-03/robert-horvick-0u9_I7peZOY-unsplash.jpg.avif?itok=48j3bVbE 96w, /sites/default/files/styles/canvas_parametrized_width--128/public/2026-03/robert-horvick-0u9_I7peZOY-unsplash.jpg.avif?itok=48j3bVbE 128w, /sites/default/files/styles/canvas_parametrized_width--256/public/2026-03/robert-horvick-0u9_I7peZOY-unsplash.jpg.avif?itok=48j3bVbE 256w, /sites/default/files/styles/canvas_parametrized_width--384/public/2026-03/robert-horvick-0u9_I7peZOY-unsplash.jpg.avif?itok=48j3bVbE 384w, /sites/default/files/styles/canvas_parametrized_width--640/public/2026-03/robert-horvick-0u9_I7peZOY-unsplash.jpg.avif?itok=48j3bVbE 640w, /sites/default/files/styles/canvas_parametrized_width--750/public/2026-03/robert-horvick-0u9_I7peZOY-unsplash.jpg.avif?itok=48j3bVbE 750w, /sites/default/files/styles/canvas_parametrized_width--828/public/2026-03/robert-horvick-0u9_I7peZOY-unsplash.jpg.avif?itok=48j3bVbE 828w, /sites/default/files/styles/canvas_parametrized_width--1080/public/2026-03/robert-horvick-0u9_I7peZOY-unsplash.jpg.avif?itok=48j3bVbE 1080w, /sites/default/files/styles/canvas_parametrized_width--1200/public/2026-03/robert-horvick-0u9_I7peZOY-unsplash.jpg.avif?itok=48j3bVbE 1200w, /sites/default/files/styles/canvas_parametrized_width--1920/public/2026-03/robert-horvick-0u9_I7peZOY-unsplash.jpg.avif?itok=48j3bVbE 1920w, /sites/default/files/styles/canvas_parametrized_width--2048/public/2026-03/robert-horvick-0u9_I7peZOY-unsplash.jpg.avif?itok=48j3bVbE 2048w, /sites/default/files/styles/canvas_parametrized_width--3840/public/2026-03/robert-horvick-0u9_I7peZOY-unsplash.jpg.avif?itok=48j3bVbE 3840w"
     sizes="50vw"
           alt="A walking track winds through a green woody area."
           width="6192"
           height="4128"
      loading="lazy"
    data-component-id="canvas:image"
/>
                    <div class="absolute inset-0 h-full w-full bg-gradient-to-b from-transparent to-black/70"></div>
          </div>
  
  <div
    class="z-10 flex h-full w-full flex-col items-baseline gap-4 p-4 @min-[350px]:p-6"
  >
    <header class="text-primary-foreground">
              


<div class="min-w:64">
  <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 256 256"
      width="64"
      height="64"
      fill="currentColor"
              aria-hidden="true"
          >
      <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-93.66a8,8,0,0,1,0,11.32l-32,32a8,8,0,0,1-11.32-11.32L148.69,136H88a8,8,0,0,1,0-16h60.69l-18.35-18.34a8,8,0,0,1,11.32-11.32Z"/>
    </svg>
</div>

          </header>
    <div class="mt-auto flex w-full gap-1 md:gap-2">
      <h3 class="text-2xl leading-none font-semibold text-primary-foreground @min-[250px]:text-3xl @min-[350px]:text-4xl">
                  <a href="/projects/2026-08/rewilding-greenway-corridor" class="after:absolute after:inset-0 after:content-['']">Rewilding the Greenway corridor</a>
              </h3>
    </div>
  </div>
</div>
</div>
    <div  class="views-row">





<div
  class="group @container relative flex aspect-square flex-col gap-8 rounded-sm in-[.views-row]:h-full transition duration-300 hover:scale-104 hover:shadow-2xl"
>
      <div
      class="absolute inset-0 mt-auto overflow-hidden rounded-sm"
    >
              <img
   class="h-full w-full object-cover"
   src="/sites/default/files/2026-03/ivan-wong-zKYIAehZ1lQ-unsplash.jpg?alternateWidths=/sites/default/files/styles/canvas_parametrized_width--%7Bwidth%7D/public/2026-03/ivan-wong-zKYIAehZ1lQ-unsplash.jpg.avif%3Fitok%3DbbRMLT7J"
        srcset="/sites/default/files/styles/canvas_parametrized_width--16/public/2026-03/ivan-wong-zKYIAehZ1lQ-unsplash.jpg.avif?itok=bbRMLT7J 16w, /sites/default/files/styles/canvas_parametrized_width--32/public/2026-03/ivan-wong-zKYIAehZ1lQ-unsplash.jpg.avif?itok=bbRMLT7J 32w, /sites/default/files/styles/canvas_parametrized_width--48/public/2026-03/ivan-wong-zKYIAehZ1lQ-unsplash.jpg.avif?itok=bbRMLT7J 48w, /sites/default/files/styles/canvas_parametrized_width--64/public/2026-03/ivan-wong-zKYIAehZ1lQ-unsplash.jpg.avif?itok=bbRMLT7J 64w, /sites/default/files/styles/canvas_parametrized_width--96/public/2026-03/ivan-wong-zKYIAehZ1lQ-unsplash.jpg.avif?itok=bbRMLT7J 96w, /sites/default/files/styles/canvas_parametrized_width--128/public/2026-03/ivan-wong-zKYIAehZ1lQ-unsplash.jpg.avif?itok=bbRMLT7J 128w, /sites/default/files/styles/canvas_parametrized_width--256/public/2026-03/ivan-wong-zKYIAehZ1lQ-unsplash.jpg.avif?itok=bbRMLT7J 256w, /sites/default/files/styles/canvas_parametrized_width--384/public/2026-03/ivan-wong-zKYIAehZ1lQ-unsplash.jpg.avif?itok=bbRMLT7J 384w, /sites/default/files/styles/canvas_parametrized_width--640/public/2026-03/ivan-wong-zKYIAehZ1lQ-unsplash.jpg.avif?itok=bbRMLT7J 640w, /sites/default/files/styles/canvas_parametrized_width--750/public/2026-03/ivan-wong-zKYIAehZ1lQ-unsplash.jpg.avif?itok=bbRMLT7J 750w, /sites/default/files/styles/canvas_parametrized_width--828/public/2026-03/ivan-wong-zKYIAehZ1lQ-unsplash.jpg.avif?itok=bbRMLT7J 828w, /sites/default/files/styles/canvas_parametrized_width--1080/public/2026-03/ivan-wong-zKYIAehZ1lQ-unsplash.jpg.avif?itok=bbRMLT7J 1080w, /sites/default/files/styles/canvas_parametrized_width--1200/public/2026-03/ivan-wong-zKYIAehZ1lQ-unsplash.jpg.avif?itok=bbRMLT7J 1200w, /sites/default/files/styles/canvas_parametrized_width--1920/public/2026-03/ivan-wong-zKYIAehZ1lQ-unsplash.jpg.avif?itok=bbRMLT7J 1920w, /sites/default/files/styles/canvas_parametrized_width--2048/public/2026-03/ivan-wong-zKYIAehZ1lQ-unsplash.jpg.avif?itok=bbRMLT7J 2048w, /sites/default/files/styles/canvas_parametrized_width--3840/public/2026-03/ivan-wong-zKYIAehZ1lQ-unsplash.jpg.avif?itok=bbRMLT7J 3840w"
     sizes="50vw"
           alt="Arrays of solar panels are visible atop buildings in a colorful city on a hill."
           width="5568"
           height="3712"
      loading="lazy"
    data-component-id="canvas:image"
/>
                    <div class="absolute inset-0 h-full w-full bg-gradient-to-b from-transparent to-black/70"></div>
          </div>
  
  <div
    class="z-10 flex h-full w-full flex-col items-baseline gap-4 p-4 @min-[350px]:p-6"
  >
    <header class="text-primary-foreground">
              


<div class="min-w:64">
  <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 256 256"
      width="64"
      height="64"
      fill="currentColor"
              aria-hidden="true"
          >
      <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-93.66a8,8,0,0,1,0,11.32l-32,32a8,8,0,0,1-11.32-11.32L148.69,136H88a8,8,0,0,1,0-16h60.69l-18.35-18.34a8,8,0,0,1,11.32-11.32Z"/>
    </svg>
</div>

          </header>
    <div class="mt-auto flex w-full gap-1 md:gap-2">
      <h3 class="text-2xl leading-none font-semibold text-primary-foreground @min-[250px]:text-3xl @min-[350px]:text-4xl">
                  <a href="/projects/2026-08/solarizing-south-side" class="after:absolute after:inset-0 after:content-['']">Solarizing the south side</a>
              </h3>
    </div>
  </div>
</div>
</div>
    <div  class="views-row">





<div
  class="group @container relative flex aspect-square flex-col gap-8 rounded-sm in-[.views-row]:h-full transition duration-300 hover:scale-104 hover:shadow-2xl"
>
      <div
      class="absolute inset-0 mt-auto overflow-hidden rounded-sm"
    >
              <img
   class="h-full w-full object-cover"
   src="/sites/default/files/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg?alternateWidths=/sites/default/files/styles/canvas_parametrized_width--%7Bwidth%7D/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif%3Fitok%3DeMxXXdhs"
        srcset="/sites/default/files/styles/canvas_parametrized_width--16/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 16w, /sites/default/files/styles/canvas_parametrized_width--32/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 32w, /sites/default/files/styles/canvas_parametrized_width--48/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 48w, /sites/default/files/styles/canvas_parametrized_width--64/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 64w, /sites/default/files/styles/canvas_parametrized_width--96/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 96w, /sites/default/files/styles/canvas_parametrized_width--128/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 128w, /sites/default/files/styles/canvas_parametrized_width--256/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 256w, /sites/default/files/styles/canvas_parametrized_width--384/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 384w, /sites/default/files/styles/canvas_parametrized_width--640/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 640w, /sites/default/files/styles/canvas_parametrized_width--750/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 750w, /sites/default/files/styles/canvas_parametrized_width--828/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 828w, /sites/default/files/styles/canvas_parametrized_width--1080/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 1080w, /sites/default/files/styles/canvas_parametrized_width--1200/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 1200w, /sites/default/files/styles/canvas_parametrized_width--1920/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 1920w, /sites/default/files/styles/canvas_parametrized_width--2048/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 2048w, /sites/default/files/styles/canvas_parametrized_width--3840/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 3840w"
     sizes="50vw"
           alt="Bright orange clownfish swim light purple soft vegetation underwater."
           width="5919"
           height="3929"
      loading="lazy"
    data-component-id="canvas:image"
/>
                    <div class="absolute inset-0 h-full w-full bg-gradient-to-b from-transparent to-black/70"></div>
          </div>
  
  <div
    class="z-10 flex h-full w-full flex-col items-baseline gap-4 p-4 @min-[350px]:p-6"
  >
    <header class="text-primary-foreground">
              


<div class="min-w:64">
  <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 256 256"
      width="64"
      height="64"
      fill="currentColor"
              aria-hidden="true"
          >
      <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-93.66a8,8,0,0,1,0,11.32l-32,32a8,8,0,0,1-11.32-11.32L148.69,136H88a8,8,0,0,1,0-16h60.69l-18.35-18.34a8,8,0,0,1,11.32-11.32Z"/>
    </svg>
</div>

          </header>
    <div class="mt-auto flex w-full gap-1 md:gap-2">
      <h3 class="text-2xl leading-none font-semibold text-primary-foreground @min-[250px]:text-3xl @min-[350px]:text-4xl">
                  <a href="/projects/2026-08/restoring-outer-reef" class="after:absolute after:inset-0 after:content-['']">Restoring the outer reef</a>
              </h3>
    </div>
  </div>
</div>
</div>

      </div>
      
      

        </div>
</div>

  </div>

        </div>

                                </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-6 pb-6 text-foreground cq-full">
    
    
  <div class="container [&_.cq-full]:mx-0 [&_.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 grid-cols-1">
            



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




<section class="">
  <div class="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 md:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]">
          



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




  <span class="text-left text-primary text-xl lg:text-2xl block">      Join the fight against climate change
  </span>





  <span class="text-left text-primary block">      Your donation funds the campaigns, organizers, and tools that turn climate concern into climate action. Every dollar goes directly toward building a movement that wins.
  </span>

  </div>






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





  <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-primary text-white hover:bg-primary-dark hover:text-white focus-visible:border-transparent focus-visible:bg-primary-dark focus-visible:text-white focus-visible:outline-primary-light active:bg-primary active:text-white active:outline-primary-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"/>
    </svg>
</div>

      </span>
        Donate now
  </button>






  <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-primary text-primary hover:bg-primary-dark hover:text-white focus-visible:border-transparent focus-visible:bg-primary-dark focus-visible:text-white focus-visible:outline-primary-light active:bg-primary active:text-white active:outline-primary-light w-fit flex-row-reverse"
    
  >
        Learn more
  </button>

  </div>



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

  </div>



        </div>

          </div>
  </div>
</section>
<div id="block-2f98a848-d7d4-4f24-ba8d-15f71a3dbe3d">
  
    
      <div class="views-element-container"><div  class="view view-projects view-id-projects view-display-id-featured js-view-dom-id-dfba201f5b353db08d5cc2c24ca8b8c1d37c56c6932d0844f9f47c41e26c7ee1">
  
    
      
            <div  class="view-content">
        
    <div  class="views-row">








<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/david-clode-HDVmdzQxAds-unsplash.jpg?alternateWidths=/sites/default/files/styles/canvas_parametrized_width--%7Bwidth%7D/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif%3Fitok%3DeMxXXdhs"
        srcset="/sites/default/files/styles/canvas_parametrized_width--16/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 16w, /sites/default/files/styles/canvas_parametrized_width--32/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 32w, /sites/default/files/styles/canvas_parametrized_width--48/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 48w, /sites/default/files/styles/canvas_parametrized_width--64/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 64w, /sites/default/files/styles/canvas_parametrized_width--96/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 96w, /sites/default/files/styles/canvas_parametrized_width--128/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 128w, /sites/default/files/styles/canvas_parametrized_width--256/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 256w, /sites/default/files/styles/canvas_parametrized_width--384/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 384w, /sites/default/files/styles/canvas_parametrized_width--640/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 640w, /sites/default/files/styles/canvas_parametrized_width--750/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 750w, /sites/default/files/styles/canvas_parametrized_width--828/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 828w, /sites/default/files/styles/canvas_parametrized_width--1080/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 1080w, /sites/default/files/styles/canvas_parametrized_width--1200/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 1200w, /sites/default/files/styles/canvas_parametrized_width--1920/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 1920w, /sites/default/files/styles/canvas_parametrized_width--2048/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 2048w, /sites/default/files/styles/canvas_parametrized_width--3840/public/2026-03/david-clode-HDVmdzQxAds-unsplash.jpg.avif?itok=eMxXXdhs 3840w"
     sizes="50vw"
           alt="Bright orange clownfish swim light purple soft vegetation underwater."
           width="5919"
           height="3929"
      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">
                  



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



  <span aria-label="Featured project" 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-secondary text-secondary-foreground flex-row">
        <span class="font-sans text-sm leading-none font-bold uppercase">Featured project</span>
  </span>

  </div>







  <h2 class="text-left text-secondary text-3xl md:text-4xl lg:text-5xl duration-300 hover:scale-105 hover:opacity-90">      <a href="/projects/2026-08/restoring-outer-reef">Restoring the outer reef</a>
  </h2>





  <span class="text-left text-foreground text-lg lg:text-xl block">      A marine conservation partnership spent three years transplanting heat-resistant coral onto degraded reef sections — combining fieldwork, citizen science, and community education to give a threatened ecosystem a fighting chance.
  </span>






  <a
    href="/projects/2026-08/restoring-outer-reef"
    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"/>
    </svg>
</div>

      </span>
        Project details
  </a>

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

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

  </div>

";}s:9:"#attached";a:3:{s:7:"library";a:89:{i:0;s:18:"views/views.module";i:1;s:46:"core/components.haven_theme--hero-side-by-side";i:2;s:35:"core/components.haven_theme--button";i:3;s:35:"core/components.haven_theme--button";i:4;s:36:"core/components.haven_theme--heading";i:5;s:36:"core/components.haven_theme--heading";i:6;s:36:"core/components.haven_theme--heading";i:7;s:36:"core/components.haven_theme--heading";i:8;s:34:"core/components.haven_theme--group";i:9;s:18:"haven_theme/motion";i:10;s:34:"core/components.haven_theme--badge";i:11;s:34:"core/components.haven_theme--badge";i:12;s:34:"core/components.haven_theme--group";i:13;s:29:"core/components.canvas--image";i:14;s:46:"core/components.haven_theme--hero-side-by-side";i:15;s:18:"views/views.module";i:16;s:46:"core/components.haven_theme--hero-side-by-side";i:17;s:35:"core/components.haven_theme--button";i:18;s:35:"core/components.haven_theme--button";i:19;s:36:"core/components.haven_theme--heading";i:20;s:36:"core/components.haven_theme--heading";i:21;s:36:"core/components.haven_theme--heading";i:22;s:36:"core/components.haven_theme--heading";i:23;s:34:"core/components.haven_theme--group";i:24;s:18:"haven_theme/motion";i:25;s:34:"core/components.haven_theme--badge";i:26;s:34:"core/components.haven_theme--badge";i:27;s:34:"core/components.haven_theme--group";i:28;s:29:"core/components.canvas--image";i:29;s:46:"core/components.haven_theme--hero-side-by-side";i:30;s:36:"core/components.haven_theme--section";i:31;s:34:"core/components.haven_theme--group";i:32;s:18:"haven_theme/motion";i:33;s:33:"core/components.haven_theme--grid";i:34;s:34:"core/components.haven_theme--group";i:35;s:18:"haven_theme/motion";i:36;s:35:"core/components.haven_theme--button";i:37;s:35:"core/components.haven_theme--button";i:38;s:35:"core/components.haven_theme--button";i:39;s:35:"core/components.haven_theme--button";i:40;s:34:"core/components.haven_theme--group";i:41;s:34:"core/components.haven_theme--group";i:42;s:18:"haven_theme/motion";i:43;s:36:"core/components.haven_theme--heading";i:44;s:36:"core/components.haven_theme--heading";i:45;s:36:"core/components.haven_theme--heading";i:46;s:36:"core/components.haven_theme--heading";i:47;s:34:"core/components.haven_theme--group";i:48;s:33:"core/components.haven_theme--grid";i:49;s:34:"core/components.haven_theme--group";i:50;s:36:"core/components.haven_theme--section";i:51;s:36:"core/components.haven_theme--section";i:52;s:18:"views/views.module";i:53;s:16:"views/views.ajax";i:54;s:43:"views_infinite_scroll/views-infinite-scroll";i:55;s:41:"core/components.haven_theme--card-feature";i:56;s:29:"core/components.canvas--image";i:57;s:41:"core/components.haven_theme--card-feature";i:58;s:41:"core/components.haven_theme--card-feature";i:59;s:29:"core/components.canvas--image";i:60;s:41:"core/components.haven_theme--card-feature";i:61;s:41:"core/components.haven_theme--card-feature";i:62;s:29:"core/components.canvas--image";i:63;s:41:"core/components.haven_theme--card-feature";i:64;s:18:"views/views.module";i:65;s:16:"views/views.ajax";i:66;s:43:"views_infinite_scroll/views-infinite-scroll";i:67;s:41:"core/components.haven_theme--card-feature";i:68;s:29:"core/components.canvas--image";i:69;s:41:"core/components.haven_theme--card-feature";i:70;s:41:"core/components.haven_theme--card-feature";i:71;s:29:"core/components.canvas--image";i:72;s:41:"core/components.haven_theme--card-feature";i:73;s:41:"core/components.haven_theme--card-feature";i:74;s:29:"core/components.canvas--image";i:75;s:41:"core/components.haven_theme--card-feature";i:76;s:36:"core/components.haven_theme--section";i:77;s:43:"core/components.haven_theme--hero-billboard";i:78;s:33:"core/components.haven_theme--text";i:79;s:33:"core/components.haven_theme--text";i:80;s:36:"core/components.haven_theme--heading";i:81;s:36:"core/components.haven_theme--heading";i:82;s:34:"core/components.haven_theme--group";i:83;s:18:"haven_theme/motion";i:84;s:34:"core/components.haven_theme--badge";i:85;s:34:"core/components.haven_theme--badge";i:86;s:34:"core/components.haven_theme--group";i:87;s:29:"core/components.canvas--image";i:88;s:43:"core/components.haven_theme--hero-billboard";}s:14:"drupalSettings";a:1:{s:5:"views";a:2:{s:9:"ajax_path";s:11:"/views/ajax";s:9:"ajaxViews";a:1:{s:77:"views_dom_id:f0c7af7b65752e9088c88dd76ed937a50ae1086c4688b8bac75434ea19172ebf";a:7:{s:9:"view_name";s:8:"projects";s:15:"view_display_id";s:3:"all";s:9:"view_args";s:0:"";s:9:"view_path";s:76:"/sites/default/files/css/css_-h6-jBzONV_cVQ3V3iuF20AST4d72jqoFvoigTws50k.css";s:14:"view_base_path";s:9:"blog/feed";s:11:"view_dom_id";s:64:"f0c7af7b65752e9088c88dd76ed937a50ae1086c4688b8bac75434ea19172ebf";s:13:"pager_element";i:0;}}}}s:14:"html_head_link";a:2:{i:0;a:1:{i:0;a:4:{s:3:"rel";s:9:"alternate";s:4:"type";s:19:"application/rss+xml";s:5:"title";s:8:"Projects";s:4:"href";s:345:"https://demo-drupalcms.ddev.site/blog/feed?delta=0&language=en&theme=gin&include=eJxlj1FywyAMRC9EzJEYAYqrqSx5QCRNT1_hxMlHP4BlpX0jgYgOKbihWE9XxBprGzvwAv8qSyVgXUNhaBpX1gx86fZgEjf16j1n-PlzUwx_bAB_Cqdz8dh395b2Thlkxq7Nnq5o24DpF0OF_pUVmg93qjAzVF7kKQIWSIMiSd-xmLawksRJSgI3WsFI5fD8HK-pstH-0nvK0ALDQ4elPIgrtmh3LcqpO3CmP6DkWzRIE9Ej-VrhRnjv8biXTetg_AM2UoiW";}}i:1;a:1:{i:0;a:4:{s:3:"rel";s:9:"alternate";s:4:"type";s:19:"application/rss+xml";s:5:"title";s:8:"Projects";s:4:"href";s:345:"https://demo-drupalcms.ddev.site/blog/feed?delta=0&language=en&theme=gin&include=eJxlj1FywyAMRC9EzJEYAYqrqSx5QCRNT1_hxMlHP4BlpX0jgYgOKbihWE9XxBprGzvwAv8qSyVgXUNhaBpX1gx86fZgEjf16j1n-PlzUwx_bAB_Cqdz8dh395b2Thlkxq7Nnq5o24DpF0OF_pUVmg93qjAzVF7kKQIWSIMiSd-xmLawksRJSgI3WsFI5fD8HK-pstH-0nvK0ALDQ4elPIgrtmh3LcqpO3CmP6DkWzRIE9Ej-VrhRnjv8biXTetg_AM2UoiW";}}}}s:6:"#cache";a:3:{s:8:"contexts";a:9:{i:0;s:31:"route.name.is_layout_builder_ui";i:1;s:28:"languages:language_interface";i:2;s:5:"theme";i:3;s:16:"user.permissions";i:4;s:26:"languages:language_content";i:5;s:21:"user.node_grants:view";i:6;s:30:"route.name.is_canvas_editor_ui";i:7;s:14:"url.query_args";i:8;s:8:"url.site";}s:4:"tags";a:30:{i:0;s:16:"canvas_page_view";i:1;s:13:"canvas_page:5";i:2;s:59:"config:canvas.component.block.views_block.projects-featured";i:3;s:26:"config:views.view.projects";i:4;s:9:"node_list";i:5;s:6:"node:9";i:6;s:52:"config:canvas.content_template.node.project.featured";i:7;s:7:"file:15";i:8;s:44:"config:image.style.canvas_parametrized_width";i:9;s:8:"media:13";i:10;s:57:"config:canvas.component.sdc.haven_theme.hero-side-by-side";i:11;s:46:"config:canvas.component.sdc.haven_theme.button";i:12;s:47:"config:canvas.component.sdc.haven_theme.heading";i:13;s:45:"config:canvas.component.sdc.haven_theme.group";i:14;s:45:"config:canvas.component.sdc.haven_theme.badge";i:15;s:47:"config:canvas.component.sdc.haven_theme.section";i:16;s:44:"config:canvas.component.sdc.haven_theme.grid";i:17;s:54:"config:canvas.component.block.views_block.projects-all";i:18;s:6:"node:6";i:19;s:6:"node:5";i:20;s:48:"config:canvas.content_template.node.project.card";i:21;s:52:"config:canvas.component.sdc.haven_theme.card-feature";i:22;s:7:"file:19";i:23;s:8:"media:18";i:24;s:6:"file:6";i:25;s:8:"media:14";i:26;s:7:"file:20";i:27;s:8:"media:19";i:28;s:54:"config:canvas.component.sdc.haven_theme.hero-billboard";i:29;s:44:"config:canvas.component.sdc.haven_theme.text";}s:7:"max-age";i:-1;}}