/* User reference: open editorial bands with background-only botanical drawings. */
.careers-page { --career-ink: #0b2948; --career-muted: #4e6481; --career-accent: #147baa; background: #fcfcfa; }
.careers-page main::before { display: none; }
.career-container { width: min(calc(100% - 2 * var(--gutter)), var(--container)); margin-inline: auto; }
.careers-page main { color: var(--career-ink); }
.careers-page main p { color: var(--career-muted); }
.careers-page .eyebrow { color: #006c9f; font-size: 10px; letter-spacing: .24em; line-height: 1.4; margin-bottom: 8px; font-weight: 700; }
.careers-page main h1, .careers-page main h2 { font-family: "Times New Roman", Georgia, serif; letter-spacing: -.055em; }
.career-columns, .career-hero { display: grid; grid-template-columns: .7fr 1fr; column-gap: clamp(28px, 4.1vw, 65px); }
.career-opening { background: #f8f9f6; position: relative; isolation: isolate; }
.career-hero { position: relative; padding-block: 5px 8px; align-items: center; }
.career-copy { padding-bottom: 20px; }
.career-copy h1 { font-size: clamp(40px, 4.4vw, 64px); font-weight: 700; line-height: .99; margin-bottom: 15px; }
.career-intro { font-size: clamp(15px, 1.18vw, 17px); line-height: 1.55; max-width: 31em; }
.career-benefits { list-style: none; display: flex; justify-content: space-between; gap: 12px; margin: clamp(23px, 2.8vw, 40px) 0 0; }
.career-benefits li { display: flex; align-items: center; gap: 12px; font-size: clamp(12px, .85vw, 13px); line-height: 1.4; color: var(--career-muted); }
.career-benefits .ui-icon { width: clamp(22px, 2.2vw, 32px); height: clamp(22px, 2.2vw, 32px); color: #235e83; }
.career-photo { position: relative; margin-right: clamp(76px, 7.2vw, 115px); }
.career-photo::before, .career-photo::after { content: ""; position: absolute; z-index: -1; pointer-events: none; }
.career-photo::before { background: #e9eee5; width: 37%; height: 60%; right: calc(-1 * clamp(28px, 5vw, 78px)); top: 2%; border-radius: 30% 75% 45% 55%; transform: rotate(-19deg); }
.career-photo::after { width: 19%; height: 37%; left: -8%; bottom: 7%; background: #e4eef0; border-radius: 76% 24% 62% 38%; transform: rotate(24deg); }
.career-photo .editorial-photo { width: 100%; aspect-ratio: 3 / 2; object-fit: contain; border-radius: 11px; }
.career-photo figcaption { font-size: clamp(7px, .58vw, 9px); letter-spacing: .19em; color: #536e80; text-align: right; margin-top: 6px; }
.career-photo .photo-action { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 12px; line-height: 1.5; letter-spacing: .08em; font-weight: 600; text-decoration: none; }
.career-photo .photo-action:hover { text-decoration: underline; }
.career-photo .photo-action svg { width: 16px; height: 16px; flex-shrink: 0; }
.career-signature { position: absolute; right: calc(-1 * clamp(12px, 2.6vw, 40px)); top: 26%; width: clamp(72px, 9.5vw, 138px); font-family: "NRL Signature", cursive; font-size: clamp(23px, 2.4vw, 35px); line-height: .88; transform: rotate(-10deg); }
.careers-page .career-signature { color: #287c9b; }
.career-signature svg { display: block; width: 60%; height: 14px; margin: 5px 0 0 12%; }
.career-opening::after { content: ""; position: absolute; width: clamp(90px, 11vw, 176px); height: clamp(140px, 17vw, 270px); right: 4.8%; bottom: 0; background: url('/assets/decorative/career-leaves.svg') center / contain no-repeat; opacity: .55; z-index: -1; pointer-events: none; }
.career-opportunities { position: relative; isolation: isolate; background: #fff; padding-block: clamp(27px, 2.8vw, 44px) clamp(16px, 1.7vw, 27px); }
.career-opportunities::before { content: ""; position: absolute; width: clamp(70px, 8vw, 128px); height: clamp(125px, 15vw, 240px); bottom: 0; left: -1.5%; background: url('/assets/decorative/career-leaves.svg') center / contain no-repeat; transform: scaleX(-1) rotate(18deg); opacity: .55; z-index: -1; pointer-events: none; }
.career-opportunities h2, .career-work h2 { font-size: clamp(31px, 3.1vw, 46px); line-height: .99; }
.career-rule { display: block; height: 2px; width: 26px; background: #3095bd; margin-block: 16px; }
.career-opportunity-intro { max-width: 23em; font-size: clamp(15px, 1.18vw, 17px); line-height: 1.45; }
.career-next, .career-work-heading > p { font-size: clamp(14px, 1vw, 15px); line-height: 1.5; }
.career-checklist { list-style: none; margin: 10px 0 12px; display: grid; gap: 4px; }
.career-checklist li { display: flex; align-items: start; gap: 8px; font-size: 14px; color: var(--career-muted); }
.career-checklist li > span { display: grid; place-items: center; width: 15px; height: 15px; flex-shrink: 0; border-radius: 50%; background: #e1e9d9; color: #3d6b3a; }
.career-checklist svg { width: 13px; height: 13px; stroke-width: 2; }
.career-actions { display: flex; gap: 22px; align-items: center; flex-wrap: wrap; }
.careers-page main .button { background: var(--career-accent); color: white; border-radius: 4px; padding: 5px 17px; min-height: 44px; font-size: 14px; font-weight: 500; line-height: 1.3; gap: 12px; }
.careers-page main .button:hover { background: #086392; }
.careers-page main .phone-button { padding: 10px 20px; font-weight: 600; }
.careers-page main .button svg, .career-actions .text-link svg { width: 18px; height: 18px; }
.career-actions .text-link { font-size: 14px; font-weight: 500; gap: 12px; color: #0074aa; }
.careers-page .career-note { border-left: 2px solid #65abd0; padding-left: 13px; font-size: 12px; line-height: 1.4; margin-top: 14px; }
.career-work { background: #f1f4ee; padding-block: 16px 12px; }
.career-work-heading { align-items: center; margin-bottom: 7px; }
.career-work .eyebrow { margin-bottom: 4px; }
.career-service-links { list-style: none; display: grid; grid-template-columns: 1fr 1fr; column-gap: clamp(28px, 4.1vw, 65px); margin: 0; }
.career-service-links a { display: flex; gap: 20px; align-items: center; text-decoration: none; border-bottom: 1px solid #ccdde0; min-height: 48px; padding-block: 10px; font-size: 15px; line-height: 1.4; }
.career-service-links li:nth-last-child(-n+2) a { border-bottom: 0; }
.career-service-links .ui-icon { width: 20px; height: 20px; color: #1689be; }
.career-service-links a > svg:last-child { width: 17px; height: 17px; color: #1889bb; margin-left: auto; }
.career-service-links a:hover span { text-decoration: underline; }
@media (max-width: 1100px) and (min-width: 761px) {
  .career-benefits { gap: 10px; }
  .career-benefits li { gap: 9px; }
  .career-actions { gap: 18px; }
}
@media (max-width: 760px) {

  .career-hero, .career-columns { grid-template-columns: 1fr; gap: 24px; }
  .career-hero { padding-block: 27px 16px; }
  .career-copy { padding-bottom: 0; }
  .career-copy h1 { font-size: clamp(32px, 8.5vw, 38px); line-height: 1.08; letter-spacing: -.035em; margin-bottom: 14px; }
  .careers-page .eyebrow { font-size: 10px; }
  .career-intro, .career-opportunity-intro { font-size: 16px; line-height: 1.55; }
  .career-benefits { margin-top: 18px; gap: 12px; }
  .career-benefits li { flex: 1; flex-direction: column; align-items: start; gap: 7px; font-size: 12px; }
  .career-photo::before { right: 0; width: 40%; max-height: 160px; transform: rotate(-10deg); }
  .career-photo { margin-right: 0; }
  .career-photo::after { left: -12px; }
  .career-photo figcaption { font-size: 8px; margin-top: 8px; }
  .career-signature { position: relative; top: auto; right: auto; justify-self: end; width: auto; font-size: 31px; margin: -7px 9px 0 0; }
  .career-opening::after { right: 4px; width: 72px; height: 125px; opacity: .35; }
  .career-opportunities { padding-block: 28px; }
  .career-opportunities::before { width: 60px; opacity: .25; left: auto; right: 0; bottom: 48%; transform: none; }
  .career-opportunities h2, .career-work h2 { font-size: 29px; line-height: 1.14; }
  .career-next, .career-work-heading > p { font-size: 16px; }
  .career-checklist li { font-size: 15px; line-height: 1.55; }
  .career-checklist { gap: 9px; margin-block: 16px; }
  .careers-page main .button { font-size: 14px; min-height: 44px; }
  .careers-page main .phone-button { min-height: 48px; }
  .career-actions { display: grid; gap: 6px; }
  .career-actions .button { width: 100%; min-height: 48px; }
  .career-actions .text-link { font-size: 14px; min-height: 44px; }
  .careers-page .career-note { font-size: 12px; margin-top: 16px; }
  .career-work { padding-block: 25px 20px; }
  .career-work-heading { gap: 12px; margin-bottom: 14px; }
  .career-service-links { grid-template-columns: 1fr; gap: 0; }
  .career-service-links a { font-size: 15px; gap: 12px; min-height: 48px; padding-block: 12px; }
  .career-service-links li:nth-last-child(-n+2) a { border-bottom: 1px solid #ccdde0; }
  .career-service-links li:last-child a { border-bottom: 0; }
  .career-service-links .ui-icon { width: 19px; height: 19px; }
  .career-service-links a > svg:last-child { width: 14px; height: 14px; }
}
@media print {
  .career-opening::after, .career-opportunities::before, .career-photo::before, .career-photo::after, .career-signature { display: none; }
}