.careers-page .site-header { position: relative; }
.site-header nav a[aria-current="page"] { opacity: 1; text-decoration: underline; text-underline-offset: 5px; }
.skip-link { position: absolute; top: -100px; left: var(--gutter); z-index: 30; padding: 14px; color: var(--black); background: var(--white); }
.skip-link:focus { top: 12px; }
.careers-main { padding: clamp(64px, 8vw, 120px) var(--gutter); }
.careers-heading { padding-bottom: clamp(48px, 7vw, 100px); }
.careers-heading h1 { font-size: clamp(60px, 12vw, 170px); line-height: 1; }
.job { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(36px, 4vw, 56px); padding-top: 48px; border-top: 1px solid rgba(255, 255, 255, .24); }
.job-heading h2 { margin-bottom: 0; font: 500 clamp(40px, 4.5vw, 68px)/1.05 var(--display); letter-spacing: -.04em; text-transform: uppercase; }
.job-heading h2 span { display: block; margin-top: 24px; font: 400 14px/1.5 var(--mono); letter-spacing: 0; text-transform: none; }
.job-details { max-width: 68ch; min-width: 0; font-size: 16px; line-height: 1.75; }
.job-intro { margin-bottom: 40px; }
.job-details section { margin-bottom: 32px; }
.job-details h3 { margin-bottom: 12px; font: 500 14px/1.5 var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.job-details ul { margin: 0; padding-left: 22px; color: rgba(255, 255, 255, .75); }
.job-details li + li { margin-top: 8px; }
.job-apply { margin: 40px 0 0; padding-top: 28px; border-top: 1px solid rgba(255, 255, 255, .24); }
.job-apply a { display: inline-block; padding: 8px 0; overflow-wrap: anywhere; text-underline-offset: 5px; }