
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">
    <span class="block w-full h-px bg-gradient-block-base-border"></span>

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/7205b194-6c9a-48e2-b523-7ebe02e36c15/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/7205b194-6c9a-48e2-b523-7ebe02e36c15/original.jpeg" alt="Logo for Lefty" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://careers.the-independents.com/jobs/7599266-head-of-design">
      <span class="absolute inset-0"></span>
      Head of Design
</a>
    <div class="mt-1 text-md">  <span>Lefty</span>
  <span class="mx-[2px]">&middot;</span>




    <span>Paris - Vaugirard</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/56df70d5-5208-46f6-b5bd-7d3732872c8e/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/56df70d5-5208-46f6-b5bd-7d3732872c8e/original.jpeg" alt="Logo for KARLA OTTO" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://careers.karlaotto.com/jobs/7582907-strategic-communications-director">
      <span class="absolute inset-0"></span>
      Strategic Communications Director
</a>
    <div class="mt-1 text-md">  <span>KARLA OTTO</span>
  <span class="mx-[2px]">&middot;</span>

<span>Global Communications</span>

  <span class="mx-[2px]">&middot;</span>

    <span>New York - Mercer Street</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-2">
    Hybrid
    <i class="w-4 h-5 text-xs fas fa-wifi"></i>
</span></div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/56df70d5-5208-46f6-b5bd-7d3732872c8e/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/56df70d5-5208-46f6-b5bd-7d3732872c8e/original.jpeg" alt="Logo for KARLA OTTO" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://careers.karlaotto.com/jobs/7560064-pr-intern">
      <span class="absolute inset-0"></span>
      PR Intern
</a>
    <div class="mt-1 text-md">  <span>KARLA OTTO</span>
  <span class="mx-[2px]">&middot;</span>

<span>Fashion, Communications</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Shanghai</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/56df70d5-5208-46f6-b5bd-7d3732872c8e/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/56df70d5-5208-46f6-b5bd-7d3732872c8e/original.jpeg" alt="Logo for KARLA OTTO" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://careers.karlaotto.com/jobs/7509379-pr-director-design">
      <span class="absolute inset-0"></span>
      PR Director, Design
</a>
    <div class="mt-1 text-md">  <span>KARLA OTTO</span>
  <span class="mx-[2px]">&middot;</span>




    <span>Milan - Via dell&#39;Annunciata, 2</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/7205b194-6c9a-48e2-b523-7ebe02e36c15/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/7205b194-6c9a-48e2-b523-7ebe02e36c15/original.jpeg" alt="Logo for Lefty" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://careers.the-independents.com/jobs/7504056-strategy-consultant">
      <span class="absolute inset-0"></span>
      Strategy Consultant
</a>
    <div class="mt-1 text-md">  <span>Lefty</span>
  <span class="mx-[2px]">&middot;</span>




    <span>Paris - Vaugirard</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-2">
    Hybrid
    <i class="w-4 h-5 text-xs fas fa-wifi"></i>
</span></div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/7205b194-6c9a-48e2-b523-7ebe02e36c15/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/7205b194-6c9a-48e2-b523-7ebe02e36c15/original.jpeg" alt="Logo for Lefty" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://careers.the-independents.com/jobs/7462901-account-manager">
      <span class="absolute inset-0"></span>
      Account Manager
</a>
    <div class="mt-1 text-md">  <span>Lefty</span>
  <span class="mx-[2px]">&middot;</span>

<span>Revenue</span>

  <span class="mx-[2px]">&middot;</span>

    <span>New York - Mercer Street</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a3a97424-c376-4feb-9678-3f5e319505fc/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/a3a97424-c376-4feb-9678-3f5e319505fc/original.jpeg" alt="Logo for k2" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://careers.k2-world.com/jobs/7367554-stage-assistant-e-projets">
      <span class="absolute inset-0"></span>
      Stage Assistant.e Projets
</a>
    <div class="mt-1 text-md">  <span>k2</span>
  <span class="mx-[2px]">&middot;</span>

<span>Projets</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Paris - Vaugirard</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/b01c2f7b-b9b7-4820-9e38-5d66445d6d53/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/b01c2f7b-b9b7-4820-9e38-5d66445d6d53/original.jpeg" alt="Logo for Atelier ATHEM" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://careers.the-independents.com/jobs/7226232-business-development-manager-scenography">
      <span class="absolute inset-0"></span>
      Business Development Manager - Scenography
</a>
    <div class="mt-1 text-md">  <span>Atelier ATHEM</span>
  <span class="mx-[2px]">&middot;</span>




    <span>Milan - Via dell&#39;Annunciata, 2</span>

</div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/cbfefd79-6b88-4afc-8e99-53aa41ef89e9/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/cbfefd79-6b88-4afc-8e99-53aa41ef89e9/original.jpeg" alt="Logo for CTZAR" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://careers.the-independents.com/jobs/7200633-planneur-strategique-h-f">
      <span class="absolute inset-0"></span>
      Planneur Stratégique H/F
</a>
    <div class="mt-1 text-md">  <span>CTZAR</span>
  <span class="mx-[2px]">&middot;</span>




    <span>Paris - Vaugirard</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-2">
    Hybrid
    <i class="w-4 h-5 text-xs fas fa-wifi"></i>
</span></div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/7205b194-6c9a-48e2-b523-7ebe02e36c15/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/7205b194-6c9a-48e2-b523-7ebe02e36c15/original.jpeg" alt="Logo for Lefty" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://careers.the-independents.com/jobs/7083958-data-insights-analyst">
      <span class="absolute inset-0"></span>
      Data Insights Analyst
</a>
    <div class="mt-1 text-md">  <span>Lefty</span>
  <span class="mx-[2px]">&middot;</span>

<span>Marketing</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Paris - Vaugirard</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-2">
    Hybrid
    <i class="w-4 h-5 text-xs fas fa-wifi"></i>
</span></div>
</div>
    <span class="block w-full h-px bg-gradient-block-base-border"></span>
</li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li class="w-full">

  <div class="relative flex flex-col items-center py-6 text-center @sm:px-6 @lg:px-16 hover:bg-gradient-block-base-bg">
      <div class="flex justify-center h-[3.125rem] w-full mb-1">
        <figure class="flex h-[3.125rem] w-[5rem] max-w-[5rem] justify-center">
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/c5e713e8-d155-428d-bbb1-8124db6baf6c/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/c5e713e8-d155-428d-bbb1-8124db6baf6c/original.png" alt="Logo for The Independents" loading="lazy" class="animate__animated animate__faster object-contain h-full w-full">
</picture>
  
</figure>
      </div>

    <a class="@sm:line-clamp-2 flex" data-turbo="false" href="https://careers.the-independents.com/jobs/6835766-hr-business-partner-h-f">
      <span class="absolute inset-0"></span>
      HR Business Partner H/F
</a>
    <div class="mt-1 text-md">



    <span>Paris - Vaugirard</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-2">
    Hybrid
    <i class="w-4 h-5 text-xs fas fa-wifi"></i>
</span></div>
</div>
</li>

</template></turbo-stream>
<turbo-stream action="update" target="show_more_button"><template></template></turbo-stream>