.experience-timeline-page{min-height:calc(100vh - 64px)}.experience-timeline{padding-bottom:var(--page-bottom);padding-top:clamp(26px,4vw,44px)}.experience-timeline__top{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);align-items:end;gap:clamp(24px,5vw,56px);margin-bottom:clamp(34px,5vw,58px);display:grid}.experience-timeline__back{color:var(--muted);font-family:var(--mono);margin-bottom:clamp(22px,3vw,36px);font-size:11px;text-decoration:none;transition:color .16s,transform .16s;display:inline-flex}.experience-timeline__back:hover,.experience-timeline__back:focus-visible{color:var(--text);transform:translate(-3px)}.experience-timeline__top p{color:var(--muted);font-family:var(--mono);margin:0;font-size:11px}.experience-timeline__top h1{color:var(--text);font-family:var(--display);margin:11px 0 0;font-size:clamp(34px,5.2vw,64px);line-height:1}.experience-timeline__top span{color:var(--muted);max-width:720px;margin-top:14px;font-size:clamp(15px,1.45vw,18px);line-height:1.6;display:block}.experience-timeline__controls{justify-items:end;gap:10px;display:grid}.experience-timeline__filters{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.experience-timeline__filters button,.experience-timeline__fullscreen{background:var(--surface-floating);border:1px solid var(--line-medium);color:var(--muted);cursor:pointer;font-family:var(--mono);padding:9px 11px;font-size:11px;transition:background-color .16s,border-color .16s,color .16s,transform .16s}.experience-timeline__fullscreen{border-color:var(--line-bright);block-size:34px;color:var(--text);z-index:5;justify-content:center;place-items:center;inline-size:34px;padding:0;display:inline-grid;position:absolute;inset:12px 12px auto auto}.experience-timeline__fullscreen:after{background:var(--text);color:var(--background);content:attr(data-tooltip);font-family:var(--mono);opacity:0;pointer-events:none;white-space:nowrap;padding:6px 8px;font-size:10px;transition:opacity .14s,transform .14s;position:absolute;inset:calc(100% + 8px) 0 auto auto;transform:translateY(-3px)}.experience-timeline__fullscreen:hover:after,.experience-timeline__fullscreen:focus-visible:after{opacity:1;transform:translateY(0)}.experience-timeline__fullscreen-icon{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.8px;block-size:16px;inline-size:16px}.experience-timeline__fullscreen-icon--collapse,.experience-timeline__fullscreen[aria-pressed=true] .experience-timeline__fullscreen-icon--expand{display:none}.experience-timeline__fullscreen[aria-pressed=true] .experience-timeline__fullscreen-icon--collapse{display:block}.experience-timeline__fullscreen-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.experience-timeline__filters button:hover,.experience-timeline__filters button:focus-visible,.experience-timeline__filters button[aria-pressed=true],.experience-timeline__fullscreen:hover,.experience-timeline__fullscreen:focus-visible,.experience-timeline__fullscreen[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--background);transform:translateY(-1px)}.experience-timeline__shell{border:1px solid var(--line-medium);grid-template-columns:minmax(0,1fr) minmax(260px,320px);min-height:620px;display:grid;position:relative}body[data-timeline-expanded=true]{overflow:hidden}.experience-timeline__shell[data-expanded=true]{background:var(--background);block-size:100dvh;inline-size:100vw;z-index:90;min-height:0;position:fixed;inset:0;overflow:hidden}.experience-timeline__scroller{overflow-x:auto}.experience-timeline__shell[data-expanded=true] .experience-timeline__scroller{min-height:0;overflow:auto}.experience-timeline__board{min-inline-size:var(--board-width)}.experience-timeline__period-label,.experience-timeline__years,.experience-timeline__row{grid-template-columns:230px minmax(900px,1fr);display:grid}.experience-timeline__period-label{border-bottom:1px solid var(--line);color:var(--muted);font-family:var(--mono);text-transform:lowercase;padding:16px 18px;font-size:11px}.experience-timeline__years{border-bottom:1px solid var(--line);grid-template-columns:230px repeat(var(--years), minmax(0, 1fr));margin-top:-49px}.experience-timeline__years>div{border-left:1px solid var(--line-soft);grid-template-columns:repeat(4,1fr);min-height:49px;display:grid}.experience-timeline__years-spacer{border-right:1px solid var(--line)}.experience-timeline__years strong{color:var(--text);font-family:var(--mono);grid-column:1/-1;justify-self:center;padding-top:12px;font-size:12px}.experience-timeline__years span{color:var(--muted);font-family:var(--mono);text-align:center;white-space:nowrap;justify-self:center;padding:0 4px;font-size:10px;line-height:1.2;position:relative}.experience-timeline__years span:not(.experience-timeline__years-spacer):after{background:var(--text);color:var(--background);content:attr(data-detail);opacity:0;pointer-events:none;white-space:nowrap;z-index:3;padding:5px 7px;font-size:9px;transition:opacity .14s,transform .14s;position:absolute;inset:auto auto calc(100% + 7px) 50%;transform:translate(-50%)translateY(3px)}.experience-timeline__years span:not(.experience-timeline__years-spacer):before{background:var(--text);content:"";opacity:0;pointer-events:none;z-index:2;block-size:6px;inline-size:6px;transition:opacity .14s;position:absolute;inset:auto auto calc(100% + 4px) 50%;transform:translate(-50%)rotate(45deg)}.experience-timeline__years span:hover:after,.experience-timeline__years span:focus-visible:after,.experience-timeline__years span:hover:before,.experience-timeline__years span:focus-visible:before{opacity:1}.experience-timeline__years span:hover:after,.experience-timeline__years span:focus-visible:after{transform:translate(-50%)}.experience-timeline__row{border-bottom:1px solid var(--line-soft);min-height:94px}.experience-timeline__row[hidden]{display:none}.experience-timeline__label{border-right:1px solid var(--line);color:var(--muted);gap:5px;padding:16px 18px;text-decoration:none;display:grid}.experience-timeline__label span,.experience-timeline__label small{color:var(--muted);font-family:var(--mono);font-size:11px;line-height:1.35}.experience-timeline__label strong{color:var(--text);font-family:var(--display);font-size:17px;line-height:1.05}.experience-timeline__lane{background-image:linear-gradient(to right, var(--line-soft) 1px, transparent 1px), linear-gradient(to right, var(--line) 1px, transparent 1px);background-size:calc(100% / var(--quarters)) 100%, calc(400% / var(--quarters)) 100%;grid-template-columns:repeat(var(--quarters), minmax(0, 1fr));padding:20px 18px;display:grid}.experience-timeline__bar{background:var(--surface-floating);border:1px solid var(--line-bright);color:var(--text);cursor:pointer;font:inherit;grid-column:var(--start) / span var(--span);text-align:left;gap:3px;min-inline-size:120px;padding:10px 12px;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:grid}.experience-timeline__bar[data-active=true],.experience-timeline__bar:hover,.experience-timeline__bar:focus-visible{background:var(--text);border-color:var(--text);color:var(--background);transform:translateY(-1px)}.experience-timeline__bar strong{font-family:var(--mono);font-size:11px;line-height:1.2}.experience-timeline__bar span{font-family:var(--mono);opacity:.74;font-size:10px;line-height:1.3}.experience-timeline__panel{border-left:1px solid var(--line-medium);place-content:start;gap:12px;padding:clamp(18px,3vw,28px);display:grid;position:sticky;top:0}.experience-timeline__shell[data-expanded=true] .experience-timeline__panel{max-height:100dvh;overflow:auto}.experience-timeline__panel>span,.experience-timeline__panel strong,.experience-timeline__panel-projects{color:var(--muted);font-family:var(--mono);font-size:11px}.experience-timeline__panel h2{color:var(--text);font-family:var(--display);margin:0;font-size:clamp(22px,2.5vw,34px);line-height:1.05}.experience-timeline__panel p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.experience-timeline__panel-tags{flex-wrap:wrap;gap:6px;display:flex}.experience-timeline__panel-tags span{border:1px solid var(--line);color:var(--muted);font-family:var(--mono);padding:5px 7px;font-size:10px}.experience-timeline__panel-link{background:var(--surface-floating);border:1px solid var(--line-bright);color:var(--text);font-family:var(--mono);text-transform:lowercase;align-items:center;gap:7px;inline-size:fit-content;margin-top:10px;padding:7px 9px;font-size:10px;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.experience-timeline__panel-link small{border-left:1px solid var(--line-medium);color:var(--muted);padding-left:7px;font-size:9px;font-weight:500;line-height:1}.experience-timeline__panel-link:hover,.experience-timeline__panel-link:focus-visible{background:var(--text);border-color:var(--text);color:var(--background);transform:translateY(-1px)}.experience-timeline__panel-link:hover small,.experience-timeline__panel-link:focus-visible small{border-color:color-mix(in srgb, var(--background) 45%, transparent);color:var(--background)}@media (width<=960px){.experience-timeline__top,.experience-timeline__shell{grid-template-columns:1fr}.experience-timeline__controls,.experience-timeline__filters{justify-content:start;justify-items:start}.experience-timeline__panel{border-left:0;border-top:1px solid var(--line-medium);position:static}}@media (prefers-reduced-motion:reduce){.experience-timeline__back,.experience-timeline__filters button,.experience-timeline__fullscreen,.experience-timeline__bar,.experience-timeline__panel-link{transition:none}}