<div class="relative h-full overflow-x-hidden bg-examine-purple-500 before:absolute before:inset-0 before:bg-examine-purple-700/40">
    <div class="relative mx-auto flex 2xl:justify-end wide:max-w-fixed">
        <div class="flex w-full flex-1 flex-col bg-examine-purple-500 px-6 pb-10 pt-2 md:py-10 md:px-12 lg:pb-18 lg:pt-10 xxl:px-19">
            <nav aria-label="Breadcrumb">
                <ol class="flex flex-wrap items-center space-x-1 text-13 leading-10 -tracking-2 md:text-base"
                    role="list">
                    <li>
                        <a class="text-examine-purple-200 hover:text-examine-purple-100" href="/">Examine</a>
                    </li>




                    <li>
                        <div class="flex items-center">
                            <svg aria-hidden="true" class="h-4 w-4 flex-shrink-0 text-gray-400" fill="none" stroke="currentColor"
                                 stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                <path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path>
                            </svg>
                            <span class="text-white">Examine Career Opportunities</span>
                        </div>
                    </li>





                </ol>
            </nav>
            <div class="flex flex-1 flex-col gap-10 text-white lg:mt-7 xl:gap-18">
                <div>
                    <h1 class="inline font-lora font-medium">
                        <span class="breaks-all">Hiring</span>
                    </h1>
                </div>
            </div>
        </div>
        <div class="hidden w-full max-w-sm lg:block xl:max-w-sm">
            <div class="relative px-6 lg:py-15 2xl:px-9">
                
            </div>
        </div>
    </div>
</div>

<div class="relative mx-auto flex w-full wide:max-w-fixed">
    <div class="absolute z-30 hidden h-full bg-main pb-60 shadow-left-side-inner lg:block 2xl:!max-w-sm xxl:relative xxl:z-0 xxl:h-auto xxl:w-full xxl:max-w-[16rem] xxl:pb-80 xxl:shadow-none">
        <div class="sticky top-20 px-3 py-12 xl:py-18 xxl:px-5">
            
        </div>
    </div>
    <div class="w-full flex-1 space-y-25 bg-white px-6 py-10 md:py-14 md:px-12 lg:pl-28 2xl:!px-19 xxl:pl-12">
        <div class="space-y-12 pb-96">
            <div>
                <div class="max-w-4xl space-y-7 bg-white lg:pt-7 xl:pb-24">
                
                
                
                
                    <div class="page-content">
                


                      
                      
                      <p>Roles we are hiring for:
                        
                       <ul class="list-disc">
                         <li><a href="/hiring/researcher">Researcher</a></li>
                         <li><a href="/hiring/tech-lead/">Engineering Manager</a></li>

                         
                         
                         

                      </ul>
                      
                      
                      
                      
                   </div>
                      
                      
                      




  </div>
            </div>
        </div>
    </div>
    <div class="hidden px-7 lg:block xl:hidden"></div>
    <div class="hidden w-full max-w-xs shrink-0 px-6 xl:block xl:max-w-sm xxl:px-12">
        <div class="sticky top-20 h-full space-y-7 py-12 pb-60 text-sm lg:h-auto xl:space-y-11 xl:py-6 xxl:text-base">
            
        </div>
    </div>
</div>