/* ═══════════════════════════════════════════════════
   CAREER PAGE — uses site vars from global.css
   Fonts: var(--fh) = Plus Jakarta Sans, var(--fb) = DM Sans
═══════════════════════════════════════════════════ */

/* ── Page Hero ── */
.page-hero{
  background:var(--ink);
  padding:80px 0 68px;
  border-bottom:3px solid var(--red);
  position:relative;overflow:hidden;
}
.page-hero::before{
  content:'';position:absolute;inset:0;
  background:url('../assets/images/home_banner.png') center/cover no-repeat;
  opacity:.18;
}
.page-hero-inner{position:relative;z-index:1;}
.page-hero .eye{color:var(--red);margin-bottom:12px;}
.page-hero h1{
  font-family:var(--fh);
  font-size:clamp(34px,5vw,58px);
  font-weight:800;color:#fff;
  letter-spacing:-2px;line-height:1.03;
  margin-bottom:18px;
}
.page-hero p{
  font-family:var(--fb);
  font-size:17px;
  color:rgba(255,255,255,.62);
  max-width:520px;line-height:1.72;
}

/* ── Brand Promise Bar ── */
.career-promise{background:var(--red);padding:18px 0;}
.career-promise-inner{
  display:flex;align-items:center;justify-content:center;
  gap:40px;flex-wrap:wrap;
}
.career-promise-pill{
  display:flex;align-items:center;gap:9px;
  color:#fff;
  font-family:var(--fh);font-size:16px;font-weight:700;
}
.career-promise-pill i{font-size:19px;opacity:.85;}
.career-promise-pill.note{
  font-family:var(--fb);font-size:14px;
  font-weight:400;opacity:.75;
}

/* ── Why Join Us Section ── */
.career-why{padding:80px 0;background:#fff;}
.career-why .eye{margin-bottom:10px;}
.career-why-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:24px;margin-top:44px;
}
.career-why-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:10px;padding:30px 26px;
  transition:box-shadow .2s,transform .2s;
}
.career-why-card:hover{
  box-shadow:0 8px 28px rgba(0,0,0,.09);
  transform:translateY(-2px);
}
.career-why-card i{
  font-size:30px;color:var(--red);
  margin-bottom:16px;display:block;
}
.career-why-card h3{
  font-family:var(--fh);font-size:18px;font-weight:700;
  color:var(--ink);margin-bottom:10px;
}
.career-why-card p{
  font-family:var(--fb);font-size:15px;
  color:var(--g2);line-height:1.72;
}

/* ── Open Positions Section ── */
.career-positions{padding:80px 0;background:var(--surface);}
.career-positions .eye{margin-bottom:10px;}
.positions-grid{display:grid;gap:20px;margin-top:40px;}

.position-card{
  background:#fff;border:1px solid var(--border);
  border-radius:10px;padding:28px 32px;
  display:flex;align-items:center;gap:24px;
  transition:box-shadow .2s,border-color .2s;
}
.position-card:hover{
  box-shadow:0 8px 32px rgba(0,0,0,.08);
  border-color:var(--red);
}
.position-icon{
  width:56px;height:56px;background:var(--red-bg);
  border-radius:10px;display:flex;align-items:center;
  justify-content:center;flex-shrink:0;
}
.position-icon i{font-size:26px;color:var(--red);}
.position-info{flex:1;}
.position-title{
  font-family:var(--fh);font-size:19px;font-weight:700;
  color:var(--ink);margin-bottom:8px;
}
.position-meta{display:flex;gap:10px;flex-wrap:wrap;}
.position-tag{
  font-family:var(--fb);font-size:13px;font-weight:600;
  color:var(--g2);background:var(--surface);
  border:1px solid var(--border);
  padding:4px 11px;border-radius:20px;
  display:inline-flex;align-items:center;gap:5px;
}
.position-tag i{font-size:12px;}
.position-apply{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--red);color:#fff;
  font-family:var(--fb);font-size:14px;font-weight:700;
  padding:11px 22px;border-radius:7px;
  text-decoration:none;transition:background .2s;flex-shrink:0;
}
.position-apply:hover{background:var(--red-d);color:#fff;}

.positions-note{
  font-family:var(--fb);font-size:15px;
  color:var(--g2);text-align:center;margin-top:24px;
}

@media(max-width:640px){
  .position-card{flex-direction:column;align-items:flex-start;}
  .position-apply{width:100%;justify-content:center;}
}

/* ── Apply CTA Section ── */
.career-apply{
  padding:80px 0;background:#111;text-align:center;
}
.career-apply h2{
  font-family:var(--fh);
  font-size:clamp(30px,4vw,48px);
  font-weight:800;color:#fff;
  letter-spacing:-1.5px;margin-bottom:16px;
}
.career-apply p{
  font-family:var(--fb);font-size:16px;
  color:rgba(255,255,255,.55);
  max-width:460px;margin:0 auto 36px;line-height:1.7;
}
.apply-actions{
  display:flex;gap:16px;justify-content:center;flex-wrap:wrap;
}
.apply-email-btn{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--red);color:#fff;
  font-family:var(--fb);font-size:16px;font-weight:700;
  padding:15px 30px;border-radius:8px;
  text-decoration:none;transition:background .2s;
}
.apply-email-btn:hover{background:var(--red-d);color:#fff;}
.apply-call-btn{
  display:inline-flex;align-items:center;gap:10px;
  border:2px solid rgba(255,255,255,.25);
  color:rgba(255,255,255,.85);
  font-family:var(--fb);font-size:16px;font-weight:600;
  padding:14px 26px;border-radius:8px;
  text-decoration:none;transition:border-color .2s,color .2s;
}
.apply-call-btn:hover{border-color:#fff;color:#fff;}

/* ── Section heading helper (reuse site .sh style) ── */
.career-section-title{
  font-family:var(--fh);font-size:clamp(26px,3.5vw,38px);
  font-weight:800;color:var(--ink);letter-spacing:-.8px;
  margin-top:8px;
}

/* ── Responsive ── */
@media(max-width:900px){
  .career-why-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
}
@media(max-width:560px){
  .career-why-grid{grid-template-columns:1fr 1fr;}
  .career-promise-inner{gap:20px;}
}
@media(max-width:380px){
  .career-why-grid{grid-template-columns:1fr;}
}

/* ═══════════════════════════════════════════════════
   SHARED SITE PATTERNS (from home.css — needed since
   career.html doesn't load home.css)
═══════════════════════════════════════════════════ */

/* .eye label — red uppercase eyebrow with line */
.eye{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--fb);font-size:12px;font-weight:700;
  letter-spacing:2.5px;text-transform:uppercase;
  color:var(--red);margin-bottom:10px;
}
.eye::before{content:'';width:16px;height:2px;background:var(--red);}

/* .sh — section heading */
.sh{
  font-family:var(--fh);font-size:clamp(28px,4vw,38px);
  font-weight:800;color:var(--ink);
  line-height:1.06;letter-spacing:-1px;margin-bottom:18px;
}

/* btn-r — red filled button */
.btn-r{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--red);color:#fff;border:none;
  border-radius:6px;padding:13px 24px;
  font-family:var(--fb);font-size:15px;font-weight:700;
  cursor:pointer;transition:background .2s,transform .2s;
  text-decoration:none;
}
.btn-r:hover{background:var(--red-d);transform:translateY(-1px);color:#fff;}

@media(max-width:768px){
  .sh{font-size:26px;}
}