/* Vivacity Careers — scoped page redesign. Other templates remain unchanged. */
.vivcareer{--vc-ink:var(--viv-ink);--vc-teal:var(--viv-primary);--vc-deep:var(--viv-primary-deep);--vc-gold:var(--viv-accent);--vc-line:var(--viv-brand-border);--vc-soft:var(--viv-primary-soft);color:var(--vc-ink);font-family:inherit;overflow:clip;background:white}.vivcareer *{box-sizing:border-box}.vivcareer [hidden]{display:none!important}.vivcareer button,.vivcareer input,.vivcareer select,.vivcareer textarea{font:inherit}.vivcareer button{cursor:pointer}.vivcareer a{text-decoration:none}.vivcareer svg{display:block;flex:none}.vivcareer-shell{width:min(1340px,calc(100% - 48px));margin:0 auto}.vivcareer-section{padding:clamp(58px,7vw,108px) 0}.vivcareer-kicker,.vivcareer-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--viv-primary);font-size:11px;letter-spacing:.16em;font-weight:800;text-transform:uppercase}.vivcareer h1,.vivcareer h2,.vivcareer h3,.vivcareer p{margin-top:0}.vivcareer h2{font-size:clamp(27px,3vw,40px);line-height:1.2;letter-spacing:-.036em;font-weight:730}.vivcareer h2 span{color:var(--viv-primary)}.vivcareer p{color:var(--viv-slate);line-height:1.75}.vivcareer-hero{background:radial-gradient(ellipse at 85% 25%,var(--viv-primary-soft-2) 0,transparent 43%),linear-gradient(120deg,var(--viv-primary-soft),#fff 55%,#f5faf7);position:relative;isolation:isolate}.vivcareer-hero-grid{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:65px;padding-top:clamp(64px,7vw,110px);padding-bottom:clamp(64px,7vw,110px)}.vivcareer-breadcrumb{display:inline-block;font-size:13px;font-weight:600;color:var(--viv-primary);margin-bottom:35px}.vivcareer-breadcrumb span{padding:0 10px;color:var(--vc-teal)}.vivcareer-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--vc-gold);box-shadow:0 0 0 5px color-mix(in srgb,var(--viv-accent) 55%,var(--viv-white))}.vivcareer h1{margin:20px 0 24px;font-size:clamp(37px,4.6vw,66px);letter-spacing:-.065em;line-height:1.08;max-width:800px;font-weight:750}.vivcareer h1 em{font-style:normal;color:var(--vc-teal)}.vivcareer-hero-copy>p{font-size:clamp(15px,1.2vw,18px);max-width:570px}.vivcareer-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px}.vivcareer-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;border-radius:12px;padding:13px 22px;font-size:14px;font-weight:700;transition:transform .25s ease,background .25s ease,box-shadow .25s ease,border .25s ease;border:1px solid transparent;line-height:1.3}.vivcareer-btn svg{width:17px;height:17px}.vivcareer-btn:hover{transform:translateY(-2px)}.vivcareer-btn-primary{background:var(--viv-primary-deep);color:white!important;box-shadow:0 8px 22px color-mix(in srgb,var(--viv-primary-deep) 9.41%,transparent)}.vivcareer-btn-primary:hover{background:var(--viv-primary);box-shadow:0 12px 25px color-mix(in srgb,var(--viv-primary-deep) 14.51%,transparent)}.vivcareer-btn-text{color:var(--vc-deep);padding-left:8px}.vivcareer-btn-text:hover{color:var(--viv-primary)}.vivcareer-btn-outline{border-color:color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));color:var(--vc-deep);background:white}.vivcareer-btn-gold{background:var(--vc-gold);color:var(--viv-primary-deep)!important}.vivcareer-btn-gold:hover{background:color-mix(in srgb,var(--viv-accent) 55%,var(--viv-white))}.vivcareer-hero-foot{display:flex;flex-wrap:wrap;gap:26px;margin-top:45px;color:var(--viv-slate);font-size:13px;font-weight:650}.vivcareer-hero-foot span{display:flex;align-items:center;gap:8px}.vivcareer-hero-foot svg{width:17px;height:17px;color:var(--vc-teal)}.vivcareer-hero-art{position:relative;min-height:440px;display:grid;place-items:center}.vivcareer-hero-orbit{position:absolute;width:min(100%,470px);aspect-ratio:1;border-radius:50%;border:1px solid color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white))}.vivcareer-hero-orbit-a{box-shadow:0 0 0 45px color-mix(in srgb,var(--viv-primary-soft-2) 39.61%,transparent),0 0 0 91px color-mix(in srgb,var(--viv-primary-soft-2) 25.1%,transparent)}.vivcareer-hero-orbit-b{width:290px;border-color:color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));background:linear-gradient(135deg,var(--viv-primary-soft-2),var(--viv-primary-soft))}.vivcareer-hero-tile{position:absolute;box-shadow:0 20px 50px color-mix(in srgb,var(--viv-primary) 10.59%,transparent);background:#fff;border:1px solid var(--viv-primary-soft-2);border-radius:23px}.vivcareer-hero-tile-main{width:290px;min-height:245px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;padding:35px;transform:rotate(-5deg)}.vivcareer-hero-tile-main>span{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:var(--viv-primary-soft-2);color:var(--viv-primary)}.vivcareer-hero-tile-main>span svg{width:32px;height:32px}.vivcareer-hero-tile-main strong{font-size:27px;line-height:1.1;letter-spacing:-.04em}.vivcareer-hero-tile-main small{color:var(--viv-slate);font-size:14px}.vivcareer-hero-tile-mini{display:flex;align-items:center;gap:10px;bottom:55px;right:0;padding:16px 20px;font-size:13px;font-weight:700;color:var(--vc-deep);transform:rotate(4deg)}.vivcareer-hero-tile-mini svg{color:var(--viv-accent)}.vivcareer-hero-decoration{position:absolute;width:18px;height:18px;border-radius:50%;left:10%;top:20%;background:color-mix(in srgb,var(--viv-accent) 55%,var(--viv-white));box-shadow:0 0 0 10px color-mix(in srgb,color-mix(in srgb,var(--viv-accent) 55%,var(--viv-white)) 23.92%,transparent)}.vivcareer-section-intro{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:34px}.vivcareer-section-intro h2{margin:12px 0 0;max-width:650px}.vivcareer-section-intro>p{max-width:400px;font-size:15px;margin:0}.vivcareer-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.vivcareer-value-card{position:relative;min-height:290px;border:1px solid var(--viv-primary-soft-2);border-radius:22px;padding:28px;background:white;overflow:hidden;transition:background .32s ease,transform .32s ease,border-color .32s ease,box-shadow .32s ease}.vivcareer-value-card:hover{transform:translateY(-6px);background:linear-gradient(145deg,#e9fbf7,#f9fcfb);border-color:color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));box-shadow:0 18px 32px color-mix(in srgb,var(--viv-primary-deep) 7.45%,transparent)}.vivcareer-value-card-2:hover{background:linear-gradient(145deg,var(--viv-accent-soft),var(--viv-accent-soft))}.vivcareer-value-card-3:hover{background:linear-gradient(145deg,#eef5ff,#fbfcff)}.vivcareer-value-card-4:hover{background:linear-gradient(145deg,#f0f5ef,#fcfdf9)}.vivcareer-value-icon{width:58px;height:58px;display:grid;place-items:center;color:var(--viv-primary);border:1px solid color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));border-radius:17px;background:var(--viv-primary-soft)}.vivcareer-value-icon svg{width:28px;height:28px}.vivcareer-value-num{position:absolute;right:26px;top:28px;font-size:12px;font-weight:750;color:var(--viv-slate)}.vivcareer-value-card h3{font-size:20px;margin:37px 0 10px;letter-spacing:-.03em;line-height:1.25}.vivcareer-value-card p{font-size:14px;margin:0}.vivcareer-value-line{position:absolute;bottom:0;left:30px;right:30px;height:3px;background:linear-gradient(90deg,var(--vc-teal),var(--vc-gold));transform:scaleX(0);transform-origin:left;transition:transform .3s}.vivcareer-value-card:hover .vivcareer-value-line{transform:scaleX(1)}.vivcareer-culture{background:var(--viv-primary-soft)}.vivcareer-culture-grid{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:clamp(38px,7vw,110px)}.vivcareer-culture-visual{position:relative;min-height:365px;border-radius:33px;background:radial-gradient(circle at 75% 20%,var(--viv-primary),transparent 41%),linear-gradient(135deg,var(--viv-primary-deep),var(--viv-primary));overflow:hidden;display:grid;place-items:center}.vivcareer-culture-visual::before,.vivcareer-culture-visual::after{content:"";position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--viv-white) 18.82%,transparent);width:420px;height:420px;top:-130px;left:-95px;box-shadow:0 0 0 55px color-mix(in srgb,var(--viv-white) 3.14%,transparent),0 0 0 110px color-mix(in srgb,var(--viv-white) 3.14%,transparent)}.vivcareer-culture-visual::after{width:180px;height:180px;left:auto;top:auto;right:-40px;bottom:-50px}.vivcareer-culture-symbol{display:grid;place-items:center;width:155px;height:155px;border:1px solid color-mix(in srgb,var(--viv-white) 34.9%,transparent);background:color-mix(in srgb,var(--viv-white) 7.45%,transparent);border-radius:45px;color:#fff;transform:rotate(-7deg)}.vivcareer-culture-symbol svg{width:90px;height:90px}.vivcareer-culture-small{position:absolute;left:25px;bottom:23px;padding:15px 20px;border-radius:14px;background:#fff;color:var(--viv-primary);font-size:13px;line-height:1.6;box-shadow:0 12px 28px color-mix(in srgb,var(--viv-primary-deep) 18.04%,transparent)}.vivcareer-culture-small strong{font-size:17px;color:var(--vc-ink)}.vivcareer-culture-copy h2{margin:13px 0 19px;max-width:530px}.vivcareer-culture-copy p{max-width:540px}.vivcareer-pill-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.vivcareer-pill-row span{padding:10px 13px;background:white;border:1px solid var(--viv-primary-soft-2);border-radius:999px;color:var(--viv-primary);font-size:12px;font-weight:650}.vivcareer-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.vivcareer-benefit{display:flex;align-items:start;gap:17px;min-height:155px;padding:26px;border:1px solid var(--viv-brand-border);border-radius:18px;transition:background .28s,transform .28s,border .28s}.vivcareer-benefit:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));background:var(--viv-primary-soft)}.vivcareer-benefit:nth-child(3n + 2):hover{background:var(--viv-accent-soft);border-color:color-mix(in srgb,var(--viv-accent) 55%,var(--viv-white))}.vivcareer-benefit:nth-child(3n):hover{background:#f4f6ff;border-color:#d2dafa}.vivcareer-benefit-icon{width:47px;height:47px;border-radius:13px;display:grid;place-items:center;flex:none;background:var(--viv-primary-soft-2);color:var(--viv-primary)}.vivcareer-benefit-icon svg{width:23px;height:23px}.vivcareer-benefit h3{font-size:17px;line-height:1.35;margin:0 0 8px}.vivcareer-benefit p{font-size:13px;margin:0}.vivcareer-journey{background:var(--viv-primary-soft)}.vivcareer-journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.vivcareer-journey-step{position:relative}.vivcareer-journey-step:not(:last-child)::before{position:absolute;content:"";left:67px;right:-15px;top:27px;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white)),var(--viv-primary-soft-2))}.vivcareer-journey-icon{width:54px;height:54px;border:1px solid color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));background:white;border-radius:16px;display:grid;place-items:center;position:relative;color:var(--vc-deep)}.vivcareer-journey-icon small{position:absolute;right:-9px;top:-9px;width:23px;height:23px;border-radius:8px;background:var(--vc-gold);display:grid;place-items:center;font-size:10px;font-weight:800}.vivcareer-journey-step h3{font-size:18px;margin:23px 0 7px}.vivcareer-journey-step p{font-size:13px;max-width:270px;margin:0}.vivcareer-openings{scroll-margin-top:95px;background:linear-gradient(#fff,var(--viv-primary-soft))}.vivcareer-search-panel{display:grid;grid-template-columns:minmax(230px,1.9fr) repeat(3,minmax(145px,1fr));gap:12px;padding:17px;background:var(--viv-primary-soft);border:1px solid var(--viv-primary-soft-2);border-radius:19px}.vivcareer-search-box{position:relative;display:flex;align-items:center;gap:11px;background:white;border-radius:11px;border:1px solid var(--viv-primary-soft-2);padding:0 14px;color:var(--viv-primary)}.vivcareer-search-box svg{width:19px;height:19px}.vivcareer-search-box input{width:100%;outline:none;border:0;background:transparent;min-height:47px;font-size:13px;color:var(--vc-ink)}.vivcareer-filter{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:750;color:var(--viv-slate)}.vivcareer-filter select{width:100%;min-width:0;border:1px solid var(--viv-primary-soft-2);border-radius:11px;background:white;color:var(--vc-ink);padding:0 12px;height:48px;font-size:13px}.vivcareer-list-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 0 13px;color:var(--viv-slate);font-size:12px}.vivcareer-list-head span:first-child{font-weight:750;color:var(--vc-ink);font-size:14px}.vivcareer-jobs{display:grid;gap:12px}.vivcareer-job{display:flex;align-items:center;gap:22px;border:1px solid var(--viv-primary-soft-2);border-radius:19px;padding:22px 26px;background:#fff;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s}.vivcareer-job:hover{background:linear-gradient(105deg,var(--viv-primary-soft-2),#fff 74%);transform:translateY(-3px);border-color:color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));box-shadow:0 15px 35px color-mix(in srgb,var(--viv-primary-deep) 6.27%,transparent)}.vivcareer-job-icon{height:57px;width:57px;display:grid;place-items:center;border-radius:16px;background:var(--viv-primary-soft-2);color:var(--viv-primary);flex:none}.vivcareer-job-icon svg{width:27px;height:27px}.vivcareer-job-main{flex:1;min-width:0}.vivcareer-job-dept{font-size:10px;color:var(--viv-primary);text-transform:uppercase;font-weight:750;letter-spacing:.12em}.vivcareer-job h3{font-size:21px;letter-spacing:-.03em;margin:5px 0 8px}.vivcareer-job-tags{display:flex;gap:10px 19px;flex-wrap:wrap;color:var(--viv-slate);font-size:12px}.vivcareer-job-tags span{display:inline-flex;align-items:center;gap:5px}.vivcareer-job-tags svg{width:14px;height:14px;color:var(--viv-primary)}.vivcareer-job-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border:1px solid color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));border-radius:11px;background:#fff;font-size:13px;font-weight:750;color:var(--viv-primary-deep);flex:none;transition:.25s}.vivcareer-job:hover .vivcareer-job-action{background:var(--vc-deep);border-color:var(--vc-deep);color:white}.vivcareer-job-action svg{width:17px;height:17px}.vivcareer-empty{text-align:center;padding:46px 20px;border:1px dashed color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));border-radius:15px}.vivcareer-empty>span{display:inline-grid;place-items:center;width:50px;height:50px;background:var(--viv-primary-soft-2);border-radius:16px;color:var(--vc-teal)}.vivcareer-empty h3{margin:15px 0 5px}.vivcareer-empty p{margin:0;font-size:14px}.vivcareer-pagination{display:flex;justify-content:center;gap:7px;margin-top:23px}.vivcareer-pagination button{min-width:38px;height:38px;background:white;color:var(--vc-ink);border-radius:9px;border:1px solid var(--vc-line);font-size:13px}.vivcareer-pagination button.is-current{background:var(--vc-deep);border-color:var(--vc-deep);color:#fff}.vivcareer-faq-grid{display:grid;grid-template-columns:.65fr 1fr;gap:80px}.vivcareer-faq-grid>div>h2{margin:16px 0}.vivcareer-faq-grid>div>p{max-width:350px}.vivcareer-faq-grid .vivcareer-btn{margin-top:14px}.vivcareer-faq-items{display:grid;gap:10px}.vivcareer-faq-item{border:1px solid var(--viv-primary-soft-2);border-radius:14px;background:white;overflow:hidden}.vivcareer-faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 23px;font-size:15px;font-weight:700}.vivcareer-faq-item summary::-webkit-details-marker{display:none}.vivcareer-faq-item summary span{display:grid;place-items:center;border-radius:10px;height:30px;width:30px;background:var(--viv-primary-soft-2);font-size:23px;color:var(--viv-primary);font-weight:400;flex:none}.vivcareer-faq-item[open] summary span{transform:rotate(45deg)}.vivcareer-faq-item p{padding:0 23px 20px;margin:0;font-size:14px}.vivcareer-final{background:radial-gradient(ellipse at right,var(--viv-primary),var(--viv-primary-deep) 62%);color:white;padding:70px 0}.vivcareer-final-grid{display:flex;justify-content:space-between;align-items:center;gap:40px}.vivcareer-final .vivcareer-kicker{color:var(--vc-gold)}.vivcareer-final h2{font-size:clamp(28px,3vw,39px);max-width:570px;margin:14px 0}.vivcareer-final p{color:var(--viv-primary-soft-2);max-width:560px;margin:0}.vivcareer-final-actions{display:flex;align-items:flex-start;flex-direction:column;gap:12px}.vivcareer-final-email{display:inline-flex;gap:10px;align-items:center;color:var(--viv-primary-soft-2);font-size:13px}.vivcareer-final-email svg{width:17px;height:17px;color:var(--vc-gold)}
/* Focused, independently scrolling role detail + application modal. */
.vivcareer-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:18px}.vivcareer-modal.is-open{display:flex}.vivcareer-modal-backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--viv-primary-deep) 74.51%,transparent);backdrop-filter:blur(5px)}.vivcareer-modal-panel{position:relative;width:min(1110px,100%);max-height:min(92vh,900px);background:#fff;border-radius:23px;box-shadow:0 35px 100px #051a2980;overflow:auto;overscroll-behavior:contain}.vivcareer-modal-x{position:absolute;right:19px;top:18px;z-index:2;width:39px;height:39px;border:1px solid color-mix(in srgb,var(--viv-white) 49.02%,transparent);background:color-mix(in srgb,var(--viv-white) 15.69%,transparent);color:white;border-radius:12px;display:grid;place-items:center}.vivcareer-modal-header{background:linear-gradient(110deg,var(--viv-primary),var(--viv-primary) 54%,color-mix(in srgb,var(--viv-accent) 55%,var(--viv-white)));color:white;padding:35px 45px 32px}.vivcareer-modal-header .vivcareer-kicker{color:var(--viv-primary-soft-2)}.vivcareer-modal-header h2{font-size:clamp(25px,3vw,35px);margin:11px 0 13px}.vivcareer-modal-header p{color:var(--viv-primary-soft-2);margin:0;font-size:13px}.vivcareer-modal-grid{display:grid;grid-template-columns:.92fr 1fr;gap:30px;padding:34px 40px}.vivcareer-modal-description{display:grid;align-content:start;gap:24px}.vivcareer-modal-description h3,.vivcareer-apply h3{font-size:17px;margin:0 0 10px}.vivcareer-modal-description p,.vivcareer-modal-description li,.vivcareer-modal-description div{font-size:13px;color:var(--viv-slate)}.vivcareer-modal-description li{margin:6px 0;padding-left:2px}.vivcareer-modal-description ul{margin:0;padding-left:20px}.vivcareer-modal-description section{padding-bottom:18px;border-bottom:1px solid var(--viv-brand-border)}.vivcareer-modal-description section:last-child{border:0}.vivcareer-detail-row{display:flex;justify-content:space-between;gap:20px;margin:8px 0}.vivcareer-detail-row strong{font-weight:700;color:var(--viv-primary-deep)}.vivcareer-apply{border:1px solid var(--viv-primary-soft-2);border-radius:17px;padding:25px;background:var(--viv-primary-soft);align-self:start}.vivcareer-apply>p{font-size:13px;margin:0 0 18px}.vivcareer-apply form{display:grid;gap:14px}.vivcareer-field{display:grid;gap:7px}.vivcareer-field label{color:var(--viv-primary);font-size:12px;font-weight:720}.vivcareer-field label span{color:#c34c32}.vivcareer-field input:not([type=file]),.vivcareer-field select,.vivcareer-field textarea{width:100%;background:white;border:1px solid var(--viv-primary-soft-2);border-radius:10px;padding:11px 13px;min-height:43px;color:var(--viv-primary-deep);font-size:13px;outline:none}.vivcareer-field input:focus,.vivcareer-field select:focus,.vivcareer-field textarea:focus{border-color:var(--viv-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--viv-primary) 12.55%,transparent)}.vivcareer-field textarea{min-height:77px;resize:vertical}.vivcareer-file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;background:#fff;border:1px dashed color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));padding:16px;border-radius:10px;color:var(--viv-primary);font-size:12px;cursor:pointer}.vivcareer-file-label svg{color:var(--viv-primary)}.vivcareer-file-label input{max-width:100%;font-size:12px}.vivcareer-form-note{font-size:11px!important;line-height:1.5!important;color:var(--viv-slate)!important;margin:0!important}.vivcareer-submit{width:100%}.vivcareer-submit:disabled{opacity:.55;cursor:wait}.vivcareer-honey{position:absolute;left:-99999px;opacity:0}.vivcareer #vivcareer-apply-status{font-size:13px;color:var(--viv-primary);font-weight:650;margin:0}.vivcareer #vivcareer-apply-status.is-error{color:#bf4c38}body.vivcareer-modal-open{overflow:hidden}
@media(max-width:1100px){.vivcareer-search-panel{grid-template-columns:1fr 1fr}.vivcareer-search-box{grid-column:span 2}.vivcareer-value-grid{grid-template-columns:repeat(2,1fr)}.vivcareer-hero-grid{gap:20px}.vivcareer-benefits-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.vivcareer-shell{width:min(100% - 32px,1340px)}.vivcareer-section{padding:55px 0}.vivcareer-hero-grid{grid-template-columns:1fr;padding:42px 0 55px}.vivcareer-hero-art{display:none}.vivcareer-hero-foot{margin-top:30px}.vivcareer-section-intro{display:block}.vivcareer-section-intro>p{margin-top:16px}.vivcareer-culture-grid,.vivcareer-faq-grid{grid-template-columns:1fr;gap:26px}.vivcareer-culture-visual{min-height:260px}.vivcareer-journey-grid{grid-template-columns:repeat(2,1fr);gap:27px}.vivcareer-journey-step::before{display:none}.vivcareer-final-grid{display:block}.vivcareer-final-actions{margin-top:25px}.vivcareer-modal-grid{grid-template-columns:1fr}.vivcareer-modal-panel{max-height:96vh}.vivcareer-modal-header{padding:30px 23px}.vivcareer-modal-grid{padding:24px 22px}.vivcareer-modal-x{right:11px;top:11px}}
@media(max-width:560px){.vivcareer h1{font-size:clamp(37px,10vw,47px)}.vivcareer-section{padding:45px 0}.vivcareer-value-grid,.vivcareer-benefits-grid{grid-template-columns:1fr}.vivcareer-value-card{min-height:230px}.vivcareer-value-card h3{margin-top:26px}.vivcareer-benefit{min-height:auto}.vivcareer-journey-grid{gap:18px}.vivcareer-journey-step h3{font-size:15px}.vivcareer-journey-step p{font-size:12px}.vivcareer-search-panel{grid-template-columns:1fr;padding:11px}.vivcareer-search-box{grid-column:auto}.vivcareer-list-head>span:last-child{display:none}.vivcareer-job{padding:17px;gap:13px;align-items:flex-start;flex-wrap:wrap}.vivcareer-job-icon{height:42px;width:42px;border-radius:12px}.vivcareer-job-main{flex:1 1 calc(100% - 60px)}.vivcareer-job h3{font-size:18px}.vivcareer-job-action{width:100%}.vivcareer-modal{padding:0}.vivcareer-modal-panel{max-height:100dvh;height:100dvh;border-radius:0}.vivcareer-final{padding:50px 0}}
@media(prefers-reduced-motion:reduce){.vivcareer *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.vivcareer-people{background:var(--viv-primary-soft)}.vivcareer-people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.vivcareer-people-card{border:1px solid var(--viv-primary-soft-2);border-radius:19px;padding:29px;background:#fff;transition:background .3s,border .3s,transform .3s}.vivcareer-people-card:hover{background:var(--viv-primary-soft-2);border-color:color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));transform:translateY(-4px)}.vivcareer-people-card:nth-child(2):hover{background:var(--viv-accent-soft);border-color:color-mix(in srgb,var(--viv-accent) 55%,var(--viv-white))}.vivcareer-people-card:nth-child(3):hover{background:#edf5ff;border-color:#baccf1}.vivcareer-people-icon{display:grid;place-items:center;height:54px;width:54px;color:var(--viv-primary);background:var(--viv-primary-soft-2);border-radius:15px}.vivcareer-people-icon svg{width:27px;height:27px}.vivcareer-people-card h3{font-size:19px;letter-spacing:-.025em;margin:22px 0 8px}.vivcareer-people-card p{font-size:13px;margin:0}@media(max-width:800px){.vivcareer-people-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.vivcareer-people-grid{grid-template-columns:1fr}}
/* Keep navigation and page eyebrow on separate, deliberately aligned lines. */
.vivcareer-breadcrumb{display:block;width:max-content;max-width:100%;}

/* Careers recruitment journey: a full-width, balanced editorial card layout.
   Intentionally scoped to this one section; other career components are unchanged. */
.vivcareer .vivcareer-journey--editorial {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(145deg, var(--viv-primary-soft) 0%, #f9fcfb 51%, var(--viv-primary-soft) 100%);
}
.vivcareer .vivcareer-journey--editorial::before {
  content: "";
  position: absolute;
  width: 540px;
  height: 540px;
  border-radius: 50%;
  top: -340px;
  right: -165px;
  border: 1px solid color-mix(in srgb,var(--viv-primary) 12%,transparent);
  box-shadow: 0 0 0 64px color-mix(in srgb,var(--viv-primary) 2.6%,transparent), 0 0 0 132px color-mix(in srgb,var(--viv-primary) 1.8%,transparent);
  pointer-events: none;
  z-index: -1;
}
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-heading {
  max-width: 820px;
  margin: 0 auto clamp(26px, 3.4vw, 48px);
  text-align: center;
}
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-heading h2 {
  max-width: 760px;
  margin: 14px auto 13px;
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 730;
  line-height: 1.2;
  letter-spacing: -.036em;
}
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-heading p {
  max-width: 600px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.7;
}
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 1.6vw, 22px);
}
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-step {
  position: relative;
  min-width: 0;
  min-height: 218px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: clamp(23px, 2.5vw, 34px);
  overflow: hidden;
  border: 1px solid var(--viv-primary-soft-2);
  border-radius: 23px;
  background: #fff;
  box-shadow: 0 6px 25px color-mix(in srgb,var(--viv-primary-deep) 3.5%,transparent);
  transition: background .3s ease, border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-step::before {
  display: none;
}
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-step:hover {
  transform: translateY(-4px);
  background: linear-gradient(125deg, var(--viv-primary-soft-2) 0%, #fff 85%);
  border-color: color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));
  box-shadow: 0 15px 34px color-mix(in srgb,var(--viv-primary-deep) 9.5%,transparent);
}
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-step:nth-child(2):hover,
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-step:nth-child(4):hover {
  background: linear-gradient(125deg, var(--viv-accent-soft) 0%, #fff 83%);
  border-color: color-mix(in srgb,var(--viv-accent) 55%,var(--viv-white));
}
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-step-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 23px;
}
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));
  border-radius: 17px;
  background: var(--viv-primary-soft-2);
  color: var(--viv-primary);
}
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-step:nth-child(2) .vivcareer-journey-icon,
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-step:nth-child(4) .vivcareer-journey-icon {
  border-color: color-mix(in srgb,var(--viv-accent) 55%,var(--viv-white));
  background: var(--viv-accent-soft);
  color: color-mix(in srgb,var(--viv-accent) 72%,var(--viv-ink));
}
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-icon svg {
  width: 26px;
  height: 26px;
}
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-number {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  color: var(--viv-primary);
  font-size: 24px;
  font-weight: 740;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.035em;
}
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-number span {
  color: var(--viv-slate);
  font-size: 12px;
  letter-spacing: 0;
  font-weight: 600;
}
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-step-copy {
  max-width: 470px;
}
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-step h3 {
  margin: 0 0 7px;
  font-size: clamp(17px, 1.5vw, 20px);
  line-height: 1.3;
  font-weight: 720;
  letter-spacing: -.02em;
}
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-step p {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  max-width: none;
}
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-step-accent {
  position: absolute;
  width: 66px;
  height: 3px;
  left: clamp(23px, 2.5vw, 34px);
  bottom: 0;
  background: linear-gradient(90deg, var(--viv-primary), var(--viv-accent));
  border-radius: 4px 4px 0 0;
  transition: width .3s ease;
}
.vivcareer .vivcareer-journey--editorial .vivcareer-journey-step:hover .vivcareer-journey-step-accent {
  width: 114px;
}
@media (max-width: 640px) {
  .vivcareer .vivcareer-journey--editorial .vivcareer-journey-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 13px;
  }
  .vivcareer .vivcareer-journey--editorial .vivcareer-journey-heading {
    margin-bottom: 26px;
  }
  .vivcareer .vivcareer-journey--editorial .vivcareer-journey-heading h2 {
    font-size: clamp(26px, 7.3vw, 33px);
  }
  .vivcareer .vivcareer-journey--editorial .vivcareer-journey-heading p {
    font-size: 13px;
  }
  .vivcareer .vivcareer-journey--editorial .vivcareer-journey-step {
    min-height: 0;
    padding: 22px;
    border-radius: 19px;
  }
  .vivcareer .vivcareer-journey--editorial .vivcareer-journey-step-top {
    margin-bottom: 14px;
  }
  .vivcareer .vivcareer-journey--editorial .vivcareer-journey-icon {
    width: 49px;
    height: 49px;
    border-radius: 14px;
  }
  .vivcareer .vivcareer-journey--editorial .vivcareer-journey-icon svg {
    width: 23px;
    height: 23px;
  }
  .vivcareer .vivcareer-journey--editorial .vivcareer-journey-step h3 {font-size: 17px;}
  .vivcareer .vivcareer-journey--editorial .vivcareer-journey-step p {font-size: 13px;}
  .vivcareer .vivcareer-journey--editorial .vivcareer-journey-step-accent {left: 22px;}
}
@media (prefers-reduced-motion: reduce) {
  .vivcareer .vivcareer-journey--editorial .vivcareer-journey-step,
  .vivcareer .vivcareer-journey--editorial .vivcareer-journey-step-accent {transition: none;}
}
