: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)}.projects-nav{border-top:1px solid oklch(from var(--text-muted) l c h/.25);font-size:var(--fs-body);padding:0!important}.projects-nav:before{--top: 0;--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}.projects-nav .pagebox{padding:0}.projects-nav-list{display:grid;gap:0;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}.projects-nav-item{background-color:oklch(from var(--green-highlight) l c h/.5);display:flex;margin-left:0;max-width:100%;padding:0;transition:background-color .35s .25s var(--cub2)}.projects-nav-item:before{content:none}.projects-nav-item:last-child{grid-column:2}.projects-nav-item--prev .projects-nav-link{padding-left:var(--pbp);padding-right:1em;text-align:right}@media(min-width:550px){.projects-nav-item--prev .projects-nav-link{padding-right:var(--gap);text-align:left}}@media(max-width:549px){.projects-nav-item--prev .projects-nav-title-mobile{margin-left:auto}}.projects-nav-item--next{margin-top:0}.projects-nav-item--next .projects-nav-link{padding-left:1em;padding-right:var(--pbp);text-align:left}@media(min-width:550px){.projects-nav-item--next .projects-nav-link{padding-left:var(--gap);text-align:right}}.projects-nav-item--next .projects-nav-link:before{display:none}.projects-nav-item--next .projects-nav-link:after{content:">"}@media(min-width:550px){.projects-nav-item--next .projects-nav-title{align-items:flex-end}}.projects-nav.iv .projects-nav-item{background-color:transparent}.projects-nav.iv .projects-nav-link{opacity:1}.projects-nav-link{--arrow-pos-x: calc(var(--pbp) / 2)}@media(max-width:549px){.projects-nav-link{--arrow-pos-x: var(--pbp)}}.projects-nav-link{display:flex;flex:1;flex-direction:column;font-size:var(--fs-h2);gap:var(--gapH);opacity:0;padding:var(--gap);position:relative;text-decoration:none;transition:.35s var(--cub2);transition-delay:0s,0s,.5s;transition-property:color,background-color,opacity}@media(hover:none){.projects-nav-link{transition:none}}.projects-nav-link:hover,.projects-nav-link:focus-visible{background-color:oklch(from var(--text-muted) l c h/.05);color:var(--green-highlight)}.projects-nav-link:before,.projects-nav-link:after{font-family:var(--ff-dot);font-size:1em;font-weight:500;letter-spacing:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.projects-nav-link:before{content:"<";left:var(--arrow-pos-x)}.projects-nav-link:after{right:var(--arrow-pos-x);transform:translate(50%,-50%)}.projects-nav-title{display:flex;flex-direction:column;line-height:1.2;text-transform:none}.projects-nav-topline{color:var(--green-highlight);font-family:var(--ff-mono);font-size:var(--fs-xs);font-weight:400;margin-bottom:1em}.projects-nav-mainline{max-width:25ch;translate:0 .175em}@media(max-width:1023px){.projects-nav-topline,.projects-nav-mainline{display:none}}.projects-nav-title-mobile{display:none}@media(max-width:1023px){.projects-nav-title-mobile{display:block;font-size:var(--fs-s);font-weight:700;letter-spacing:.015em;text-transform:uppercase}}@media(max-width:549px){.projects-nav-title-mobile{font-size:var(--fs-xs);line-height:1.35;max-width:10em}}