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








<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>
";}s:9:"#attached";a:1:{s:7:"library";a:14:{i:0;s:46:"core/components.haven_theme--hero-side-by-side";i:1;s:35:"core/components.haven_theme--button";i:2;s:35:"core/components.haven_theme--button";i:3;s:36:"core/components.haven_theme--heading";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:34:"core/components.haven_theme--group";i:8;s:18:"haven_theme/motion";i:9;s:34:"core/components.haven_theme--badge";i:10;s:34:"core/components.haven_theme--badge";i:11;s:34:"core/components.haven_theme--group";i:12;s:29:"core/components.canvas--image";i:13;s:46:"core/components.haven_theme--hero-side-by-side";}}s:6:"#cache";a:3:{s:8:"contexts";a:5:{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:30:"route.name.is_canvas_editor_ui";}s:4:"tags";a:10:{i:0;s:52:"config:canvas.content_template.node.project.featured";i:1;s:7:"file:15";i:2;s:44:"config:image.style.canvas_parametrized_width";i:3;s:8:"media:13";i:4;s:6:"node:9";i:5;s:57:"config:canvas.component.sdc.haven_theme.hero-side-by-side";i:6;s:46:"config:canvas.component.sdc.haven_theme.button";i:7;s:47:"config:canvas.component.sdc.haven_theme.heading";i:8;s:45:"config:canvas.component.sdc.haven_theme.group";i:9;s:45:"config:canvas.component.sdc.haven_theme.badge";}s:7:"max-age";i:-1;}}