/* ============================================
   SECTION: Life at 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--la {
    background-image: url("../../../images/life-at-anna/cutout_clinician_man_20260820_183203_careers_left_cutout.4cd94e49c3ad.png");
    background-position: top right 6%;
}

/* Tablet: re-assert bottom anchor (see why_join_anna/open_roles.css). */
@media (max-width: 1100px) {
    .approach-cta--la {
        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--la {
        background-position: left -17px bottom;
        padding-bottom: 117vw;
    }
}
