:root { --cyan: #fdb35b; --cyan-rgb: 253,179,91; }
.theme-controls button[data-theme="amber"] { background: rgb(253,179,91); width: 22px; height: 22px; cursor: default; }
.career-chapters { --career-progress: 0; background: radial-gradient(ellipse at 85% 50%,#fdb35b0a,transparent 60%),#05070b; position: relative; overflow: hidden; }
.career-intro { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 18px 70px; align-items: start; padding-bottom: 55px; }
.career-intro .eyebrow { grid-column: 1/-1; color: var(--cyan); font: 500 10px var(--space); letter-spacing: 2px; text-transform: uppercase; }
.career-intro .eyebrow b { font-weight: 400; font-size: 8px; color: #8d939d; margin-left: 20px; }
.career-intro h2 { grid-row: 2/5; color: #edf2fa; font: 600 clamp(32px,4.8vw,72px)/1.15 var(--orbit); letter-spacing: -.045em; margin: 0; }
.career-intro h2 em { color: var(--cyan); font-style: normal; }
.career-intro p { color: #a8b1c0; font-size: 15px; line-height: 1.9; margin: 0; }
.career-meter { display: none; }
.career-note { color: #858d99; font: 400 8px var(--space); letter-spacing: 1.2px; }
.career-resume { justify-self: start; color: var(--cyan); font: 500 10px var(--space); letter-spacing: 1px; padding: 14px 0; border-bottom: 1px solid #fdb35b50; min-height: 44px; }
.career-resume span { margin-left: 30px; }
.career-resume:hover,.career-resume:focus-visible { color: #fff; border-color: var(--cyan); }
.career-route { display: flex; justify-content: space-between; gap: 15px; color: #828995; font: 400 8px var(--space); letter-spacing: 1.5px; padding: 20px 0; border-block: 1px solid #fdb35b30; }
.career-route [data-career-position] { color: var(--cyan); }
.career-timeline { position: relative; list-style: none; margin: 0; padding: 0; }
.career-timeline::before,.career-timeline::after { content: ''; position: absolute; left: 190px; top: 0; bottom: 0; width: 1px; background: #fdb35b25; pointer-events: none; }
.career-timeline::after { background: var(--cyan); transform: scaleY(var(--career-progress)); transform-origin: top; box-shadow: 0 0 12px #fdb35b77; }
.career-chapter { --chapter-reveal: 1; position: relative; min-height: 230px; padding: 46px 0; border-bottom: 1px solid #ffffff12; }
.career-chapter::before { content: ''; position: absolute; left: 185px; top: 63px; width: 11px; height: 11px; border-radius: 50%; background: #151619; border: 1px solid #fdb35b55; z-index: 1; }
.career-number { position: absolute; right: 0; top: 35px; font: 600 clamp(70px,9vw,125px)/1 var(--orbit); color: transparent; -webkit-text-stroke: 1px #fdb35b22; pointer-events: none; }
.career-chapter article { display: grid; grid-template-columns: 160px minmax(0,1fr); column-gap: 80px; padding-right: 120px; min-width: 0; transform: translate3d(0,calc((1 - var(--chapter-reveal)) * 32px),0); }
.career-date { grid-row: 1/4; display: flex; flex-direction: column; gap: 16px; color: #989fa9; font: 500 14px/1.7 var(--space); padding-top: 4px; }
.career-date small { color: var(--cyan); font: 400 7px var(--space); letter-spacing: 1px; }
.career-chapter h3 { margin: 0 0 22px; color: #a1a8b3; font: 500 clamp(21px,2.9vw,38px)/1.4 var(--orbit); letter-spacing: -.02em; overflow-wrap: anywhere; }
.career-line { height: 1px; max-width: 95px; background: #fdb35b55; transform: scaleX(var(--chapter-reveal)); transform-origin: left; }
.career-role-mark { display: block; margin-top: 18px; color: #767d88; font: 400 8px var(--space); letter-spacing: 1.5px; }
.career-chapter.is-active h3 { color: #f4eee6; }
.career-chapter.is-active .career-date { color: var(--cyan); }
.career-chapter.is-active::before { background: var(--cyan); box-shadow: 0 0 16px #fdb35b88; }
.career-chapter.is-active .career-number { -webkit-text-stroke-color: #fdb35b70; }
@media (max-width: 900px) {
 .career-intro { grid-template-columns: minmax(0,1fr); gap: 24px; padding-bottom: 35px; }
 .career-intro h2 { grid-row: auto; }
 .career-timeline::before,.career-timeline::after { left: 11px; }
 .career-chapter::before { left: 6px; top: 47px; }
 .career-chapter { padding: 32px 0 32px 40px; min-height: 220px; }
 .career-chapter article { grid-template-columns: minmax(0,1fr); gap: 16px; padding-right: 70px; transform: translate3d(0,calc((1 - var(--chapter-reveal)) * 18px),0); }
 .career-date { grid-row: auto; flex-direction: row; flex-wrap: wrap; gap: 12px; align-items: center; font-size: 13px; }
 .career-chapter h3 { font-size: clamp(19px,4vw,30px); margin-bottom: 5px; }
 .career-number { font-size: 70px; top: 38px; }
 .career-role-mark { margin-top: 0; }
}
@media (max-width: 480px) { .career-route { font-size: 7px; letter-spacing: .5px; } .career-route > span:last-child { display: none; } .career-chapter article { padding-right: 35px; } .career-number { font-size: 46px; opacity: .7; } }
.paused .career-chapter article { transform: none; }
@media (prefers-reduced-motion: reduce) { .career-chapter article { transform: none; } }