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





<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/40"
          ></div>
                <img
   class="h-full w-full rounded-lg object-cover object-center"
   src="/sites/default/files/2026-03/matt-palmer-kbTp7dBzHyY-unsplash.jpg?alternateWidths=/sites/default/files/styles/canvas_parametrized_width--%7Bwidth%7D/public/2026-03/matt-palmer-kbTp7dBzHyY-unsplash.jpg.avif%3Fitok%3D4ywaeOF4"
        srcset="/sites/default/files/styles/canvas_parametrized_width--16/public/2026-03/matt-palmer-kbTp7dBzHyY-unsplash.jpg.avif?itok=4ywaeOF4 16w, /sites/default/files/styles/canvas_parametrized_width--32/public/2026-03/matt-palmer-kbTp7dBzHyY-unsplash.jpg.avif?itok=4ywaeOF4 32w, /sites/default/files/styles/canvas_parametrized_width--48/public/2026-03/matt-palmer-kbTp7dBzHyY-unsplash.jpg.avif?itok=4ywaeOF4 48w, /sites/default/files/styles/canvas_parametrized_width--64/public/2026-03/matt-palmer-kbTp7dBzHyY-unsplash.jpg.avif?itok=4ywaeOF4 64w, /sites/default/files/styles/canvas_parametrized_width--96/public/2026-03/matt-palmer-kbTp7dBzHyY-unsplash.jpg.avif?itok=4ywaeOF4 96w, /sites/default/files/styles/canvas_parametrized_width--128/public/2026-03/matt-palmer-kbTp7dBzHyY-unsplash.jpg.avif?itok=4ywaeOF4 128w, /sites/default/files/styles/canvas_parametrized_width--256/public/2026-03/matt-palmer-kbTp7dBzHyY-unsplash.jpg.avif?itok=4ywaeOF4 256w, /sites/default/files/styles/canvas_parametrized_width--384/public/2026-03/matt-palmer-kbTp7dBzHyY-unsplash.jpg.avif?itok=4ywaeOF4 384w, /sites/default/files/styles/canvas_parametrized_width--640/public/2026-03/matt-palmer-kbTp7dBzHyY-unsplash.jpg.avif?itok=4ywaeOF4 640w, /sites/default/files/styles/canvas_parametrized_width--750/public/2026-03/matt-palmer-kbTp7dBzHyY-unsplash.jpg.avif?itok=4ywaeOF4 750w, /sites/default/files/styles/canvas_parametrized_width--828/public/2026-03/matt-palmer-kbTp7dBzHyY-unsplash.jpg.avif?itok=4ywaeOF4 828w, /sites/default/files/styles/canvas_parametrized_width--1080/public/2026-03/matt-palmer-kbTp7dBzHyY-unsplash.jpg.avif?itok=4ywaeOF4 1080w, /sites/default/files/styles/canvas_parametrized_width--1200/public/2026-03/matt-palmer-kbTp7dBzHyY-unsplash.jpg.avif?itok=4ywaeOF4 1200w, /sites/default/files/styles/canvas_parametrized_width--1920/public/2026-03/matt-palmer-kbTp7dBzHyY-unsplash.jpg.avif?itok=4ywaeOF4 1920w, /sites/default/files/styles/canvas_parametrized_width--2048/public/2026-03/matt-palmer-kbTp7dBzHyY-unsplash.jpg.avif?itok=4ywaeOF4 2048w, /sites/default/files/styles/canvas_parametrized_width--3840/public/2026-03/matt-palmer-kbTp7dBzHyY-unsplash.jpg.avif?itok=4ywaeOF4 3840w"
     sizes="auto 100vw"
           alt="Wildfire burns in the foreground against a smoky, orange sky with a hill in the background."
           width="7952"
           height="5304"
      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="Work with us" 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">Work with us</span>
  </span>





  <h1 class="text-center text-primary-foreground text-4xl md:text-5xl lg:text-6xl">      Your chance to be a part of something that matters. 
  </h1>

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









<section class="@container relative mx-auto flex flex-col items-stretch mt-10 md:mt-13 xl:mt-16 mb-10 md:mb-13 xl:mb-16 pt-0 pb-0 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">
            








<section class="relative flex h-full md:flex-row 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-3/2 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">      What we offer
  </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-base md:text-lg xl:text-xl">
  <p>We believe that competitive compensation and strong benefits are essential to building a team that can do its best work.</p><p>We offer: Comprehensive health, dental, and vision coverage for employees and dependents. A retirement plan with employer contributions. Generous paid time off, including organizational closure for major holidays. A professional development budget for every staff member. Remote and hybrid working options.</p>
</div>

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

        </div>

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









<section class="@container relative mx-auto flex flex-col items-stretch mt-10 md:mt-13 xl:mt-16 mb-10 md:mb-13 xl:mb-16 pt-0 pb-0 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 md:grid-cols-2">
            

<div class="flex h-full flex-col items-start gap-4 rounded-md p-10 text-left bg-white @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">
      I came to Haven with a background in community organizing but not much experience in policy advocacy, and within a year I was leading a statewide campaign. The trust this organization puts in its people is unlike anywhere else I’ve worked.
    </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 policy advocate</span>
                  </cite>
      </div>
    </footer>
  </blockquote>
</div>


<div class="flex h-full flex-col items-start gap-4 rounded-md p-10 text-left bg-white @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">
      I’ve worked in nonprofits for most of my career, but Haven is the first place where I&#039;ve felt like the work I do every day is genuinely moving the needle. The mission isn’t just something on the wall — it shapes every decision we make as a team.
    </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 policy advocate</span>
                  </cite>
      </div>
    </footer>
  </blockquote>
</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-10 md:mb-13 xl:mb-16 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 [&_.cq-full]:mx-0 [&_.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-center justify-center self-center gap-4 rounded-sm p-4"
>
      




  <h2 class="text-center text-primary-foreground text-3xl md:text-4xl lg:text-5xl">      Join our team
  </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-center">
              


<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="M248,64H8A8,8,0,0,0,8,80h8V192a8,8,0,0,0,16,0V144H224v48a8,8,0,0,0,16,0V80h8a8,8,0,0,0,0-16ZM32,80h88v48H32Zm192,48H136V80h88ZM96,104a8,8,0,0,1-8,8H64a8,8,0,0,1,0-16H88A8,8,0,0,1,96,104Zm64,0a8,8,0,0,1,8-8h24a8,8,0,0,1,0,16H168A8,8,0,0,1,160,104Z"/>
    </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>Meaningful work, every day</h3>
                                      <span class="mt-3"><p>At Haven, your work connects directly to outcomes in the real world — campaigns won, communities supported, and policies changed.</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-center">
              


<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="M254.3,107.91,228.78,56.85a16,16,0,0,0-21.47-7.15L182.44,62.13,130.05,48.27a8.14,8.14,0,0,0-4.1,0L73.56,62.13,48.69,49.7a16,16,0,0,0-21.47,7.15L1.7,107.9a16,16,0,0,0,7.15,21.47l27,13.51,55.49,39.63a8.06,8.06,0,0,0,2.71,1.25l64,16a8,8,0,0,0,7.6-2.1l55.07-55.08,26.42-13.21a16,16,0,0,0,7.15-21.46Zm-54.89,33.37L165,113.72a8,8,0,0,0-10.68.61C136.51,132.27,116.66,130,104,122L147.24,80h31.81l27.21,54.41ZM41.53,64,62,74.22,36.43,125.27,16,115.06Zm116,119.13L99.42,168.61l-49.2-35.14,28-56L128,64.28l9.8,2.59-45,43.68-.08.09a16,16,0,0,0,2.72,24.81c20.56,13.13,45.37,11,64.91-5L188,152.66Zm62-57.87-25.52-51L214.47,64,240,115.06Zm-87.75,92.67a8,8,0,0,1-7.75,6.06,8.13,8.13,0,0,1-1.95-.24L80.41,213.33a7.89,7.89,0,0,1-2.71-1.25L51.35,193.26a8,8,0,0,1,9.3-13l25.11,17.94L126,208.24A8,8,0,0,1,131.82,217.94Z"/>
    </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>A culture of trust</h3>
                                      <span class="mt-3"><p>We operate with transparency and mutual respect. Staff have genuine autonomy, and leadership listens. We make decisions together where we can.</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-center">
              


<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="M247.63,47.89a8,8,0,0,0-7.52-7.52c-51.76-3-93.32,12.74-111.18,42.22-11.8,19.49-11.78,43.16-.16,65.74a71.34,71.34,0,0,0-14.17,27L98.33,159c7.82-16.33,7.52-33.35-1-47.49-13.2-21.79-43.67-33.47-81.5-31.25a8,8,0,0,0-7.52,7.52c-2.23,37.83,9.46,68.3,31.25,81.5A45.82,45.82,0,0,0,63.44,176,54.58,54.58,0,0,0,87,170.33l25,25V224a8,8,0,0,0,16,0V194.51a55.61,55.61,0,0,1,12.27-35,73.91,73.91,0,0,0,33.31,8.4,60.9,60.9,0,0,0,31.83-8.86C234.89,141.21,250.67,99.65,247.63,47.89ZM47.81,155.6C32.47,146.31,23.79,124.32,24,96c28.32-.24,50.31,8.47,59.6,23.81,4.85,8,5.64,17.33,2.46,26.94L61.65,122.34a8,8,0,0,0-11.31,11.31l24.41,24.41C65.14,161.24,55.82,160.45,47.81,155.6Zm149.31-10.22c-13.4,8.11-29.15,8.73-45.15,2l53.69-53.7a8,8,0,0,0-11.31-11.31L140.65,136c-6.76-16-6.15-31.76,2-45.15,13.94-23,47-35.82,89.33-34.83C232.94,98.34,220.14,131.44,197.12,145.38Z"/>
    </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>Room to grow</h3>
                                      <span class="mt-3"><p>We invest in our people. That means professional development support, honest feedback, and opportunities to take on new challenges as the organization grows.</p></span>
                      </span>
                  </div>
  </div>
</div>

        </div>

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

";}s:9:"#attached";a:1:{s:7:"library";a:38:{i:0;s:36:"core/components.haven_theme--section";i:1;s:38:"core/components.haven_theme--card-icon";i:2;s:38:"core/components.haven_theme--card-icon";i:3;s:38:"core/components.haven_theme--card-icon";i:4;s:38:"core/components.haven_theme--card-icon";i:5;s:38:"core/components.haven_theme--card-icon";i:6;s:38:"core/components.haven_theme--card-icon";i:7;s:34:"core/components.haven_theme--group";i:8;s:18:"haven_theme/motion";i:9;s:36:"core/components.haven_theme--heading";i:10;s:36:"core/components.haven_theme--heading";i:11;s:34:"core/components.haven_theme--group";i:12;s:29:"core/components.canvas--image";i:13;s:36:"core/components.haven_theme--section";i:14;s:36:"core/components.haven_theme--section";i:15;s:45:"core/components.haven_theme--card-testimonial";i:16;s:29:"core/components.canvas--image";i:17;s:45:"core/components.haven_theme--card-testimonial";i:18;s:45:"core/components.haven_theme--card-testimonial";i:19;s:29:"core/components.canvas--image";i:20;s:45:"core/components.haven_theme--card-testimonial";i:21;s:36:"core/components.haven_theme--section";i:22;s:36:"core/components.haven_theme--section";i:23;s:46:"core/components.haven_theme--hero-side-by-side";i:24;s:33:"core/components.haven_theme--text";i:25;s:33:"core/components.haven_theme--text";i:26;s:36:"core/components.haven_theme--heading";i:27;s:36:"core/components.haven_theme--heading";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:43:"core/components.haven_theme--hero-billboard";i:32;s:36:"core/components.haven_theme--heading";i:33;s:36:"core/components.haven_theme--heading";i:34;s:34:"core/components.haven_theme--badge";i:35;s:34:"core/components.haven_theme--badge";i:36;s:29:"core/components.canvas--image";i:37;s:43:"core/components.haven_theme--hero-billboard";}}s:6:"#cache";a:3:{s:8:"contexts";a:4:{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";}s:4:"tags";a:19:{i:0;s:16:"canvas_page_view";i:1;s:13:"canvas_page:1";i:2;s:7:"file:12";i:3;s:44:"config:image.style.canvas_parametrized_width";i:4;s:8:"media:10";i:5;s:47:"config:canvas.component.sdc.haven_theme.section";i:6;s:49:"config:canvas.component.sdc.haven_theme.card-icon";i:7;s:45:"config:canvas.component.sdc.haven_theme.group";i:8;s:47:"config:canvas.component.sdc.haven_theme.heading";i:9;s:17:"component_plugins";i:10;s:56:"config:canvas.component.sdc.haven_theme.card-testimonial";i:11;s:6:"file:3";i:12;s:7:"media:1";i:13;s:57:"config:canvas.component.sdc.haven_theme.hero-side-by-side";i:14;s:44:"config:canvas.component.sdc.haven_theme.text";i:15;s:6:"file:1";i:16;s:7:"media:4";i:17;s:54:"config:canvas.component.sdc.haven_theme.hero-billboard";i:18;s:45:"config:canvas.component.sdc.haven_theme.badge";}s:7:"max-age";i:-1;}}