:root{--ink:#16160f;--bg:#fff;--muted:#8a8a8a;--faint:#c3c3bd;--line:#0003;--line-soft:#00000017;--line-fill:#14140f80;--panel:#0000000d;--display:"Geist", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--sans:"Geist", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--mono:"Iosevka Charon Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;overflow:hidden}a{color:inherit;-webkit-user-drag:none;text-decoration:none}.unicorn-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.unicorn-bg canvas{display:block;width:100%!important;height:100%!important}.app{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.site-header,.site-footer{z-index:9;flex:none;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(18px,3vw,40px);display:flex;position:relative}.site-header{justify-content:flex-end}.site-footer{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:70px;display:grid}.site-footer .foot-left{justify-self:start}.site-footer .clock{justify-self:center}.site-footer .foot-right{justify-self:end}.icon-btn{width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:background .2s,transform .2s;display:inline-flex}.icon-btn:hover{background:var(--panel)}.icon-btn:active{transform:scale(.9)}.icon-btn svg{width:18px;height:18px;transition:transform .4s cubic-bezier(.22,1,.36,1)}.icon-btn:hover svg{transform:rotate(18deg)}.contact,.copyright,.credit{font-family:var(--mono);color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-size:12px}.contact,.credit{transition:color .2s}.contact:hover,.credit:hover{color:var(--ink)}.foot-left{align-items:center;gap:14px;display:flex}.credit{white-space:nowrap}.foot-right{align-items:center;gap:16px;display:flex}.clock{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums;gap:7px;font-size:12px;display:flex}.clock .sep{opacity:.5}.tl-wrap{flex:auto;min-height:0;position:relative;overflow:hidden}.timeline{-webkit-overflow-scrolling:touch;cursor:grab;outline:none;height:100%;position:relative;overflow:auto hidden}.timeline.dragging{cursor:grabbing}.timeline::-webkit-scrollbar{width:0;height:0}.timeline{scrollbar-width:none}.rail{align-items:stretch;width:max-content;height:100%;display:flex;position:relative}.rail-start{flex:none;min-width:clamp(110px,14vw,300px)}.rail-end{flex:none;min-width:18vw}.labels{z-index:8;pointer-events:none;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:clamp(22px,4vw,56px)}.labels .topspace{height:34vh}.labels .lbl{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;font-size:11px;display:flex}.labels .lbl.age{height:28px}.labels .lbl.year{height:48px}.col{--foc:1;--fill:1;min-width:clamp(46px,4vw,70px);opacity:calc(.6 + var(--foc) * .4);filter:blur(calc((1 - var(--foc)) * 1.6px));will-change:opacity, filter;flex-direction:column;flex:none;padding-right:6px;display:flex;position:relative}.col.has-events{min-width:clamp(300px,27vw,390px);padding-right:48px}.col.is-empty{min-width:clamp(60px,4.8vw,84px)}.col:after{content:"";z-index:1;pointer-events:none;--seg:color-mix(in srgb, var(--line-fill), var(--line-soft) calc((1 - var(--fill,0)) * 100%));background:linear-gradient(to right, var(--seg) 0, var(--seg) calc(var(--tickx,20px) - 10px), transparent calc(var(--tickx,20px) - 10px), transparent calc(var(--tickx,20px) + 10px), var(--seg) calc(var(--tickx,20px) + 10px), var(--seg) 100%);height:2px;position:absolute;top:calc(34vh + 87px);left:0;right:0}.col .topspace{flex:none;height:34vh}.col .age{height:28px;width:var(--yw,auto);font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;text-transform:uppercase;justify-content:center;align-self:flex-start;align-items:center;font-size:12px;display:flex}.col .year{--year-on:var(--ink);height:48px;font-family:var(--display);letter-spacing:-.01em;font-variant-numeric:lining-nums;transform:skewX(calc(var(--vel,0) * -.12deg)) scale(calc(1 + var(--foc,0) * .05));transform-origin:50%;will-change:transform;background-image:linear-gradient(90deg, var(--year-on) 0, var(--year-on) calc(var(--fill,1) * 100% - .35em), var(--faint) calc(var(--fill,1) * 100% + .35em), var(--faint) 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-self:flex-start;align-items:center;font-size:clamp(23px,2.4vw,32px);font-weight:400;display:flex}.col.is-empty .year{--year-on:var(--muted);font-size:clamp(14px,1.4vw,19px)}.col .tick{height:28px;position:relative}.col .tick:before{content:"";left:var(--tickx,14px);top:calc(7px - var(--foc,0) * 9px);width:1.5px;height:calc(8px + var(--foc,0) * 18px);background:color-mix(in srgb, var(--line-fill), var(--line-soft) calc((1 - var(--foc,0)) * 100%));transform:skewX(calc(var(--vel,0) * -.45deg));transform-origin:50%;position:absolute}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.col .events{flex-direction:column;gap:18px;padding-top:24px;display:flex}.col .event{color:var(--ink);max-width:300px;font-size:15px;line-height:1.5;animation:.6s cubic-bezier(.22,1,.36,1) both fadeUp}.company{vertical-align:middle;display:inline-flex;position:relative}.doclink{border-radius:6px;align-items:center;gap:6px;padding:1px 3px;transition:background .18s;display:inline-flex}.doclink:hover{background:var(--panel)}.clogo{object-fit:cover;background:var(--panel);border:1px solid var(--line-soft);border-radius:50%;flex:none;width:17px;height:17px;transition:transform .25s cubic-bezier(.22,1,.36,1)}.company:hover .clogo{transform:scale(1.18)}.cname{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);transition:text-decoration-color .18s}.company:hover .cname{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.cval{font-family:var(--mono);color:var(--muted);text-transform:uppercase;background:var(--panel);white-space:nowrap;border-radius:20px;padding:1px 6px;font-size:11px}.ctip{z-index:12;background:var(--ink);width:max-content;max-width:250px;color:var(--bg);opacity:0;pointer-events:none;border-radius:11px;flex-direction:column;gap:3px;padding:9px 12px;transition:opacity .18s,transform .18s;display:flex;position:absolute;bottom:calc(100% + 10px);left:0;transform:translateY(6px);box-shadow:0 16px 36px -12px #00000073}.company:hover .ctip{opacity:1;transform:translateY(0)}.ctip-name{font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:600}.ctip-desc{opacity:.82;font-size:13px;line-height:1.35}.edge{z-index:5;pointer-events:none;position:absolute;top:0;bottom:0}.edge.left{background:linear-gradient(to right, var(--bg) 0%, var(--bg) 26%, transparent 100%);width:clamp(120px,14vw,240px);left:0}.edge.right{background:linear-gradient(to left, var(--bg) 0%, transparent 100%);width:clamp(90px,11vw,200px);right:0}.edge:after{content:"";opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:150px 150px;position:absolute;inset:0}.edge.left:after{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28% 50%,#0000 94%);mask-image:linear-gradient(90deg,#0000,#000 28% 50%,#0000 94%)}.edge.right:after{-webkit-mask-image:linear-gradient(270deg,#000,#0000 92%);mask-image:linear-gradient(270deg,#000,#0000 92%)}.intro{z-index:7;flex-direction:column;gap:2px;max-width:60vw;display:flex;position:absolute;top:clamp(18px,4vh,38px);left:clamp(22px,4vw,56px)}.iname{color:var(--ink);font-size:17px;font-weight:500}.irole{color:var(--muted);font-size:13.5px}.ibio{color:var(--muted);max-width:360px;margin-top:11px;font-size:13px;line-height:1.5}.iport{font-family:var(--mono);color:var(--muted);text-transform:uppercase;text-underline-offset:3px;width:max-content;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);margin-top:11px;font-size:12px;transition:color .2s}.iport:hover{color:var(--ink)}.imentors{flex-direction:column;gap:5px;margin-top:13px;display:flex}.ilabel{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:10px}.ilist{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.ment{align-items:center;gap:8px;display:inline-flex}.ment .dot{opacity:.45}.ilist a{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);transition:color .2s,text-decoration-color .2s}.ilist a:hover{color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.reveal{z-index:8;pointer-events:none;background:var(--bg);animation:2.3s cubic-bezier(.65,0,.35,1) forwards revealWipe;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16%);mask-image:linear-gradient(90deg,#0000,#000 16%)}@keyframes revealWipe{0%{transform:translate(0)}to{transform:translate(112%)}}@media (width<=760px){.site-header,.site-footer{padding:0 16px}.site-header{height:56px}.site-footer{grid-template-columns:1fr;justify-items:center;gap:6px;height:auto;padding:9px 16px}.site-footer .foot-left,.site-footer .clock,.site-footer .foot-right{justify-self:center}.tl-wrap{-webkit-overflow-scrolling:touch;overflow:hidden auto}.timeline{cursor:default;height:auto;overflow:visible}.rail{flex-direction:column;align-items:stretch;width:100%;height:auto;padding:14px 0 18px}.rail-start,.rail-end,.labels,.edge,.reveal,.col:after{display:none}.rail:before{content:"";background:linear-gradient(to bottom, var(--line-fill) 0, var(--line-fill) calc(var(--scroll,0) * 100% - 50px), var(--line-soft) calc(var(--scroll,0) * 100% + 50px), var(--line-soft) 100%);width:2px;position:absolute;top:14px;bottom:18px;left:clamp(24px,7vw,36px)}.col{opacity:1;filter:none;width:100%;min-width:0;padding:15px 18px 15px clamp(56px,16vw,76px);display:block}.col:before{content:"";height:2px;width:calc(12px + var(--foc,0) * 14px);background:color-mix(in srgb, var(--line-fill), var(--line-soft) calc((1 - var(--foc,0)) * 100%));position:absolute;top:28px;left:clamp(24px,7vw,36px)}.col.is-empty{padding-top:9px;padding-bottom:9px}.col.is-empty:before{width:calc(8px + var(--foc,0) * 10px);top:18px}.col .topspace,.col .tick{display:none}.col .age{justify-content:flex-start;width:auto;height:auto;margin-bottom:1px;font-size:11px}.col .year{height:auto;font-size:clamp(22px,7vw,30px)}.col.is-empty .year{font-size:clamp(14px,4.5vw,18px)}.col .events{gap:12px;padding-top:9px}.col .event{max-width:none;font-size:14px}.intro{z-index:auto;max-width:none;margin-top:10px;padding:22px 20px 32px;position:static}.ibio{max-width:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.col .event{animation:none!important}.col{filter:none!important}.reveal{display:none!important}}
