/* Editorial career timeline — replaces the orbit interaction without legacy overlap. */
body .experience-section.experience-timeline{position:relative!important;display:grid!important;grid-template-columns:minmax(280px,360px) minmax(0,900px)!important;grid-template-rows:auto!important;justify-content:center!important;align-items:start!important;gap:clamp(48px,7vw,110px)!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:110px max(24px,calc((100vw - 1440px)/2)) 120px!important;overflow:visible!important;background:linear-gradient(145deg,#040d22,#071735 58%,#0b275c)!important;color:#fff!important}
body .experience-section.experience-timeline::before{content:"CAREER";position:absolute;left:-35px;bottom:30px;color:rgba(138,214,255,.045);font:800 clamp(100px,16vw,260px)/.8 Manrope,sans-serif;letter-spacing:-.08em;transform:rotate(-90deg);transform-origin:left bottom;pointer-events:none}
body .experience-timeline .experience-intro{position:sticky!important;top:92px!important;align-self:start!important;grid-column:1!important;grid-row:auto!important;width:100%!important;height:max-content!important;max-height:calc(100svh - 116px)!important;margin:0!important;padding:0!important;overflow:visible!important;background:none!important;z-index:3!important}
body .experience-timeline .experience-intro .eyebrow{margin:0 0 18px!important;color:#8ad6ff!important;font-size:13px!important;letter-spacing:.16em!important}
body .experience-timeline .experience-intro h2{margin:0!important;color:#fff!important;font-size:clamp(42px,4.2vw,64px)!important;line-height:.98!important;letter-spacing:-.055em!important}
body .experience-timeline .experience-intro h2 em{color:#8ad6ff!important}
body .experience-timeline .experience-intro>p:last-of-type{max-width:280px;margin:24px 0 0!important;color:#9badc9!important;font-size:13px!important;line-height:1.65!important}
body .experience-timeline .progress{width:100%!important;height:3px!important;margin-top:30px!important;background:rgba(255,255,255,.1)!important}.experience-timeline .progress span{background:linear-gradient(90deg,#2867dc,#8ad6ff)!important}
body .experience-timeline .orbit-stage{position:relative!important;top:auto!important;grid-column:2!important;grid-row:auto!important;display:grid!important;gap:28px!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0 0 0 42px!important;overflow:visible!important;perspective:none!important}
body .experience-timeline .orbit-stage::before{content:"";position:absolute;top:42px;bottom:42px;left:9px;width:2px;background:linear-gradient(#8ad6ff,#2867dc 48%,rgba(138,214,255,.1));box-shadow:0 0 20px rgba(138,214,255,.25)}
body .experience-timeline .orbit-line{display:none!important}
body .experience-timeline .orbit-card{--company-accent:#2867dc;position:relative!important;inset:auto!important;top:auto!important;left:auto!important;display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;margin:0!important;padding:30px 32px 27px!important;overflow:visible!important;border:1px solid rgba(138,214,255,.18)!important;border-radius:26px 26px 8px 26px!important;opacity:1!important;color:#101b2d!important;background:linear-gradient(150deg,#fff,#f3f7fd)!important;box-shadow:0 22px 54px rgba(0,0,0,.24)!important;transform:none!important;transform-origin:center!important;pointer-events:auto!important;transition:transform .38s cubic-bezier(.16,1,.3,1),box-shadow .38s ease,border-color .3s ease!important}
body .experience-timeline .orbit-card:nth-of-type(3){--company-accent:#7f5fe7}body .experience-timeline .orbit-card:nth-of-type(4){--company-accent:#14a681}body .experience-timeline .orbit-card:nth-of-type(5){--company-accent:#e16a43}body .experience-timeline .orbit-card:nth-of-type(6){--company-accent:#2388b8}
body .experience-timeline .orbit-card::before{content:"";position:absolute;top:42px;left:-40px;width:15px;height:15px;border:4px solid #071735;border-radius:50%;background:var(--company-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--company-accent) 25%,transparent),0 0 18px color-mix(in srgb,var(--company-accent) 45%,transparent)}
body .experience-timeline .orbit-card::after{content:"";position:absolute;top:0;right:0;width:74px;height:74px;border-radius:0 25px 0 74px;background:linear-gradient(135deg,color-mix(in srgb,var(--company-accent) 9%,white),color-mix(in srgb,var(--company-accent) 22%,white));pointer-events:none}
body .experience-timeline .orbit-card:hover{z-index:4!important;border-color:color-mix(in srgb,var(--company-accent) 35%,transparent)!important;box-shadow:0 30px 70px rgba(0,0,0,.3)!important;transform:translateX(8px)!important}
body .experience-timeline .card-top{position:relative;z-index:2;display:flex!important;justify-content:space-between!important;margin:0!important;color:#65758e!important;font-size:12px!important}.experience-timeline .card-top b{color:color-mix(in srgb,var(--company-accent) 78%,#14356d)!important;font-size:27px!important}
body .experience-timeline .company-row{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;align-items:center!important;gap:18px!important;margin:18px 0!important}
body .experience-timeline .company-logo{width:76px!important;height:76px!important;padding:8px!important;border-radius:18px!important}
body .experience-timeline .company{margin:0 0 5px!important;color:var(--company-accent)!important;font-size:10px!important;letter-spacing:.12em!important}
body .experience-timeline .company-row h3{margin:0!important;color:#071735!important;font-size:clamp(28px,3vw,42px)!important;line-height:1!important;letter-spacing:-.05em!important}
body .experience-timeline .role{margin:5px 0 0!important;color:#67768d!important;font-size:14px!important}
body .experience-timeline .card-description{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;margin:4px 0 15px!important}
body .experience-timeline .replus-home-card .card-description{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px 22px!important}
body .experience-timeline .card-description li{padding:6px 0 6px 17px!important;color:#4c5b70!important;font-size:13px!important;line-height:1.5!important}
body .experience-timeline .card-description li::before{top:14px!important;width:5px!important;height:5px!important;background:var(--company-accent)!important}
body .experience-timeline .card-description strong{color:#111d31!important}
body .experience-timeline .metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:7px 0 0!important;padding:14px 0!important;border-top:1px solid #dbe3ef!important}
body .experience-timeline .metrics>div{min-width:0!important;padding:0 13px!important;border-left:1px solid #dbe3ef!important}body .experience-timeline .metrics>div:first-child{padding-left:0!important;border-left:0!important}
body .experience-timeline .metrics strong{color:var(--company-accent)!important;font-size:23px!important}.experience-timeline .metrics span{color:#68778d!important;font-size:9px!important;line-height:1.35!important}
body .experience-timeline .orbit-card>a{position:relative!important;width:100%!important;min-height:50px!important;margin:12px 0 0!important;padding:13px 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-radius:14px!important;color:#fff!important;background:linear-gradient(100deg,#071735,var(--company-accent))!important;font-size:12px!important;font-weight:800!important;transition:transform .25s ease,filter .25s ease!important}body .experience-timeline .orbit-card>a:hover{filter:brightness(1.1);transform:translateY(-2px)}

@media(max-width:900px){
  body .experience-section.experience-timeline{grid-template-columns:1fr!important;gap:36px!important;padding:82px 18px 86px!important}
  body .experience-timeline .experience-intro{position:relative!important;top:auto!important;text-align:center!important}.experience-timeline .experience-intro>p:last-of-type{max-width:460px!important;margin:16px auto 0!important}.experience-timeline .progress{display:none!important}
  body .experience-timeline .orbit-stage{grid-column:1!important;padding-left:34px!important}.experience-timeline .orbit-stage::before{left:7px!important}
}
@media(max-width:600px){
  body .experience-section.experience-timeline{padding:68px 11px 72px!important;gap:27px!important}
  body .experience-timeline .experience-intro h2{font-size:39px!important}
  body .experience-timeline .orbit-stage{gap:18px!important;padding-left:20px!important}.experience-timeline .orbit-stage::before{left:3px!important}
  body .experience-timeline .orbit-card{padding:22px 16px 18px!important;border-radius:20px 20px 7px 20px!important}
  body .experience-timeline .orbit-card::before{top:34px!important;left:-24px!important;width:12px!important;height:12px!important;border-width:3px!important}
  body .experience-timeline .orbit-card::after{width:56px;height:56px}
  body .experience-timeline .orbit-card:hover{transform:translateY(-4px)!important}
  body .experience-timeline .company-row{grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important;margin:13px 0!important}
  body .experience-timeline .company-logo{width:58px!important;height:58px!important;border-radius:14px!important}
  body .experience-timeline .company-row h3{font-size:26px!important}.experience-timeline .role{font-size:12px!important}
  body .experience-timeline .replus-home-card .card-description{grid-template-columns:1fr!important}
  body .experience-timeline .card-description li{font-size:12px!important;line-height:1.48!important}
  body .experience-timeline .metrics strong{font-size:19px!important}.experience-timeline .metrics span{font-size:8px!important}
  body .experience-timeline .orbit-card>a{min-height:48px!important;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){body .experience-timeline .orbit-card{transition:none!important}}
