.career-hero { border-top: 0; background-image: var(--grain), var(--wash-strong); }
.career-hero h1 { font-size: var(--fs-display); line-height: var(--lh-display); letter-spacing: var(--track-display); font-weight: var(--w-reg); margin-block: var(--s5); max-width: 16ch; text-wrap: balance; }
.career-hero .job-title { font-size: var(--fs-h2); line-height: var(--lh-h2); max-width: 30ch; }
.career-hero .lede { max-width: var(--measure); }
.back { display: inline-block; margin-bottom: var(--s7); text-decoration: underline; text-underline-offset: 5px; }
.opportunity { display: grid; grid-template-columns: 1fr 1.3fr; gap: var(--s8); }
.opportunity p + p { margin-top: var(--s5); }
.eyebrow + .h2 { margin-top: var(--s5); }
.roles { margin-top: var(--s7); border-top: 1px solid var(--rule-strong); }
.role { display: grid; grid-template-columns: 48px 1fr auto; align-items: baseline; gap: var(--s5); padding-block: var(--s6); border-bottom: 1px solid var(--rule-strong); }
.role h3, .job-section h2 { font-size: var(--fs-h3); line-height: var(--lh-h3); font-weight: var(--w-reg); }
.role p { color: var(--ink-2); margin-top: var(--s2); }
.role__link { text-decoration: underline; text-underline-offset: 5px; }
.role:hover h3 { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.job-layout { display: grid; grid-template-columns: 1fr 2fr; gap: var(--s8); padding-block: var(--s8); }
.job-aside p { margin-top: var(--s4); max-width: 20ch; font-size: var(--fs-h3); line-height: var(--lh-h3); }
.job-copy { min-width: 0; max-width: 70ch; }
.job-section + .job-section { margin-top: var(--s7); padding-top: var(--s6); border-top: 1px solid var(--rule); }
.job-section h2 { margin-bottom: var(--s5); }
.job-section p, .job-section li { color: var(--ink-2); font-size: var(--fs-lede); line-height: var(--lh-lede); }
.job-section p + p { margin-top: var(--s5); }
.job-section ul { padding-left: var(--s5); }
.job-section li + li { margin-top: var(--s3); }
.job-section a { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
@media (max-width: 720px) {
 .career-hero h1 { line-height: 44px; }
 .career-hero .job-title { line-height: 32px; }
 .opportunity, .job-layout { grid-template-columns: 1fr; gap: var(--s6); }
 .job-aside { padding-bottom: var(--s6); border-bottom: 1px solid var(--rule); }
 .job-aside p { max-width: none; }
 .role { grid-template-columns: 1fr; gap: var(--s3); }
}

.job-meta { margin-bottom: var(--s5); color: var(--ink-2); font-size: var(--fs-h3); line-height: var(--lh-h3); }
.role .role__meta { color: var(--ink); }