/* Careers: generated from the v1.6.0 Divi module by build_theme.py. Scoped to #bx-careers. */
#bx-careers{--blue:#0E4C92;--blue-dark:#0A3A70;--ink:#10243d;--green:#3CAE4B;--green-dark:#2E9A3D;--body:#3c4350;--muted:#6b7280;--tint:#eef4fa;--line:rgba(14,76,146,.12);--head:'Poppins',sans-serif;--bodyf:'Inter',sans-serif;--mono:'IBM Plex Mono',monospace;--ease:cubic-bezier(.22,.7,.3,1);--radius:14px;--shadow:0 18px 50px rgba(14,76,146,.12);
display:block;font-family:var(--bodyf);color:var(--body);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased;background:#fff}
#bx-careers *{margin:0;padding:0;box-sizing:border-box}
#bx-careers img{max-width:100%;display:block}
#bx-careers a{text-decoration:none;color:inherit}
#bx-careers .wrap{width:min(1240px,92%);margin:0 auto}
#bx-careers .section{padding:96px 0}
#bx-careers h1,#bx-careers h2,#bx-careers h3{font-family:var(--head);color:var(--ink);line-height:1.18;font-weight:800;letter-spacing:-.01em}
#bx-careers .eyebrow{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--green);margin-bottom:14px;display:block}
#bx-careers .lede{font-size:18px;line-height:1.7;color:var(--body);max-width:760px}
#bx-careers .page-hero{position:relative;background:linear-gradient(140deg,#0b2545 0%,var(--blue) 55%,#08213f 100%);color:#fff;padding:140px 0 96px;overflow:hidden}
#bx-careers .page-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 78% 18%,rgba(60,174,75,.20),transparent 58%)}
#bx-careers .page-hero .wrap{position:relative;z-index:2}
#bx-careers .crumbs{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:20px}
#bx-careers .crumbs a:hover{color:#fff}
#bx-careers .page-hero h1{color:#fff;font-size:clamp(34px,4.4vw,56px);margin-bottom:20px;max-width:17ch}
#bx-careers .page-hero .lede{color:rgba(255,255,255,.86);max-width:660px}
#bx-careers .page-hero .eyebrow{color:#8fd79a}
#bx-careers .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
#bx-careers .btn,#bx-careers a.btn{display:inline-flex !important;align-items:center !important;justify-content:center;gap:10px;font-family:var(--head) !important;font-weight:700 !important;font-size:14px !important;letter-spacing:.05em;text-transform:uppercase;padding:17px 32px !important;border-radius:9px;white-space:nowrap !important;width:auto !important;max-width:none !important;min-height:53px !important;line-height:1.2 !important;box-sizing:border-box !important;text-decoration:none !important;background-image:none !important;transition:transform .3s var(--ease),background .3s,box-shadow .3s}
#bx-careers .btn-primary,#bx-careers a.btn-primary{background:var(--green) !important;color:#fff !important;box-shadow:0 12px 30px rgba(60,174,75,.32)}
#bx-careers .btn-primary:hover{background:var(--green-dark) !important;transform:translateY(-2px)}
#bx-careers .btn-ghost,#bx-careers a.btn-ghost{border:1.5px solid rgba(255,255,255,.4) !important;color:#fff !important;background:transparent !important;margin:0 !important}
#bx-careers .btn-ghost:hover{border-color:#fff !important;transform:translateY(-2px)}
#bx-careers .btn-blue,#bx-careers a.btn-blue{background:var(--blue) !important;color:#fff !important}
#bx-careers .btn-blue:hover{background:var(--blue-dark) !important;transform:translateY(-2px)}
#bx-careers .sec-head{text-align:center;max-width:740px;margin:0 auto 56px}
#bx-careers .sec-head h2{font-size:clamp(26px,2.9vw,40px);margin-bottom:16px}
#bx-careers .sec-head .lede{margin:0 auto}
#bx-careers .split{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
#bx-careers .split h2{font-size:clamp(26px,2.8vw,38px);margin-bottom:20px}
#bx-careers .split p+p{margin-top:16px}
#bx-careers .split-img{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3;background:var(--tint)}
#bx-careers .split-img img{width:100%;height:100%;object-fit:cover}
#bx-careers .ticks{list-style:none;margin-top:24px}
#bx-careers .ticks li{position:relative;padding-left:32px;margin-bottom:13px;font-size:15.5px}
#bx-careers .ticks li::before{content:"";position:absolute;left:0;top:9px;width:14px;height:14px;border-radius:4px;background:var(--green)}
#bx-careers .cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
#bx-careers .card{background:#fff;border-radius:var(--radius);padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 10px 34px rgba(14,76,146,.07)}
#bx-careers .card::before{content:"";position:absolute;top:0;left:0;width:64px;height:4px;background:var(--green)}
#bx-careers .card h3{font-size:20px;margin:14px 0 12px}
#bx-careers .card p{font-size:15px}
#bx-careers .tinted{background:var(--tint)}
#bx-careers .dark-band{background:linear-gradient(150deg,#0b2545,#08213f);color:#fff}
#bx-careers .dark-band h2,#bx-careers .dark-band h3,#bx-careers .dark-band h4{color:#fff}
#bx-careers .dark-band .lede{color:rgba(255,255,255,.8)}
#bx-careers .dark-band .eyebrow{color:#8fd79a}
#bx-careers .cta{background:var(--blue);color:#fff;text-align:center}
#bx-careers .cta h2{color:#fff;font-size:clamp(26px,3vw,40px);margin-bottom:16px}
#bx-careers .cta p{color:rgba(255,255,255,.85);max-width:640px;margin:0 auto 30px}
#bx-careers .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
#bx-careers .reveal.in{opacity:1;transform:none}
@media (max-width:1023px){
  #bx-careers .split{grid-template-columns:1fr;gap:38px}
  #bx-careers .cards3{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  #bx-careers .section{padding:64px 0}
  #bx-careers .page-hero{padding:112px 0 68px}
  #bx-careers .cards3{grid-template-columns:1fr}
  #bx-careers .hero-cta .btn{width:100% !important}
}
#bx-careers .why{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
#bx-careers .why-card{background:#fff;border-radius:var(--radius);padding:34px 30px;position:relative;box-shadow:0 10px 34px rgba(14,76,146,.07)}
#bx-careers .why-card::before{content:"";position:absolute;top:0;left:0;width:56px;height:4px;background:var(--green)}
#bx-careers .why-card h3{font-size:19px;margin:14px 0 10px}
#bx-careers .apply{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
#bx-careers .apply-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px 32px;display:flex;flex-direction:column}
#bx-careers .apply-card h3{font-size:20px;margin-bottom:12px}
#bx-careers .apply-card p{flex:1;margin-bottom:22px}
#bx-careers .apply-card.feature{background:linear-gradient(150deg,#0b2545,#08213f);border-color:transparent;color:#fff}
#bx-careers .apply-card.feature h3{color:#fff}
#bx-careers .apply-card.feature p{color:rgba(255,255,255,.82)}
#bx-careers .faq{max-width:820px;margin:0 auto}
#bx-careers .faq details{border-bottom:1px solid var(--line);padding:20px 0}
#bx-careers .faq summary{cursor:pointer;font-family:var(--head);font-weight:700;font-size:17px;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:16px}
#bx-careers .faq summary::-webkit-details-marker{display:none}
#bx-careers .faq summary::after{content:"+";color:var(--green);font-size:22px;line-height:1;transition:transform .3s var(--ease)}
#bx-careers .faq details[open] summary::after{content:"+";transform:rotate(45deg)}
#bx-careers .faq summary:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:4px}
#bx-careers .faq details[open] p{animation:bxFaq .4s var(--ease)}
@keyframes bxFaq{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
#bx-careers .faq details[open] summary::after{content:"-"}
#bx-careers .faq p{margin-top:12px;font-size:15.5px}
@media (max-width:1023px){#bx-careers .why{grid-template-columns:1fr}#bx-careers .apply{grid-template-columns:1fr}}


/* ---------- typography polish: no orphaned words ---------- */
#bx-careers h1,#bx-careers h2,#bx-careers h3,#bx-careers h4{text-wrap:balance}
#bx-careers p,#bx-careers .lede,#bx-careers li,#bx-careers address{text-wrap:pretty}
#bx-careers .no-widow{white-space:nowrap}

/* ---------- motion system ---------- */
#bx-careers .reveal{opacity:0;transform:translateY(26px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
#bx-careers .reveal.in{opacity:1;transform:none}
#bx-careers .rv-l{opacity:0;transform:translateX(-34px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
#bx-careers .rv-r{opacity:0;transform:translateX(34px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
#bx-careers .rv-l.in,#bx-careers .rv-r.in{opacity:1;transform:none}
#bx-careers .rv-zoom{opacity:0;transform:scale(.94);transition:opacity .9s var(--ease),transform .9s var(--ease)}
#bx-careers .rv-zoom.in{opacity:1;transform:none}
/* image frames: slow drift once revealed */
#bx-careers .split-img img,#bx-careers .svc-photo img,#bx-careers .feat-img img{transition:transform 1.2s var(--ease)}
#bx-careers .split-img.in img,#bx-careers .svc-photo.in img{transform:scale(1.04)}
#bx-careers .split-img:hover img,#bx-careers .svc-photo:hover img{transform:scale(1.08)}
/* eyebrow rule draw-in */
#bx-careers .eyebrow{position:relative;padding-left:0}
#bx-careers .sec-head .eyebrow::after,#bx-careers .page-hero .eyebrow::after{content:"";display:block;width:0;height:2px;background:var(--green);margin:10px auto 0;transition:width .9s var(--ease) .15s}
#bx-careers .sec-head.in .eyebrow::after,#bx-careers .page-hero .eyebrow::after{width:48px}
#bx-careers .split .eyebrow::after{margin-left:0}
/* card + tile micro-interactions */
#bx-careers .card,#bx-careers .val,#bx-careers .why-card,#bx-careers .ci,#bx-careers .div-card{transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
#bx-careers .card:hover,#bx-careers .val:hover,#bx-careers .why-card:hover,#bx-careers .ci:hover,#bx-careers .div-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(14,76,146,.14)}
#bx-careers .card::before,#bx-careers .val::before,#bx-careers .why-card::before,#bx-careers .ci::before,#bx-careers .div-card::before{transition:width .45s var(--ease)}
#bx-careers .card:hover::before,#bx-careers .val:hover::before,#bx-careers .why-card:hover::before,#bx-careers .ci:hover::before,#bx-careers .div-card:hover::before{width:100%}
/* arrows nudge */
#bx-careers .btn .arrow,#bx-careers .more,#bx-careers .post-read,#bx-careers .mini-cta,#bx-careers .b-dir{transition:transform .3s var(--ease),color .25s}
#bx-careers a:hover .arrow{transform:translateX(4px)}
#bx-careers .off:hover .more,#bx-careers .post:hover .post-read,#bx-careers .branch:hover .b-dir{transform:translateX(4px)}
/* tick list cascade */
#bx-careers .ticks li{opacity:0;transform:translateX(-12px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
#bx-careers .in .ticks li,#bx-careers .ticks.in li{opacity:1;transform:none}
/* stat counters */
#bx-careers .stat b,#bx-careers .count{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){
  #bx-careers .reveal,#bx-careers .rv-l,#bx-careers .rv-r,#bx-careers .rv-zoom,#bx-careers .ticks li{opacity:1 !important;transform:none !important;transition:none !important}
  #bx-careers .split-img.in img,#bx-careers .svc-photo.in img{transform:none}
}

#bx-careers{overflow-x:clip}
@media (max-width:767px){#bx-careers .rv-l,#bx-careers .rv-r{transform:translateY(20px)}#bx-careers .rv-l.in,#bx-careers .rv-r.in{transform:none}}

/* ================= v1.3 improvement pass ================= */
/* accessible green for small text on light backgrounds (brand green stays on buttons, rules and dark bands) */
#bx-careers{--green-text:#23803A}
#bx-careers .eyebrow,#bx-careers .off .more,#bx-careers .ci-label,#bx-careers .b-dir,#bx-careers .p-role,#bx-careers .post-cat,#bx-careers .post-read,#bx-careers .svc-kicker,#bx-careers .feed-state a{color:var(--green-text)}
#bx-careers .hero .eyebrow,#bx-careers .page-hero .eyebrow,#bx-careers .dark-band .eyebrow,#bx-careers .channels .eyebrow,#bx-careers .cta .eyebrow{color:#8fd79a}
/* hero eyebrow rule sits under the label, not floating mid-hero */
#bx-careers .page-hero .eyebrow::after{margin-left:0;margin-right:0}
/* full-bleed field photography behind every hero */
#bx-careers .hero,#bx-careers .page-hero{background-color:#0b2545}
#bx-careers .hero-photo{position:absolute;inset:0;z-index:0;overflow:hidden}
#bx-careers .hero-photo img{width:100%;height:100%;object-fit:cover;transform-origin:70% 40%;animation:bxHeroDrift 16s var(--ease) both}
#bx-careers .hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,33,63,.97) 0%,rgba(10,50,98,.9) 36%,rgba(14,76,146,.55) 66%,rgba(14,76,146,.22) 100%),linear-gradient(0deg,rgba(8,33,63,.6) 0%,rgba(8,33,63,0) 45%)}
#bx-careers .hero::after,#bx-careers .page-hero::after{z-index:1}
@keyframes bxHeroDrift{from{transform:scale(1.09)}to{transform:scale(1)}}
@media (max-width:767px){#bx-careers .hero-photo::after{background:linear-gradient(180deg,rgba(8,33,63,.82) 0%,rgba(10,50,98,.9) 60%,rgba(8,33,63,.96) 100%)}}
/* photo frames: real imagery fills the frame edge to edge */
#bx-careers .split-img,#bx-careers .svc-photo{background:#dde8f4}
#bx-careers .split-img img,#bx-careers .svc-photo img{object-fit:cover;object-position:center}
@media (prefers-reduced-motion:reduce){#bx-careers .hero-photo img{animation:none}}
@media (min-width:1024px){#bx-careers .svc-photo{position:sticky;top:110px;aspect-ratio:4/5}}
