.careers-hero{background:var(--blue);color:white;padding-top:120px}
.careers-hero .section-label{color:rgba(255,255,255,.85)}
.careers-hero h1{font-size:clamp(3rem,7.5vw,7.4rem);line-height:1.04;letter-spacing:-.035em}
.careers-hero h1 span{color:var(--yellow)}
.careers-lede{max-width:820px;margin-top:34px;font-size:clamp(1.15rem,1.8vw,1.45rem);color:white}
.careers-lede strong{color:var(--yellow);font-weight:500}
.roles{background:white}
.role{border:1.5px solid var(--line);border-radius:28px;padding:clamp(24px,3.5vw,46px);max-width:1200px}
.role-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:26px}
.role-head h2{font-size:clamp(2.4rem,5vw,4.6rem)}
.role-head .eyebrow{max-width:none;margin-bottom:12px}
.role-body{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.role-body h3{margin-bottom:14px;color:var(--blue)}
.role-body ul{padding-left:1.1em;display:grid;gap:10px}
.role-body li{font:500 1.05rem/1.55 var(--serif)}
.role-body li::marker{color:var(--orange)}
.role-why{margin-top:30px;padding:18px 22px;background:var(--tan);border-radius:16px}
.more-roles{max-width:820px;margin-top:34px}
.lead-form textarea{font:500 1.05rem var(--serif);padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;resize:vertical;text-transform:none;letter-spacing:0}
.lead-form .span-2{grid-column:1/-1}
@media(max-width:820px){.role-body{grid-template-columns:1fr}}
