CINXE.COM

<!DOCTYPE html> <html lang="en-GB" dir="ltr" class="h-screen"> <head> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/runtime-eed5b4cdaccf27b9d5fc.js" data-turbo-track="reload" nonce="1d9677831f9563bca3fd11230d3f2408"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/5217-2ae580ac374aa9e4702c.js" data-turbo-track="reload" nonce="1d9677831f9563bca3fd11230d3f2408"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/google-tag-manager-ad3ff7d210f4d0c9db35.js" data-turbo-track="reload" nonce="1d9677831f9563bca3fd11230d3f2408"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/cookies-39292efe3351f8a2b686.js" data-turbo-track="reload" nonce="1d9677831f9563bca3fd11230d3f2408" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/8559-861c670a974ad2ba563b.js" data-turbo-track="reload" nonce="1d9677831f9563bca3fd11230d3f2408" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/601-ad90aa2e540909e29416.js" data-turbo-track="reload" nonce="1d9677831f9563bca3fd11230d3f2408" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/7107-80a4947feee363e11ee0.js" data-turbo-track="reload" nonce="1d9677831f9563bca3fd11230d3f2408" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/4057-14cecce702c30f549526.js" data-turbo-track="reload" nonce="1d9677831f9563bca3fd11230d3f2408" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/663-7e391fa289e8ff4ca349.js" data-turbo-track="reload" nonce="1d9677831f9563bca3fd11230d3f2408" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/careersite-1e16232a10b145b341e6.js" data-turbo-track="reload" nonce="1d9677831f9563bca3fd11230d3f2408" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/4254-7afc1b5cd6cedb6c1681.js" data-turbo-track="reload" nonce="1d9677831f9563bca3fd11230d3f2408" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/8454-e4365b811e44853f90b8.js" data-turbo-track="reload" nonce="1d9677831f9563bca3fd11230d3f2408" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/font-awesome-5181186e645d241afc2d.js" data-turbo-track="reload" nonce="1d9677831f9563bca3fd11230d3f2408" defer="defer"></script> <link rel="stylesheet" href="https://assets-aws.teamtailor-cdn.com/assets/packs/css/careersite-026895f3.css" data-turbo-track="reload" media="all" /> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W6MZK69');</script> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="turbo-cache-control" content=""> <meta name="turbo-prefetch" content="false"> <title>Work for the World - Discover a Career Powered by Purpose - South Pole</title> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="GxiQBjQwkzXOs/SP59MKmFTvdrUNiqsbYPM86YIdlGXJ7cKVAMupmBKqpC9AEc4xeJhsdw/Shj1mCeYesLECPg==" /> <meta name="csp-nonce" content="1d9677831f9563bca3fd11230d3f2408" /> <link rel='icon' type='image/png' href='https://images.teamtailor-cdn.com/images/s3/teamtailor-production/favicon-v3/image_uploads/1c3cdaf2-4169-468c-9b69-af32199d7d54/original.png'><link rel='apple-touch-icon' href='https://images.teamtailor-cdn.com/images/s3/teamtailor-production/favicon_apple-v3/image_uploads/1c3cdaf2-4169-468c-9b69-af32199d7d54/original.png' sizes='180x180'> <meta name="description" content="At South Pole, we believe in climate impact for all. Unleash your career potential, be ambitious and discover how Purpose is our Power." /> <meta name="keywords" content="Job opportunities, Jobs, Career, Career site" /> <link rel="alternate" type="application/rss+xml" title="Blog Posts" href="/blog/posts.rss" /><link rel="alternate" type="application/rss+xml" title="Jobs" href="/jobs.rss" /> <meta property="og:locale" content="en_GB" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Work for the World - Discover a Career Powered by Purpose - South Pole" /> <meta property="og:site_name" content="South Pole" /> <meta property="og:url" content="https://careers.southpole.com/" /> <meta property="og:description" content="At South Pole, we believe in climate impact for all. Unleash your career potential, be ambitious and discover how Purpose is our Power." /> <meta property="og:image" content="https://screenshots.teamtailor-cdn.com/7c616b6b-94e2-4aae-a56d-e3f343157a6c-facebook.png?update=1687342225" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://screenshots.teamtailor-cdn.com/7c616b6b-94e2-4aae-a56d-e3f343157a6c-twitter.png?update=1687342225" /> <meta name="twitter:title" content="Work for the World - Discover a Career Powered by Purpose - South Pole" /> <meta name="twitter:description" content="At South Pole, we believe in climate impact for all. Unleash your career potential, be ambitious and discover how Purpose is our Power." /> <style media="all"> :root { --company-primary-bg-color: 255, 255, 255; --company-secondary-bg-color: 0, 45, 209; --company-secondary-bg-light-5-color: 0, 50, 234; --company-secondary-bg-fallback-color: 0, 45, 209; --company-primary-text-color: 37, 37, 37; --company-primary-text-dark-5-color: 24, 24, 24; --company-primary-text-dark-10-color: 11, 11, 11; --company-primary-text-light-50-color: 164, 164, 164; --company-primary-text-light-77-color: 233, 233, 233; --company-secondary-text-color: 255, 255, 255; --company-secondary-text-light-5-color: 255, 255, 255; --company-secondary-text-light-15-color: 255, 255, 255; --company-link-color: 0, 45, 209; --company-color: 0, 45, 209; --company-button-text-color: 255, 255, 255; --company-button-bg-color: 71, 160, 255; --company-button-bg-light-5-color: 96, 173, 255; --company-button-bg-light-15-color: 147, 199, 255; --company-border-radius: 30px; --company-header-font-family: "barlowcondensed-semibold-webfont"; --company-header-font-weight: 600; --company-body-font-family: "barlow-regular-webfont"; --company-body-font-weight: 400; } /* Make header font bigger in cover block */ .custom-wrapper--cover h1{font-size: 95px} /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 20, 2023 */ @font-face { font-family: 'barlow_condensedsemibold'; src: url('barlowcondensed-semibold-webfont.woff2') format('woff2'), url('barlowcondensed-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'barlowregular'; src: url('barlow-regular-webfont.woff2') format('woff2'), url('barlow-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } </style> <meta name="theme-color" content="#002dd1"> <link rel="stylesheet" href="https://fonts.teamtailor-cdn.com/teamtailor-production/southpole/custom-fonts.css" type="text/css"> </head> <body class="font-company-body min-h-screen flex flex-col text-company-primary bg-company-primary overflow-x-clip company-link-style--bold companies show" data-controller="careersite--ready careersite--referrer-cookie careersite--preload" data-careersite--referrer-cookie-disabled-value="false" data-careersite--ready-in-editor-value="false" data-block-scripts="true"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W6MZK69" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <dialog data-controller="common--cookies--alert" data-common--cookies--alert-block-scripts-value="true" data-common--cookies--alert-takeover-modal-value="false" data-common--cookies--alert-show-cookie-widget-value="true" class="fixed shadow-form w-auto items-center rounded p-4 bg-company-primary text-company-primary overflow-y-auto border-none max-h-[80vh] z-cookie-alert lg:gap-x-6 lg:max-h-[calc(100vh-40px)] flex-col inset-x-4 bottom-4 mb-0 mt-auto justify-between !translate-y-0 !top-0 lg:p-10 lg:flex-row lg:inset-x-[40px] lg:mb-6"> <div class="w-full max-w-screen-xl overflow-y-auto"> <h1 class="font-bold block text-md mb-2">This website uses cookies to ensure you get the best experience on our website.</h1> <p class="mb-2"> South Pole and selected partners use cookies and similar technologies to ensure you get the best experience on this website. If you consent to it, we will use cookies for analytics and marketing purposes. </p> <p class="mb-2">See our <a class='company-link' href='https://careers.southpole.com/cookie-policy'>Cookie Policy</a> to read more about the cookies we set.</p> <p>You can withdraw and manage your consent at any time, by clicking "Manage cookies" at the bottom of each website page.</p> </div> <div class="flex flex-col items-center gap-[10px] mt-6 flex-shrink-0 mb-2 w-full md:flex-row md:w-auto lg:flex-col"> <button class="careersite-button w-full" data-action="click->common--cookies--alert#acceptAll">Accept all cookies</button> <button class="careersite-button w-full" data-action="click->common--cookies--alert#disableAll">Disable non-necessary cookies</button> <button class="font-medium p-2 company-link hover:opacity-animated" data-action="click->common--cookies--alert#openPreferences">Cookie preferences</button> </div> </dialog> <dialog data-controller="common--cookies--preferences" data-common--cookies--preferences-checked-categories-value="[]" data-action="open-cookie-preferences@window->common--cookies--preferences#open" class="bg-company-primary text-company-primary shadow-form inset-x-4 mb-4 rounded max-w-screen-sm p-4 overflow-auto max-h-[80vh] z-cookie-alert backdrop:bg-[rgba(0,0,0,0.6)] sm:p-10 sm:mb-auto sticky top-2"> <div class="mb-5 text-center;"> <h1 class="font-bold mb-2 text-lg">Select which cookies you accept</h1> <p class="text-left mb-2">On this site, we always set cookies that are strictly necessary, meaning they are necessary for the site to function properly.</p> <p class="text-left mb-2">If you consent to it, we will also set other types of cookies. You can provide or withdraw your consent to the different types of cookies using the toggles below. You can change or withdraw your consent at any time, by clicking the link “Manage Cookies”, which is always available at the bottom of the site.</p> <p class="text-left">To learn more about what the different types of cookies do, how your data is used when they are set etc, see our <a href='https://careers.southpole.com/cookie-policy' class='underline text-company-link'>Cookie Policy</a>.</p> </div> <div class="mb-10 text-sm leading-snug"> <div class="flex mb-3 items-start sm:mb-5 cursor-default" data-preference-type="strictly_necessary"> <div class="label-switch label-switch--disabled"> <input type="checkbox" disabled="disabled" id="strictly_necessary" checked="checked" class="peer"> <div class="checkbox peer-focus:ring-2 peer-focus:ring-blue-600"></div> </div> <div class="ml-4 flex flex-col"> <label class="font-semibold" for="strictly_necessary">Strictly necessary</label> <p>These cookies are necessary to make the site work properly, and are always set when you visit the site.</p> <span> <strong>Vendors</strong> <span>Teamtailor</span> </span> </div></div> <div class="flex mb-3 items-start sm:mb-5" data-preference-type="analytics"> <div class="label-switch"> <input type="checkbox" id="analytics" class="peer" data-common--cookies--preferences-target="categoryInput" data-action="input->common--cookies--preferences#handleCategoryToggle"> <div class="checkbox peer-focus:ring-2 peer-focus:ring-blue-600"></div> </div> <div class="ml-4 flex flex-col"> <label class="font-semibold cursor-pointer" for="analytics">Analytics</label> <p>These cookies collect information to help us understand how the site is being used.</p> <span> <strong>Vendors</strong> <span>Teamtailor</span> </span> </div></div> <div class="flex mb-3 items-start sm:mb-5" data-preference-type="marketing"> <div class="label-switch"> <input type="checkbox" id="marketing" class="peer" data-common--cookies--preferences-target="categoryInput" data-action="input->common--cookies--preferences#handleCategoryToggle"> <div class="checkbox peer-focus:ring-2 peer-focus:ring-blue-600"></div> </div> <div class="ml-4 flex flex-col"> <label class="font-semibold cursor-pointer" for="marketing">Marketing</label> <p>These cookies are used to make advertising messages more relevant to you. In some cases, they also deliver additional functions on the site.</p> <span> <strong>Vendors</strong> <span>Youtube, Meta</span> </span> </div></div> </div> <div class="flex flex-col items-center gap-6"> <button class="careersite-button w-full" data-action="click->common--cookies--preferences#handleAccept">Accept these cookies</button> <button class="careersite-button w-full" data-action="click->common--cookies--preferences#handleDecline">Decline non-necessary cookies</button> </div> </dialog> <main class="flex flex-col flex-grow"> <header class="header z-career-header flex w-full h-20 hover:after:top-0 !absolute top-0" data-section-model="header" style="--header-text-color: #ffffff;--header-background-color: transparent;"> <div class="flex items-center h-full"> <div class="flex items-center h-full ltr:ml-2 rtl:mr-2" data-controller="common--header--menu" data-common--header--menu-open-value="false" data-test="header-menu"> <button class="relative flex items-center gap-4 px-4 no-underline cursor-pointer h-14 sm:w-auto bg-opacity-80 sm:bg-transparent z-career-header-menu-button focus-visible-header" aria-expanded="false" data-action="click->common--header--menu#toggle" data-common--header--menu-target="button" > <span class="header-menu-burger" data-common--header--menu-target="burger"> <span class="header-menu-burger__item"></span> <span class="header-menu-burger__item"></span> <span class="header-menu-burger__item"></span> <span class="header-menu-burger__item"></span> </span> <span class="hidden text-sm leading-normal tracking-wider uppercase sm:block whitespace-nowrap">Career menu</span> </button> <div class="absolute inset-0 hidden w-full h-screen py-20 m-0 overflow-y-auto bottom header__nav z-career-header-menu-content" data-common--header--menu-target="menu"> <nav class="w-full main-nav-menu sm:h-full"> <ul class="w-full sm:py-12"> <li> <a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://careers.southpole.com/">Start</a> </li> <li> <a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://careers.southpole.com/departments">Our Departments</a> </li> <li> <a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://careers.southpole.com/locations">Locations</a> </li> <li> <a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://careers.southpole.com/jobs">Jobs</a> </li> <li> <a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://careers.southpole.com/pages/faq">FAQ</a> </li> </ul> </nav> <div class="flex flex-col items-end px-8 py-8 overflow-auto md:max-h-full scrollbar-hide main-nav-misc sm:text-right sm:fixed top-16 ltr:right-8 rtl:left-8 sm:px-0 sm:py-0"> <span class="text-lg font-bold">Employee</span> <a class="hover:underline focus-visible-header self-end" href="https://careers.southpole.com/sso_login">Log in</a> <span class="mt-12 text-lg font-bold">Candidate</span> <a class="hover:underline focus-visible-header self-end" href="https://careers.southpole.com/connect/login">Log in to Connect</a> <span class="mt-12 text-lg font-bold">Homepage</span> <a class="hover:underline focus-visible-header self-end" href="https://southpole.com">southpole.com</a> </div> </div> </div> <span class="header__separator hidden md:block"></span> <div class="absolute right-0 mx-2 md:right-auto md:relative z-career-header-menu-button"> <div data-controller="common--share" data-common--share-url-value="https://careers.southpole.com/" data-test="share-button"> <div class="relative" data-controller="common--dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Share page" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="text-current px-4 pt-[15px] pb-[17px] block flex items-center justify-center focus-visible-header" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <i class="far fa-arrow-up-from-bracket size-6"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->common--share#handleClick" data-provider="Facebook"> <span class="flex items-center"> <i class="fab fa-facebook-square size-6"></i> <span class="mx-3">Facebook</span> </span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->common--share#handleClick" data-provider="Twitter"> <span class="flex items-center"> <i class="fab fa-square-x-twitter size-6"></i> <span class="mx-3">X</span> </span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->common--share#handleClick" data-provider="LinkedIn"> <span class="flex items-center"> <i class="fab fa-linkedin size-6"></i> <span class="mx-3">LinkedIn</span> </span> </button> </div></div></div> </div> </div> <div class="flex-grow hidden md:block"></div> <div class="absolute md:inset-0 md:flex md:items-center md:justify-end w-full md:mx-6 md:relative"> <a class="relative h-18 flex items-center justify-center text-center focus-visible-header" id="ed14a57b232e6a2c3ca78183ec9802645" data-test="company-logo" data-turbo-permanent="true" href="https://careers.southpole.com/"> <img alt="South Pole career site" class="mx-auto max-w-[180px] sm:max-w-[200px] max-h-[90%]" src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/83698604-52a5-42f1-b3f6-ff8692f48bd9/original.png" /> </a> </div> </header> <section id="section-22549896" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);" class="block--cover hover:after:top-0 hover:after:bottom-0 custom-wrapper--cover bg-company-primary text-company-primary" data-section-route="section" data-section-model="22549896" data-section-name="cover"> <link style="display: none" rel="preload" fetchpriority="high" as="image" href="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/hero_picture_small-v6/image_uploads/c101af5b-0307-47d2-acf2-acc6107bee51/original.png" media="(max-width: 640px)"> <link style="display: none" rel="preload" fetchpriority="high" as="image" href="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/hero_picture_medium-v6/image_uploads/c101af5b-0307-47d2-acf2-acc6107bee51/original.png" media="(min-width: 640px), (max-width: 1280px)"> <link style="display: none" rel="preload" fetchpriority="high" as="image" href="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/hero_picture_large_full_cover-v6/image_uploads/c101af5b-0307-47d2-acf2-acc6107bee51/original.png" media="(min-width: 1280px)">  <style style="display: none"> .block-cover-bg { background-image: var(--block-bg-background-small); } @media (min-width: 640px) { .block-cover-bg { background-image: var(--block-bg-background-medium); } } @media (min-width: 1280px) { .block-cover-bg { background-image: var(--block-bg-background-full); } } </style> <section class="w-screen bg-cover bg-center bg-company-secondary-fallback relative min-h-screen !min-h-dvh lg:!min-h-[max(700px,100dvh)] block-cover-bg block-cover-text" style="--block-bg-overlay-text-color: #ffffff;--block-bg-overlay-background-color: #002145;--block-bg-overlay-opacity: 3%;--block-bg-background-small: url(https://images.teamtailor-cdn.com/images/s3/teamtailor-production/hero_picture_small-v6/image_uploads/c101af5b-0307-47d2-acf2-acc6107bee51/original.png);--block-bg-background-medium: url(https://images.teamtailor-cdn.com/images/s3/teamtailor-production/hero_picture_medium-v6/image_uploads/c101af5b-0307-47d2-acf2-acc6107bee51/original.png);--block-bg-background-full: url(https://images.teamtailor-cdn.com/images/s3/teamtailor-production/hero_picture_large_full_cover-v6/image_uploads/c101af5b-0307-47d2-acf2-acc6107bee51/original.png)" data-controller="blocks--cover--scroll" data-blocks--cover--scroll-smooth-scroll-class="scroll-smooth"> <div class="relative flex flex-col items-center min-h-[inherit] justify-center w-full h-full px-4 text-lg text-center z-career-block-content"> <div class=" delay-[100ms] w-full relative flex flex-col items-center justify-center md:max-w-[75%] lg:py-0 md:pt-[200px] pt-[160px] pb-20 lg:py-0"> <h1 class="w-full font-company-header text-4xl md:text-6xl lg:text-[72px] leading-tight" data-controller="fit-title">Work for the World</h1> <div class="mt-8 sm:flex sm:justify-center sm:gap-x-20"> <a href="https://careers.southpole.com/connect" class="careersite-button min-w-[220px] group" data-event-tracking="click" data-event-category="Career" data-event-name="Section: Cover" data-event-label="Click: Connect"> <span class="flex items-center justify-center gap-x-3"> <span class="truncate">Connect</span> </span> </a> <a href="#jobs" class="careersite-button min-w-[220px] group mt-4 sm:mt-0" data-event-tracking="click" data-event-category="Career" data-event-name="Section: Cover" data-event-label="Click: Browse Jobs" data-action="click->blocks--cover--scroll#handleScrollToJobs" data-turbo="false"> <span class="flex items-center justify-center gap-x-3"> <span class="truncate">Job openings</span> </span> </a> </div> </div> </div> <div class="absolute inset-0 z-career-block-overlay block-cover-overlay"></div> <button class=" delay-[350ms] z-career-block-content absolute hover:opacity-75 rounded-full left-half transform -translate-x-1/2 focus-visible-company-secondary bottom-10" data-action="click->blocks--cover--scroll#handleScrollDown" title="Scroll to content"> <i class="text-[48px] fal fa-circle-chevron-down size-10"></i> </button></section> </section> <section id="section-862621" style="--block-base-text-color: 0, 0, 0;--block-base-link-color: 0, 33, 69;--block-base-background-color: 255, 255, 255;--block-base-highlight-color: var(--company-color);--block-background-color: #ffffff;--block-title-color: #002dd1;--block-text-color: 0, 0, 0;--block-link-color: #002145;" class="block--text block-padding bg-block-preset-custom bg-block-background text-block-text" data-section-route="section" data-section-model="862621" data-section-sub-type="ContentBlock::Text" data-section-name="text"> <div class="text-lg block-px" data-controller="careersite--responsive-video"> <div class="mx-auto block-max-w--sm"> <h2 class="mb-4 text-4xl text-center font-company-header text-block-title" data-controller="fit-title">Purpose is our Power</h2> <div class="prose prose-block font-company-body company-links"><p><br></p><p>At South Pole, our people are connected through our shared purpose and united through our passion. We all play our part as we work together to build a place that nurtures and sustains a global, inclusive culture. Our different backgrounds and varied perspectives help us innovate, generate better ideas and deliver world-class solutions that help solve global climate issues. We continue our mission to build a sustainable and equitable society. </p><p>Whether we are strategists, defenders or protectors - we all make a difference - <strong>we all play our part</strong>. </p><p> </p><figure><lite-youtube videoid="V_uAr-pQ0a4" title="Play: Video"></lite-youtube></figure></div> </div> </div> </section> <section id="section-22512132" style="--block-base-text-color: 0, 0, 0;--block-base-link-color: 0, 33, 69;--block-base-background-color: 255, 255, 255;--block-base-highlight-color: var(--company-color);--block-background-color: #ffffff;--block-title-color: #002dd1;--block-text-color: 0, 0, 0;--block-link-color: #002145;" class="block--list block-padding bg-block-preset-custom bg-block-background text-block-text" data-section-route="section" data-section-model="22512132" data-section-sub-type="ContentBlock::List" data-section-name="list"> <div class="text-lg block-px"> <div class="mx-auto mb-10 block-max-w--md"> <h2 class="text-4xl text-center font-company-header text-block-title">Our Culture and Values</h2> </div> <div class="mx-auto block-max-w--sm"> <ul class="ml-6 list-disc"> <li class="mb-6"> <h3 class="font-bold leading-normal" data-controller="fit-title">We are Changemakers</h3> <div class="prose prose-block font-company-body company-links"><p>...we make a real impact on communities, to our fellow people and partners and to our planet. Our aim is to achieve maximum environmental benefit for all.</p></div> </li> <li class="mb-6"> <h3 class="font-bold leading-normal" data-controller="fit-title">We are Entrepreneurs</h3> <div class="prose prose-block font-company-body company-links"><p>...we bring entrepreneurial flair, agility and an open mind. We get the support and space to succeed, with the freedom to achieve our ambitions.</p></div> </li> <li class="mb-6"> <h3 class="font-bold leading-normal" data-controller="fit-title">We are One Team</h3> <div class="prose prose-block font-company-body company-links"><p>...we are unified through our shared purpose and work together to deliver genuine climate impact for all. We constantly evolve — we do things differently, and we think differently.</p></div> </li> <li class="mb-6"> <h3 class="font-bold leading-normal" data-controller="fit-title">We Celebrate Differences</h3> <div class="prose prose-block font-company-body company-links"><p dir="ltr">... we are driven by curiosity, passion, purpose & optimism, we believe everyone can make a difference. We know everyone plays a part in shaping the future.<br></p> </div> </li> </ul> </div> </div> </section> <section id="section-893742" style="--block-base-text-color: 0, 0, 0;--block-base-link-color: 0, 33, 69;--block-base-background-color: 255, 255, 255;--block-base-highlight-color: var(--company-color);--block-background-color: #ffffff;--block-title-color: #002dd1;--block-text-color: 0, 0, 0;--block-link-color: #002145;--block-border-radius: 9999px;" class="block--list block-padding bg-block-preset-custom bg-block-background text-block-text" data-section-route="section" data-section-model="893742" data-section-sub-type="ContentBlock::List" data-section-name="list"> <div class="text-lg block-px"> <div class="mx-auto block-max-w--lg"> <ul class="flex flex-wrap md:-mx-6 overflow-hidden"> <li class="mb-6 w-full md:w-[33.333%] md:px-6"> <div class="relative rounded-block pb-2/3 w-2/3 mx-auto shadow-form"> <div class="absolute inset-0 flex flex-col justify-center items-center overflow-hidden rounded-block bg-block-base-text bg-opacity-15"> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_square-v3/image_uploads/d217bf43-0284-4ef9-9e48-da6e83cfb86a/original.png?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_square-v3/image_uploads/d217bf43-0284-4ef9-9e48-da6e83cfb86a/original.png" loading="lazy" class="w-full h-auto rounded-block"> </picture> </figure> </div></div> <div class="px-2 mt-6 block-text-align"> <h3 class="text-xl font-semibold">Act and Empower Others</h3> <div class="mt-2 prose prose-block font-company-body company-links"><p>We share our knowledge with each other and ensure all of our people have the tools they need to be a success. We care about each other and by appreciating one another, we make our people feel like they count because we all play our part at South Pole.</p></div> </div> </li> <li class="mb-6 w-full md:w-[33.333%] md:px-6"> <div class="relative rounded-block pb-2/3 w-2/3 mx-auto shadow-form"> <div class="absolute inset-0 flex flex-col justify-center items-center overflow-hidden rounded-block bg-block-base-text bg-opacity-15"> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_square-v3/image_uploads/271ce8da-2eda-48c1-ad3d-596cb53d7798/original.png?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_square-v3/image_uploads/271ce8da-2eda-48c1-ad3d-596cb53d7798/original.png" loading="lazy" class="w-full h-auto rounded-block"> </picture> </figure> </div></div> <div class="px-2 mt-6 block-text-align"> <h3 class="text-xl font-semibold">Build Trust</h3> <div class="mt-2 prose prose-block font-company-body company-links"><p>We build trust by showing that we are caring, fair, open and honest people at South Pole. We build trust through our knowledge, experience, expertise and excellent results. We are a team that trusts each other, we work together to deliver world-class, change-making solutions.</p></div> </div> </li> <li class="mb-6 w-full md:w-[33.333%] md:px-6"> <div class="relative rounded-block pb-2/3 w-2/3 mx-auto shadow-form"> <div class="absolute inset-0 flex flex-col justify-center items-center overflow-hidden rounded-block bg-block-base-text bg-opacity-15"> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_square-v3/image_uploads/a8c78c6a-734f-43bc-b3a2-d1c25ccc3467/original.png?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_square-v3/image_uploads/a8c78c6a-734f-43bc-b3a2-d1c25ccc3467/original.png" loading="lazy" class="w-full h-auto rounded-block"> </picture> </figure> </div></div> <div class="px-2 mt-6 block-text-align"> <h3 class="text-xl font-semibold">Be Ambitious</h3> <div class="mt-2 prose prose-block font-company-body company-links"><p>We are a team focused on achieving the net-zero ambitions of all of our clients. We continue to innovate and find new ways to deliver unique solutions that enable the organisations we work alongside to exceed their targets and goals on climate change.</p></div> </div> </li> </ul></div> </div> </section> <section id="section-7225602" style="--block-base-text-color: 0, 33, 69;--block-base-link-color: 0, 33, 69;--block-base-background-color: 255, 255, 255;--block-base-highlight-color: 0, 45, 209;--block-background-color: #ffffff;--block-title-color: #002145;--block-text-color: 0, 33, 69;--block-link-color: #002145;" class="block--numbers block-padding bg-block-preset-custom bg-block-background text-block-text" data-section-route="section" data-section-model="7225602" data-section-name="numbers"> <div class="w-full text-lg block-px font-company-body" style="--number-text-color: rgb(var(--block-base-highlight-color));"> <div class="mx-auto mb-12 block-max-w--md"> <h2 class="text-4xl text-center font-company-header text-block-title" data-controller="fit-title">South Pole by Numbers</h2> </div> <div class="grid grid-cols-1 gap-[48px] mx-auto block-max-w--lg w-full md:grid-cols-3"> <div class="mb-8 w-full flex flex-col justify-start" data-controller="common--number" data-common--number-animated-class="opacity-0 animate__animated animate__faster" data-common--number-faded-in-class="animate__fadeInUp" data-common--number-number-value="64" data-common--number-index-value="0" data-common--number-animated-value="true" data-common--number-language-value="en-GB"> <div class="flex items-center justify-center w-full text-[105px] font-bold text-center"> <span class="text-number w-full leading-none text-block-highlight w-full" data-common--number-target="number"></span> </div> <h3 class="mt-8 text-xl text-center">🌍 Countries Represented</h3> </div> <div class="mb-8 w-full flex flex-col justify-start" data-controller="common--number" data-common--number-animated-class="opacity-0 animate__animated animate__faster" data-common--number-faded-in-class="animate__fadeInUp" data-common--number-number-value="1050" data-common--number-index-value="1" data-common--number-animated-value="true" data-common--number-language-value="en-GB"> <div class="flex items-center justify-center w-full text-[105px] font-bold text-center"> <span class="text-number w-full leading-none text-block-highlight w-full" data-common--number-target="number"></span> </div> <h3 class="mt-8 text-xl text-center">👥 Team Members</h3> </div> <div class="mb-8 w-full flex flex-col justify-start" data-controller="common--number" data-common--number-animated-class="opacity-0 animate__animated animate__faster" data-common--number-faded-in-class="animate__fadeInUp" data-common--number-number-value="700" data-common--number-index-value="2" data-common--number-animated-value="true" data-common--number-language-value="en-GB"> <div class="flex items-center justify-center w-full text-[105px] font-bold text-center"> <span class="text-number w-full leading-none text-block-highlight w-full" data-common--number-target="number"></span> </div> <h3 class="mt-8 text-xl text-center">🌱 Projects Delivered</h3> </div> </div></div> </section> <section id="section-862631" style="--block-base-text-color: 0, 0, 0;--block-base-link-color: 0, 33, 69;--block-base-background-color: 255, 255, 255;--block-base-highlight-color: var(--company-color);--block-background-color: #ffffff;--block-title-color: #002dd1;--block-text-color: 0, 0, 0;--block-link-color: #002145;" class="block--text block-padding bg-block-preset-custom bg-block-background text-block-text" data-section-route="section" data-section-model="862631" data-section-sub-type="ContentBlock::Text" data-section-name="text"> <div class="text-lg block-px" data-controller="careersite--responsive-video"> <div class="mx-auto block-max-w--lg md:grid md:grid-cols-2 md:gap-15"> <div class="flex items-center justify-center mb-5 md:mb-0"> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_1200-v8/image_uploads/f538d060-f931-4597-8dd7-fc34a44e1adf/original.jpeg?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_1200-v8/image_uploads/f538d060-f931-4597-8dd7-fc34a44e1adf/original.jpeg" loading="lazy" class="rounded"> </picture> </figure> </div> <div class="flex flex-col justify-center"> <h2 class="mb-4 text-4xl text-center md:text-unset font-company-header text-block-title"> Diversity is our Strength </h2> <div class="prose prose-block font-company-body company-links"><p>At South Pole, we strive to build and nurture a culture where inclusiveness is an automatic reflex. We know that the power to start building a better future and climate for everyone begins with inclusivity and social justice. Equity, access, participation, visibility and rights for all of our employees are vital as we tackle those challenges we face, these all signify an environment where all colleagues feel supported to bring their whole selves to work. We are made up of a wonderful tapestry of people all of who play their part in the future of our business and the world.</p></div> </div> </div> </div> </section> <section id="section-22513903" style="--block-base-text-color: 37, 37, 37;--block-base-link-color: 0, 45, 209;--block-base-background-color: 255, 255, 255;--block-base-highlight-color: var(--company-color);--block-background-color: #ffffff;--block-title-color: #002dd1;--block-text-color: 37, 37, 37;--block-link-color: #002dd1;--block-border-radius: 9999px;" class="block--list block-padding bg-block-preset-custom bg-block-background text-block-text" data-section-route="section" data-section-model="22513903" data-section-sub-type="ContentBlock::List" data-section-name="list"> <div class="text-lg block-px"> <div class="mx-auto mb-10 block-max-w--md"> <h2 class="text-4xl text-center font-company-header text-block-title">Our Penguin Resource Groups (PRG)</h2> </div> <div class="mx-auto block-max-w--lg"> <ul class="flex flex-wrap md:-mx-6 overflow-hidden"> <li class="mb-6 w-full md:w-[33.333%] md:px-6"> <div class="relative rounded-block pb-2/3 w-2/3 mx-auto shadow-form"> <div class="absolute inset-0 flex flex-col justify-center items-center overflow-hidden rounded-block bg-block-base-text bg-opacity-15"> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_square-v3/image_uploads/77c4cf9e-5181-4400-9ac0-b3d5cd4c37fe/original.jpeg?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_square-v3/image_uploads/77c4cf9e-5181-4400-9ac0-b3d5cd4c37fe/original.jpeg" loading="lazy" class="w-full h-auto rounded-block"> </picture> </figure> </div></div> <div class="px-2 mt-6 block-text-align"> <h3 class="text-xl font-semibold">WIN</h3> <div class="mt-2 prose prose-block font-company-body company-links"><p>The Women Inclusion Network’s aim is to positively and proactively contribute to creating a diverse workforce at South Pole where women are empowered to reach their full potential.</p></div> </div> </li> <li class="mb-6 w-full md:w-[33.333%] md:px-6"> <div class="relative rounded-block pb-2/3 w-2/3 mx-auto shadow-form"> <div class="absolute inset-0 flex flex-col justify-center items-center overflow-hidden rounded-block bg-block-base-text bg-opacity-15"> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_square-v3/image_uploads/8446a4c3-0355-4f39-9333-23fbf4e99a3c/original.jpeg?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_square-v3/image_uploads/8446a4c3-0355-4f39-9333-23fbf4e99a3c/original.jpeg" loading="lazy" class="w-full h-auto rounded-block"> </picture> </figure> </div></div> <div class="px-2 mt-6 block-text-align"> <h3 class="text-xl font-semibold">MOAK</h3> <div class="mt-2 prose prose-block font-company-body company-links"><p>Minds of All Kinds is focused on neurodiversity and mental health. The mission of MOAK is to champion neurodiversity and mental health at South Pole in order to create an inclusive workplace for minds of all kinds.</p></div> </div> </li> <li class="mb-6 w-full md:w-[33.333%] md:px-6"> <div class="relative rounded-block pb-2/3 w-2/3 mx-auto shadow-form"> <div class="absolute inset-0 flex flex-col justify-center items-center overflow-hidden rounded-block bg-block-base-text bg-opacity-15"> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_square-v3/image_uploads/27b3644d-4d7d-4650-86e8-eaeaa2b548fb/original.jpeg?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_square-v3/image_uploads/27b3644d-4d7d-4650-86e8-eaeaa2b548fb/original.jpeg" loading="lazy" class="w-full h-auto rounded-block"> </picture> </figure> </div></div> <div class="px-2 mt-6 block-text-align"> <h3 class="text-xl font-semibold">FUSION</h3> <div class="mt-2 prose prose-block font-company-body company-links"><p>FUSION serves to foster an inclusive community at South Pole, advancing equality for lesbian, gay, bisexual, transgender, queer/questioning, intersex and asexual people. The LGBTQIA+ PRG consists of LGBTQIA+ individuals and allies interested in LGBTQIA+ issues.</p></div> </div> </li> <li class="mb-6 w-full md:w-[33.333%] md:px-6"> <div class="relative rounded-block pb-2/3 w-2/3 mx-auto shadow-form"> <div class="absolute inset-0 flex flex-col justify-center items-center overflow-hidden rounded-block bg-block-base-text bg-opacity-15"> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_square-v3/image_uploads/6bee448e-5fb4-4f26-af8a-9bd894ebf741/original.jpeg?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_square-v3/image_uploads/6bee448e-5fb4-4f26-af8a-9bd894ebf741/original.jpeg" loading="lazy" class="w-full h-auto rounded-block"> </picture> </figure> </div></div> <div class="px-2 mt-6 block-text-align"> <h3 class="text-xl font-semibold">REACH</h3> <div class="mt-2 prose prose-block font-company-body company-links"><p dir="ltr">The aim of the REACH (Race, Ethnicity and Cultural Heritage) resource group is to create a supportive and collaborative community for South Pole employees who represent racial, ethnic and cultural minorities.</p></div> </div> </li> <li class="mb-6 w-full md:w-[33.333%] md:px-6"> <div class="relative rounded-block pb-2/3 w-2/3 mx-auto shadow-form"> <div class="absolute inset-0 flex flex-col justify-center items-center overflow-hidden rounded-block bg-block-base-text bg-opacity-15"> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_square-v3/image_uploads/66afb41b-6fbe-49a1-9221-32e0c36558a7/original.jpeg?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_square-v3/image_uploads/66afb41b-6fbe-49a1-9221-32e0c36558a7/original.jpeg" loading="lazy" class="w-full h-auto rounded-block"> </picture> </figure> </div></div> <div class="px-2 mt-6 block-text-align"> <h3 class="text-xl font-semibold">PACT</h3> <div class="mt-2 prose prose-block font-company-body company-links"><p>Developed to provide a network of support and resources to fellow employees who face the unique challenges of being a working caregiver, an avenue for us to build solutions, advocate for needs to advance in the workplace, and contribute to the success of South Pole’s mission and core values.</p></div> </div> </li> </ul></div> </div> </section> <section id="section-22520061" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);" class="block--picture block-padding bg-block-preset-primary bg-company-primary text-company-primary" data-section-route="section" data-section-model="22520061" data-section-sub-type="ContentBlock::Picture" data-section-name="picture"> <div class="block-px"> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/width_1200-v3/image_uploads/6f35ddbb-8dae-4bf7-b773-89d030a2bdfa/original.jpeg?outputFormat=webp" media="(min-width: 1024px)" type="image/webp"> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/width_800-v3/image_uploads/6f35ddbb-8dae-4bf7-b773-89d030a2bdfa/original.jpeg?outputFormat=webp" type="image/webp"> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/width_1200-v3/image_uploads/6f35ddbb-8dae-4bf7-b773-89d030a2bdfa/original.jpeg" media="(min-width: 1024px)"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/width_800-v3/image_uploads/6f35ddbb-8dae-4bf7-b773-89d030a2bdfa/original.jpeg" loading="lazy" class="w-full block-max-w--sm mx-auto rounded rounded"> </picture> </div> </section> <section id="section-862626" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);" class="block--perks block-padding bg-block-preset-primary bg-company-primary text-company-primary" data-section-route="section" data-section-model="862626" data-section-name="perks"> <div id="perks" class="text-lg block-px company-links text-company-primary"> <div class="mx-auto block-max-w--sm"> <ul class="ml-6 list-disc"> <li class="mb-6"> <h3 class="font-bold leading-normal">Work-life balance</h3> <div class="prose"><p>From flexible working hours to flexible workplace (home office), with above-average vacation allowances, we strive to make the work and family life puzzle an easy one for our employees.</p></div> </li> <li class="mb-6"> <h3 class="font-bold leading-normal">Flexible Vacation Benefits</h3> <div class="prose"><p>Options to buy up to 5 extra days of time off.</p></div> </li> <li class="mb-6"> <h3 class="font-bold leading-normal">Life Insurance</h3> <div class="prose"><p>Available to all employees across the world.</p></div> </li> <li class="mb-6"> <h3 class="font-bold leading-normal">Care for your Wellbeing</h3> <div class="prose"><p>Access to mental, physical and financial wellbeing support through our Employee Assistance Program (TELUS Health).</p></div> </li> <li class="mb-6"> <h3 class="font-bold leading-normal">Parental leave</h3> <div class="prose"><p>Should any of our employees need to take time off the Iceberg as a result of a new addition to their household, we are happy to be able to offer competitive Paid Parental leave to support them during this time.</p></div> </li> <li class="mb-6"> <h3 class="font-bold leading-normal">Compassionate Leave</h3> <div class="prose"><p>Sometimes life is unpredictable, and when unfortunate events occur, we want to give you peace of mind so you feel fully supported during this time.</p></div> </li> </ul> </div> </div> </section> <section id="section-22515821" style="--block-base-text-color: 0, 0, 0;--block-base-link-color: 0, 33, 69;--block-base-background-color: 255, 255, 255;--block-base-highlight-color: 0, 33, 69;--block-background-color: #ffffff;--block-title-color: #002dd1;--block-text-color: 0, 0, 0;--block-link-color: #002145;" class="block--video block-padding bg-block-preset-custom bg-block-background text-block-text" data-section-route="section" data-section-model="22515821" data-section-name="video"> <div class="text-lg company-links"> <div class="block-px"> <div class="mx-auto mb-10 block-max-w--md"> <h2 class="text-4xl text-center text-block-title font-company-header" data-controller="fit-title">Explore our People's Stories</h2> </div> </div> <div class="lg:px-5"> <div class="w-full mx-auto block-max-w--lg"> <div class="flex items-start lg:gap-x-4 lg:items-center"> <div class="relative flex-col flex-shrink-0 max-w-[96%] snap-center px-2 lg:px-0 lg:flex-row lg:w-full lg:max-w-[60%] xl:max-w-[52%] aspect-video h-auto hidden lg:flex"> <div data-controller="common--video-player-modal" class="w-full h-auto relative aspect-video lg:flex-shrink-0"> <button class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none focus-visible-company lg:bg-opacity-100" title="Watch the film" data-action="click->common--video-player-modal#toggleModal"> <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded"></span> <span class="absolute flex items-center justify-center size-16 text-xl text-black transition-opacity duration-150 transform -translate-x-8 -translate-y-8 bg-white rounded-full shadow-form group-hover:opacity-100 opacity-90 left-half top-half z-video-poster-button"> <i class="fas fa-play fa-fw"></i> </span> </button> <template data-common--video-player-modal-target="template"> <div class="bg-white fixed top-0 left-0 z-modal flex items-center justify-center w-full h-full transform transition-all duration-300 opacity-0 pointer-events-none"> <div class="mx-2 sm:mx-25 max-h-screen h-auto w-full lg:min-w-screen-md"> <button type="button" title="Close modal" class="fixed size-16 top-4 right-4 flex justify-center text-3xl p-4 rounded-full text-gray-800 cursor-pointer sm:absolute hover:opacity-75 focus-visible-company" data-close="true"> <i class="fal fa-xmark"></i> </button> <div class="max-w-screen-xl max-h-screen mx-auto my-8 overflow-hidden transition duration-200 delay-100 scale-50 rounded shadow-form-strong" data-player-container> <div class="w-full h-auto relative rounded cursor-pointer aspect-video" data-controller="common--video-player" data-common--video-player-aspect-ratio-value="16:9" data-common--video-player-initialize-value="true" data-common--video-player-thumbnail-image-value="false" data-common--video-player-is-external-value="true" data-common--video-player-no-controls-value="false" data-common--video-player-use-intersection-value="false" data-common--video-player-autoplay-value="false" data-common--video-player-hidden-class="!hidden" data-action="stop-all-video-players@window->common--video-player#stopVideo"> <div class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none focus-visible-company lg:bg-opacity-100 pointer-events-none" data-common--video-player-target="thumbnail"> <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded opacity-0 group-hover:opacity-15"></span> <span class="absolute flex items-center justify-center size-16 text-xl text-black transition-opacity duration-150 transform -translate-x-8 -translate-y-8 bg-white rounded-full shadow-form group-hover:opacity-100 opacity-90 left-half top-half z-video-poster-button"> <i class="fas fa-play fa-fw"></i> </span> </div> <div class="w-full" data-common--video-player-target="player" data-plyr-provider="youtube" data-plyr-embed-id="CPvridn04vY"></div> <template data-common--video-player-target="controlsTemplate"> <div class="flex flex-col w-full plyr__controls pointer-events-none"> <div class="flex items-center w-full"> <button type="button" class="plyr__control pointer-events-auto" aria-label="Play" data-plyr="play"> <i class="fas fa-pause icon--pressed fa-fw" role="presentation"></i> <i class="fas fa-play icon--not-pressed fa-fw" role="presentation"></i> </button> <div class="ml-2 mr-auto plyr__time plyr__time--current pointer-events-auto" aria-label="Current time">00:00</div> <button type="button" class="plyr__control pointer-events-auto" aria-label="Mute" data-plyr="mute"> <i class="fas fa-volume-xmark icon--pressed fa-fw" role="presentation"></i> <i class="fas fa-volume icon--not-pressed fa-fw" role="presentation"></i> </button> <button type="button" class="plyr__control pointer-events-auto" data-plyr="fullscreen"> <i class="fas fa-compress icon--pressed fa-fw" role="presentation"></i> <i class="fas fa-expand icon--not-pressed fa-fw" role="presentation"></i> </button> </div> <div class="w-full mt-2 plyr__progress pointer-events-auto"> <input data-plyr="seek" type="range" min="0" max="100" step="0.01" value="0" aria-label="Seek"> <progress class="plyr__progress__buffer" min="0" max="100" value="0">% buffered</progress> </div> </div> </template> </div> </div> </div></div> </template> </div> <div class="rounded absolute bg-white bottom-3 ltr:left-3 rtl:right-3 backdrop-blur-[21px] px-3 py-2 bg-opacity-[1%] text-white text-shadow-strong z-above-video-poster"> <h3 class="mb-1 text-lg font-semibold">Sonya's Story</h3> </div> </div> <div class="lg:max-h-[345px] lg:gap-y-4 snap snap-x snap-mandatory pb-8 lg:max-w-[48%] w-full rounded flex lg:flex-col lg:h-full lg:overflow-y-auto lg:no-snap overflow-x-auto lg:overflow-x-hidden lg:bg-block-base-text lg:bg-opacity-3 lg:py-3 px-3"> <div class="flex relative flex-col flex-shrink-0 max-w-[96%] lg:max-w-full snap-center xl:px-0 px-2 xl:gap-x-3 xl:flex-row w-full lg:hidden"> <div data-controller="common--video-player-modal" class="w-full h-auto relative aspect-video lg:flex-shrink-0 xl:max-w-[260px]"> <button class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none focus-visible-company lg:bg-opacity-100" title="Watch the film" data-action="click->common--video-player-modal#toggleModal"> <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded"></span> <span class="absolute flex items-center justify-center size-16 text-xl text-black transition-opacity duration-150 transform -translate-x-8 -translate-y-8 bg-white rounded-full shadow-form group-hover:opacity-100 opacity-90 left-half top-half z-video-poster-button"> <i class="fas fa-play fa-fw"></i> </span> </button> <template data-common--video-player-modal-target="template"> <div class="bg-white fixed top-0 left-0 z-modal flex items-center justify-center w-full h-full transform transition-all duration-300 opacity-0 pointer-events-none"> <div class="mx-2 sm:mx-25 max-h-screen h-auto w-full lg:min-w-screen-md"> <button type="button" title="Close modal" class="fixed size-16 top-4 right-4 flex justify-center text-3xl p-4 rounded-full text-gray-800 cursor-pointer sm:absolute hover:opacity-75 focus-visible-company" data-close="true"> <i class="fal fa-xmark"></i> </button> <div class="max-w-screen-xl max-h-screen mx-auto my-8 overflow-hidden transition duration-200 delay-100 scale-50 rounded shadow-form-strong" data-player-container> <div class="w-full h-auto relative rounded cursor-pointer aspect-video" data-controller="common--video-player" data-common--video-player-aspect-ratio-value="16:9" data-common--video-player-initialize-value="true" data-common--video-player-thumbnail-image-value="false" data-common--video-player-is-external-value="true" data-common--video-player-no-controls-value="false" data-common--video-player-use-intersection-value="false" data-common--video-player-autoplay-value="false" data-common--video-player-hidden-class="!hidden" data-action="stop-all-video-players@window->common--video-player#stopVideo"> <div class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none focus-visible-company lg:bg-opacity-100 pointer-events-none" data-common--video-player-target="thumbnail"> <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded opacity-0 group-hover:opacity-15"></span> <span class="absolute flex items-center justify-center size-16 text-xl text-black transition-opacity duration-150 transform -translate-x-8 -translate-y-8 bg-white rounded-full shadow-form group-hover:opacity-100 opacity-90 left-half top-half z-video-poster-button"> <i class="fas fa-play fa-fw"></i> </span> </div> <div class="w-full" data-common--video-player-target="player" data-plyr-provider="youtube" data-plyr-embed-id="CPvridn04vY"></div> <template data-common--video-player-target="controlsTemplate"> <div class="flex flex-col w-full plyr__controls pointer-events-none"> <div class="flex items-center w-full"> <button type="button" class="plyr__control pointer-events-auto" aria-label="Play" data-plyr="play"> <i class="fas fa-pause icon--pressed fa-fw" role="presentation"></i> <i class="fas fa-play icon--not-pressed fa-fw" role="presentation"></i> </button> <div class="ml-2 mr-auto plyr__time plyr__time--current pointer-events-auto" aria-label="Current time">00:00</div> <button type="button" class="plyr__control pointer-events-auto" aria-label="Mute" data-plyr="mute"> <i class="fas fa-volume-xmark icon--pressed fa-fw" role="presentation"></i> <i class="fas fa-volume icon--not-pressed fa-fw" role="presentation"></i> </button> <button type="button" class="plyr__control pointer-events-auto" data-plyr="fullscreen"> <i class="fas fa-compress icon--pressed fa-fw" role="presentation"></i> <i class="fas fa-expand icon--not-pressed fa-fw" role="presentation"></i> </button> </div> <div class="w-full mt-2 plyr__progress pointer-events-auto"> <input data-plyr="seek" type="range" min="0" max="100" step="0.01" value="0" aria-label="Seek"> <progress class="plyr__progress__buffer" min="0" max="100" value="0">% buffered</progress> </div> </div> </template> </div> </div> </div></div> </template> </div> <div class="px-2 mt-6 xl:px-0 lg:mt-2 xl:mt-0 lg:flex lg:flex-col lg:justify-center lg:w-full"> <h3 class="mb-1 text-lg font-semibold">Sonya's Story</h3> </div> </div> <div class="flex relative flex-col flex-shrink-0 max-w-[96%] lg:max-w-full snap-center xl:px-0 px-2 xl:gap-x-3 xl:flex-row w-full"> <div data-controller="common--video-player-modal" class="w-full h-auto relative aspect-video lg:flex-shrink-0 xl:max-w-[260px]"> <button class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none focus-visible-company lg:bg-opacity-100" title="Watch the film" data-action="click->common--video-player-modal#toggleModal"> <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded"></span> <span class="absolute flex items-center justify-center size-16 text-xl text-black transition-opacity duration-150 transform -translate-x-8 -translate-y-8 bg-white rounded-full shadow-form group-hover:opacity-100 opacity-90 left-half top-half z-video-poster-button"> <i class="fas fa-play fa-fw"></i> </span> </button> <template data-common--video-player-modal-target="template"> <div class="bg-white fixed top-0 left-0 z-modal flex items-center justify-center w-full h-full transform transition-all duration-300 opacity-0 pointer-events-none"> <div class="mx-2 sm:mx-25 max-h-screen h-auto w-full lg:min-w-screen-md"> <button type="button" title="Close modal" class="fixed size-16 top-4 right-4 flex justify-center text-3xl p-4 rounded-full text-gray-800 cursor-pointer sm:absolute hover:opacity-75 focus-visible-company" data-close="true"> <i class="fal fa-xmark"></i> </button> <div class="max-w-screen-xl max-h-screen mx-auto my-8 overflow-hidden transition duration-200 delay-100 scale-50 rounded shadow-form-strong" data-player-container> <div class="w-full h-auto relative rounded cursor-pointer aspect-video" data-controller="common--video-player" data-common--video-player-aspect-ratio-value="16:9" data-common--video-player-initialize-value="true" data-common--video-player-thumbnail-image-value="false" data-common--video-player-is-external-value="true" data-common--video-player-no-controls-value="false" data-common--video-player-use-intersection-value="false" data-common--video-player-autoplay-value="false" data-common--video-player-hidden-class="!hidden" data-action="stop-all-video-players@window->common--video-player#stopVideo"> <div class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none focus-visible-company lg:bg-opacity-100 pointer-events-none" data-common--video-player-target="thumbnail"> <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded opacity-0 group-hover:opacity-15"></span> <span class="absolute flex items-center justify-center size-16 text-xl text-black transition-opacity duration-150 transform -translate-x-8 -translate-y-8 bg-white rounded-full shadow-form group-hover:opacity-100 opacity-90 left-half top-half z-video-poster-button"> <i class="fas fa-play fa-fw"></i> </span> </div> <div class="w-full" data-common--video-player-target="player" data-plyr-provider="youtube" data-plyr-embed-id="S7Ij87zlbLk"></div> <template data-common--video-player-target="controlsTemplate"> <div class="flex flex-col w-full plyr__controls pointer-events-none"> <div class="flex items-center w-full"> <button type="button" class="plyr__control pointer-events-auto" aria-label="Play" data-plyr="play"> <i class="fas fa-pause icon--pressed fa-fw" role="presentation"></i> <i class="fas fa-play icon--not-pressed fa-fw" role="presentation"></i> </button> <div class="ml-2 mr-auto plyr__time plyr__time--current pointer-events-auto" aria-label="Current time">00:00</div> <button type="button" class="plyr__control pointer-events-auto" aria-label="Mute" data-plyr="mute"> <i class="fas fa-volume-xmark icon--pressed fa-fw" role="presentation"></i> <i class="fas fa-volume icon--not-pressed fa-fw" role="presentation"></i> </button> <button type="button" class="plyr__control pointer-events-auto" data-plyr="fullscreen"> <i class="fas fa-compress icon--pressed fa-fw" role="presentation"></i> <i class="fas fa-expand icon--not-pressed fa-fw" role="presentation"></i> </button> </div> <div class="w-full mt-2 plyr__progress pointer-events-auto"> <input data-plyr="seek" type="range" min="0" max="100" step="0.01" value="0" aria-label="Seek"> <progress class="plyr__progress__buffer" min="0" max="100" value="0">% buffered</progress> </div> </div> </template> </div> </div> </div></div> </template> </div> <div class="px-2 mt-6 xl:px-0 lg:mt-2 xl:mt-0 lg:flex lg:flex-col lg:justify-center lg:w-full"> <h3 class="mb-1 text-lg font-semibold">Matt's Story</h3> </div> </div> <div class="flex relative flex-col flex-shrink-0 max-w-[96%] lg:max-w-full snap-center xl:px-0 px-2 xl:gap-x-3 xl:flex-row w-full"> <div data-controller="common--video-player-modal" class="w-full h-auto relative aspect-video lg:flex-shrink-0 xl:max-w-[260px]"> <button class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none focus-visible-company lg:bg-opacity-100" title="Watch the film" data-action="click->common--video-player-modal#toggleModal"> <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded"></span> <span class="absolute flex items-center justify-center size-16 text-xl text-black transition-opacity duration-150 transform -translate-x-8 -translate-y-8 bg-white rounded-full shadow-form group-hover:opacity-100 opacity-90 left-half top-half z-video-poster-button"> <i class="fas fa-play fa-fw"></i> </span> </button> <template data-common--video-player-modal-target="template"> <div class="bg-white fixed top-0 left-0 z-modal flex items-center justify-center w-full h-full transform transition-all duration-300 opacity-0 pointer-events-none"> <div class="mx-2 sm:mx-25 max-h-screen h-auto w-full lg:min-w-screen-md"> <button type="button" title="Close modal" class="fixed size-16 top-4 right-4 flex justify-center text-3xl p-4 rounded-full text-gray-800 cursor-pointer sm:absolute hover:opacity-75 focus-visible-company" data-close="true"> <i class="fal fa-xmark"></i> </button> <div class="max-w-screen-xl max-h-screen mx-auto my-8 overflow-hidden transition duration-200 delay-100 scale-50 rounded shadow-form-strong" data-player-container> <div class="w-full h-auto relative rounded cursor-pointer aspect-video" data-controller="common--video-player" data-common--video-player-aspect-ratio-value="16:9" data-common--video-player-initialize-value="true" data-common--video-player-thumbnail-image-value="false" data-common--video-player-is-external-value="true" data-common--video-player-no-controls-value="false" data-common--video-player-use-intersection-value="false" data-common--video-player-autoplay-value="false" data-common--video-player-hidden-class="!hidden" data-action="stop-all-video-players@window->common--video-player#stopVideo"> <div class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none focus-visible-company lg:bg-opacity-100 pointer-events-none" data-common--video-player-target="thumbnail"> <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded opacity-0 group-hover:opacity-15"></span> <span class="absolute flex items-center justify-center size-16 text-xl text-black transition-opacity duration-150 transform -translate-x-8 -translate-y-8 bg-white rounded-full shadow-form group-hover:opacity-100 opacity-90 left-half top-half z-video-poster-button"> <i class="fas fa-play fa-fw"></i> </span> </div> <div class="w-full" data-common--video-player-target="player" data-plyr-provider="youtube" data-plyr-embed-id="-VU8O5fiwRg"></div> <template data-common--video-player-target="controlsTemplate"> <div class="flex flex-col w-full plyr__controls pointer-events-none"> <div class="flex items-center w-full"> <button type="button" class="plyr__control pointer-events-auto" aria-label="Play" data-plyr="play"> <i class="fas fa-pause icon--pressed fa-fw" role="presentation"></i> <i class="fas fa-play icon--not-pressed fa-fw" role="presentation"></i> </button> <div class="ml-2 mr-auto plyr__time plyr__time--current pointer-events-auto" aria-label="Current time">00:00</div> <button type="button" class="plyr__control pointer-events-auto" aria-label="Mute" data-plyr="mute"> <i class="fas fa-volume-xmark icon--pressed fa-fw" role="presentation"></i> <i class="fas fa-volume icon--not-pressed fa-fw" role="presentation"></i> </button> <button type="button" class="plyr__control pointer-events-auto" data-plyr="fullscreen"> <i class="fas fa-compress icon--pressed fa-fw" role="presentation"></i> <i class="fas fa-expand icon--not-pressed fa-fw" role="presentation"></i> </button> </div> <div class="w-full mt-2 plyr__progress pointer-events-auto"> <input data-plyr="seek" type="range" min="0" max="100" step="0.01" value="0" aria-label="Seek"> <progress class="plyr__progress__buffer" min="0" max="100" value="0">% buffered</progress> </div> </div> </template> </div> </div> </div></div> </template> </div> <div class="px-2 mt-6 xl:px-0 lg:mt-2 xl:mt-0 lg:flex lg:flex-col lg:justify-center lg:w-full"> <h3 class="mb-1 text-lg font-semibold">Joann's Story</h3> </div> </div> <div class="flex relative flex-col flex-shrink-0 max-w-[96%] lg:max-w-full snap-center xl:px-0 px-2 xl:gap-x-3 xl:flex-row w-full"> <div data-controller="common--video-player-modal" class="w-full h-auto relative aspect-video lg:flex-shrink-0 xl:max-w-[260px]"> <button class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none focus-visible-company lg:bg-opacity-100" title="Watch the film" data-action="click->common--video-player-modal#toggleModal"> <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded"></span> <span class="absolute flex items-center justify-center size-16 text-xl text-black transition-opacity duration-150 transform -translate-x-8 -translate-y-8 bg-white rounded-full shadow-form group-hover:opacity-100 opacity-90 left-half top-half z-video-poster-button"> <i class="fas fa-play fa-fw"></i> </span> </button> <template data-common--video-player-modal-target="template"> <div class="bg-white fixed top-0 left-0 z-modal flex items-center justify-center w-full h-full transform transition-all duration-300 opacity-0 pointer-events-none"> <div class="mx-2 sm:mx-25 max-h-screen h-auto w-full lg:min-w-screen-md"> <button type="button" title="Close modal" class="fixed size-16 top-4 right-4 flex justify-center text-3xl p-4 rounded-full text-gray-800 cursor-pointer sm:absolute hover:opacity-75 focus-visible-company" data-close="true"> <i class="fal fa-xmark"></i> </button> <div class="max-w-screen-xl max-h-screen mx-auto my-8 overflow-hidden transition duration-200 delay-100 scale-50 rounded shadow-form-strong" data-player-container> <div class="w-full h-auto relative rounded cursor-pointer aspect-video" data-controller="common--video-player" data-common--video-player-aspect-ratio-value="16:9" data-common--video-player-initialize-value="true" data-common--video-player-thumbnail-image-value="false" data-common--video-player-is-external-value="true" data-common--video-player-no-controls-value="false" data-common--video-player-use-intersection-value="false" data-common--video-player-autoplay-value="false" data-common--video-player-hidden-class="!hidden" data-action="stop-all-video-players@window->common--video-player#stopVideo"> <div class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none focus-visible-company lg:bg-opacity-100 pointer-events-none" data-common--video-player-target="thumbnail"> <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded opacity-0 group-hover:opacity-15"></span> <span class="absolute flex items-center justify-center size-16 text-xl text-black transition-opacity duration-150 transform -translate-x-8 -translate-y-8 bg-white rounded-full shadow-form group-hover:opacity-100 opacity-90 left-half top-half z-video-poster-button"> <i class="fas fa-play fa-fw"></i> </span> </div> <div class="w-full" data-common--video-player-target="player" data-plyr-provider="youtube" data-plyr-embed-id="-rtjZ0slF7Q"></div> <template data-common--video-player-target="controlsTemplate"> <div class="flex flex-col w-full plyr__controls pointer-events-none"> <div class="flex items-center w-full"> <button type="button" class="plyr__control pointer-events-auto" aria-label="Play" data-plyr="play"> <i class="fas fa-pause icon--pressed fa-fw" role="presentation"></i> <i class="fas fa-play icon--not-pressed fa-fw" role="presentation"></i> </button> <div class="ml-2 mr-auto plyr__time plyr__time--current pointer-events-auto" aria-label="Current time">00:00</div> <button type="button" class="plyr__control pointer-events-auto" aria-label="Mute" data-plyr="mute"> <i class="fas fa-volume-xmark icon--pressed fa-fw" role="presentation"></i> <i class="fas fa-volume icon--not-pressed fa-fw" role="presentation"></i> </button> <button type="button" class="plyr__control pointer-events-auto" data-plyr="fullscreen"> <i class="fas fa-compress icon--pressed fa-fw" role="presentation"></i> <i class="fas fa-expand icon--not-pressed fa-fw" role="presentation"></i> </button> </div> <div class="w-full mt-2 plyr__progress pointer-events-auto"> <input data-plyr="seek" type="range" min="0" max="100" step="0.01" value="0" aria-label="Seek"> <progress class="plyr__progress__buffer" min="0" max="100" value="0">% buffered</progress> </div> </div> </template> </div> </div> </div></div> </template> </div> <div class="px-2 mt-6 xl:px-0 lg:mt-2 xl:mt-0 lg:flex lg:flex-col lg:justify-center lg:w-full"> <h3 class="mb-1 text-lg font-semibold">Over the Iceberg</h3> </div> </div> <div class="flex relative flex-col flex-shrink-0 max-w-[96%] lg:max-w-full snap-center xl:px-0 px-2 xl:gap-x-3 xl:flex-row w-full"> <div data-controller="common--video-player-modal" class="w-full h-auto relative aspect-video lg:flex-shrink-0 xl:max-w-[260px]"> <button class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none focus-visible-company lg:bg-opacity-100" title="Watch the film" data-action="click->common--video-player-modal#toggleModal"> <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded"></span> <span class="absolute flex items-center justify-center size-16 text-xl text-black transition-opacity duration-150 transform -translate-x-8 -translate-y-8 bg-white rounded-full shadow-form group-hover:opacity-100 opacity-90 left-half top-half z-video-poster-button"> <i class="fas fa-play fa-fw"></i> </span> </button> <template data-common--video-player-modal-target="template"> <div class="bg-white fixed top-0 left-0 z-modal flex items-center justify-center w-full h-full transform transition-all duration-300 opacity-0 pointer-events-none"> <div class="mx-2 sm:mx-25 max-h-screen h-auto w-full lg:min-w-screen-md"> <button type="button" title="Close modal" class="fixed size-16 top-4 right-4 flex justify-center text-3xl p-4 rounded-full text-gray-800 cursor-pointer sm:absolute hover:opacity-75 focus-visible-company" data-close="true"> <i class="fal fa-xmark"></i> </button> <div class="max-w-screen-xl max-h-screen mx-auto my-8 overflow-hidden transition duration-200 delay-100 scale-50 rounded shadow-form-strong" data-player-container> <div class="w-full h-auto relative rounded cursor-pointer aspect-video" data-controller="common--video-player" data-common--video-player-aspect-ratio-value="16:9" data-common--video-player-initialize-value="true" data-common--video-player-thumbnail-image-value="false" data-common--video-player-is-external-value="true" data-common--video-player-no-controls-value="false" data-common--video-player-use-intersection-value="false" data-common--video-player-autoplay-value="false" data-common--video-player-hidden-class="!hidden" data-action="stop-all-video-players@window->common--video-player#stopVideo"> <div class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none focus-visible-company lg:bg-opacity-100 pointer-events-none" data-common--video-player-target="thumbnail"> <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded opacity-0 group-hover:opacity-15"></span> <span class="absolute flex items-center justify-center size-16 text-xl text-black transition-opacity duration-150 transform -translate-x-8 -translate-y-8 bg-white rounded-full shadow-form group-hover:opacity-100 opacity-90 left-half top-half z-video-poster-button"> <i class="fas fa-play fa-fw"></i> </span> </div> <div class="w-full" data-common--video-player-target="player" data-plyr-provider="youtube" data-plyr-embed-id="y77_kiotsGc"></div> <template data-common--video-player-target="controlsTemplate"> <div class="flex flex-col w-full plyr__controls pointer-events-none"> <div class="flex items-center w-full"> <button type="button" class="plyr__control pointer-events-auto" aria-label="Play" data-plyr="play"> <i class="fas fa-pause icon--pressed fa-fw" role="presentation"></i> <i class="fas fa-play icon--not-pressed fa-fw" role="presentation"></i> </button> <div class="ml-2 mr-auto plyr__time plyr__time--current pointer-events-auto" aria-label="Current time">00:00</div> <button type="button" class="plyr__control pointer-events-auto" aria-label="Mute" data-plyr="mute"> <i class="fas fa-volume-xmark icon--pressed fa-fw" role="presentation"></i> <i class="fas fa-volume icon--not-pressed fa-fw" role="presentation"></i> </button> <button type="button" class="plyr__control pointer-events-auto" data-plyr="fullscreen"> <i class="fas fa-compress icon--pressed fa-fw" role="presentation"></i> <i class="fas fa-expand icon--not-pressed fa-fw" role="presentation"></i> </button> </div> <div class="w-full mt-2 plyr__progress pointer-events-auto"> <input data-plyr="seek" type="range" min="0" max="100" step="0.01" value="0" aria-label="Seek"> <progress class="plyr__progress__buffer" min="0" max="100" value="0">% buffered</progress> </div> </div> </template> </div> </div> </div></div> </template> </div> <div class="px-2 mt-6 xl:px-0 lg:mt-2 xl:mt-0 lg:flex lg:flex-col lg:justify-center lg:w-full"> <h3 class="mb-1 text-lg font-semibold">Leading with Purpose</h3> </div> </div> </div> </div> </div> </div> </div> </section> <section id="section-863555" style="--block-base-text-color: 37, 37, 37;--block-base-link-color: 0, 45, 209;--block-base-background-color: 255, 255, 255;--block-base-highlight-color: 0, 45, 209;--block-background-color: #ffffff;--block-title-color: #002dd1;--block-text-color: 37, 37, 37;--block-link-color: #002dd1;" class="block--timeline block-padding bg-block-preset-custom bg-block-background text-block-text" data-section-route="section" data-section-model="863555" data-section-sub-type="ContentBlock::Timeline" data-section-name="timeline"> <div class="text-lg company-links"> <div class="block-px"> <div class="mx-auto mb-10 block-max-w--md"> <h2 class="text-4xl text-center text-block-title font-company-header break-words">Our Simple Recruitment Process</h2> </div> </div> <div class="relative flex overflow-x-auto pb-4 snap snap-x snap-mandatory sm:no-snap relative px-3 sm:px-8 items-start 3xl:justify-center"> <div class="w-[96%] sm:w-[350px] px-2 flex-shrink-0 snap-center sm:px-4 pt-12"> <div class="relative w-full pb-2/3 rounded shadow-form bg-block-base-bg"> <div class="absolute inset-0 flex flex-col justify-center items-center overflow-hidden rounded bg-block-base-text bg-opacity-15"> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_crop-v4/image_uploads/6225865c-b694-4ab3-891a-098e3f67af41/original.jpeg?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_crop-v4/image_uploads/6225865c-b694-4ab3-891a-098e3f67af41/original.jpeg" loading="lazy" class="w-full h-auto"> </picture> </figure> </div> <span class="absolute h-[2px] bg-opacity-50 left-full right-[-16px] sm:right-[-32px] top-half bg-block-base-text"></span> </div> <div class="px-2 mt-6"> <h3 class="text-xl font-semibold">Online Application or Connect</h3> <div class="mt-2 prose"><p>When you see a vacancy, it’s best to apply immediately using the application form. Can’t find the right role? Stay posted by connecting with South Pole and you’ll receive regular updates.<br></p><p><em> </em></p></div> </div> </div> <div class="w-[96%] sm:w-[350px] px-2 flex-shrink-0 snap-center sm:px-4 pt-12"> <div class="relative w-full pb-2/3 rounded shadow-form bg-block-base-bg"> <div class="absolute inset-0 flex flex-col justify-center items-center overflow-hidden rounded bg-block-base-text bg-opacity-15"> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_crop-v4/image_uploads/0ab1522d-3eb4-474f-a9ec-5a8d3a6630db/original.jpeg?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_crop-v4/image_uploads/0ab1522d-3eb4-474f-a9ec-5a8d3a6630db/original.jpeg" loading="lazy" class="w-full h-auto"> </picture> </figure> </div> <span class="absolute h-[2px] bg-opacity-50 left-full right-[-16px] sm:right-[-32px] top-half bg-block-base-text"></span> </div> <div class="px-2 mt-6"> <h3 class="text-xl font-semibold">Screening Call</h3> <div class="mt-2 prose"><p>A telephone interview with a member from the recruitment team, covering your skills, experience, and motivations. We’ll tell you more about the role and answer any questions.</p></div> </div> </div> <div class="w-[96%] sm:w-[350px] px-2 flex-shrink-0 snap-center sm:px-4 pt-12"> <div class="relative w-full pb-2/3 rounded shadow-form bg-block-base-bg"> <div class="absolute inset-0 flex flex-col justify-center items-center overflow-hidden rounded bg-block-base-text bg-opacity-15"> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_crop-v4/image_uploads/416ac10c-553b-4700-9486-831307732aee/original.jpeg?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_crop-v4/image_uploads/416ac10c-553b-4700-9486-831307732aee/original.jpeg" loading="lazy" class="w-full h-auto"> </picture> </figure> </div> <span class="absolute h-[2px] bg-opacity-50 left-full right-[-16px] sm:right-[-32px] top-half bg-block-base-text"></span> </div> <div class="px-2 mt-6"> <h3 class="text-xl font-semibold">Interviews and Testing</h3> <div class="mt-2 prose"><p>You can expect a combination of scenario and competency-based questions during the interview process. If the role you’ve applied for requires specific technical skills, we may ask you to complete a technical test or a short practical task.</p><p><em> </em></p></div> </div> </div> <div class="w-[96%] sm:w-[350px] px-2 flex-shrink-0 snap-center sm:px-4 pt-12"> <div class="relative w-full pb-2/3 rounded shadow-form bg-block-base-bg"> <div class="absolute inset-0 flex flex-col justify-center items-center overflow-hidden rounded bg-block-base-text bg-opacity-15"> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_crop-v4/image_uploads/5c2619c6-cae7-4fdd-a066-00552104fb55/original.jpeg?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_crop-v4/image_uploads/5c2619c6-cae7-4fdd-a066-00552104fb55/original.jpeg" loading="lazy" class="w-full h-auto"> </picture> </figure> </div> <span class="absolute h-[2px] bg-opacity-50 left-full right-[-16px] sm:right-[-32px] top-half bg-block-base-text"></span> </div> <div class="px-2 mt-6"> <h3 class="text-xl font-semibold">Meet the Team</h3> <div class="mt-2 prose"><p>You'll have the chance to meet key stakeholders and other team members from the business to understand your role and our company culture.</p><p><em></em></p></div> </div> </div> <div class="w-[96%] sm:w-[350px] px-2 flex-shrink-0 snap-center sm:px-4 pt-12"> <div class="relative w-full pb-2/3 rounded shadow-form bg-block-base-bg"> <div class="absolute inset-0 flex flex-col justify-center items-center overflow-hidden rounded bg-block-base-text bg-opacity-15"> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_crop-v4/image_uploads/594355bd-1abd-41c6-a06d-b61bca97a7cb/original.jpeg?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_crop-v4/image_uploads/594355bd-1abd-41c6-a06d-b61bca97a7cb/original.jpeg" loading="lazy" class="w-full h-auto"> </picture> </figure> </div> </div> <div class="px-2 mt-6"> <h3 class="text-xl font-semibold">Congratulations!</h3> <div class="mt-2 prose"><p>Once you’ve accepted our offer, our HR team will contact you to arrange a start date and organise any practicalities for your first day. Welcome to the Iceberg!<br></p></div> </div> </div></div> </div> </section> <section id="section-22549922" style="--block-base-text-color: 0, 37, 124;--block-base-link-color: 0, 33, 69;--block-base-background-color: 255, 255, 255;--block-base-highlight-color: 0, 33, 69;--block-background-color: #ffffff;--block-title-color: #002dd1;--block-text-color: 0, 37, 124;--block-link-color: #002145;" class="block--jobs block-padding bg-block-preset-custom bg-block-background text-block-text" data-section-route="section" data-section-model="22549922" data-section-name="jobs"> <div class="w-full text-lg relative block-px" data-layout="card" data-controller="blocks--jobs" data-blocks--jobs-show-map-value="false" data-blocks--jobs-split-view-value="false" data-blocks--jobs-split-view-candidate-value="false" data-blocks--jobs-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-blocks--jobs-first-block-value="false" data-blocks--jobs-overflow-auto-class="lg:overflow-auto" data-blocks--jobs-overflow-hidden-class="lg:overflow-hidden" data-blocks--jobs-sibling-element-padding-class="lg:[&.bg-block-preset-primary:not(.keep-block-padding)]:!pt-20" data-blocks--jobs-disabled-map-view-toggle-class="cursor-not-allowed" id="jobs"> <div class="block-px jobs-text"> <div class="mb-15 md:mb-18 lg:mb-20 mx-auto block-max-w--sm"> <h2 class="text-4xl text-center font-company-header text-block-title" data-controller="fit-title">Our Current Vacancies</h2> </div></div> <div class="jobs-container" data-blocks--jobs-target="jobsContainer"> <div class="relative"> <div class="bg-block-background relative z-career-jobs-list" data-blocks--jobs-target="jobsListContainer"> <div> <div class="mx-auto text-lg block-max-w--md"> <ul class="block-grid" id="jobs_list_container"> <li class="transition-opacity duration-150 border rounded block-grid-item border-block-base-text border-opacity-15"> <a class="min-h-[180px] h-full w-full p-4 flex flex-col justify-center text-center hover:bg-block-base-text hover:bg-opacity-3" data-turbo="false" href="https://careers.southpole.com/jobs/5166448-regional-associate-director-sales-north-america"> <span class="text-block-base-link company-link-style" title="Regional Associate Director, Sales, North America">Regional Associate Director, Sales, North America</span> <div class="mt-1 text-md"> <span>Key Account Management/Business Development</span> <span class="mx-[2px]">·</span> <span>Flexible location in the US, North America</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Fully Remote <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a></li> <li class="transition-opacity duration-150 border rounded block-grid-item border-block-base-text border-opacity-15"> <a class="min-h-[180px] h-full w-full p-4 flex flex-col justify-center text-center hover:bg-block-base-text hover:bg-opacity-3" data-turbo="false" href="https://careers.southpole.com/jobs/5163739-senior-specialist-data-engineering-global-digital-business-services"> <span class="text-block-base-link company-link-style" title="Senior Specialist, Data Engineering, Global Digital Business Services">Senior Specialist, Data Engineering, Global Digital Business Services</span> <div class="mt-1 text-md"> <span>Corporate Services</span> <span class="mx-[2px]">·</span> <span>New Delhi</span> </div> </a></li> <li class="transition-opacity duration-150 border rounded block-grid-item border-block-base-text border-opacity-15"> <a class="min-h-[180px] h-full w-full p-4 flex flex-col justify-center text-center hover:bg-block-base-text hover:bg-opacity-3" data-turbo="false" href="https://careers.southpole.com/jobs/5160991-junior-associate-consultant-environmental-impact-accounting"> <span class="text-block-base-link company-link-style" title="Junior Associate Consultant, Environmental Impact Accounting">Junior Associate Consultant, Environmental Impact Accounting</span> <div class="mt-1 text-md"> <span>Consultancy & Advisory Services</span> <span class="mx-[2px]">·</span> <span>Mexico City</span> </div> </a></li> <li class="transition-opacity duration-150 border rounded block-grid-item border-block-base-text border-opacity-15"> <a class="min-h-[180px] h-full w-full p-4 flex flex-col justify-center text-center hover:bg-block-base-text hover:bg-opacity-3" data-turbo="false" href="https://careers.southpole.com/jobs/5142454-senior-manager-procurement"> <span class="text-block-base-link company-link-style" title="Senior Manager, Procurement">Senior Manager, Procurement</span> <div class="mt-1 text-md"> <span>Corporate Services</span> <span class="mx-[2px]">·</span> <span>Cape Town</span> </div> </a></li> <li class="transition-opacity duration-150 border rounded block-grid-item border-block-base-text border-opacity-15"> <a class="min-h-[180px] h-full w-full p-4 flex flex-col justify-center text-center hover:bg-block-base-text hover:bg-opacity-3" data-turbo="false" href="https://careers.southpole.com/jobs/5139337-carbon-portfolio-offering-procurement-specialist"> <span class="text-block-base-link company-link-style" title="Carbon Portfolio Offering & Procurement Specialist">Carbon Portfolio Offering & Procurement Specialist</span> <div class="mt-1 text-md"> <span>Climate Portfolio Management</span> <span class="mx-[2px]">·</span> <span>Medellin</span> </div> </a></li> <li class="transition-opacity duration-150 border rounded block-grid-item border-block-base-text border-opacity-15"> <a class="min-h-[180px] h-full w-full p-4 flex flex-col justify-center text-center hover:bg-block-base-text hover:bg-opacity-3" data-turbo="false" href="https://careers.southpole.com/jobs/5135798-senior-specialist-talent-acquisition"> <span class="text-block-base-link company-link-style" title="Senior Specialist, Talent Acquisition">Senior Specialist, Talent Acquisition</span> <div class="mt-1 text-md"> <span>Corporate Services</span> <span class="mx-[2px]">·</span> <span>Bangalore</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybrid Remote <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a></li> <li class="transition-opacity duration-150 border rounded block-grid-item border-block-base-text border-opacity-15"> <a class="min-h-[180px] h-full w-full p-4 flex flex-col justify-center text-center hover:bg-block-base-text hover:bg-opacity-3" data-turbo="false" href="https://careers.southpole.com/jobs/5135732-senior-specialist-talent-acquisition"> <span class="text-block-base-link company-link-style" title="Senior Specialist, Talent Acquisition">Senior Specialist, Talent Acquisition</span> <div class="mt-1 text-md"> <span>Corporate Services</span> <span class="mx-[2px]">·</span> <span>Medellin, Bogotá</span> </div> </a></li> <li class="transition-opacity duration-150 border rounded block-grid-item border-block-base-text border-opacity-15"> <a class="min-h-[180px] h-full w-full p-4 flex flex-col justify-center text-center hover:bg-block-base-text hover:bg-opacity-3" data-turbo="false" href="https://careers.southpole.com/jobs/5121574-regional-lead-technical-nbs-certificates-sea"> <span class="text-block-base-link company-link-style" title="Regional Lead, Technical, NBS, Certificates - SEA">Regional Lead, Technical, NBS, Certificates - SEA</span> <div class="mt-1 text-md"> <span>Project Development</span> <span class="mx-[2px]">·</span> <span>Bangkok</span> </div> </a></li> <li class="transition-opacity duration-150 border rounded block-grid-item border-block-base-text border-opacity-15"> <a class="min-h-[180px] h-full w-full p-4 flex flex-col justify-center text-center hover:bg-block-base-text hover:bg-opacity-3" data-turbo="false" href="https://careers.southpole.com/jobs/5121528-business-development-manager-advisory-asia"> <span class="text-block-base-link company-link-style" title="Business Development Manager - Advisory, Asia">Business Development Manager - Advisory, Asia</span> <div class="mt-1 text-md"> <span>Consultancy & Advisory Services</span> <span class="mx-[2px]">·</span> <span>Singapore</span> </div> </a></li> </ul></div> </div> </div> <div class="flex justify-center mx-auto mt-12"> <a href="/jobs" class="careersite-button min-w-[220px] group" data-turbo="false"> <span class="flex items-center justify-center gap-x-3"> <span class="truncate">All jobs</span> <i class="transition duration-200 transform fas mt-[-1px] fa-chevron-right group-hover:translate-x-1 rtl:group-hover:-translate-x-1 rtl:-scale-x-100"></i> </span> </a> </div> </div></div></div> </section> <section id="section-22549924" style="--block-base-text-color: 37, 37, 37;--block-base-link-color: 0, 33, 69;--block-base-background-color: 255, 255, 255;--block-base-highlight-color: 0, 33, 69;--block-background-color: #ffffff;--block-title-color: #002dd1;--block-text-color: 37, 37, 37;--block-link-color: #002145;" class="block--departments-list block-padding bg-block-preset-custom bg-block-background text-block-text" data-section-route="section" data-section-model="22549924" data-section-name="departments-list"> <div id="departments" class="block-px"> <div class="mx-auto font-company-body block-max-w--lg"> <h2 class="mb-10 text-4xl text-center font-company-header text-block-title hyphens-auto">Our departments</h2> <ul class="block-grid block-grid--wide"> <li class="block-grid-item"> <a class="group rounded block w-full focus-visible-company" href="https://careers.southpole.com/departments/consultancy-advisory-services"> <div class="rounded relative overflow-hidden aspect-3/2 shadow-form bg-company-secondary"> <div class="absolute inset-0 bg-gradient-cover-overlay z-career-grid-item-overlay group-hover:bg-gradient-cover-overlay-hover group-hover:block"></div> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_crop-v4/image_uploads/f5231b04-00dc-40c4-82cc-8cbd0051523b/original.jpg?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_crop-v4/image_uploads/f5231b04-00dc-40c4-82cc-8cbd0051523b/original.jpg" loading="lazy" class="absolute object-fit rounded" role="presentation"> </picture> </figure> <span class="absolute px-6 bottom-5 align-left text-xl font-bold z-career-grid-item-title leading-tight text-white">Consultancy & Advisory Services</span> </div> <p class="mx-2 mt-4 line-clamp-2 max-h-15 text-lg">View department</p> </a></li> <li class="block-grid-item"> <a class="group rounded block w-full focus-visible-company" href="https://careers.southpole.com/departments/project-development"> <div class="rounded relative overflow-hidden aspect-3/2 shadow-form bg-company-secondary"> <div class="absolute inset-0 bg-gradient-cover-overlay z-career-grid-item-overlay group-hover:bg-gradient-cover-overlay-hover group-hover:block"></div> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_crop-v4/image_uploads/5022e396-16de-4af3-b75e-ad514b389127/original.jpg?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_crop-v4/image_uploads/5022e396-16de-4af3-b75e-ad514b389127/original.jpg" loading="lazy" class="absolute object-fit rounded" role="presentation"> </picture> </figure> <span class="absolute px-6 bottom-5 align-left text-xl font-bold z-career-grid-item-title leading-tight text-white">Project Development</span> </div> <p class="mx-2 mt-4 line-clamp-2 max-h-15 text-lg">View department</p> </a></li> <li class="block-grid-item"> <a class="group rounded block w-full focus-visible-company" href="https://careers.southpole.com/departments/corporate-services"> <div class="rounded relative overflow-hidden aspect-3/2 shadow-form bg-company-secondary"> <div class="absolute inset-0 bg-gradient-cover-overlay z-career-grid-item-overlay group-hover:bg-gradient-cover-overlay-hover group-hover:block"></div> <figure> <picture> <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_crop-v4/image_uploads/4d029fea-d8cf-4a7f-82d1-bc3c41f6661d/original.jpg?outputFormat=webp" type="image/webp"> <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800_crop-v4/image_uploads/4d029fea-d8cf-4a7f-82d1-bc3c41f6661d/original.jpg" loading="lazy" class="absolute object-fit rounded" role="presentation"> </picture> </figure> <span class="absolute px-6 bottom-5 align-left text-xl font-bold z-career-grid-item-title leading-tight text-white">Corporate Services</span> </div> <p class="mx-2 mt-4 line-clamp-2 max-h-15 text-lg">View department</p> </a></li> </ul> <div class="flex justify-center mx-auto mt-12"> <a href="/departments" class="careersite-button min-w-[220px] group"> <span class="flex items-center justify-center gap-x-3"> <span class="truncate">All Our Departments</span> <i class="transition duration-200 transform fas mt-[-1px] fa-chevron-right group-hover:translate-x-1 rtl:group-hover:-translate-x-1 rtl:-scale-x-100"></i> </span> </a> </div> </div></div> </section> <section id="section-22549925" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);" class="block--text block-padding bg-block-preset-primary bg-company-primary text-company-primary" data-section-route="section" data-section-model="22549925" data-section-sub-type="ContentBlock::Text" data-section-name="text"> <div class="text-lg block-px" data-controller="careersite--responsive-video"> <div class="mx-auto block-max-w--sm"> <div class="prose prose-block font-company-body company-links"><p><em>We’re a planet of 8 billion unique and different people. We all have a contribution to make and South Pole is proud to be an Equal Opportunity Employer. We do not discriminate on the basis of race, religion, colour, sex, gender identity, sexual orientation, age, national origin, marital status, or disability. Our recruitment is decided on the basis of qualifications, merit and business need.<br><br>South Pole has a centralised Recruitment function and only engages with preferred suppliers when required where we have pre-agreed terms and conditions in place. We do not accept unsolicited resumes from agencies and will not be bound by terms not agreed centrally with the recruitment function.</em><br></p></div> </div> </div> </section> <section id="section-22549926" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);" class="block--locations-map bg-company-primary text-company-primary" data-section-route="section" data-section-model="22549926" data-section-name="locations-map"> <div id="locations-map" class="text-lg locations-map" data-controller="blocks--locations-map" data-blocks--locations-map-selected-location-value="90831" data-blocks--locations-map-locations-value="[{"id":90831,"lat":"52.33776719999999","long":"4.8723915"},{"id":90833,"lat":"13.7507457","long":"100.5306507"},{"id":90834,"lat":"39.9197479","long":"116.4563636"},{"id":94378,"lat":"52.50281709999999","long":"13.4124204"},{"id":90835,"lat":"4.654323300000001","long":"-74.061531"},{"id":100603,"lat":"50.8456646","long":"4.3581997"},{"id":438364,"lat":"-33.9179323","long":"18.4220237"},{"id":114354,"lat":"55.6760968","long":"12.5683372"},{"id":269321,"lat":"43.7843126","long":"11.2231471"},{"id":98074,"lat":"50.1049722","long":"8.66636"},{"id":90838,"lat":"-6.2435068","long":"106.8037101"},{"id":90475,"lat":"51.5222832","long":"-0.08485369999999999"},{"id":113401,"lat":"40.4305957","long":"-3.6970597"},{"id":409469,"lat":"-25.593649","long":"32.5372741"},{"id":90839,"lat":"6.2110013","long":"-75.5759258"},{"id":90840,"lat":"-37.8162147","long":"144.9632902"},{"id":90841,"lat":"19.397467","long":"-99.17156419999999"},{"id":549965,"lat":"45.4512632","long":"9.1614458"},{"id":170054,"lat":"48.1505572","long":"11.5783422"},{"id":90842,"lat":"28.5593419","long":"77.19632159999999"},{"id":90843,"lat":"40.7033479","long":"-74.0108472"},{"id":427159,"lat":"40.706937","long":"-74.0044856"},{"id":110873,"lat":"48.86986869999999","long":"2.3634236"},{"id":90845,"lat":"1.2783407","long":"103.8508838"},{"id":90846,"lat":"59.33624099999999","long":"18.0692618"},{"id":90847,"lat":"-33.8773809","long":"151.2123866"},{"id":90476,"lat":"47.3901863","long":"8.5158385"}]"> <template data-blocks--locations-map-target="largeMarkerIcon"> <i class="text-3xl filter drop-shadow fas fa-location-dot text-company-link"></i> </template> <template data-blocks--locations-map-target="smallMarkerIcon"> <i class="filter drop-shadow fas fa-circle-small fa-xs text-company-link"></i> </template> <div class="flex flex-col lg:flex-row"> <div class="flex flex-col items-center justify-start w-full py-20 lg:w-half bg-company-secondary block-px"> <select class="truncate pr-10 mb-6 min-w-full lg:min-w-[300px] max-w-full lg:max-w-[420px] md:mx-4 p-4 rounded-2 border-0 cursor-pointer bg-company-secondary-text text-company-secondary-bg focus-visible-company-secondary" data-blocks--locations-map-target="locationSelect" name="Select location" title="Select location"> <option value="90831"> Amsterdam </option> <option value="90833"> Bangkok </option> <option value="90834"> Beijing </option> <option value="94378"> Berlin </option> <option value="90835"> Bogotá </option> <option value="100603"> Brussels </option> <option value="438364"> Cape Town </option> <option value="114354"> Copenhagen </option> <option value="269321"> Florence </option> <option value="98074"> Frankfurt </option> <option value="90838"> Jakarta </option> <option value="90475"> London </option> <option value="113401"> Madrid </option> <option value="409469"> Maputo </option> <option value="90839"> Medellin </option> <option value="90840"> Melbourne </option> <option value="90841"> Mexico City </option> <option value="549965"> Milan </option> <option value="170054"> Munich </option> <option value="90842"> New Delhi </option> <option value="90843"> New York City </option> <option value="427159"> North America </option> <option value="110873"> Paris </option> <option value="90845"> Singapore </option> <option value="90846"> Stockholm </option> <option value="90847"> Sydney </option> <option value="90476"> Zurich </option></select> <turbo-frame id="location_details" src="https://careers.southpole.com/locations/map_details?editor=false&location_id=90831" loading="lazy" data-blocks--locations-map-target="details"></turbo-frame> </div> <div class="w-full lg:w-half h-[320px] md:h-[450px] z-career-locations-map" data-blocks--locations-map-target="map"></div> </div></div> </section> <div class="" data-section-model="footer"> <section class="block--about company-links bg-company-primary-text bg-opacity-3 block-px mt-auto"> <div class="py-20 mx-auto block-max-w--sm"> <div class="mx-auto block-max-w--sm"> <h2 class="mb-4 text-4xl text-center font-company-header text-block-title" data-controller="fit-title">About South Pole</h2> <div class="prose prose-block font-company-body company-links"><p><br></p><p>Our story began in Zurich, with 5 friends* in 2002. They had a belief and a vision to shape and change the future of the world through climate empowerment, education and projects with their non-profit organisation; MyClimate. These ‘social entrepreneurs’ went on to pioneer climate change with the introduction of South Pole in 2006*. More than 20 years on, with the support of some of the most passionate and talented entrepreneurs around them, who are empowered to all play their part and with their founding belief in aligning purpose with passion, people and profit, they have created South Pole, an organisation that has gone onto positively impact the lives of over 20 million people across the world through its projects, saving over 20,000 km2 of forests from deforestation.</p><p> </p><p dir="ltr"><em>*Patrick Bürgi, Thomas Camerata, Renat Heuberger, Ingo Puhl, and Christoph Sutter</em><br><em>*2006 Joined by Marco Hirsbrunner and Christoph Grobel</em><br></p></div> </div> <div class="flex flex-wrap mt-8 text-lg gap-y-4"> <div class="flex-shrink-0 w-full md:w-half"> <span class="font-bold"> Founded in </span> 2006 </div> <div class="flex-shrink-0 w-full md:w-half"> <span class="font-bold"> Co-workers </span> 1000+ </div> </div> </div> </section> <footer class="block-px mt-auto"> <div class="text-lg block-padding"> <div class="w-full mx-auto sm:flex block-max-w--lg"> <div class="w-full lg:flex-shrink-0 md:w-[47%] md:text-center lg:text-unset lg:w-[25%] md:pr-[3%] mb-10 lg:mb-0 last:mb-0 footer-nav-menu"> <h2 class="mb-4 text-xl font-company-header">Career site</h2> <ul class="flex flex-col gap-y-3"> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/">Start</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/departments">Our Departments</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/locations">Locations</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/jobs">Jobs</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/pages/faq">FAQ</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="/data-privacy">Data & privacy</a> </li> <li class="w-full text-md leading-tight"> <button data-controller="cookie-preferences" data-action="click->cookie-preferences#openCookiePreferences" class="company-link font-company-body text-unset py-1">Manage cookies</button> </li> </ul> </div> <div class="w-full lg:flex-shrink-0 md:w-[47%] md:text-center lg:text-unset lg:w-[25%] md:pr-[3%] mb-10 lg:mb-0 last:mb-0 footer-nav-locations"> <h2 class="mb-4 text-xl font-company-header">Locations</h2> <ul class="flex flex-col gap-y-3"> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/locations/brussels">Brussels</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/locations/paris">Paris</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/locations/cape-town">Cape Town</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/locations/sydney">Sydney</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/locations/melbourne">Melbourne</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/locations/london">London</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="/locations">All locations</a> </li> </ul> </div> <div class="w-full lg:flex-shrink-0 md:w-[47%] md:text-center lg:text-unset lg:w-[25%] md:pr-[3%] mb-10 lg:mb-0 last:mb-0 footer-nav-departments"> <h2 class="mb-4 text-xl font-company-header">Our Departments</h2> <ul class="flex flex-col gap-y-3"> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/departments/key-account-management-business-development">Key Account Management/Business Development</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/departments/climate-portfolio-management">Climate Portfolio Management</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/departments/corporate-services">Corporate Services</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/departments/project-origination">Project Origination</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/departments/project-development">Project Development</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/departments/marketing-communications">Marketing & Communications</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="/departments">All Our Departments</a> </li> </ul> </div> <div class="flex flex-col items-center justify-center grow shrink-0 text-base sm:items-end sm:justify-end"> <a class="text-company-primary hover:text-company-link text-ellipsis focus-visible:rounded focus-visible-company py-1" href="https://southpole.com">southpole.com</a> <div class="flex mt-2"> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded gap-x-1" target="_blank" title="x-twitter" href="https://twitter.com/southpoleglobal"> <i class="fab fa-x-twitter size-6 p-1 text-lg"></i> </a> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded gap-x-1" target="_blank" title="facebook" href="https://facebook.com/southpoleglobal/"> <i class="fab fa-facebook size-6 p-1 text-lg"></i> </a> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded gap-x-1" target="_blank" title="linkedin" href="https://linkedin.com/company/south-pole-global/"> <i class="fab fa-linkedin size-6 p-1 text-lg"></i> </a> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded gap-x-1" target="_blank" title="instagram" href="https://instagram.com/southpoleglobal/"> <i class="fab fa-instagram size-6 p-1 text-lg"></i> </a> </div> </div></div></div> <div class="flex flex-col py-4 mx-auto text-center border-t sm:text-unset block-max-w--lg border-company-primary-text border-opacity-15 sm:justify-between sm:flex-row"> <div class="flex justify-center w-full sm:w-auto"> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded" href="/sso_login">Employee login</a> </div> <div class="flex justify-center w-full sm:w-auto"> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded" href="/connect/login">Candidate Connect login</a> </div> </div> </footer></div> <section class="relative block-px mt-15 z-career-autojoin mb-[67px] md:mb-[75px]" id="section-auto-join"> <div class="w-full px-4 pt-12 mx-auto rounded pb-18 block-max-w--lg bg-company-secondary text-company-secondary block-shadow" data-controller="false"> <h2 class="text-center font-company-header text-4xl text-shadow" data-controller="fit-title">Already working at South Pole?</h2> <p class="text-center text-xl text-opacity-80 text-company-secondary text-shadow">Let’s recruit together and find your next colleague.</p> <form class="flex w-full mt-6" data-turbo="false" action="/auto_join" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G2QBe61LyFcXvnO0EmJoNmetnPMgbxDUvk3nFKljRDPceOA1F/4xRQ9dKN4zDGGrIXH+YNvyTgQmjlbsTvHtSg==" autocomplete="off" /> <button type="submit" class="careersite-button careersite-button--secondary mx-auto min-w-[200px]" data-event-tracking="click" data-event-category="Account" data-event-name="Auto Joined: Create" data-event-label="Click"> Log in </button></form> </div> </section> </main> <script nonce="1d9677831f9563bca3fd11230d3f2408"> function trackPageView(url) { var searchParams = new URLSearchParams(window.location.search); var utmSource = searchParams.get('utm_source'); window.referrer = window.referrer || utmSource || document.referrer var payload = { ed: 'EJynAny6e6oxrYXt/szRO0gVZQgMYmcgZeLh3AwywCIr2DWgd5eEKCJ/Php6mf8rfgFa/ccpzv4quUYVlXrQ7Nis4bkfej2f3Dj2ObgGyPH0ZBZGvMfInZ2w7odQr3q5kIqvVtNUdVJrn0oLE0XWIKOFObM48sCA/aVkYSEfoMXrtO6PbWvwjhXzQeo3X1FTGpYBJPurxvsw+9QcxF3EIUh0OtUE/s4eFIQGk6nGSllGol4S4bXEVuHsGao5IJF5Xjcz--1B1VIAHO0KjPNojk--J9kvEY/0sGWmjmFRMNaJtQ==', visitor_uuid: window.visitor_uuid, referrer: window.referrer, data: { ua: navigator.userAgent, }, url: url, }; var xmlhttp = new XMLHttpRequest(); xmlhttp.open('POST', '/pageview', true); xmlhttp.setRequestHeader('Content-Type', 'application/json;charset=UTF-8'); xmlhttp.withCredentials = true; xmlhttp.addEventListener('readystatechange', function () { if (xmlhttp.readyState === XMLHttpRequest.DONE) { const status = xmlhttp.status; if (status === 0 || (status >= 200 && status < 400)) { window.visitor_uuid = xmlhttp.responseText; } } }) xmlhttp.send(JSON.stringify(payload)); } window.trackPageView = trackPageView; if (!window.analyticsPageviewCallback) { window.analyticsPageviewCallback = true; window.addEventListener('turbo:load', function(data){ window.trackPageView(); }); } </script> <div class="opacity-0 transition-opacity duration-100 ease-in-out z-candidate-chat" data-controller="common--chat" data-common--chat-subdomain-host-value="careers.southpole.com"> </div> </body></html>