
  <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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/5279783-design-director">
      <span class="absolute inset-0"></span>
      Design Director
</a>
    <div class="mt-1 text-md">
<span>HBA</span>

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

    <span>Bangkok</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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/5126929-librarian">
      <span class="absolute inset-0"></span>
      Librarian
</a>
    <div class="mt-1 text-md">
<span>HBA</span>

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

    <span>Singapore</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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/5105991-design-director">
      <span class="absolute inset-0"></span>
      Design Director
</a>
    <div class="mt-1 text-md">
<span>Studio HBA</span>

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

    <span>Mumbai</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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/5105979-senior-intermediate-cad-designer">
      <span class="absolute inset-0"></span>
      Senior / Intermediate CAD Designer
</a>
    <div class="mt-1 text-md">
<span>HBA</span>

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

    <span>Manila</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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/5061628-intermediate-ff-e-designer">
      <span class="absolute inset-0"></span>
      Intermediate FF&amp;E Designer
</a>
    <div class="mt-1 text-md">
<span>Social F+B</span>

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

    <span>Bangkok</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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/5061471-intermediate-interior-designer">
      <span class="absolute inset-0"></span>
      Intermediate Interior Designer
</a>
    <div class="mt-1 text-md">
<span>Social F+B</span>

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

    <span>Bangkok</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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/5019614-project-director">
      <span class="absolute inset-0"></span>
      Project Director
</a>
    <div class="mt-1 text-md">
<span>HBA</span>

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

    <span>Bali</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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/5019461-senior-interior-designer">
      <span class="absolute inset-0"></span>
      Senior Interior Designer
</a>
    <div class="mt-1 text-md">
<span>HBA</span>

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

    <span>Jakarta</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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/5019394-interior-designer">
      <span class="absolute inset-0"></span>
      Interior Designer
</a>
    <div class="mt-1 text-md">
<span>HBA</span>

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

    <span>Seoul</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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/5018394-senior-ff-e-designer">
      <span class="absolute inset-0"></span>
      Senior FF&amp;E Designer
</a>
    <div class="mt-1 text-md">
<span>HBA</span>

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

    <span>Seoul</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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/4889570-senior-designer-heritage-preservation">
      <span class="absolute inset-0"></span>
      Senior Designer (Heritage Preservation)
</a>
    <div class="mt-1 text-md">
<span>HBA</span>

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

    <span>Singapore</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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/4796450-art-consultant-senior-art-consultant">
      <span class="absolute inset-0"></span>
      Art Consultant / Senior Art Consultant
</a>
    <div class="mt-1 text-md">
<span>HBA Art</span>

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

    <span>Singapore</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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/3742357-architectural-designer">
      <span class="absolute inset-0"></span>
      Architectural Designer
</a>
    <div class="mt-1 text-md">
<span>HBA Residential</span>

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

    <span>Singapore</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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/3713532-senior-ff-e-designer-ff-e-designer">
      <span class="absolute inset-0"></span>
      Senior FF&amp;E Designer / FF&amp;E Designer
</a>
    <div class="mt-1 text-md">
<span>HBA</span>

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

    <span>Bangkok</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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/3654580-senior-interior-designer">
      <span class="absolute inset-0"></span>
      Senior Interior Designer
</a>
    <div class="mt-1 text-md">
<span>HBA</span>

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

    <span>Hong Kong, Shenzhen</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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/3598864-intermediate-senior-interior-designer">
      <span class="absolute inset-0"></span>
      Intermediate / Senior Interior Designer
</a>
    <div class="mt-1 text-md">
<span>Studio HBA</span>

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

    <span>Mumbai</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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/3585608-associate">
      <span class="absolute inset-0"></span>
      Associate
</a>
    <div class="mt-1 text-md">
<span>HBA</span>

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

    <span>Dubai</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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/3581697-studio-director">
      <span class="absolute inset-0"></span>
      Studio Director
</a>
    <div class="mt-1 text-md">
<span>Studio HBA</span>

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

    <span>Dubai</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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/3558767-ff-e-designer">
      <span class="absolute inset-0"></span>
      FF&amp;E Designer
</a>
    <div class="mt-1 text-md">
<span>HBA Residential</span>

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

    <span>Singapore</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">

    <a class="sm:line-clamp-2 flex" data-turbo="false" href="https://careers.hba.com/jobs/3524129-studio-lead-lighting-designer">
      <span class="absolute inset-0"></span>
      Studio Lead, Lighting Designer
</a>
    <div class="mt-1 text-md">
<span>Light Directions</span>

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

    <span>Bangkok</span>

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

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

    <a href="/jobs/show_more?page=3" class="careersite-button min-w-[13.75rem] group" data-turbo-stream="true" id="show_more_button">
  <span class="flex items-center justify-center gap-x-3">
    
    <span class="truncate">Show 14 more</span>

  </span>
</a>
</template></turbo-stream>