/* ============================================
   SECTION: Why Join ANNA — Open roles (closing CTA)
   Reuses the approach closing-CTA layout (.approach-cta, from
   css/sections/approach/get_in_touch.css) and only swaps in
   this page's background photo.
   ============================================ */

.approach-cta--wja {
    background-image: url("../../../images/life-at-anna/open-roles.bda58456bfdd.png");
    background-position: top right;
}

/* Tablet: shared rule pins photo to bottom, but this file's base
   `background-position` wins at equal specificity — re-assert bottom. */
@media (max-width: 1100px) {
    .approach-cta--wja {
        background-position: bottom center;
        /* 0.94:1 photo — tuck sparse top under the copy */
        padding-bottom: calc(78% + 20px);
    }
}

/* ----- Phones -----
   The shared .approach-cta mobile rules drop the photo below the copy, but
   the `background-position` above is a base rule in this later-loading file
   and so wins over them at equal specificity — leaving the photo anchored to
   the top, behind the heading. Re-anchor it here.
   The band also has to be sized for this photo: it is 650x690 (0.94:1) where
   the Our Approach one is 1.08:1, so at 110% width it stands 117vw tall, not
   the 102vw that rule reserves. */
@media (max-width: 600px) {
    .approach-cta--wja {
        background-position: left -17px bottom;
        padding-bottom: 117vw;
    }
}