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





<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>
";}s:9:"#attached";a:1:{s:7:"library";a:3:{i:0;s:41:"core/components.haven_theme--card-feature";i:1;s:29:"core/components.canvas--image";i:2;s:41:"core/components.haven_theme--card-feature";}}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:6:{i:0;s:48:"config:canvas.content_template.node.project.card";i:1;s:6:"node:9";i:2;s:7:"file:15";i:3;s:44:"config:image.style.canvas_parametrized_width";i:4;s:8:"media:13";i:5;s:52:"config:canvas.component.sdc.haven_theme.card-feature";}s:7:"max-age";i:-1;}}