:root{--icon-size: 1em;--burger-button-width: 1em;--burger-button-height: calc(var(--burger-button-width) * .75);--burger-button-stroke: 5px;--circle-icon-size: var(--icon-size);--square-icon-size: var(--icon-size);--circle-icon-margin: calc(var(--circle-icon-size) * .1666667);--square-icon-margin: calc(var(--square-icon-size) * .1);--z-index-1: 10000;--z-index-2: 1000;--z-index-3: 100;--z-index-4: 10;--z-index-5: 1;--transition-fast: .3s ease;--transition-moderate: .5s ease;--transition-slow: .8s ease;--grotesk: "Nouvelle Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--serif: "Rekja", serif;--noire: "Noire", sans-serif;--symbol-font: "Farrari", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--active-font: var(--grotesk);--font-size-sm: clamp(.875rem, .806rem + .222vw, 1rem);--font-size-md: clamp(1.125rem, .8rem + .7vw, 1.45rem);--font-size-lg: clamp(2rem, 1.6rem + 1.9vw, 4rem);--line-height-sm: 1.2;--line-height-md: 1.1;--line-height-lg: 1;--font-weight-normal: 400;--font-weight-regular: 400;--font-weight-bold: 600;--border-width: 1px;--margin-xxs: 4px ;--margin-xs: 8px ;--margin-sm: 16px ;--margin-md: 32px ;--margin-lg: 48px ;--margin-xl: 64px ;--margin-2xl: 128px ;--margin-3xl: 256px ;--spacing-inline: var(--margin-md);--spacing-block: var(--margin-md);--spacing-indent: clamp(2.188rem, 1.84rem + 1.111vw, 2.813rem);--container-width: 100%;--sidebar-width: 80vw;--breakpoint-xs: 25rem;--breakpoint-sm: 35rem;--breakpoint-md: 52rem;--breakpoint-lg: 66rem;--breakpoint-xl: 81.25rem;--circle-size: 200%;--blend-mode: hard-light}@media screen and (width > 52rem){:root{--spacing-inline: var(--margin-md)}}@media screen and (width > 66rem){:root{--spacing-inline: var(--margin-lg)}}@media screen and (width < 25rem){:root{--sidebar-width: 85vw}}.content{min-height:100vh}.project-overview--images[hidden],.project-overview--list[hidden],.image-overlay[hidden]{display:none}.image-overlay{position:fixed;top:0;left:0;z-index:-1;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.image-overlay img{height:75%;width:auto}.image-overlay img.landscape{height:auto;width:70%}.outer-square{width:var(--square-icon-size);height:var(--square-icon-size);border:var(--square-icon-margin) solid var(--text-color);border-radius:0%;position:relative;transition:border-radius var(--transition-fast);float:left;margin-right:5px;margin-top:var(--square-icon-margin)}.inner-square{width:calc(var(--square-icon-size) * .55);height:calc(var(--square-icon-size) * .55);border:var(--square-icon-margin) solid var(--text-color);border-radius:0%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:border-radius var(--transition-fast)}.square-dot{width:calc(var(--square-icon-size) * .15);height:calc(var(--square-icon-size) * .15);background-color:var(--text-color);border-radius:0%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:border-radius var(--transition-fast)}#project-overview--list-desktop li a{color:transparent;background-clip:text;-webkit-background-clip:text;background-color:var(--text-color-muted);background-image:linear-gradient(to right,var(--accent-color-primary) 0%,transparent 0%);display:inline-block;background-size:100% 100%}@media (hover: hover){#view:hover *{border-radius:50%}}figure.overview-item{position:relative;width:100%;aspect-ratio:3/2}figure.overview-item img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--z-index-4);object-fit:cover;transition:top var(--transition-moderate)}figure.overview-item .circle-overlay{position:absolute;opacity:0;background-color:var(--background-color);height:50%;aspect-ratio:1/1;border-radius:50%;left:50%;top:50%;translate:-50% -50%;z-index:var(--z-index-3);transition:top var(--transition-moderate)}figure.overview-item figcaption{position:absolute;left:0;bottom:0;max-height:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;font-size:var(--font-size-sm)}figure.overview-item figcaption>h3{font-weight:600;margin-top:var(--margin-xs);margin-bottom:var(--margin-xxs)}@media (hover: hover){figure.overview-item a:hover{color:var(--text-color)}}@media (hover: hover){figure.overview-item:hover img{top:calc(-1 * var(--figcaption-height))}figure.overview-item:hover .circle-overlay{opacity:1;top:calc(50% + -1 * var(--figcaption-height))}}@media screen and (width < 52rem){figure.overview-item{margin-bottom:var(--margin-sm)}figure.overview-item img,figure.overview-item figcaption{position:relative}}