.careers-hero { padding: 88px 0 96px; background: linear-gradient(180deg, #f7f8fa, #fff); }
.careers-hero-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(36px, 6vw, 96px); }
.careers-hero-copy { padding: 24px 0; }
.careers-hero .team-title { max-width: 590px; font-size: clamp(52px, 6vw, 82px); }
.careers-hero .team-intro { max-width: 550px; margin-top: 27px; }
.careers-primary { display: inline-flex; align-items: center; justify-content: center; gap: 20px; margin-top: 34px; padding: 16px 24px; border-radius: 999px; color: #081326; background: #f2a93b; font-size: 15px; font-weight: 700; text-decoration: none; }
.careers-primary:hover { background: #eaa02e; }
.careers-hero-image { min-width: 0; aspect-ratio: 6 / 5; overflow: hidden; border-radius: 18px; box-shadow: 0 26px 70px rgba(8, 19, 38, .14); }
.careers-hero-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.careers-application-section { padding: 96px 0 120px; background: #f7f8fa; }
.careers-application-grid { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); align-items: start; gap: clamp(40px, 7vw, 110px); }
.careers-application-intro { position: sticky; top: 116px; }
.careers-application-intro h2 { max-width: 500px; margin: 0; color: #0b1b33; font: 600 clamp(42px, 4.8vw, 64px)/1.02 "Source Serif 4", serif; letter-spacing: -.04em; }
.careers-application-intro > p:not(.team-eyebrow) { max-width: 460px; margin: 22px 0 0; color: #4b5563; font-size: 17px; line-height: 1.65; }
.careers-note { display: grid; gap: 8px; max-width: 470px; margin-top: 34px; padding: 20px 22px; border-left: 4px solid #f2a93b; border-radius: 0 10px 10px 0; color: #4b5563; background: #fff; font-size: 14px; line-height: 1.55; }
.careers-note strong { color: #0b1b33; font-size: 15px; }
.careers-form { display: grid; gap: 21px; min-width: 0; padding: clamp(28px, 4vw, 46px); border: 1px solid #e2e5ea; border-radius: 18px; background: #fff; box-shadow: 0 16px 50px rgba(8, 19, 38, .05); }
.careers-form-heading { padding-bottom: 4px; }
.careers-form-heading h3 { margin: 0; color: #0b1b33; font: 600 31px/1.1 "Source Serif 4", serif; letter-spacing: -.025em; }
.careers-form-heading p { margin: 10px 0 0; color: #6b7280; font-size: 13px; }
.careers-fields-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 16px; }
.careers-field { display: grid; gap: 9px; min-width: 0; }
.careers-field label { color: #374151; font-size: 14px; font-weight: 600; }
.careers-field label span, .careers-form-heading span { color: #a86c15; }
.careers-field input, .careers-field select, .careers-field textarea { display: block; width: 100%; min-width: 0; padding: 13px 15px; border: 1px solid #cbd1d9; border-radius: 9px; color: #0b1b33; background: #fff; font: 400 16px/1.35 Inter, sans-serif; }
.careers-field input, .careers-field select { min-height: 50px; }
.careers-field textarea { min-height: 142px; resize: vertical; }
.careers-field input:focus, .careers-field select:focus, .careers-field textarea:focus { outline: 2px solid #3e6b94; outline-offset: 2px; border-color: #3e6b94; }
.careers-field input::placeholder, .careers-field textarea::placeholder { color: #8a929f; }
.careers-submit { display: inline-flex; align-items: center; justify-content: center; gap: 20px; width: fit-content; padding: 15px 24px; color: #fff; background: #081326; border-radius: 999px; font-size: 15px; font-weight: 700; }
.careers-submit:hover { background: #13294a; }
.careers-form-footnote { margin: -6px 0 0; color: #6b7280; font-size: 13px; line-height: 1.5; }
.careers-status { margin: 0; padding: 14px 16px; border-radius: 9px; color: #0b1b33; background: #f7f8fa; font-size: 14px; line-height: 1.5; }
@media (max-width: 900px) { .careers-hero-grid, .careers-application-grid { grid-template-columns: 1fr; } .careers-hero { padding: 68px 0 76px; } .careers-hero-image { aspect-ratio: 16 / 10; } .careers-application-intro { position: static; } }
@media (max-width: 680px) { .careers-hero { padding: 54px 0 65px; } .careers-hero-copy { padding: 0; } .careers-hero .team-title { font-size: clamp(48px, 12vw, 68px); } .careers-hero-image { aspect-ratio: 4 / 3; border-radius: 13px; } .careers-application-section { padding: 70px 0 90px; } .careers-application-grid { gap: 34px; } .careers-form { padding: 24px 20px; gap: 19px; } .careers-fields-grid { grid-template-columns: 1fr; gap: 19px; } .careers-submit { width: 100%; } }