:root{--ff: "Onest", sans-serif;--ff-mono: "JetBrains Mono", monospace;--ff-dot: "Doto", sans-serif;--green-highlight: hsl(172deg 100% 50%);--green-highlight2: hsl(172deg 100% 50%);--green-dark: hsl(183deg 43% 9.5%);--purple-highlight: hsl(278deg 100% 50%);--purple-highlight2: hsl(278deg 100% 50%);--purple-dark: hsl(278deg 100% 11%);--grey-mid: hsl(217deg 14% 13%);--grey-mid-light: hsl(217deg 10% 17%);--grey-darkest: hsl(214deg 17% 8%);--grey-darkest2: hsl(214deg 17% 8%);--grey-dark: hsl(214deg 17% 9.1%);--grey-dark-light: hsl(214deg 16% 10%);--text-muted: hsl(196deg 16% 67%);--text-muted-light-2: hsl(192deg 31% 84%);--text-muted-dark: hsl(196deg 16% 15%);--card-bg-dark: hsl(0deg 0% 100% / 2%);--card-border-dark: hsl(0deg 0% 100% / 4%);--angle: 0deg;--placeholderColor: oklch(from var(--text-muted) l c h / .5);--grid-stroke-color: hsl(217deg 14% 45%);--scrollbarSize: 8px;--scrollbarRadius: var(--scrollbarSize);--scrollbarBG: var(--green-highlight);--scrollbarBG-hover: var(--green-highlight);--scrollbarThumb: transparent;--scrollbarTrack: transparent;--inputHeight: 2em;--inputBorder: oklch(from var(--text-muted) l c h / .25);--transition-wiggle01: cubic-bezier(.35, 1.5, .6, 1);--transition-slow-out01: cubic-bezier(.16, 1, .3, 1);--cub1: cubic-bezier(.165, .84, .44, 1);--cub2: cubic-bezier(.77, 0, .175, 1);--cub3: cubic-bezier(.19, 1, .22, 1);--slowOut1: cubic-bezier(.245, .22, 0, 1);--slowOut1_inv: cubic-bezier(1, 0, .755, .78);--slowOut1_rev: cubic-bezier(1, 0, .75, .78);--wobble1: cubic-bezier(.35, 1.5, .6, 1);--animation-default-fast: .3s cubic-bezier(.625, .05, 0, 1);--animation-default: .6s cubic-bezier(.625, .05, 0, 1);--animation-default-slow: .9s cubic-bezier(.625, .05, 0, 1);--animation-grow: .45s cubic-bezier(.35, 1.5, .6, 1);--animation-grow-slow: .6s cubic-bezier(.35, 1.2, .65, 1);--z-base: 10;--z-header: 59;--z-overlay: 50;--z-above-canvas: 55;--z-dot: 60;--z-modal: 100;--z-scrollbar: 200;--z-controls: 1000;--hex-aspect-ratio: 505 / 580}@media(color-gamut:p3){@supports (color: oklch(from white l c h)){:root{--green-highlight: oklch(89% .12 178deg);--purple-highlight: oklch(52% .25 293deg);--green-highlight2: oklch(89% .12 178deg);--purple-highlight2: oklch(52% .25 293deg)}}}@supports (color: oklch(from white l c h)){:root{--green-highlight: oklch(89% .17 178deg);--green-highlight2: oklch(89% .17 178deg);--green-dark: oklch(23.4% .0258 200deg);--purple-highlight: oklch(52% .26 306deg);--purple-highlight2: oklch(52% .26 306deg);--purple-dark: oklch(20.1% .1023 308.8deg)}}.text-shadow{text-shadow:0 0 .5em var(--text-shadow-color)}.gradient-text{--angle: -200deg;background:linear-gradient(var(--angle),var(--green-highlight) 20%,var(--purple-highlight) 80%);-webkit-background-clip:text;background-clip:text;background-size:100% 100%;padding:.1em 0;-webkit-text-fill-color:transparent}.c-green{color:var(--green-highlight);--text-muted: var(--green-highlight);--text-shadow-color: oklch(from var(--green-highlight) l c h / .5)}.c-green .is--ki{color:var(--purple-highlight)}.c-purple{color:var(--purple-highlight);--text-muted: var(--purple-highlight);--text-shadow-color: oklch(from var(--purple-highlight) l c h / .5)}.is--ki{--green-highlight: var(--purple-highlight);--green-dark: var(--purple-dark);--text-shadow-color: oklch(from var(--purple-highlight) l c h / .5)}.timeline{--timeline-large-factor: 2;--timeline-offset: 0px;--timeline-progress: 0px;--timeline-marker-size: 1.5rem;--timeline-line-y: 0;--timeline-connector-h: var(--gap);--timeline-content-h: 14rem;--timeline-transition: .5s var(--cub2);--item-height: 22.5em;--timeline-visible: 4;--ease: var(--wobble1);--tl-close-h: .25s;--tl-close-w: .25s}@media(orientation:portrait){.timeline{--item-height: clamp(350px, 50vh, 450px);--timeline-connector-h: var(--gapD)}}@media(max-aspect-ratio:1000/550)and (min-width:1440px){.timeline{display:block;min-height:200dvh;position:sticky;top:0}.timeline .timeline-header{padding-top:0}}.timeline{overflow:hidden;padding:0 0 var(--gap) 0!important}@media(min-width:768px){.timeline{--item-height: 17.5em}}@media(min-width:1024px){.timeline{--item-height: 25em}}@media(min-width:1280px){.timeline{--item-height: 22.5em}}@media(min-width:1440px){.timeline{--item-height: 20em;--timeline-visible: 5}}@media(min-width:1680px){.timeline{--item-height: 22.5em;--timeline-visible: 6}}.timeline .pagebox{flex:1;justify-content:center;min-height:100dvh}@media(min-width:1280px){.timeline .pagebox:before{--left: 50%;--width: 0;--height: 100%;--opacity: .2;border-left:1px solid currentcolor;content:"";height:var(--height);left:var(--left);opacity:var(--opacity);position:absolute;top:var(--top);width:var(--width);z-index:1;border-left:none;border-top:1px solid;--top: 0;--left: var(--pbp);--width: calc(100% - var(--pbp) - var(--pbp));--height: 1px}}.timeline-header{padding-bottom:var(--gapD);padding-top:var(--gap);position:relative}.timeline-header-copy{text-wrap:balance}.timeline-header .hl--1{font-size:var(--fs-h1-small)}.timeline-header .grid{gap:var(--gap)}@media(min-width:1280px){.timeline-header .grid{gap:0}}.timeline-header .grid .col--left{padding-right:var(--gap)}.timeline-container{display:grid;font-size:var(--fs-s);grid-template-columns:1fr;margin-top:var(--item-height);position:relative}.timeline-nav{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--green-highlight);cursor:pointer;display:flex;height:var(--timeline-marker-size);justify-content:center;margin-top:var(--timeline-connector-h);padding:0;pointer-events:none;position:absolute;top:0;z-index:2}@media(min-width:1024px){.timeline-nav{pointer-events:auto}}.timeline-nav-arrow{fill:currentcolor;height:100%;scale:.75 1;transition:.3s var(--cub2);transition-property:color,transform,opacity;width:auto}.timeline-nav-line{background:currentcolor;display:block;height:100%;height:8px;transition:opacity .3s var(--cub2),transform .3s var(--cub2);width:1px}@media(min-width:768px){.timeline-nav-line{scale:1 2}}.timeline-nav-prev{left:0;transform-origin:right center}.timeline-nav-next{right:-5px;transform-origin:left center}.timeline+.cta:before{content:none}.timeline-nav-prev .timeline-nav-arrow,.timeline-nav-next .timeline-nav-line{display:none}.timeline.timeline-inbetween .timeline-nav-prev,.timeline.timeline-ended .timeline-nav-prev{left:-5px}.timeline.timeline-inbetween .timeline-nav-prev .timeline-nav-arrow,.timeline.timeline-ended .timeline-nav-prev .timeline-nav-arrow{display:block}.timeline.timeline-inbetween .timeline-nav-prev .timeline-nav-line,.timeline.timeline-ended .timeline-nav-prev .timeline-nav-line,.timeline.timeline-ended .timeline-nav-next .timeline-nav-arrow{display:none}.timeline.timeline-ended .timeline-nav-next .timeline-nav-line{display:block}.timeline-viewport{grid-column:1;grid-row:1;position:relative}.timeline-viewport-inner{clip-path:inset(-100vh 0);container-type:inline-size;min-width:0}:root[data-timeline-debug=noclip] .timeline-viewport-inner{clip-path:none}:root[data-timeline-debug=nocontain] .timeline-viewport-inner{container-type:normal}.timeline-track{display:flex;position:relative;transform:translate(var(--timeline-offset))}.timeline-track:after{border-top:1px dashed var(--text-muted);content:"";left:0;opacity:.4;position:absolute;top:var(--timeline-line-y);width:var(--timeline-track-w, 100%)}.timeline-track:before{border-top:1px dashed var(--green-highlight);content:"";height:0;left:0;position:absolute;top:var(--timeline-line-y);transition:width var(--timeline-transition);width:var(--timeline-progress);z-index:1}.timeline-track-grabber{background:transparent;bottom:0;height:calc(100% + var(--item-height));left:0;position:absolute;width:var(--timeline-track-w);z-index:-1}.timeline.timeline-moving .timeline-track{transition:transform var(--timeline-transition)}@media(max-width:1023px){.timeline:has(.timeline-item:nth-child(6)) .timeline-item:nth-last-child(2):nth-child(odd) .timeline-item-content{translate:calc(100vw / var(--timeline-visible) - var(--gap)) 0}}@media(max-width:767px){.timeline:has(.timeline-item:nth-child(6)) .timeline-item:nth-last-child(2):nth-child(odd) .timeline-item-content{translate:calc(100vw / var(--timeline-visible) - var(--gapH)) 0}}.timeline-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:0;position:relative;transition:all .3s var(--ease);width:calc(100cqi / var(--timeline-visible))}@media(min-width:1024px){.timeline-item.is-active{width:calc(100cqi / var(--timeline-visible) * 2)}}.timeline-item--large.is-active{width:calc(100cqi / var(--timeline-visible) * var(--timeline-large-factor) * 2)}.timeline-item-content{bottom:100%;display:flex;flex-direction:column;gap:.75rem;height:0;left:0;left:calc(100cqi / var(--timeline-visible) * -1);opacity:0;overflow:hidden;padding:var(--gap);pointer-events:none;position:absolute;transition:opacity .3s var(--cub2),height .5s .3s var(--wobble1),visibility 0s .8s linear;visibility:hidden;width:100%;width:calc(100vw - var(--pbp) - var(--pbp))}@media(min-width:1024px){.timeline-item-content{left:0;translate:0 0;width:auto}}@media(min-width:1440px){.timeline-item-content{padding:var(--gapH)}}.is-active .timeline-item-content{height:var(--item-height);transition:opacity .2s .3s var(--cub2),height .3s .3s var(--wobble1),visibility 0s 0s linear}@media(max-width:1023px){.timeline-item:nth-child(odd) .timeline-item-content{left:calc(100cqi / var(--timeline-visible) * -2)}.timeline-item:nth-child(2n) .timeline-item-content{left:calc(100cqi / var(--timeline-visible) * -1)}.timeline-item.is-first .timeline-item-content{left:0}.timeline-item.is-last .timeline-item-content{left:auto;right:0}}.timeline-item-scrollarea{-webkit-mask-image:linear-gradient(to top,transparent 0%,black 33%);mask-image:linear-gradient(to top,transparent 0%,black 33%);opacity:0;padding-bottom:calc(var(--item-height) / 6);padding-right:var(--gapH2);transform:translateY(3em);transition:.3s var(--cub2);transition-property:opacity,transform}@media(hover:none){.timeline-item-scrollarea{padding-right:0}}.timeline-item-scrollarea{overflow:hidden;-webkit-overflow-scrolling:touch;overflow-y:auto}.timeline-item-scrollarea::-webkit-scrollbar{height:var(--scrollbarSize);width:var(--scrollbarSize)}.timeline-item-scrollarea::-webkit-scrollbar-track{background:var(--scrollbarTrack);border-radius:0}.timeline-item-scrollarea::-webkit-scrollbar-thumb{background-color:var(--scrollbarBG);border:none;border-radius:var(--scrollbarRadius);cursor:grab;-webkit-transition:all .2s ease;transition:all .2s ease}.timeline-item-scrollarea::-webkit-scrollbar-thumb:hover{--scrollbarBG: var(--scrollbarBG-hover)}.timeline-item-scrollarea{--scrollbarSize: 5px;--scrollbarBG: transparent;--scrollbarBG-hover: var(--green-highlight);--scrollbarThumb: transparent;--scrollbarTrack: transparent}.timeline-item-scrollarea:hover{--scrollbarBG: var(--green-highlight)}.is-active .timeline-item-scrollarea{opacity:1;transform:translateY(0);transition-delay:.3s}.timeline-item-scrollarea .btn{margin-bottom:1px;margin-left:1px}.timeline-item:hover .timeline-item-date{color:var(--text-muted)}.timeline-item:hover .timeline-item-marker svg{fill:oklch(from var(--green-highlight) l c h/.3)}.timeline-item .edge{transition-delay:.3s}.timeline-item .edge--tl,.timeline-item .edge--bl{width:calc(100% - var(--edge-width))}.timeline-item-description{font-size:var(--fs-s)}.timeline-item.is-active .timeline-item-content{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.timeline-item.is-leaving{transition:width var(--tl-close-w) var(--tl-close-h) var(--ease)}.timeline-item.is-leaving .timeline-item-content{height:0;opacity:0;transition:height var(--tl-close-h) var(--wobble1),opacity .2s var(--cub2),visibility 0s calc(var(--tl-close-h) + var(--tl-close-w)) linear;visibility:hidden}.timeline-item-connector{border-left:1px dashed var(--green-highlight);height:var(--timeline-connector-h);opacity:0;scale:1 0;transform-origin:center top;transition:scale .3s var(--cub2);translate:0 -1px;width:0}.is-active .timeline-item-connector{scale:1 1.1;transition-delay:.3s}.timeline-item.is-active .timeline-item-connector{opacity:1}.timeline-item-marker{position:relative;scale:1.5;transition:scale .15s var(--cub1);z-index:2}@media(min-width:768px){.timeline-item-marker{scale:1.5}}.timeline-item-marker svg{color:var(--green-highlight);display:block;fill:var(--grey-dark);height:var(--timeline-marker-size)!important;stroke:var(--green-highlight);stroke-width:1;transition:fill .3s var(--cub2),color .3s var(--cub2),stroke .3s var(--cub2),transform .3s var(--cub2);width:var(--timeline-marker-size)!important}.timeline-item-marker svg .bg{fill:var(--grey-darkest)}.timeline-item-marker svg path{fill:none;stroke:currentcolor;stroke-linecap:round;stroke-width:inherit}.timeline-item.is-active .timeline-item-marker{pointer-events:none;scale:2.25}.timeline-item.is-active .timeline-item-marker svg{fill:oklch(from var(--green-highlight) l c h/.2);stroke-width:1;vector-effect:non-scaling-stroke}@keyframes rotate-stepped{0%{transform:rotate(0)}10%,50%{transform:rotate(60deg)}60%,to{transform:rotate(120deg)}}.timeline-item-date{color:oklch(from var(--text-muted) l c h/.65);font-family:var(--ff-mono);font-size:var(--fs-body);font-weight:400;line-height:1;margin:1.5em 0 0;opacity:.1;transition:color .3s var(--cub2),font-weight .3s var(--cub2),opacity 1s var(--cub2)}@media(min-width:1280px){.timeline-item-date{font-size:var(--fs-h2);font-weight:300;margin-top:1em}}.timeline-item-date.is--counting{opacity:1}.timeline-item.is-active .timeline-item-date{color:var(--green-highlight)}.timeline.timeline-moving .timeline-item{pointer-events:none}@media(prefers-reduced-motion:reduce){.timeline{--timeline-transition: .01s linear}.timeline .timeline-item-content,.timeline .timeline-item.is-leaving,.timeline .timeline-item.is-leaving .timeline-item-content{transition:none}.timeline .timeline-item-marker svg{transition:none}}.timeline .timeline-viewport.iv .timeline-item.is-active .timeline-item-marker svg{animation:rotate-stepped 2.5s var(--cub1) infinite}@media(min-width:1280px){.card-grid+.timeline .pagebox:before{content:none}}
