.icon-square.svelte-1gdecu3{display:flex;justify-content:center;align-items:center;height:130px;aspect-ratio:1 / 1;border-radius:var(--border-radius-2);box-shadow:var(--primary-shadow);border:1px solid var(--primary-borders);color:var(--primary-base);background-color:var(--white)}.id-card.svelte-muvt8o{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:var(--spacing-5);height:300px;aspect-ratio:16 / 8;border:1px solid var(--grey-borders);border-radius:var(--border-radius-3);background-color:var(--grey-inset-background-light);padding:var(--spacing-5)}.id-card.svelte-muvt8o .avatar:where(.svelte-muvt8o){height:220px;aspect-ratio:1 / 1;background-color:var(--grey-inset-background);overflow:hidden;border:1px solid var(--grey-borders);border-radius:100%;position:relative}.id-card.svelte-muvt8o .avatar:where(.svelte-muvt8o) .body:where(.svelte-muvt8o),.id-card.svelte-muvt8o .avatar:where(.svelte-muvt8o) .head:where(.svelte-muvt8o){position:absolute;background-color:var(--grey-inset-background-light);border:1px solid var(--grey-borders);aspect-ratio:1 / 1;border-radius:100%;left:50%;transform:translate(-50%)}.id-card.svelte-muvt8o .avatar:where(.svelte-muvt8o) .body:where(.svelte-muvt8o){top:60%;height:80%}.id-card.svelte-muvt8o .avatar:where(.svelte-muvt8o) .head:where(.svelte-muvt8o){top:20%;height:40%}.id-card.svelte-muvt8o .info:where(.svelte-muvt8o){display:flex;flex-direction:column;grid-row-gap:var(--spacing-4);padding-top:var(--spacing-4)}.id-card.svelte-muvt8o .info:where(.svelte-muvt8o) .line-1:where(.svelte-muvt8o),.id-card.svelte-muvt8o .info:where(.svelte-muvt8o) .line-2:where(.svelte-muvt8o){background-color:var(--grey-inset-background);border:1px solid var(--grey-borders);border-radius:var(--border-radius-1)}.id-card.svelte-muvt8o .info:where(.svelte-muvt8o) .line-1:where(.svelte-muvt8o){width:100%;height:40px}.id-card.svelte-muvt8o .info:where(.svelte-muvt8o) .line-2:where(.svelte-muvt8o){width:80%;height:30px}#about{overflow:hidden}@media (max-width: 1180px){#about{overflow:visible}#about .content-container{padding-top:0}}.about-content.svelte-1x4cmy4{display:grid;grid-template-columns:450px 1fr 400px;grid-gap:var(--spacing-6);align-items:center}@media (max-width: 1500px){.about-content.svelte-1x4cmy4{grid-template-columns:400px 1fr}}@media (max-width: 1180px){.about-content.svelte-1x4cmy4{grid-template-columns:1fr;grid-gap:var(--spacing-3)}}.about-content.svelte-1x4cmy4 .profile-picture:where(.svelte-1x4cmy4){position:relative;aspect-ratio:1 / 1;border-radius:100%;box-shadow:var(--grey-shadow-1);border:10px solid var(--white);max-height:450px;z-index:2;background-size:cover;background-position:center}@media (max-width: 1180px){.about-content.svelte-1x4cmy4 .profile-picture:where(.svelte-1x4cmy4){justify-self:center;margin-top:calc(0px - var(--spacing-4));width:min(350px,calc(100% - var(--spacing-4)))}}@media (max-width: 680px){.about-content.svelte-1x4cmy4 .profile-picture:where(.svelte-1x4cmy4){border-width:5px;width:min(250px,calc(100% - var(--spacing-4)))}}.about-content.svelte-1x4cmy4 .main-content:where(.svelte-1x4cmy4){padding-top:var(--spacing-4)}@media (max-width: 1180px){.about-content.svelte-1x4cmy4 .main-content:where(.svelte-1x4cmy4){text-align:center}.about-content.svelte-1x4cmy4 .main-content:where(.svelte-1x4cmy4) h1:where(.svelte-1x4cmy4){justify-self:center}}.about-content.svelte-1x4cmy4 .main-content:where(.svelte-1x4cmy4) p:where(.svelte-1x4cmy4){max-width:initial}.about-content.svelte-1x4cmy4 .ornaments:where(.svelte-1x4cmy4){position:relative;width:100%;height:400px}@media (max-width: 1500px){.about-content.svelte-1x4cmy4 .ornaments:where(.svelte-1x4cmy4){display:none}}.about-content.svelte-1x4cmy4 .ornaments:where(.svelte-1x4cmy4) .icon-square{position:absolute;z-index:2}.about-content.svelte-1x4cmy4 .ornaments:where(.svelte-1x4cmy4) .design-icon{top:0;left:0}.about-content.svelte-1x4cmy4 .ornaments:where(.svelte-1x4cmy4) .research-icon{top:65px;left:215px}.about-content.svelte-1x4cmy4 .ornaments:where(.svelte-1x4cmy4) .code-icon{top:215px;left:65px}.about-content.svelte-1x4cmy4 .ornaments:where(.svelte-1x4cmy4) .id-card{position:absolute;z-index:1;bottom:-40px;left:130px}h1.svelte-1x4cmy4:after{content:"O"}.label-input-group.svelte-w1keql{display:flex;flex-direction:column;grid-gap:var(--spacing-2)}.label-input-group.svelte-w1keql.span{grid-column:1 / -1}.label-input-group.svelte-w1keql input:where(.svelte-w1keql),.label-input-group.svelte-w1keql textarea:where(.svelte-w1keql){border-radius:var(--border-radius-1);border:1px solid var(--grey-borders);background-color:var(--grey-inset-background-light);padding:var(--spacing-2) var(--spacing-3)}.label-input-group.svelte-w1keql input:where(.svelte-w1keql):focus,.label-input-group.svelte-w1keql textarea:where(.svelte-w1keql):focus{border-color:var(--primary-base);outline:none;box-shadow:var(--primary-shadow)}.label-input-group.svelte-w1keql input:where(.svelte-w1keql){height:45px}.label-input-group.svelte-w1keql textarea:where(.svelte-w1keql){resize:vertical}.label-input-group.svelte-w1keql label:where(.svelte-w1keql){padding-left:var(--spacing-1)}.label-input-group.svelte-w1keql label:where(.svelte-w1keql):has(+:where(.svelte-w1keql):focus){color:var(--primary-base)}.button-link-group.svelte-e9cmf7{display:flex;align-items:center}.button-link-group.svelte-e9cmf7 a{text-decoration:none}@media (hover: hover) and (pointer: fine){.button-link-group.svelte-e9cmf7 a:hover{text-decoration:underline}}@media (hover: hover) and (pointer: fine){.button-link-group.svelte-e9cmf7:has(.button:hover) a{color:var(--primary-base);text-decoration:underline}.button-link-group.svelte-e9cmf7:has(a:hover) .button.secondary{background-color:var(--primary-base);color:var(--white)}}.notice.svelte-cm82v3{--color: var(--primary-color);display:grid;grid-template-columns:35px minmax(0,max-content);grid-gap:var(--spacing-3);grid-column:1 / -1;border-radius:var(--border-radius-1);padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color);align-items:center;margin-bottom:var(--spacing-2);background-color:hsl(from var(--color) h s 95%);justify-content:center}.notice.svelte-cm82v3 p:where(.svelte-cm82v3){padding-bottom:1px;color:var(--color)}.notice.svelte-cm82v3 svg{color:var(--color)}.notice.svelte-cm82v3.success{--color: var(--green)}.notice.svelte-cm82v3.fail{--color: var(--red)}#contact{margin-top:calc(0px - var(--border-radius-3));padding-top:calc(var(--spacing-7) * 2);background:var(--primary-background-gradient);border-bottom-left-radius:var(--border-radius-3);border-bottom-right-radius:var(--border-radius-3);--extra-space: calc((100vw - var(--page-width)) / 2);position:relative;z-index:0}#contact .content-container{display:grid;position:relative;grid-template-columns:max-content 1fr;grid-template-rows:max-content 1fr;grid-column-gap:var(--spacing-8);border:1px solid var(--grey-borders);background:var(--white-background-gradient);border-radius:var(--border-radius-3);margin-bottom:calc(0px - var(--border-radius-3) * 2);margin-left:calc(0px - var(--extra-space));margin-right:calc(0px - var(--extra-space));width:min(100%,(var(--page-width) + var(--extra-space)));padding-left:calc(var(--spacing-6) + var(--extra-space) / 2);padding-right:calc(var(--spacing-6) + var(--extra-space) / 2);box-shadow:var(--grey-shadow-2)}@media (max-width: 1500px){#contact .content-container{--extra-space: calc(var(--vertical-spacing) * 2);padding-top:100px;padding-left:var(--vertical-spacing);padding-right:var(--vertical-spacing);grid-template-columns:1fr 1fr;grid-column-gap:var(--spacing-7);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1180px){#contact .content-container{grid-template-columns:1fr;grid-gap:var(--spacing-5)}}#contact .content-container:before{content:"";background-color:var(--grey-inset-background-light);height:60px;position:absolute;top:calc(0px - var(--spacing-5));left:calc(var(--spacing-5) * 2);right:calc(var(--spacing-5) * 2);border:1px solid var(--grey-borders);border-top-left-radius:var(--border-radius-3);border-top-right-radius:var(--border-radius-3);z-index:-1;transition:top var(--default-animation-duration)}@media (max-width: 1500px){#contact .content-container:before{top:calc(0px - var(--spacing-4));left:var(--vertical-spacing);right:var(--vertical-spacing)}}@media (max-width: 680px){#contact .content-container:before{top:calc(0px - var(--spacing-3))}}@media (hover: hover) and (pointer: fine){#contact .content-container:has(form button:hover):before{top:-50px}}@media (max-width: 1180px){#contact .content-container article.svelte-12l1b9v{text-align:center}#contact .content-container article.svelte-12l1b9v p:where(.svelte-12l1b9v){margin:0 auto}}#contact .content-container article.svelte-12l1b9v h1:where(.svelte-12l1b9v):after{content:"C";transform:translate(-10%)}@media (max-width: 1180px){{left:50%;transform:translate(-70%)}}#contact .content-container .contact-info.svelte-12l1b9v{display:flex;flex-direction:column;row-gap:var(--spacing-3);grid-column-start:1;padding-top:var(--spacing-3)}#contact .content-container form.svelte-12l1b9v{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:var(--spacing-4);grid-column-gap:var(--spacing-4);grid-column-start:2;grid-row-start:1;grid-row-end:3}#contact .content-container form.svelte-12l1b9v .submit-button{justify-self:start}@media (max-width: 1180px){#contact .content-container form.svelte-12l1b9v{grid-template-columns:1fr;grid-column-start:1;grid-row-start:initial}}.portfolio-preview-box.svelte-1hvmlsy{padding-bottom:0;max-width:initial}.portfolio-preview-box.svelte-1hvmlsy:not(:has(.fixed-width)){width:100%}.portfolio-preview-box.svelte-1hvmlsy:not(:has(.fixed-width)) button:where(.svelte-1hvmlsy){width:100%}@media (min-width: 420px){.portfolio-preview-box.svelte-1hvmlsy.horizontal{grid-column:auto / span 2;height:100%}.portfolio-preview-box.svelte-1hvmlsy.horizontal button:where(.svelte-1hvmlsy){height:100%}.portfolio-preview-box.svelte-1hvmlsy.horizontal .image-card:where(.svelte-1hvmlsy){height:100%;aspect-ratio:initial!important}}.portfolio-preview-box.svelte-1hvmlsy button:where(.svelte-1hvmlsy){display:flex;flex-direction:column;grid-row-gap:var(--spacing-2);border:none;background:none;text-align:left}.portfolio-preview-box.svelte-1hvmlsy p:where(.svelte-1hvmlsy){padding-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portfolio-preview-box.svelte-1hvmlsy p:where(.svelte-1hvmlsy) b:where(.svelte-1hvmlsy){color:var(--primary-base);padding-left:var(--border-radius-3);padding-bottom:0}.image-card.svelte-1hvmlsy{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--border-radius-3);cursor:pointer;border:1px solid var(--primary-borders);background-size:cover;background-position:center;box-shadow:var(--primary-shadow);bottom:0;transition:bottom var(--default-animation-duration);overflow:hidden}.image-card.svelte-1hvmlsy.fixed-size{width:initial;height:340px}@media (max-width: 1180px){.image-card.svelte-1hvmlsy.fixed-size{height:min(380px,calc(100dvh - 200px))}}@media (max-width: 680px){.image-card.svelte-1hvmlsy.fixed-size{height:initial;width:min(380px,calc(100vw - var(--vertical-spacing) * 2));aspect-ratio:3 / 4!important}}.image-card.svelte-1hvmlsy .loading-overlay:where(.svelte-1hvmlsy){position:absolute;top:0;left:0;bottom:0;right:0;background-color:var(--primary-base);display:flex;justify-content:center;align-items:center}@media (hover: hover) and (pointer: fine){.image-card.svelte-1hvmlsy:hover{bottom:10px}}.tab-bar.svelte-4auqwb{display:inline-grid;grid-auto-flow:column;list-style:none;position:relative;padding-bottom:0}.tab-bar.svelte-4auqwb .tab-item:where(.svelte-4auqwb){padding-bottom:0;max-width:initial}.tab-bar.svelte-4auqwb .tab-item:where(.svelte-4auqwb) button:where(.svelte-4auqwb){white-space:nowrap;color:var(--grey-text);background:none;border:none;position:relative;z-index:1;cursor:pointer}.tab-bar.svelte-4auqwb .tab-item:where(.svelte-4auqwb) button:where(.svelte-4auqwb) .alternate-icon:where(.svelte-4auqwb){display:none}.tab-bar.svelte-4auqwb.tabs{grid-gap:10px;transition:grid-gap var(--default-animation-duration)}.tab-bar.svelte-4auqwb.tabs .tab-item:where(.svelte-4auqwb) button:where(.svelte-4auqwb){height:45px;background-color:var(--white);box-shadow:var(--grey-shadow-1);padding:0 var(--spacing-4);color:var(--primary-base);transition:padding var(--default-animation-duration)}@media (max-width: 1180px){.tab-bar.svelte-4auqwb.tabs .tab-item:where(.svelte-4auqwb) button:where(.svelte-4auqwb){padding:0 var(--spacing-3)}.tab-bar.svelte-4auqwb.tabs .tab-item:where(.svelte-4auqwb) button:where(.svelte-4auqwb) .alternate-icon:where(.svelte-4auqwb){display:flex;align-items:center;padding-bottom:2px}.tab-bar.svelte-4auqwb.tabs .tab-item:where(.svelte-4auqwb) button:where(.svelte-4auqwb) .text:where(.svelte-4auqwb){display:none}}@media (hover: hover) and (pointer: fine){.tab-bar.svelte-4auqwb.tabs .tab-item:where(.svelte-4auqwb) button:where(.svelte-4auqwb):hover{background-color:var(--grey-inset-background-light)}}.tab-bar.svelte-4auqwb.tabs .tab-item:where(.svelte-4auqwb).selected button:where(.svelte-4auqwb){font-weight:700;animation:svelte-4auqwb-click .2s}@media (max-width: 1180px){.tab-bar.svelte-4auqwb.tabs .tab-item:where(.svelte-4auqwb).selected button:where(.svelte-4auqwb){position:relative}.tab-bar.svelte-4auqwb.tabs .tab-item:where(.svelte-4auqwb).selected button:where(.svelte-4auqwb):after{content:"";height:2px;background-color:var(--primary-base);left:50%;transform:translate(-50%);width:40px;bottom:3px;display:block;position:absolute}}.tab-bar.svelte-4auqwb.pil{background-color:var(--grey-inset-background);padding:var(--spacing-1);border-radius:200px;border:1px solid var(--grey-borders);max-width:calc(100vw - var(--vertical-spacing) * 2);overflow:hidden}.tab-bar.svelte-4auqwb.pil .tab-item:where(.svelte-4auqwb) button:where(.svelte-4auqwb){height:38px;line-height:35px;padding:0 var(--spacing-3)}@media (max-width: 420px){.tab-bar.svelte-4auqwb.pil .tab-item:where(.svelte-4auqwb) button:where(.svelte-4auqwb){height:35px;line-height:30px}.tab-bar.svelte-4auqwb.pil .tab-item:where(.svelte-4auqwb) button:where(.svelte-4auqwb) span:where(.svelte-4auqwb){font-size:16px}}.tab-bar.svelte-4auqwb.pil:after{content:"";display:block;position:absolute;height:38px;border:1px solid var(--grey-borders);border-radius:200px;background-color:var(--white);top:7px;left:var(--selected-left);width:var(--selected-width);transition:left var(--default-animation-duration),width var(--default-animation-duration)}@media (max-width: 420px){.tab-bar.svelte-4auqwb.pil:after{height:35px}}.tab-bar.svelte-4auqwb.pil .button-previous,.tab-bar.svelte-4auqwb.pil .button-next{height:50px;width:50px;border:none;position:sticky;background-color:var(--primary-base);z-index:2;margin-top:calc(0px - var(--spacing-1));margin-bottom:calc(0px - var(--spacing-1))}.tab-bar.svelte-4auqwb.pil .button-previous{left:calc(0px - var(--spacing-1));border-radius:var(--border-radius-3) 0 0 var(--border-radius-3);margin-right:0}.tab-bar.svelte-4auqwb.pil .button-next{right:calc(0px - var(--spacing-1));border-radius:0 var(--border-radius-3) var(--border-radius-3) 0}@keyframes svelte-4auqwb-click{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.top-bar.svelte-13qkrit{display:grid;align-items:center;grid-column-gap:var(--spacing-4);grid-template-columns:max-content 1fr}.top-bar.svelte-13qkrit .select{display:none}.bottom-bar.svelte-b4ew3p{display:grid;align-items:center;grid-column-gap:var(--spacing-4)}.bottom-bar.svelte-b4ew3p{--right: var(--extra-width);grid-template-columns:max-content;padding-right:var(--right);justify-content:end}@media (max-width: 1500px){.bottom-bar.svelte-b4ew3p{--right: var(--vertical-spacing)}}.bottom-bar.svelte-b4ew3p .button-group button:not(:last-of-type){margin-right:var(--spacing-3)}.bottom-bar.svelte-b4ew3p hr:where(.svelte-b4ew3p){position:absolute;width:100vw;right:calc(var(--right) + 90px + var(--spacing-3) + var(--spacing-4))}.portfolio-preview.svelte-14unvl5{--extra-width: calc((100vw - var(--page-width)) / 2 + var(--spacing-6));display:flex;width:calc(100% + (var(--extra-width)));overflow:hidden;flex-direction:column;grid-row-gap:var(--spacing-5)}@media (max-width: 1500px){.portfolio-preview.svelte-14unvl5{--extra-width: calc(var(--vertical-spacing) * 2);margin-left:calc(0px - var(--vertical-spacing));margin-right:calc(0px - var(--vertical-spacing));margin-bottom:calc(0px - var(--spacing-7));background-color:var(--primary-base);padding-top:var(--spacing-7);padding-left:var(--vertical-spacing);padding-bottom:var(--spacing-7);border-top-left-radius:var(--border-radius-3);border-top-right-radius:var(--border-radius-3);border-top:1px solid var(--primary-borders)}}@media (max-width: 1180px){.portfolio-preview.svelte-14unvl5{padding-bottom:calc(var(--spacing-7) + var(--spacing-6))}}@media (max-width: 680px){.portfolio-preview.svelte-14unvl5{padding-bottom:calc(var(--spacing-7) * 2)}}@media (max-width: 420px){.portfolio-preview.svelte-14unvl5{grid-row-gap:var(--spacing-3);padding-bottom:var(--spacing-8)}}.box-list.svelte-14unvl5{display:grid;grid-auto-flow:column;width:100%;grid-column-gap:var(--spacing-6);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);padding-right:100vw;list-style:none;overflow:hidden;touch-action:pan-y pinch-zoom}@media (max-width: 680px){.box-list.svelte-14unvl5{grid-column-gap:var(--spacing-4)}}h1.svelte-6l1ejb:after{content:"D";opacity:.3}@media (max-width: 1500px){{content:"E";left:30%}}#header{position:relative;z-index:1;border-bottom-left-radius:var(--border-radius-3);border-bottom-right-radius:var(--border-radius-3);min-height:calc(100dvh - (var(--nav-height) + var(--spacing-6)));overflow:hidden}@media (min-height: 1000px) and (min-width: 1500px){#header{min-height:initial;height:calc(100dvh - (var(--nav-height) + var(--spacing-6)));max-height:900px}}#header [class^=animated-mouse-wheel-],#header [class*=" animated-mouse-wheel-"]{left:50%;transform:translate(-50%);position:relative}@media (max-width: 1500px){#header .animated-mouse-wheel-desktop{display:none}}.header-content.svelte-35vesq{display:grid;grid-template-columns:1fr 1fr;grid-gap:50px;height:100%;align-items:center}.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq){padding-bottom:var(--spacing-6);padding-top:var(--spacing-6)}@media (min-width: 1500px){.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq){padding-bottom:calc(var(--spacing-6) + var(--spacing-4))}}.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq) .files:where(.svelte-35vesq){display:none}.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq) .animated-mouse-wheel-responsive{display:none}@media (max-width: 1500px){.header-content.svelte-35vesq{grid-template-columns:1fr}.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq){display:grid;grid-template-rows:1fr max-content;min-height:calc(100dvh - 250px);padding-bottom:0;width:100%}@media (min-height: 1000px){.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq){min-height:initial;height:calc(100dvh - (var(--nav-height) + var(--spacing-6)));max-height:650px}}@media (max-width: 680px){.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq){padding-top:0;min-height:calc(100dvh - 230px)}}.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq) article:where(.svelte-35vesq){text-align:center;align-self:center;margin:0 auto}@media (max-width: 680px){.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq) article:where(.svelte-35vesq):before{display:block;position:relative;width:2px;height:10dvh;content:"";background-color:var(--primary-borders);left:50%;margin-bottom:var(--spacing-4)}}.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq) article:where(.svelte-35vesq) .button{overflow:visible}@media (max-width: 680px){.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq) article:where(.svelte-35vesq) .button:first-child{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}}.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq) article:where(.svelte-35vesq) .button:first-child:before,.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq) article:where(.svelte-35vesq) .button:last-child:after{content:"";display:block;position:absolute;height:1px;width:100vw;background-color:var(--primary-borders)}.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq) article:where(.svelte-35vesq) .button:first-child:before{right:calc(100% + var(--spacing-4))}@media (max-width: 680px){{left:50%;transform:translate(-50%);top:calc(100% + var(--spacing-2));width:50%}}.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq) article:where(.svelte-35vesq) .button:last-child:after{left:calc(100% + var(--spacing-4))}@media (max-width: 680px){{display:none}}.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq) .animated-mouse-wheel-responsive{display:block;margin-top:var(--spacing-6)}.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq) .files:where(.svelte-35vesq){position:absolute;display:block;left:0;bottom:200px;z-index:-1}@media (max-width: 680px){.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq) .files:where(.svelte-35vesq){display:none}}.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq) .files:where(.svelte-35vesq):after,.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq) .files:where(.svelte-35vesq):before{content:"";height:500px;aspect-ratio:3 / 4;display:block;background-color:#fff;opacity:14%;border-radius:var(--border-radius-2)}.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq) .files:where(.svelte-35vesq):before{transform:rotate(-12deg) translateY(200px) translate(-100px)}.header-content.svelte-35vesq .article-wrapper:where(.svelte-35vesq) .files:where(.svelte-35vesq):after{transform:translateY(-200px) rotate(-1deg) translate(100px)}}.toolbar.svelte-1v9mym8{display:grid;grid-auto-flow:column;align-items:center;position:relative;z-index:10;position:sticky;top:-1px;bottom:0;justify-items:center;margin-bottom:-45px}.toolbar.svelte-1v9mym8 .toolbar-content:where(.svelte-1v9mym8){display:flex;flex-direction:column;align-items:flex-end;width:min(100%,var(--page-width));padding:0 var(--vertical-spacing)}.toolbar.svelte-1v9mym8:after{content:"";position:absolute;background-color:var(--white);display:block;left:0;top:0;bottom:-1px;right:0;border-bottom:1px solid var(--grey-borders);box-shadow:var(--grey-shadow-2);opacity:0;transition:opacity var(--default-animation-duration);border-bottom-left-radius:var(--border-radius-3);border-bottom-right-radius:var(--border-radius-3)}.toolbar.svelte-1v9mym8.sticky:after{opacity:1}.toolbar.svelte-1v9mym8.sticky .tab-bar{grid-gap:0}.toolbar.svelte-1v9mym8.sticky .tab-bar button{box-shadow:none;padding:0 var(--spacing-2)}.portfolio-preview-banner.svelte-7suq7u{display:grid}.portfolio-preview-banner.svelte-7suq7u .body:where(.svelte-7suq7u){display:grid;grid-template-columns:1.3fr 2fr;border-top-left-radius:var(--border-radius-3);border-top-right-radius:var(--border-radius-3);border:1px solid var(--grey-borders);border-bottom:none;clip-path:polygon(-40px -40px,calc(100% + 40px) -40px,calc(100% + 40px) 100%,-40px 100%);box-shadow:var(--grey-shadow-2);position:relative}@media (max-width: 1500px){.portfolio-preview-banner.svelte-7suq7u .body:where(.svelte-7suq7u){grid-template-columns:1.7fr 2fr}}@media (max-width: 1180px){.portfolio-preview-banner.svelte-7suq7u .body:where(.svelte-7suq7u){grid-template-columns:1fr;clip-path:initial;border-bottom-left-radius:var(--border-radius-3);border-bottom-right-radius:var(--border-radius-3)}}@media (hover: hover) and (pointer: fine) and (min-width: 1180px){.portfolio-preview-banner.svelte-7suq7u .body:where(.svelte-7suq7u):has(.content button:hover) .thumbnail-wrapper:where(.svelte-7suq7u) .thumbnail:where(.svelte-7suq7u){transform:rotate(-1deg) translateY(calc(-5% - 10px)) translate(20px)}.portfolio-preview-banner.svelte-7suq7u .body:where(.svelte-7suq7u):has(.content button:hover) .thumbnail-wrapper:where(.svelte-7suq7u) .thumbnail:where(.svelte-7suq7u):before{transform:rotate(-5deg) translateZ(-1px) translate(-25px) translateY(20px)}}.portfolio-preview-banner.svelte-7suq7u .thumbnail-wrapper:where(.svelte-7suq7u){background-color:var(--primary-base);border-top-left-radius:var(--border-radius-3)}@media (max-width: 1180px){.portfolio-preview-banner.svelte-7suq7u .thumbnail-wrapper:where(.svelte-7suq7u){height:min(40vw,350px);border-top-right-radius:var(--border-radius-3)}}.portfolio-preview-banner.svelte-7suq7u .thumbnail-wrapper:where(.svelte-7suq7u) .thumbnail:where(.svelte-7suq7u){position:relative;transform:rotate(-1deg) translateY(-5%) translate(20px);border-radius:var(--border-radius-2);background-size:cover;background-position:center;border:1px solid var(--primary-borders);box-shadow:var(--grey-shadow-1);transform-style:preserve-3d;width:93%;height:115%;transition:transform var(--default-animation-duration)}@media (max-width: 1180px){.portfolio-preview-banner.svelte-7suq7u .thumbnail-wrapper:where(.svelte-7suq7u) .thumbnail:where(.svelte-7suq7u){left:50%;transform:rotate(-1deg) translateY(-10%) translate(-50%);width:calc(100% - var(--spacing-5))}}.portfolio-preview-banner.svelte-7suq7u .thumbnail-wrapper:where(.svelte-7suq7u) .thumbnail:where(.svelte-7suq7u):before{content:"";display:block;position:absolute;background-color:var(--grey-inset-background-light);transform:rotate(-3deg) translateZ(-1px) translate(-20px) translateY(20px);border:1px solid var(--grey-borders);border-radius:var(--border-radius-2);width:100%;height:100%;transition:transform var(--default-animation-duration)}.portfolio-preview-banner.svelte-7suq7u .footer:where(.svelte-7suq7u){position:relative;border-top:1px solid var(--primary-base);margin-left:calc(0px - var(--spacing-5));margin-right:calc(0px - var(--spacing-5))}@media (max-width: 1180px){.portfolio-preview-banner.svelte-7suq7u .footer:where(.svelte-7suq7u){display:none}}.portfolio-preview-banner.svelte-7suq7u .content:where(.svelte-7suq7u){display:flex;flex-direction:column;padding:var(--spacing-5) var(--spacing-6);min-height:300px;justify-content:center;align-items:start}@media (max-width: 1180px){.portfolio-preview-banner.svelte-7suq7u .content:where(.svelte-7suq7u){position:relative;z-index:1;background-color:var(--white);box-shadow:var(--grey-shadow-1-top);border-bottom-left-radius:var(--border-radius-3);border-bottom-right-radius:var(--border-radius-3)}.portfolio-preview-banner.svelte-7suq7u .content:where(.svelte-7suq7u) p:where(.svelte-7suq7u){max-width:850px}}@media (max-width: 680px){.portfolio-preview-banner.svelte-7suq7u .content:where(.svelte-7suq7u){padding:var(--spacing-4) var(--spacing-4)}}.title.svelte-1krcql6{display:grid;grid-template-columns:max-content 1fr;align-items:center;grid-gap:var(--spacing-4);position:relative;z-index:-1}@media (max-width: 680px){.title.svelte-1krcql6{text-align:center;grid-template-columns:1fr;margin-top:var(--spacing-3);justify-self:center}.title.svelte-1krcql6 hr:where(.svelte-1krcql6){display:none}.title.svelte-1krcql6:before,.title.svelte-1krcql6:after{content:"";display:block;position:absolute;height:1px;width:calc((100vw - 100% - 2 * var(--vertical-spacing)) / 2);background-color:var(--primary-borders);top:40%}.title.svelte-1krcql6:before{right:calc(100% + var(--spacing-3))}.title.svelte-1krcql6:after{left:calc(100% + var(--spacing-3))}}.title.svelte-1krcql6 h1:where(.svelte-1krcql6):after{content:"P"}.portfolio-wrapper.svelte-1bgn92j{position:relative;--la: calc(50% - 270px) ;--lb: calc(50% - 230px) }@media (max-width: 1500px){.portfolio-wrapper.svelte-1bgn92j{--la: 420px;--lb: 460px}}@media (max-width: 900px){.portfolio-wrapper.svelte-1bgn92j{--la: calc(100% - 330px - var(--spacing-2));--lb: calc(100% - 290px - var(--spacing-2))}}@media (max-width: 680px){.portfolio-wrapper.svelte-1bgn92j{--la: calc(100% - 265px - var(--spacing-2));--lb: calc(100% - 235px - var(--spacing-2))}}.portfolio-wrapper.svelte-1bgn92j .files-dummy:where(.svelte-1bgn92j){position:absolute;width:100%;background-color:var(--primary-background-solid);height:45px;top:23px;z-index:1;clip-path:polygon(var(--la) 0,100% 0,100% 55px,var(--lb) 100%);border-top-right-radius:var(--border-radius-2);border-top:1px solid var(--primary-borders);border-right:1px solid var(--primary-borders);padding-top:13px;padding-right:13px}.portfolio-wrapper.svelte-1bgn92j .files-dummy:where(.svelte-1bgn92j) .file:where(.svelte-1bgn92j){height:20px;width:100%;background-color:var(--primary-borders);border-top-right-radius:var(--border-radius-2)}.portfolio-wrapper.svelte-1bgn92j .shadow-container:where(.svelte-1bgn92j){position:relative;z-index:1;filter:drop-shadow(var(--grey-shadow-2))}.portfolio-wrapper.svelte-1bgn92j #portfolio{position:relative;z-index:2;border-radius:var(--border-radius-3);clip-path:polygon(0 0,var(--la) 0,var(--lb) 55px,100% 55px,100% calc(100% + 30px),0 calc(100% + 30px));padding-bottom:var(--spacing-2);padding-top:var(--spacing-2)}@media (max-width: 680px){.portfolio-wrapper.svelte-1bgn92j #portfolio{border-top-left-radius:0;clip-path:polygon(0 15px,var(--la) 15px,var(--lb) 55px,100% 55px,100% calc(100% + 30px),0 calc(100% + 30px))}}.portfolio-wrapper.svelte-1bgn92j #portfolio .items-wrapper:where(.svelte-1bgn92j){display:flex;flex-direction:column;grid-gap:var(--spacing-7);padding-top:var(--spacing-6)}@media (max-width: 1180px){.portfolio-wrapper.svelte-1bgn92j #portfolio .items-wrapper:where(.svelte-1bgn92j){padding-top:var(--spacing-7);grid-gap:var(--spacing-8)}}@media (max-width: 680px){.portfolio-wrapper.svelte-1bgn92j #portfolio .items-wrapper:where(.svelte-1bgn92j){padding-top:var(--spacing-7);grid-gap:calc(var(--spacing-7) + var(--spacing-2))}}@media (max-width: 420px){.portfolio-wrapper.svelte-1bgn92j #portfolio .items-wrapper:where(.svelte-1bgn92j){padding-top:var(--spacing-6)}}.portfolio-wrapper.svelte-1bgn92j #portfolio .items-wrapper:where(.svelte-1bgn92j).art-wrapper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;list-style:none;grid-column-gap:var(--spacing-6);grid-row-gap:var(--spacing-5);grid-auto-flow:row dense}@media (max-width: 1500px){.portfolio-wrapper.svelte-1bgn92j #portfolio .items-wrapper:where(.svelte-1bgn92j).art-wrapper{grid-template-columns:repeat(4,minmax(0,1fr));grid-column-gap:var(--spacing-5);grid-row-gap:var(--spacing-4)}}@media (max-width: 1180px){.portfolio-wrapper.svelte-1bgn92j #portfolio .items-wrapper:where(.svelte-1bgn92j).art-wrapper{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:var(--spacing-6)}}@media (max-width: 900px){.portfolio-wrapper.svelte-1bgn92j #portfolio .items-wrapper:where(.svelte-1bgn92j).art-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));grid-column-gap:var(--spacing-4)}}@media (max-width: 680px){.portfolio-wrapper.svelte-1bgn92j #portfolio .items-wrapper:where(.svelte-1bgn92j).art-wrapper{padding-top:var(--spacing-4)}}@media (max-width: 420px){.portfolio-wrapper.svelte-1bgn92j #portfolio .items-wrapper:where(.svelte-1bgn92j).art-wrapper{grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:initial}}.portfolio-wrapper.svelte-1bgn92j #portfolio .more-projects-button{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);box-sizing:border-box;box-shadow:0 0 0 var(--spacing-1) var(--primary-base)}@media (hover: hover) and (pointer: fine){.portfolio-wrapper.svelte-1bgn92j #portfolio .more-projects-button:hover{background-color:var(--grey-inset-background);color:var(--grey-text)}}@media (max-width: 680px){.portfolio-wrapper.svelte-1bgn92j #portfolio .more-projects-button{width:initial}}.vertical-seperator.svelte-9o4l5u{position:relative;width:100%;height:calc(var(--spacing-7) + (2 * var(--border-radius-3)));margin-top:calc(0px - var(--border-radius-3));margin-bottom:calc(0px - var(--border-radius-3))}.image-content-container.svelte-17tx0rg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100%;width:100%;align-items:center}@media (max-width: 1180px){.image-content-container.svelte-17tx0rg{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(250px,max-content) minmax(min-content,.3fr);align-items:center;grid-gap:var(--spacing-6);align-content:center}}@media (max-width: 680px){.image-content-container.svelte-17tx0rg{grid-template-rows:minmax(250px,max-content) minmax(min-content,.2fr)}}.image-content-container.svelte-17tx0rg .art-image-container:not(.fullscreen){margin-top:0;height:100%;overflow:hidden;filter:drop-shadow(var(--grey-shadow-2))}.image-content-container.svelte-17tx0rg .art-image-container:not(.fullscreen) .image-wrapper{max-height:100%;overflow:hidden}.image-content-container.svelte-17tx0rg .art-image-container:not(.fullscreen) .image-wrapper img{height:100%;width:100%;min-height:300px;min-height:0;max-height:100%;object-fit:contain;border-radius:0}.image-content-container.svelte-17tx0rg .description:where(.svelte-17tx0rg){padding-left:var(--spacing-6)}@media (max-width: 1180px){.image-content-container.svelte-17tx0rg .description:where(.svelte-17tx0rg){padding-left:0;text-align:center;align-self:start}}.image-content-container.svelte-17tx0rg .description:where(.svelte-17tx0rg) h1:where(.svelte-17tx0rg){max-width:600px}@media (max-width: 1180px){.image-content-container.svelte-17tx0rg .description:where(.svelte-17tx0rg) h1:where(.svelte-17tx0rg){margin:0 auto;font-size:50px}}@media (max-width: 680px){.image-content-container.svelte-17tx0rg .description:where(.svelte-17tx0rg) h1:where(.svelte-17tx0rg){font-size:40px}}@media (max-width: 680px){.image-content-container.svelte-17tx0rg .description:where(.svelte-17tx0rg) .more-button{width:initial}}.about-portfolio-seperator{border-top-left-radius:var(--border-radius-3);border-top-right-radius:var(--border-radius-3);height:calc(var(--spacing-7) + (2 * var(--border-radius-3)) + 50px)!important;margin-bottom:calc(0px - var(--border-radius-3) - 50px)!important}