/* ==========================================================================
   NEW — PAGE-SPECIFIC CSS FOR THE CAREERS PAGE (uses tokens above only)
   ========================================================================== */
.section{padding:96px 0;position:relative;overflow:hidden;}
@media (max-width:768px){.section{padding:60px 0;}}
.section.on-dark{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-3) 100%);}
.section.on-light{background:var(--bg);}
.section.on-light.alt{background:var(--surface);}

.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;color:var(--blue);background:var(--blue-soft);border:1px solid #d7e3f7;padding:6px 16px;border-radius:50px;position:relative;z-index:2;}
.eyebrow img{width:14px;height:14px;}
.eyebrow.light{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.28);}
.lead-p{font-size:1.06rem;color:var(--muted);}
.lead-p.on-dark{color:#cddcf3;}
.text-muted-2{color:var(--muted);}
.text-muted-2.on-dark{color:#cddcf3;}
.sec-head{max-width:700px;position:relative;z-index:2;}
.sec-head.mx-auto{margin-left:auto;margin-right:auto;text-align:center;}
h2.on-dark,h3.on-dark,h4.on-dark{color:#fff;}

.abs-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.abs-dots{position:absolute;inset:-10%;background-image:radial-gradient(rgba(20,60,110,.06) 1.3px,transparent 1.3px);background-size:26px 26px;}
.abs-dots.on-dark{background-image:radial-gradient(rgba(255,255,255,.12) 1.3px,transparent 1.3px);animation:dotsDrift 40s linear infinite;}
@keyframes dotsDrift{from{transform:translate(0,0);}to{transform:translate(-26px,-26px);}}
.abs-blob{position:absolute;border-radius:50%;filter:blur(70px);}
.blob-blue{background:radial-gradient(circle,rgba(30,79,163,.18),transparent 70%);}

.btn{border-radius:10px;font-weight:600;letter-spacing:.03em;padding:.72rem 1.6rem;transition:all .35s var(--ease);border:none;position:relative;z-index:2;}
.btn-primary-c{background:linear-gradient(135deg,var(--blue),var(--navy-3));color:#fff;}
.btn-primary-c:hover{transform:translateY(-3px);box-shadow:0 14px 28px -8px rgba(30,79,163,.5);color:#fff;}
.btn-outline-c{border:1.5px solid var(--navy);color:var(--navy);background:transparent;}
.btn-outline-c:hover{background:var(--navy);color:#fff;transform:translateY(-3px);}
.btn-outline-c.on-dark{border:1.5px solid rgba(255,255,255,.5);color:#fff;}
.btn-outline-c.on-dark:hover{background:rgba(255,255,255,.15);}
.btn-sm-c{padding:.55rem 1.2rem;font-size:.92rem;}

/* ---- page heading banner ---- */
/* 
.page-hero{position:relative;background:linear-gradient(160deg,var(--navy) 0%,var(--navy-3) 55%,#0c2f57 100%);padding:118px 0 46px;overflow:hidden;color:#fff;}
.page-hero-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;}
.page-hero-blob.b1{width:420px;height:420px;background:radial-gradient(circle,var(--blue) 0%,transparent 70%);top:-160px;right:-100px;}
.page-hero-blob.b2{width:360px;height:360px;background:radial-gradient(circle,var(--blue-2) 0%,transparent 70%);bottom:-140px;left:-100px;opacity:.22;}
.page-hero h1{color:#fff;font-size:clamp(2rem,4vw,2.9rem);margin:16px 0 14px;position:relative;z-index:2;}
.page-hero p{color:#cddcf3;max-width:480px;position:relative;z-index:2;} */
.page-breadcrumb{display:flex;align-items:center;gap:8px;font-family:'Barlow Condensed',sans-serif;color:#a9bde0;font-size:.9rem;margin-top:22px;position:relative;z-index:2;}
.page-breadcrumb a{color:#cddcf3;text-decoration:none;transition:color .3s var(--ease);}
.page-breadcrumb a:hover{color:#fff;}
.page-breadcrumb img{width:12px;height:12px;opacity:.7;}

/* 
.page-hero-visual{position:relative;z-index:2;}
.page-hero-img-frame{position:relative;height:230px;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.4);}
.page-hero-img-frame img{width:100%;height:100%;object-fit:cover;display:block;}
.page-hero-badge{position:absolute;bottom:-24px;left:-24px;background:var(--surface);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 20px 40px -14px rgba(10,36,64,.4);animation:floatY 4.5s ease-in-out infinite;}
.page-hero-badge .ico{width:42px;height:42px;border-radius:12px;background:var(--blue-soft);display:flex;align-items:center;justify-content:center;flex:none;}
.page-hero-badge .ico img{width:20px;height:20px;}
.page-hero-badge .num{font-family:'Poppins',sans-serif;font-weight:800;color:var(--navy);font-size:1.25rem;line-height:1;}
.page-hero-badge .lbl{font-size:.72rem;color:var(--muted);font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.04em;}
.page-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;position:relative;z-index:2;}
.page-hero-tag{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:50px;padding:7px 16px;font-size:.85rem;font-family:'Barlow Condensed',sans-serif;font-weight:600;} */

@keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
@media (max-width:991px){.page-hero{padding:96px 0 40px;text-align:center;}.page-hero p{margin:0 auto;}.page-breadcrumb,.page-hero-tags{justify-content:center;}.page-hero-visual{margin-top:32px;}}

/* ---- illustrated / demo "photo" system ---- */
.photo-box{position:relative;overflow:hidden;border-radius:var(--radius);}
.photo-box img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;}

/* ---- why work with us: modern benefit boxes ---- */
.benefit-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px 22px;height:100%;text-align:center;transition:all .4s var(--ease);position:relative;z-index:2;}
.benefit-box:hover{transform:translateY(-8px);box-shadow:0 24px 42px -20px rgba(10,36,64,.2);border-color:transparent;}
.benefit-ico{width:54px;height:54px;border-radius:50%;margin:0 auto 14px;background:linear-gradient(135deg,var(--blue),var(--navy-3));display:flex;align-items:center;justify-content:center;}
.benefit-ico img{width:24px;height:24px;}
.benefit-box h4{font-size:1rem;margin-bottom:6px;}
.benefit-box p{font-size:.86rem;color:var(--muted);margin:0;}

/* ---- open positions job cards ---- */
.job-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:26px 24px;height:100%;transition:all .4s var(--ease);position:relative;z-index:2;backdrop-filter:blur(6px);}
.job-card:hover{transform:translateY(-8px);background:rgba(255,255,255,.11);}
.job-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px;}
.job-ico{width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;flex:none;}
.job-ico img{width:22px;height:22px;}
.job-card h4{color:#fff;font-size:1.05rem;margin-bottom:2px;}
.job-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;}
.job-tag{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:4px 12px;font-size:.72rem;font-family:'Barlow Condensed',sans-serif;font-weight:600;color:#cddcf3;}
.job-card p{color:#cddcf3;font-size:.88rem;margin-bottom:16px;}
.job-apply-link{color:#fff;font-weight:600;font-family:'Barlow Condensed',sans-serif;text-decoration:none;display:inline-flex;align-items:center;gap:6px;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:2px;}
.job-apply-link img{width:14px;height:14px;transition:transform .3s var(--ease);}
.job-apply-link:hover img{transform:translateX(4px);}

/* ---- life at suprita gallery ---- */
.gallery-item{border-radius:16px;overflow:hidden;height:220px;position:relative;}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.gallery-item:hover img{transform:scale(1.08);}
.gallery-item.tall{height:460px;}
.culture-quote-card{background:linear-gradient(160deg,var(--navy),var(--navy-3));border-radius:18px;padding:30px 26px;color:#fff;height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;}
.culture-quote-card .abs-dots{opacity:.4;}
.culture-quote-mark{font-family:'Poppins',sans-serif;font-size:3rem;color:var(--blue-2);line-height:1;position:relative;z-index:2;}
.culture-quote-card p{color:#cddcf3;font-size:.94rem;position:relative;z-index:2;margin:8px 0 12px;}
.culture-quote-card .who{color:#fff;font-weight:700;font-size:.9rem;position:relative;z-index:2;}
.culture-quote-card .role{color:#9fc4ff;font-size:.78rem;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.03em;position:relative;z-index:2;}

/* ---- hiring process steps ---- */
.process-box{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:28px 22px;height:100%;text-align:center;transition:all .4s var(--ease);position:relative;z-index:2;backdrop-filter:blur(6px);}
.process-box:hover{transform:translateY(-8px);background:rgba(255,255,255,.11);}
.process-box-num{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.7rem;color:var(--blue-2);margin-bottom:6px;}
.process-box-ico{width:52px;height:52px;border-radius:50%;margin:0 auto 12px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;}
.process-box-ico img{width:24px;height:24px;}
.process-box h4{color:#fff;font-size:.98rem;margin-bottom:4px;}
.process-box p{color:#cddcf3;font-size:.82rem;margin:0;}

/* ---- application form ---- */
.apply-form-card{background:var(--surface);border-radius:20px;padding:36px;box-shadow:0 20px 44px -22px rgba(10,36,64,.18);position:relative;z-index:2;}
.form-label-c{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.85rem;letter-spacing:.03em;color:var(--navy);margin-bottom:6px;display:block;}
.form-control-c,.form-select-c{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:.65rem .9rem;font-family:'Inter',sans-serif;font-size:.94rem;color:var(--ink);background:var(--bg);transition:all .3s var(--ease);}
.form-control-c:focus,.form-select-c:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(30,79,163,.12);}
textarea.form-control-c{resize:vertical;min-height:100px;}
.form-control-c[type="file"]{padding:.5rem .9rem;}

@media (max-width:991px){.gallery-item.tall{height:300px;margin-top:16px;}}