.career-page { overflow-x:hidden; background:#fff; color:#101629; }
.career-page em { color:#ed1022; font-style:normal; }
.career-page h1,.career-page h2,.career-page h3 { letter-spacing:0; }
.career-hero { color:#fff; background:#080a0e; overflow:hidden; }
.career-hero-grid { display:grid; grid-template-columns:.93fr 1.07fr; min-height:440px; align-items:stretch; }
.career-hero-grid > div { padding:58px 48px 48px 0; align-self:center; }
.career-hero h1 { margin:12px 0 16px; font-size:48px; line-height:1.14; }
.career-hero p:not(.eyebrow) { max-width:560px; color:#e0e3ea; font-size:16px; }
.career-hero figure { position:relative; margin:0; overflow:hidden; clip-path:polygon(12% 0,100% 0,100% 100%,0 100%); }
.career-hero figure::after { content:""; position:absolute; inset:0; border-left:3px solid #ed1022; transform:skewX(-7deg); transform-origin:bottom; pointer-events:none; }
.career-hero figure img { width:100%; height:100%; object-fit:cover; }
.career-actions { display:flex; gap:18px; margin-top:26px; }
.career-actions .btn { display:inline-flex; align-items:center; gap:10px; }
.career-actions img { width:18px; height:18px; filter:brightness(0) invert(1); }
.btn-outline-light { padding:14px 22px; border:1px solid rgba(255,255,255,.7); border-radius:7px; color:#fff; font-weight:700; }
.career-benefits { display:grid; grid-template-columns:repeat(6,1fr); padding-top:28px; padding-bottom:28px; }
.career-benefits article { padding:0 20px; text-align:center; border-right:1px solid #e5e8ef; }
.career-benefits article:last-child { border:0; }
.career-benefits span,.hiring-process span { width:54px; height:54px; display:grid; place-items:center; margin:0 auto 12px; border-radius:50%; background:#fff; box-shadow:0 5px 18px rgba(16,22,41,.12); }
.career-benefits img,.hiring-process img { width:27px; height:27px; filter:invert(16%) sepia(96%) saturate(4300%) hue-rotate(345deg); }
.career-benefits h3 { font-size:14px; }
.career-benefits p { font-size:12px; color:#5a6478; }
.career-openings { padding:26px; border-radius:8px; background:#fafafa; box-shadow:0 10px 28px rgba(16,22,41,.05); }
.career-section-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; }
.career-section-title h2 { margin:0; padding-bottom:10px; border-bottom:3px solid #ed1022; }
.career-section-title a,.job-grid a { color:#ed1022; font-weight:700; font-size:13px; }
.job-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.job-grid article { /*min-height:180px;*/ display:grid; grid-template-columns:38px 1fr; gap:14px; padding:22px; border:1px solid #e5e8ef; border-radius:8px; background:#fff; box-shadow:0 8px 22px rgba(16,22,41,.05); }
.job-grid article > img { width:34px; height:34px; filter:invert(16%) sepia(96%) saturate(4300%) hue-rotate(345deg); }
.job-grid h3 { margin:0 0 12px; font-size:16px; line-height:1.3; }
.job-grid p { margin:4px 0; color:#5a6478; font-size:12px; }
.job-grid a { display:inline-block; margin-top:10px; }
.career-culture { display:grid; grid-template-columns:.8fr 1.45fr .7fr; gap:20px; margin-top:28px; padding:24px 30px; border-radius:8px; color:#fff; background:linear-gradient(115deg,#090b10,#240406); }
.career-culture h2 { margin-top:0; border-bottom:3px solid #ed1022; width:max-content; }
.career-culture ul { margin:0; padding:0; list-style:none; }
.career-culture li { position:relative; margin:10px 0; padding-left:20px; font-size:13px; }
.career-culture li::before { content:"✓"; position:absolute; left:0; color:#ed1022; }
.career-gallery { display:grid; grid-template-columns:1.6fr 1fr; grid-template-rows:1fr 1fr; gap:8px; }
.career-gallery figure { margin:0; overflow:hidden; border-radius:7px; }
.career-gallery figure:first-child { grid-row:1/3; }
.career-gallery img { width:100%; height:100%; object-fit:cover; }
.career-gallery figure:nth-child(2) img { object-position:center 24%; }
.career-gallery figure:nth-child(3) img { object-position:center 72%; }
.career-culture blockquote { margin:0; padding:24px; border-radius:8px; color:#11172a; background:#fff; font-size:17px; font-weight:700; line-height:1.5; }
.career-culture blockquote::before { content:"“"; display:block; color:#ed1022; font-size:54px; line-height:.6; }
.career-culture cite { display:block; margin-top:18px; color:#ed1022; font-size:12px; font-style:normal; }
.hiring-process { padding-top:28px; padding-bottom:28px; }
.hiring-process > h2 { width:max-content; border-bottom:3px solid #ed1022; }
.hiring-process > div { display:grid; grid-template-columns:repeat(5,1fr); position:relative; }
.hiring-process > div::before { content:""; position:absolute; top:27px; left:10%; right:10%; border-top:1px dashed #bac0cc; }
.hiring-process article { position:relative; text-align:center; padding:0 22px; }
.hiring-process span { position:relative; z-index:1; }
.hiring-process b { display:block; color:#ed1022; }
.hiring-process p { color:#596276; font-size:12px; }
.career-cta { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-bottom:30px; padding:26px 46px; border-radius:8px; color:#fff; background:linear-gradient(110deg,#ed1022,#a90012); }
.career-cta h2,.career-cta p { margin:4px 0; }
.career-cta > div:last-child { text-align:center; }
.career-cta > div:last-child p { font-size:13px; }
.career-cta .btn-light { color:#ed1022; }
@media(max-width:1000px){
  .career-hero-grid,.career-culture { grid-template-columns:1fr; }
  .career-hero figure { min-height:390px; clip-path:none; }
  .career-benefits,.job-grid { grid-template-columns:repeat(2,1fr); }
  .career-benefits article:nth-child(2n) { border-right:0; }
  .career-gallery { min-height:330px; }
}
@media(max-width:640px){
  .career-hero-grid > div { padding:40px 0; }
  .career-hero h1 { font-size:38px; }
  .career-actions,.career-cta { flex-direction:column; align-items:flex-start; }
  .career-benefits,.job-grid,.hiring-process > div { grid-template-columns:1fr; }
  .career-benefits article { border-right:0; border-bottom:1px solid #e5e8ef; padding:18px; }
  .career-section-title { align-items:flex-start; gap:14px; flex-direction:column; }
  .hiring-process > div::before { display:none; }
}