.careers-hero { background: radial-gradient(ellipse at 85% 20%, #174b29, #06100a 70%); }
.careers-hero h1 { max-width: 950px; }
.careers-hero p:not(.eyebrow) { color: #d0ded4; max-width: 750px; }
.careers-list > h2 { margin: 0 0 30px; font-size: clamp(2rem, 4vw, 3.2rem); }
.careers-list > .careers-paid-heading { margin-top: 64px; }
.career-card { background: #fff; border: 1px solid #d3e1d7; border-top: 4px solid var(--green); box-shadow: 0 8px 28px #06100a0d; padding: 36px; margin-bottom: 30px; }
.career-card h3 { font-size: clamp(1.6rem, 3vw, 2.4rem); margin: 14px 0 24px; }
.career-card dl { margin: 24px 0 30px; }
.career-card dl > div { display: grid; grid-template-columns: 150px 1fr; gap: 18px; padding: 14px 0; border-bottom: 1px solid #dce7df; }
.career-card dt { font-weight: 850; }
.career-card dd { margin: 0; }
.career-card .button { padding: 14px 20px; height: auto; text-align: center; }
.careers-contact { margin-top: 36px; }
@media (max-width: 600px) { .career-card { padding: 24px 20px; } .career-card dl > div { grid-template-columns: 1fr; gap: 6px; } }

.careers-full-time { margin-top: 64px; padding-top: 0; border-top: 0; }
.careers-full-time h2 { font-size: clamp(2rem, 4vw, 3.2rem); margin: 0 0 24px; }

/* V184: one stationary scene, clipped to the listings section.
   A fixed pseudo-element avoids mobile background-attachment limitations. */
.careers-listings{position:relative;isolation:isolate;clip-path:inset(0);background:#08261f;padding-top:80px;padding-bottom:80px}
.careers-listings::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:#08261f url("images/careers-swamp-v184.webp") center center / cover no-repeat}
.careers-listings .careers-list>h2,.careers-listings .careers-full-time>h2{color:#fff;text-shadow:0 2px 5px #000,0 0 18px #0009}
.careers-listings .career-card{box-shadow:0 12px 32px #0005}
.careers-listings .careers-full-time{border-top:0}
.careers-listings .careers-contact{display:table;background:#fff;padding:16px 22px;border:1px solid #d3e1d7;box-shadow:0 8px 24px #0004}
@media(max-width:740px){.careers-listings{padding-top:48px;padding-bottom:48px}.careers-listings::before{background-position:32% center}}