/* Join Our Team — Figma 1205:1121. Scoped under #bt-root. */
#bt-root .jn-hero { padding:clamp(40px,8vw,140px) 0 var(--space-8); max-width:1157px; text-align:center; }
#bt-root .jn-hero__title { font-size:clamp(2.5rem,1.5rem + 4vw,6.25rem); font-weight:500; line-height:1.1; color:var(--c-primary); margin:0 0 var(--space-6); }
#bt-root .jn-hero__lead { font-size:1.5625rem; line-height:1.5; color:var(--c-black); margin:0; }
#bt-root .jn-hero__lead a { color:var(--c-primary); font-weight:500; text-decoration:none; }
#bt-root .jn-roles { padding-bottom:var(--space-8); }
#bt-root .jn-roles__grid { display:grid; grid-template-columns:repeat(2,1fr); gap:50px; }
#bt-root .jn-role { position:relative; background:rgba(242,242,242,.5); border-radius:var(--r-xl); padding:56px 41px 0; min-height:651px; display:flex; flex-direction:column; overflow:hidden; }
#bt-root .jn-role__title { font-size:2.5rem; font-weight:600; line-height:1.2; color:var(--c-black); margin:0 0 var(--space-6); }
#bt-root .jn-role__text { font-size:1.1875rem; line-height:1.55; color:var(--c-black); margin:0 0 var(--space-6); }
#bt-root .jn-role__note { font-size:1.1875rem; line-height:1.55; color:var(--c-text-60); margin:0 0 auto; }
#bt-root .jn-role__filled { margin:var(--space-6) -41px 0; background:var(--c-primary); color:#fff; text-align:center; font-size:1.875rem; font-weight:600; padding:24px; }
#bt-root .jn-role__btn { align-self:flex-start; margin:auto 0 40px; min-width:270px; min-height:75px; display:inline-flex; align-items:center; justify-content:center; border-radius:var(--r-pill); background:var(--c-primary); color:#fff; font-size:1.5625rem; font-weight:500; text-decoration:none; }
#bt-root .jn-role__btn:hover { background:var(--c-black); color:#fff; }
@media (max-width:900px) {
  #bt-root .jn-hero { padding-top:var(--space-7); text-align:left; }
  #bt-root .jn-hero__lead { font-size:var(--fs-body-lg); }
  #bt-root .jn-roles__grid { grid-template-columns:1fr; gap:20px; }
  #bt-root .jn-role { min-height:0; padding:28px 22px 0; }
  #bt-root .jn-role__title { font-size:1.625rem; }
  #bt-root .jn-role__text, #bt-root .jn-role__note { font-size:var(--fs-body); }
  #bt-root .jn-role__filled { margin:var(--space-5) -22px 0; font-size:1.25rem; padding:16px; }
  #bt-root .jn-role__btn { width:100%; margin:var(--space-5) 0 28px; min-height:56px; font-size:1.125rem; }
}
