.career{--p:0;position:relative}.career__stage{background:radial-gradient(70% 60% at calc(20% + var(--p) * 60%) 30%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%), linear-gradient(180deg, var(--bg), color-mix(in oklab, var(--tone-2) calc(100% - var(--p) * 60%), var(--tone-4)));height:100svh;position:sticky;top:0;overflow:hidden}.career__ghost{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.career__ghost span{font-family:var(--display);color:color-mix(in srgb, var(--bone) 4.5%, transparent);opacity:0;filter:blur(8px);transition:opacity .9s var(--ease), transform 1.2s var(--ease), filter .9s var(--ease);grid-area:1/1;font-size:clamp(9rem,30vw,26rem);line-height:1;transform:translateY(4%)scale(.97)}.career__ghost span[data-on=true]{opacity:1;filter:none;transform:none}.career__chart{right:var(--gutter);opacity:.85;width:min(190px,15vw);height:auto;position:absolute;top:92px;overflow:visible}.career__coast{fill:color-mix(in srgb, var(--bone) 4%, transparent);stroke:color-mix(in srgb, var(--bone) 32%, transparent);stroke-width:2px}.career__key{fill:none;stroke:color-mix(in srgb, var(--bone) 28%, transparent);stroke-width:1.5px}.career__leg{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.1s var(--ease)}.career__leg.is-drawn{stroke-dashoffset:0}.career__pin{transition:transform 1.1s var(--ease)}.career__pin circle{fill:var(--accent)}.career__pin .career__ring{fill:none;stroke:var(--accent);stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:2.6s ease-out infinite career-ring}@keyframes career-ring{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.2)}}.career__place{fill:color-mix(in srgb, var(--bone) 70%, transparent);font-family:var(--sans);font-size:30px}.career__track{will-change:transform;align-items:center;gap:14vw;padding:0 calc(50vw - min(320px,36vw));display:flex;position:absolute;top:0;bottom:0;left:0}.stop{--f:1;width:min(640px,72vw);opacity:calc(.12 + .88 * var(--f));transform:translateY(calc((1 - var(--f)) * 28px)) scale(calc(.94 + .06 * var(--f)));flex:none;gap:12px;display:grid}.stop__when{color:var(--accent);margin:0;font-size:.95rem}.stop__org{font-family:var(--display);margin:0;font-size:clamp(2rem,4vw,3.4rem);font-weight:400;line-height:1.05}.stop__role{color:var(--muted);margin:0}.stop__story{max-width:56ch;margin:6px 0 0;line-height:1.65}.stop__chips,.stop__sum{flex-wrap:wrap;gap:8px;margin:2px 0 0;padding:0;list-style:none;display:flex}.stop__chips li{border:1px solid var(--line);color:color-mix(in srgb, var(--bone) 85%, transparent);border-radius:999px;padding:4px 12px;font-size:.85rem}.stop__added{--a:clamp(0, (var(--f) - .55) / .45, 1);border-left:1px solid color-mix(in srgb, var(--accent) calc(var(--a) * 80%), transparent);opacity:var(--a);transform:translateX(calc((1 - var(--a)) * 18px));margin-top:14px;padding:18px 0 0 20px}.stop__label{color:var(--muted);margin:0;font-size:.85rem}.stop__value{font-family:var(--display);color:var(--accent);margin:4px 0 6px;font-size:clamp(1.4rem,2.4vw,2rem);font-style:italic;line-height:1.15}.stop__why{color:color-mix(in srgb, var(--bone) 88%, transparent);max-width:52ch;margin:0;line-height:1.6}.stop__link{justify-self:start;margin-top:6px}.stop--today .stop__org{font-size:clamp(2.4rem,5vw,4.2rem)}.stop--today .stop__story{font-size:1.15rem}.stop__sum li{border:1px solid color-mix(in srgb, var(--accent) 60%, transparent);color:var(--bone);opacity:clamp(0, (var(--f) - .5) * 2, 1);border-radius:999px;padding:6px 14px}.stop__after{color:var(--muted);margin:10px 0 0}.career__carry{left:var(--gutter);right:var(--gutter);flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;transition:opacity .6s;display:flex;position:absolute;bottom:96px}.career__carry-label{color:var(--muted);margin-right:6px}.career__carry-chip{border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);color:var(--bone);transition:opacity .7s var(--ease), transform .7s var(--spring);border-radius:999px;padding:3px 11px}.career__carry-chip[data-on=false]{opacity:0;transform:translateY(10px)scale(.9)}.career:has(.stop--today[aria-current=step]) .career__carry{opacity:0}.career__axis{left:var(--gutter);right:calc(var(--gutter) + 120px);height:36px;position:absolute;bottom:34px}.career__line,.career__fill{background:var(--line);height:1px;position:absolute;top:7px;left:0;right:0}.career__fill{background:var(--accent);transform-origin:0;transform:scaleX(var(--p))}.career__axis ol{margin:0;padding:0;list-style:none}.career__axis li{top:0;left:calc(var(--i) / var(--n) * 100%);position:absolute;transform:translate(-50%)}.career__axis li:first-child{transform:none}.career__axis li:last-child{transform:translate(-100%)}.career__axis button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-items:center;gap:6px;padding:0 4px;font-size:.8rem;display:grid}.career__axis li:first-child button{justify-items:start}.career__axis li:last-child button{justify-items:end}.career__dot{border:1px solid color-mix(in srgb, var(--bone) 50%, transparent);background:var(--bg);width:9px;height:9px;transition:background .4s, transform .4s var(--spring);border-radius:50%;margin-top:3px}.career__axis button[data-past=true] .career__dot{background:color-mix(in srgb, var(--accent) 60%, var(--bg));border-color:#0000}.career__axis button[aria-current=step]{color:var(--bone)}.career__axis button[aria-current=step] .career__dot{background:var(--accent);border-color:var(--bone);transform:scale(1.4)}.career__axis button:hover .career__dot,.career__axis button:focus-visible .career__dot{transform:scale(1.5)}.career--flat .career__stage{height:auto;padding-bottom:40px;position:relative;overflow:visible}.career--flat .career__ghost,.career--flat .career__chart,.career--flat .career__carry{display:none}.career--flat .career__track{padding:24px var(--gutter) 0;flex-direction:column;align-items:stretch;gap:72px;position:relative;transform:none}.career--flat .stop{opacity:1;filter:none;width:auto;max-width:640px;transform:none}.career--flat .stop__added{--a:1}.career--flat .stop__sum li{opacity:1}.career--flat .career__axis{z-index:2;margin:0 var(--gutter);order:-1;height:104px;position:sticky;inset:0 auto auto}.career--flat .career__axis:before{content:"";inset:0 calc(-1 * var(--gutter));z-index:-1;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:absolute}.career--flat .career__line,.career--flat .career__fill{top:71px}.career--flat .career__axis li{top:64px}.career--flat .career__stage{flex-direction:column;display:flex}@media (max-width:760px){.career__axis button{font-size:.72rem}}@media (prefers-reduced-motion:reduce){.career__ghost span,.career__leg,.career__pin,.career__carry-chip{transition:none}.career__pin .career__ring{animation:none}}