@property --hue{syntax:"<color>";inherits:true;initial-value:#888}body.resume-page{overflow-x:clip}.role{scroll-margin-top:calc(var(--tl-h, 0px) + 1rem)}.role+.role{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #ccc}.role .head{margin-bottom:1rem}.role .head h3{margin-top:0}.role .head p{margin-bottom:0}.role .lede{border-left-color:var(--role-hue, #ccc)}.role .lede>p:first-child,.role .detail>:first-child,.role .detail>ul:first-child>li:first-child>p:first-child{margin-top:0}.dur{color:#555}@media screen and (min-width: 64rem){html:has(>body.resume-page){font-size:clamp(16px,9.6px + .45vw,22px)}body.resume-page{max-width:132ch}.resume>p{max-width:72ch}.role{display:grid;grid-template-columns:minmax(0, 2fr) minmax(0, 3fr);column-gap:4ch;align-items:start}.js .role{grid-template-rows:var(--head-h, 7.5rem) auto}.js .role .story{display:contents}.js .role .head{position:sticky;top:calc(var(--tl-h, 0px) + 1.25rem);z-index:1;grid-column:1;grid-row:1/3;background:#f5f5f0}.js .role .head::before,.js .role .head::after{content:"";position:absolute;left:0;right:0}.js .role .head::before{bottom:100%;height:1.25rem;background:#f5f5f0}.js .role .head::after{top:100%;height:1rem;background:linear-gradient(#f5f5f0 40%, rgba(245,245,240,0))}.js .role .lede{position:sticky;top:calc(var(--tl-h, 0px) + 1.25rem + var(--head-h, 0px));grid-column:1;grid-row:2}.js .role .detail{grid-column:2;grid-row:2}.js .role.tall .lede{max-height:calc(100vh - var(--tl-h, 0px) - var(--head-h, 0px) - 2.5rem);overflow:hidden;-webkit-mask-image:linear-gradient(rgba(0,0,0,0), #000 var(--fade-top, 0px), #000 calc(100% - var(--fade-bottom, 0px)), rgba(0,0,0,0));mask-image:linear-gradient(rgba(0,0,0,0), #000 var(--fade-top, 0px), #000 calc(100% - var(--fade-bottom, 0px)), rgba(0,0,0,0))}}@media screen and (min-width: 64rem) and (prefers-color-scheme: dark){.js .role .head{background:#1a1a1a}.js .role .head::before{background:#1a1a1a}.js .role .head::after{background:linear-gradient(#1a1a1a 40%, rgba(26,26,26,0))}}@media screen and (min-width: 64rem){.timeline .tl-caption{justify-content:flex-end}}@media screen and (min-width: 64rem){.timeline .tl-now{display:none}}@media screen{.js .timeline[hidden]{display:block;visibility:hidden;height:8.25rem}.timeline{position:sticky;top:0;z-index:3;margin:0 0 2rem;padding:.75rem 0 .4rem;transition:--hue .6s ease}.timeline::before{content:"";position:absolute;top:0;bottom:0;left:50%;z-index:-1;width:100vw;transform:translateX(-50%);background:rgba(245,245,240,.82);border-bottom:1px solid rgba(0,0,0,.07);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}@media screen and (prefers-reduced-transparency: reduce){.timeline::before{background:#f5f5f0}}@media screen{.tl-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:2ch;margin-bottom:.25rem;font-size:.8125rem;line-height:1.3}}@media screen{.tl-now{font-weight:bold}.tl-now::before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:1ch;border-radius:50%;background:var(--hue);vertical-align:1px}}@media screen{.tl-legend{flex:none;color:#555;font-size:.6875rem;line-height:1.9}.tl-legend i{display:inline-block;margin:0 .6ch 0 1.5ch;vertical-align:1px}}@media screen{.tl-view{--flag: 1.45rem;--label: 1.85rem;--track: 12px;--sub: 6px;--line: calc(var(--flag) + var(--label) + 6px);--bars: calc(var(--flag) + var(--label) + var(--track) + var(--subs, 0) * var(--sub));position:relative;height:calc(var(--bars) + 1.55rem);overflow:hidden}.tl-view.slides{-webkit-mask-image:linear-gradient(to right, rgba(0,0,0,0), #000 1.25rem, #000 calc(100% - 1.25rem), rgba(0,0,0,0));mask-image:linear-gradient(to right, rgba(0,0,0,0), #000 1.25rem, #000 calc(100% - 1.25rem), rgba(0,0,0,0))}}@media screen{.tl-strip{position:absolute;inset:0 auto 0 0}}@media screen{.timeline .tl-seg{position:absolute;top:var(--flag);display:flex;flex-direction:column;justify-content:flex-end;height:calc(var(--label) + var(--track));padding-bottom:calc(var(--track) + 2px);color:#555;font-size:.75rem;line-height:1.15;text-decoration:none;transition:color .4s}.timeline .tl-seg::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:6px;border-radius:3px;background:var(--spectrum);background-position:calc(-1*var(--x, 0px)) 0;background-size:var(--span, 100%) 100%;opacity:.28;transition:opacity .4s,height .3s,bottom .3s,box-shadow .4s}.timeline .tl-seg:hover::after{opacity:.6}.timeline .tl-seg.read{color:#1a1a1a}.timeline .tl-seg.read::after{opacity:.62}.timeline .tl-seg.on{color:#1a1a1a;font-weight:bold}.timeline .tl-seg.on::after{bottom:2px;height:8px;border-radius:4px;background:linear-gradient(to left, rgba(0,0,0,0) calc(var(--read, 0)*100%), rgba(245,245,240,.55) calc(var(--read, 0)*100%)),var(--spectrum);background-position:0 0,calc(-1*var(--x, 0px)) 0;background-size:100% 100%,var(--span, 100%) 100%;box-shadow:0 0 10px color-mix(in srgb, var(--hue) 30%, rgba(0,0,0,0));opacity:1}.timeline .tl-seg.sub{top:calc(var(--flag) + var(--label) + var(--track) + var(--lane)*var(--sub));height:var(--sub);padding:0}.timeline .tl-seg.sub::after,.timeline .tl-seg.sub.on::after{bottom:1px;height:3px;border-radius:2px}}@media screen{.tl-name{display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media screen{.tl-year{position:absolute;top:calc(var(--bars) + .45rem);color:#555;font-size:.625rem;letter-spacing:.04em;line-height:1;opacity:.8;transform:translateX(-50%)}}@media screen{.tl-mark,.tl-legend i{width:5px;height:5px;background:#555;transform:rotate(45deg)}.tl-mark.training,.tl-legend i.training{border-radius:50%;transform:none}}@media screen{.tl-mark{position:absolute;top:calc(var(--bars) - 2px);margin-left:-2.5px;opacity:.8}}@media screen{.tl-thread{position:absolute;top:1.1rem;left:0;width:1px;height:calc(var(--line) - 1.1rem);margin-left:-.5px;background:linear-gradient(var(--hue), rgba(0,0,0,0))}}@media screen{.tl-knob{position:absolute;top:calc(var(--line) - 6px);left:0;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--hue),0 0 10px color-mix(in srgb, var(--hue) 35%, rgba(0,0,0,0))}}@media screen{.tl-flag{position:absolute;top:0;left:0;padding:0 .9ch;border-radius:999px;background:var(--hue);color:var(--hue-ink, #111);font-size:.6875rem;font-weight:bold;line-height:1.1rem;white-space:nowrap}}@media screen and (max-width: 40rem){.tl-legend{display:none}}@media screen and (prefers-reduced-motion: reduce){.timeline,.timeline .tl-seg,.timeline .tl-seg::after{transition:none}}@media screen and (prefers-color-scheme: dark){.role+.role{border-top-color:#444}.role .lede{border-left-color:var(--role-hue, #444)}.dur,.tl-year,.tl-legend{color:#999}.timeline::before{background:rgba(26,26,26,.8);border-bottom-color:rgba(255,255,255,.07)}}@media screen and (prefers-color-scheme: dark) and (prefers-reduced-transparency: reduce){.timeline::before{background:#1a1a1a}}@media screen and (prefers-color-scheme: dark){.timeline .tl-seg{color:#999}.timeline .tl-seg.read,.timeline .tl-seg.on{color:#e0e0e0}.timeline .tl-seg.on::after{background:linear-gradient(to left, rgba(0,0,0,0) calc(var(--read, 0)*100%), rgba(26,26,26,.55) calc(var(--read, 0)*100%)),var(--spectrum);background-position:0 0,calc(-1*var(--x, 0px)) 0;background-size:100% 100%,var(--span, 100%) 100%}}@media screen and (prefers-color-scheme: dark){.tl-mark,.tl-legend i{background:#999}}@media print{.timeline{display:none}}