@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:400;src:url(/assets/material-symbols-rounded-Dz3Cgwb3.woff2) format("woff2");font-display:block}@font-face{font-family:Archivo Narrow;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/archivo-narrow-regular-CU-mJaSW.woff2)}@font-face{font-family:Inter;src:url(/assets/inter-variable-DiVDrmQJ.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap;font-feature-settings:"liga" 1,"calt" 1}.material-symbols-rounded{font-family:Material Symbols Rounded,sans-serif;font-weight:400;font-style:normal;font-size:clamp(24px,20px + .75vw + 1vh,40px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga";color:var(--color-white);font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 200,"opsz" 48}body{font-family:Archivo Narrow,sans-serif;font-weight:400;font-size:clamp(12px,.4vw + 16px,32px)}h1,h2{font-family:Inter,sans-serif;font-weight:800;font-feature-settings:"liga" 1,"calt" 1}h3{font-family:Archivo Narrow,sans-serif;font-weight:500;font-size:clamp(13px,.4vw + 17px,36px)}h1{font-size:clamp(16px,28px + 4vw,80px);margin-bottom:10px}h2{font-size:clamp(13px,26px + 1vw,44px)}a{color:var(--color-primary-action);text-decoration:underline;cursor:pointer;font-weight:600}a span.material-symbols-rounded{color:var(--color-primary-action);font-size:calc(.5vw + 14px);text-decoration:none;vertical-align:middle}:root{--gap-medium: calc(2rem + 1vw) ;--gap-small: clamp(1rem, calc(1rem + 1vw) , 24px);--gap-x-small: calc(.75rem + .15vw) ;--transition-time-short: .15s;--transition-time-medium: .25s;--border-radius-medium: 1.5rem;--border-radius-small: .5rem;--max-width-desktop: calc(1200px - (var(--gap-medium) * 2))}html{--color-white: rgb(255, 255, 255);--color-white-hover: rgb(215, 215, 215);--color-black: rgb(0, 0, 0);--color-text-light: rgb(255, 245, 255);--color-primary-action: rgb(0, 223, 219);--color-primary-action-hover: rgb(0, 255, 255);--color-secondary-action: rgb(122, 0, 142);--color-secondary-action-hover: rgb(150, 0, 175);--color-background: rgb(169, 237, 255);--color-project-background: rgb(46, 0, 57)}*{padding:0;margin:0}body{background:#fff;overflow-x:hidden;overflow-y:scroll}main{display:flex;flex-direction:column}.light-bg-link{color:var(--color-secondary-action);font-size:calc(.5vw + 18px);font-weight:600;text-decoration:none}@media (hover: hover) and (pointer: fine),(hover: hover) and (pointer: coarse){html:not(.touch) .light-bg-link:hover{color:var(--color-secondary-action-hover)}}.light-bg-link.small-link{font-size:calc(.25vw + 16px)}.header[data-v-510bd1a0]{padding:var(--gap-medium);left:0;top:0;display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box}.header nav[data-v-510bd1a0]{display:flex;justify-content:space-between;align-items:center;width:100%}.header nav ul[data-v-510bd1a0]{display:flex;list-style-type:none;gap:var(--gap-small)}.header #logo[data-v-510bd1a0]{height:calc(3rem + 1.75vw)}@media (min-width: 1200px){.header[data-v-510bd1a0]{max-width:var(--max-width-desktop);margin:0 auto;padding:var(--gap-medium) 0}}.footer-section[data-v-780cdc77]{padding:var(--gap-medium);display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box}.footer-section .copyright[data-v-780cdc77]{display:flex;align-items:center;gap:.25rem}.footer-section .material-symbols-rounded[data-v-780cdc77]{color:#000}@media (min-width: 1200px){.footer-section[data-v-780cdc77]{max-width:var(--max-width-desktop);margin:0 auto;padding:var(--gap-medium) 0}}.app-layout[data-v-1914894a]{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}main[data-v-1914894a]{flex:1}.carousel-button[data-v-e5a36bc3]{background-color:var(--color-primary-action);border:none;height:calc(2.5rem + 1vw);aspect-ratio:1/1;display:inline-flex;align-items:center;justify-content:center;border-radius:100%;cursor:pointer}.carousel-button .material-symbols-rounded[data-v-e5a36bc3]{color:var(--color-project-background)}@media (hover: hover) and (pointer: fine),(hover: hover) and (pointer: coarse){html:not(.touch) .carousel-button[data-v-e5a36bc3]:hover{background-color:var(--color-primary-action-hover)}}.carousel-controls[data-v-82311560]{display:flex;justify-content:space-between;align-items:center;height:min-content;opacity:0;visibility:hidden;transition:opacity ease-in var(--transition-time-short) var(--transition-time-short),visibility 0s calc(var(--transition-time-short) * 2),max-height ease-in var(--transition-time-short) calc(var(--transition-time-short) * 2),padding ease-in var(--transition-time-short) calc(var(--transition-time-short) * 2);max-height:0;border-bottom:var(--color-text-light) solid thin}.carousel-controls .carousel-indicators[data-v-82311560]{padding:0 var(--gap-small);width:max-content;display:flex;align-items:center}.carousel-controls .carousel-indicator-item[data-v-82311560]{width:calc(1rem + .15vw);aspect-ratio:1/1;background:var(--color-primary-action);border:none;opacity:.5;margin:0 calc(var(--gap-small) / 2);border-radius:50%;cursor:pointer}@media (hover: hover) and (pointer: fine),(hover: hover) and (pointer: coarse){html:not(.touch) .carousel-controls .carousel-indicator-item[data-v-82311560]:hover{background-color:var(--color-primary-action-hover);opacity:.75}}.carousel-controls .active[data-v-82311560]{opacity:1}.carousel-item[data-v-d430acdf]{position:absolute;top:0;left:0;right:0;bottom:0;object-fit:contain}.carousel-item img[data-v-d430acdf]{width:100%}.slide-in-enter-active[data-v-d430acdf],.slide-in-leave-active[data-v-d430acdf],.slide-out-enter-active[data-v-d430acdf],.slide-out-leave-active[data-v-d430acdf]{transition:all var(--transition-time-medium) ease-out}.slide-in-enter-from[data-v-d430acdf]{transform:translate(-100%)}.slide-in-leave-to[data-v-d430acdf],.slide-out-enter-from[data-v-d430acdf]{transform:translate(100%)}.slide-out-leave-to[data-v-d430acdf]{transform:translate(-100%)}.carousel[data-v-0aef6161]{display:flex;flex-direction:column;margin-top:calc(var(--gap-small) + 1vw);height:min-content}.carousel-inner[data-v-0aef6161]{border:var(--color-secondary-action) solid thin;border-radius:var(--border-radius-small);position:relative;width:100%;max-width:100%;aspect-ratio:16/9;overflow:hidden;align-self:center;transition:max-width ease-in var(--transition-time-short) calc(var(--transition-time-short) * 3)}.project-chip[data-v-4dec1226]{display:flex;height:max-content;align-items:center;text-align:center;white-space:nowrap;width:max-content;border-radius:100rem;padding:.2rem var(--gap-x-small)}.year[data-v-4dec1226]{background-color:var(--color-background)}.discipline[data-v-4dec1226]{background-color:var(--color-white)}.technology[data-v-4dec1226]{background-color:var(--color-black);border:var(--color-text-light) solid thin}.technology .text[data-v-4dec1226]{color:var(--color-white)}.corner-left[data-v-4dec1226]{height:max-content;aspect-ratio:1/1;border-radius:100% 0 0 100%;background-color:var(--color-white)}.corner-right[data-v-4dec1226]{height:20px;aspect-ratio:1/1;border-radius:0 100% 100% 0;background-color:var(--color-white)}.headline-container[data-v-d1118284]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gap-small)}.headline-container h2[data-v-d1118284]{color:var(--color-white)}.headline-container .expand-project-button[data-v-d1118284]{aspect-ratio:1/1;height:calc(2.5rem + 1vw);border-radius:100%;border:var(--color-white) solid medium;background-color:var(--color-project-background);display:flex;align-items:center;justify-content:center;cursor:pointer;vertical-align:middle}@media (hover: hover) and (pointer: fine),(hover: hover) and (pointer: coarse){html:not(.touch) .headline-container .expand-project-button[data-v-d1118284]:hover{border-color:var(--color-white-hover)}html:not(.touch) .headline-container .expand-project-button:hover .material-symbols-rounded[data-v-d1118284]{color:var(--color-primary-action-hover)}}.headline-container span[data-v-d1118284]{color:var(--color-primary-action)}.short-text[data-v-d1118284]{color:var(--color-white)}.long-text[data-v-d1118284]{color:var(--color-text-light)}p[data-v-d1118284]{margin-top:var(--gap-small)}.project-chips-container[data-v-d1118284]{display:flex;flex-direction:column;gap:calc(var(--gap-small) * .7);padding-top:var(--gap-small)}.project-chips-container .sub-chips-container[data-v-d1118284]{display:flex;flex-wrap:wrap;gap:calc(var(--gap-small) * .7)}.project-resource-container[data-v-d1118284]{color:var(--color-white)}.details[data-v-d1118284]{display:grid;grid-template-rows:0fr;transition:grid-template-rows ease-out var(--transition-time-short)}.details>div[data-v-d1118284]{overflow:hidden}.details a[data-v-d1118284]{display:none}.expanded .details[data-v-d1118284]{margin-top:var(--gap-small);grid-template-rows:1fr;transition:grid-template-rows ease-out var(--transition-time-short) calc(var(--transition-time-short) * 2)}.expanded .details a[data-v-d1118284]{display:initial}@media (hover: hover) and (pointer: fine),(hover: hover) and (pointer: coarse){html:not(.touch) .expanded .details a[data-v-d1118284]:hover{color:var(--color-primary-action-hover)}html:not(.touch) .expanded .details a:hover .material-symbols-rounded[data-v-d1118284]{color:var(--color-primary-action-hover)}}@media (min-width: 1200px){.short-text[data-v-d1118284],.long-text[data-v-d1118284]{max-width:100%;transition:max-width ease-in var(--transition-time-short)}.expanded .short-text[data-v-d1118284],.expanded .long-text[data-v-d1118284]{max-width:70%}}.projects{background:var(--color-background);box-sizing:border-box}.scroll-anchor{height:1rem}.headline-wrapper{padding:var(--gap-small) var(--gap-medium) var(--gap-medium) var(--gap-medium);display:grid;place-items:start}.project-section{display:flex;flex-direction:column;overflow-x:clip;gap:var(--gap-medium);padding-bottom:var(--gap-medium)}.project-section .project-outer{-webkit-tap-highlight-color:transparent;transition:margin ease-in var(--transition-time-short) calc(var(--transition-time-short) * 2),border-radius ease-in var(--transition-time-short) calc(var(--transition-time-short) * 2),border-width ease-in var(--transition-time-short) calc(var(--transition-time-short) * 2);overflow:clip}@media (hover: hover) and (pointer: fine),(hover: hover) and (pointer: coarse){html:not(.touch) .project-section .project-outer:hover{border-color:var(--color-secondary-action-hover)}}.project-section .project-outer .project-stick{transform:translate(0)!important}.project-section .project-outer.expanded{border-radius:0;max-height:initial;transform:translate(0);margin:0;border:var(--color-secondary-action) solid 0px;transition:margin ease-in var(--transition-time-short)}.project-section .project-outer.expanded h2{font-size:clamp(16px,2vw + 36px,60px);transition:font-size ease-in var(--transition-time-short)}@supports (-webkit-touch-callout: none){.project-section .project-outer.expanded h2{transition:none;font-size:clamp(13px,26px + 1vw,44px)}}.project-section .project-outer.expanded .project-inner{max-height:initial;border-radius:0;transform:translate(0);transition:border-radius ease-in var(--transition-time-short) var(--transition-time-short),padding ease-in var(--transition-time-short)}.project-section .project-outer.expanded .project-inner .carousel .carousel-controls{padding:var(--gap-small) 0;opacity:1;visibility:visible;max-height:3rem;transition:opacity ease-in var(--transition-time-short) var(--transition-time-short),visibility 0s 0s,max-height ease-in var(--transition-time-short)}.project-section .project-inner{cursor:pointer;padding:var(--gap-medium);transition:margin ease-in var(--transition-time-short),border-radius ease-in var(--transition-time-short) var(--transition-time-short),background-color ease-out var(--transition-time-medium),padding ease-in var(--transition-time-short) calc(var(--transition-time-short) * 2)}.project-section .project-inner h2{transition:font-size ease-in var(--transition-time-short) calc(var(--transition-time-short) * 2)}@supports (-webkit-touch-callout: none){.project-section .project-inner h2{transition:none}}.project-section>:nth-child(odd){border-radius:var(--border-radius-medium) 0 0 var(--border-radius-medium);margin-left:var(--gap-medium);border:var(--color-secondary-action) solid;border-width:thick;border-right:none}.project-section>:nth-child(odd) .project-inner{border-radius:calc(var(--border-radius-medium) - 5px) 0 0 calc(var(--border-radius-medium) - 5px);background:var(--color-project-background)}.project-section>:nth-child(2n){border-radius:0 var(--border-radius-medium) var(--border-radius-medium) 0;margin-right:var(--gap-medium);border:var(--color-secondary-action) solid;border-width:thick;border-left:none}.project-section>:nth-child(2n) .project-inner{border-radius:0 calc(var(--border-radius-medium) - 5px) calc(var(--border-radius-medium) - 5px) 0;background:var(--color-project-background)}@media (prefers-reduced-motion: no-preference){.project-entry-animation{animation:project-entry-animation linear forwards;animation-timeline:view();animation-range:entry-crossing 70% entry-crossing 100%}@keyframes project-entry-animation{to{transform:translate(0)}}.project-section>:nth-child(odd) .project-inner{transform:translate(100%)}.project-section>:nth-child(2n) .project-inner{transform:translate(-100%)}}.background-gradient-ascending{height:calc(var(--gap-medium) * 2);background-image:linear-gradient(to bottom,var(--color-white),var(--color-background))}.background-gradient-descending{background-image:linear-gradient(to bottom,var(--color-background),var(--color-white));height:calc(var(--gap-medium) * 2);width:100%}@media (orientation: landscape){.project-section>:nth-child(odd){margin-left:30%}.project-section>:nth-child(2n){margin-right:30%}.project-section .project-outer.expanded .project-inner .carousel .carousel-inner{width:100%;max-width:calc((100lvh - (var(--gap-small) * 2 + 2.5rem + 1vw)) * 1.7777777778);transition:max-width ease-in var(--transition-time-short)}}@media (orientation: landscape) and (prefers-reduced-motion: no-preference){.project-entry-animation{animation-range:entry 0% entry 90%}@supports (animation-timeline: view()) and (animation-range: 95lvh 115lvh){.headline-wrapper{position:sticky;top:clamp(-15px,.15rem,.75rem)}.scroll-animation{animation:scroll-animation linear forwards;animation-timeline:view();animation-range:95lvh 115lvh;transform-origin:left}@keyframes scroll-animation{0%{opacity:1;transform:rotate(0);margin-left:0}30%{opacity:0;transform:rotate(0);margin-left:0;margin-top:0}50%{opacity:0;transform:rotate(90deg);margin-left:3rem;margin-top:-1.5rem}to{opacity:1;transform:rotate(90deg);margin-left:3rem;margin-top:-1.5rem}}}}@media (min-width: 1200px){.headline-wrapper{width:var(--max-width-desktop);margin:var(--gap-medium) auto;padding:0 var(--gap-medium)}.project-section>:nth-child(odd){margin-left:calc((100vw - var(--max-width-desktop)) / 2 + var(--max-width-desktop) * .2)}.project-section>:nth-child(odd).expanded .project-inner{padding-left:calc((100vw - var(--max-width-desktop)) / 2)}.project-section>:nth-child(odd) .project-inner{padding-right:calc((100vw - var(--max-width-desktop)) / 2)}.project-section>:nth-child(2n){margin-right:calc((100vw - var(--max-width-desktop)) / 2 + var(--max-width-desktop) * .2)}.project-section>:nth-child(2n).expanded .project-inner{padding-right:calc((100vw - var(--max-width-desktop)) / 2)}.project-section>:nth-child(2n) .project-inner{padding-left:calc((100vw - var(--max-width-desktop)) / 2)}}@media (min-width: 1200px) and (prefers-reduced-motion: no-preference){.project-entry-animation{animation-range:entry -10% entry 90%}}section[data-v-9bbb91af]{min-height:calc(100svh - (3rem + 1.75vw + var(--gap-medium) * 4));display:flex;flex-direction:column;justify-content:center;position:relative}section .content-section[data-v-9bbb91af]{margin:var(--gap-medium);margin-bottom:10svh}section .icon[data-v-9bbb91af]{text-align:center;margin-top:3rem}@media (hover: hover) and (pointer: fine),(hover: hover) and (pointer: coarse){html:not(.touch) section .icon a:hover .material-symbols-rounded[data-v-9bbb91af]{color:var(--color-secondary-action-hover)}}section .icon .material-symbols-rounded[data-v-9bbb91af]{font-size:calc(1vw + 18px);padding:var(--gap-small);color:var(--color-secondary-action)}.welcome-headline[data-v-9bbb91af]{font-size:clamp(30px,5vw + 34px,180px);margin-bottom:calc(var(--gap-medium) * 1.5)}@media (orientation: landscape){section .content-section[data-v-9bbb91af]{margin:var(--gap-medium) var(--gap-medium) var(--gap-small) var(--gap-medium)}}@media (min-width: 1200px){section[data-v-9bbb91af]{width:100%}section .content-section[data-v-9bbb91af]{padding:0 var(--gap-medium);margin-left:auto;margin-right:auto;width:var(--max-width-desktop)}section .content-section p[data-v-9bbb91af]:not(.icon){max-width:70%}}body[data-v-c736e815]{min-height:200vh}section[data-v-c736e815]{padding:0 var(--gap-medium)}section h1[data-v-c736e815]{margin:0 0 calc(var(--gap-medium)) 0}@media (min-width: 1200px){section[data-v-c736e815]{flex:1;max-width:var(--max-width-desktop);margin:0 auto;height:fit-content}section h1[data-v-c736e815]{width:100%}section p[data-v-c736e815]{max-width:70%}}