/* Careers: black and gold editorial introduction and a quiet, structured form. */
.career-hero { position: relative; isolation: isolate; overflow: hidden; background: #090909; color: var(--ivory); }
.career-hero__visual { position: absolute; inset: 0; z-index: -1; }
.career-hero__visual img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.career-hero__visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(8 8 8 / 88%), rgb(8 8 8 / 72%) 34%, rgb(8 8 8 / 8%) 64%, transparent); }
.career-hero__content { padding-block: 65px 68px; }
.career-hero .eyebrow { margin: 0 0 23px; color: var(--gold-bright); }
.career-hero h1 { margin: 0 0 25px; max-width: 650px; font-family: var(--serif); font-size: clamp(3.5rem, 5.2vw, 5rem); font-weight: 500; line-height: 1.02; letter-spacing: -.035em; }
.career-hero h1 span { color: var(--gold-bright); }
.career-hero__content > p:not(.eyebrow) { max-width: 460px; margin: 0 0 28px; font-family: var(--serif); font-size: 1.3rem; line-height: 1.4; color: #eee8de; }
.career-intro__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 85px; }
.career-intro .eyebrow, .career-guide .eyebrow { margin: 0 0 20px; }
.career-intro h2, .career-guide h2 { margin: 0; font-family: var(--serif); font-size: clamp(2.5rem, 3.2vw, 3.4rem); font-weight: 500; line-height: 1.05; letter-spacing: -.03em; }
.career-intro__grid > div:last-child > p { margin: 0 0 18px; font-family: var(--serif); color: #57524a; font-size: 1.18rem; line-height: 1.45; }
.career-intro .inline-link { margin-top: 5px; }
.career-application { background: #f3f0e8; border-top: 1px solid #e4dccd; scroll-margin-top: 145px; }
.career-application__grid { display: grid; grid-template-columns: .8fr 1.3fr; gap: clamp(45px, 6vw, 85px); align-items: start; }
.career-guide { padding-top: 15px; }
.career-guide h2 { font-size: clamp(2.35rem, 3vw, 3rem); }
.career-guide__steps { list-style: none; display: grid; gap: 26px; margin: 34px 0; padding: 0; }
.career-guide__steps li { display: grid; grid-template-columns: 33px minmax(0, 1fr); gap: 18px; }
.career-guide__steps .line-icon { color: var(--gold); width: 30px; height: 30px; margin-top: 3px; }
.career-guide__steps h3 { font-family: var(--serif); font-weight: 500; font-size: 1.5rem; margin: 0 0 7px; line-height: 1.1; }
.career-guide__steps p { max-width: 320px; margin: 0; color: #625b50; font-size: .97rem; line-height: 1.55; }
.career-guide__note { display: flex; gap: 15px; padding: 20px 0; margin-bottom: 24px; border-block: 1px solid #d8cdb9; }
.career-guide__note .line-icon { width: 24px; height: 24px; color: #947031; margin-top: 2px; }
.career-guide__note p { margin: 0; color: #625b50; font-size: .9rem; line-height: 1.55; }
.career-form { padding: 34px 38px 36px; background: var(--ivory); border: 1px solid #ddd3c0; border-top: 3px solid #ba9045; border-radius: 10px; box-shadow: 0 12px 35px rgb(50 37 13 / 5%); }
.career-form::before { display: none; }
.career-form__heading { margin-bottom: 28px; }
.career-form__heading .eyebrow { margin: 0 0 12px; font-size: .65rem; }
.career-form__heading h2 { margin: 0 0 12px; font-family: var(--serif); font-size: 2.65rem; font-weight: 500; line-height: 1.05; letter-spacing: -.025em; }
.career-form__heading > p:last-child { margin: 0; color: #766e60; font-size: .9rem; }
.career-form fieldset { min-width: 0; margin: 0 0 23px; padding: 20px 0 0; border: 0; border-top: 1px solid #e1d9ca; }
.career-form legend { padding: 0 12px 0 0; font-family: var(--serif); font-size: 1.25rem; color: #4e473b; }
.career-form .field { margin-bottom: 16px; }
.career-form .field-row .field { min-width: 0; }
.career-form .field > span, .career-form .field--file > label:first-child { font-size: .67rem; font-weight: 600; letter-spacing: .08em; color: #4f473b; }
.career-form .field input, .career-form .field textarea { background: #fffefa; border-color: #d6cdbd; border-radius: 6px; }
.career-form .field input { min-height: 46px; }
.career-form .field textarea { min-height: 112px; }
.career-form .field > small { display: block; margin-top: 9px; color: #746b5d; font-size: .82rem; line-height: 1.45; }
.career-form .file-picker { padding: 8px; background: #f4f0e6; gap: 16px; border-radius: 6px; }
.career-form .file-picker__action { gap: 8px; border-radius: 4px; min-height: 38px; padding-inline: 12px; background: #dfbb70; color: #19150d; font-size: .68rem; font-weight: 600; }
.career-form .file-picker__action .line-icon { width: 17px; height: 17px; }
.career-form .file-picker__name { min-width: 0; overflow-wrap: anywhere; font-size: .86rem; color: #6a604f; }
.career-form .button { min-height: 48px; }
.career-form .form-status:empty { margin: 0; }
@media (max-width: 1020px) {
  .career-intro__grid { gap: 40px; }
  .career-application__grid { grid-template-columns: .7fr 1.3fr; gap: 32px; }
  .career-form { padding: 28px; }
  .career-form .field-row { grid-template-columns: 1fr; gap: 0; }
  .career-hero__visual::after { background: linear-gradient(90deg, rgb(8 8 8 / 95%), rgb(8 8 8 / 73%) 48%, rgb(8 8 8 / 20%)); }
}
@media (max-width: 700px) {
  .career-page .section { padding-block: 43px; }
  .career-hero__content { padding-block: 45px 49px; }
  .career-hero h1 { font-size: 3.45rem; }
  .career-hero__content > p:not(.eyebrow) { font-size: 1.2rem; }
  .career-hero__visual img { object-position: 35% center; }
  .career-hero__visual::after { background: linear-gradient(90deg, rgb(8 8 8 / 94%), rgb(8 8 8 / 75%)); }
  .career-intro__grid, .career-application__grid { grid-template-columns: 1fr; gap: 28px; }
  .career-intro h2 { font-size: 2.55rem; }
  .career-application { scroll-margin-top: 125px; }
  .career-guide { padding-top: 0; }
  .career-guide__steps { margin-block: 26px; }
  .career-form { padding: 26px 22px; }
  .career-form__heading h2 { font-size: 2.4rem; }
  .career-form .file-picker { gap: 12px; }
  .career-form .button { width: 100%; }
}