/* Source-based studio portrait; the complete composition keeps its transparent edges. */
.career-page-intro{padding-top:150px;padding-bottom:70px}
.career-page-back{margin-bottom:36px}
.career-portrait-intro{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"label visual" "title visual" "lede visual";column-gap:32px;align-items:start}
.career-portrait-intro>.eyebrow{grid-area:label;margin:0 0 28px}
.career-portrait-intro>.career-page-title{grid-area:title;font-size:clamp(46px,5.4vw,82px);line-height:1.05;margin:0 0 28px}
.career-portrait-intro>.career-page-lede{grid-area:lede;font-size:18px;line-height:1.8;color:var(--soft);max-width:500px;margin:0}
.career-page-visual{grid-area:visual;display:block;width:100%;min-width:0;align-self:center}
.career-page-visual img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:800px){
  .career-portrait-intro{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "title" "visual" "lede"}
  .career-portrait-intro>.career-page-title{font-size:clamp(46px,7.5vw,64px);margin-bottom:14px}
  .career-page-visual{max-width:600px;justify-self:center;margin:10px 0 24px}
  .career-portrait-intro>.career-page-lede{max-width:550px}
}
@media(max-width:640px){
  .career-page-intro{padding-top:126px;padding-bottom:48px}
  .career-page-back{margin-bottom:32px}
  .career-portrait-intro>.eyebrow{margin-bottom:22px}
  .career-portrait-intro>.career-page-title{font-size:clamp(34px,10.7vw,46px);line-height:1.06;margin-bottom:12px}
  .career-page-visual{margin:8px 0 22px}
  .career-portrait-intro>.career-page-lede{font-size:16px;line-height:1.8}
}