*,:after,:before{box-sizing:border-box}*{padding:0}*,body{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}ul{list-style:none}#__next,#root{isolation:isolate}@font-face{font-display:swap;font-family:Nunito Sans;font-stretch:75% 125%;font-weight:200 1000;src:url(/assets/nunito-sans-variable-font_ytlc-opsz-wdth-wght-Cu5TUnro.woff2) format("woff2") tech(variations)}@font-face{font-display:swap;font-family:Playfair Display Italic;font-weight:400 900;src:url(/assets/playfair-display-italic-variable-font_wght-C8iE2QWQ.woff2) format("woff2") tech(variations)}:root{color-scheme:light dark;font-size:100%;--blur:1.25rem;--hover-transition-time:.3s;--max-w:80rem;--color-bg:light-dark(#f3f4f1,#0d0e0b);--color-primary:light-dark(#2f2353,#b8acdc);--color-secondary:light-dark(#5b1fe5,#9f89e1);--color-accent:light-dark(#ddd7ee,#382f50);--font-size--2:clamp(.7813rem,.7747rem + .0326vi,.8rem);--font-size--1:clamp(.9375rem,.9158rem + .1087vi,1rem);--font-size-0:clamp(1.125rem,1.0815rem + .2174vi,1.25rem);--font-size-1:clamp(1.35rem,1.2761rem + .3696vi,1.5625rem);--font-size-2:clamp(1.62rem,1.5041rem + .5793vi,1.9531rem);--font-size-3:clamp(1.944rem,1.771rem + .8651vi,2.4414rem);--font-size-4:clamp(2.3328rem,2.0827rem + 1.2504vi,3.0518rem);--font-size-5:clamp(2.7994rem,2.4462rem + 1.7658vi,3.8147rem);--font-size-6:clamp(3.3592rem,2.8691rem + 2.4507vi,4.7684rem);--font-size-7:clamp(4.0311rem,3.36rem + 3.3555vi,5.9605rem);--font-size-base:var(--font-size--1);--space-3xs:clamp(.3125rem,.3125rem + 0vi,.3125rem);--space-2xs:clamp(.5625rem,.5408rem + .1087vi,.625rem);--space-xs:clamp(.875rem,.8533rem + .1087vi,.9375rem);--space-s:clamp(1.125rem,1.0815rem + .2174vi,1.25rem);--space-m:clamp(1.6875rem,1.6223rem + .3261vi,1.875rem);--space-l:clamp(2.25rem,2.163rem + .4348vi,2.5rem);--space-xl:clamp(3.375rem,3.2446rem + .6522vi,3.75rem);--space-2xl:clamp(4.5rem,4.3261rem + .8696vi,5rem);--space-3xl:clamp(6.75rem,6.4891rem + 1.3043vi,7.5rem);--space-3xs-2xs:clamp(.3125rem,.2038rem + .5435vi,.625rem);--space-2xs-xs:clamp(.5625rem,.4321rem + .6522vi,.9375rem);--space-xs-s:clamp(.875rem,.7446rem + .6522vi,1.25rem);--space-s-m:clamp(1.125rem,.8641rem + 1.3043vi,1.875rem);--space-m-l:clamp(1.6875rem,1.4049rem + 1.413vi,2.5rem);--space-l-xl:clamp(2.25rem,1.7283rem + 2.6087vi,3.75rem);--space-xl-2xl:clamp(3.375rem,2.8098rem + 2.8261vi,5rem);--space-2xl-3xl:clamp(4.5rem,3.4565rem + 5.2174vi,7.5rem)}:root:has(input[name=color-scheme][value="light dark"]:checked){color-scheme:light dark}:root:has(input[name=color-scheme][value=light]:checked){color-scheme:light}:root:has(input[name=color-scheme][value=dark]:checked){color-scheme:dark}body{background-color:var(--color-bg);block-size:100vh;display:flex;flex-direction:column}.section-title{flex:1 1 auto;font-family:Playfair Display Italic,serif;font-size:var(--font-size--0);font-style:italic;font-synthesis:none;font-weight:400;text-transform:uppercase;text-wrap:balance}.main-wrapper{color:var(--color-primary);display:flex;flex:1 1 auto;flex-direction:column;font-family:Nunito Sans,sans-serif;font-size:var(--font-size-base);gap:var(--space-s);margin-inline:auto;max-inline-size:var(--max-w);padding-block:var(--space-m);padding-inline:var(--space-2xs);position:relative}.about{display:flex;flex-direction:column;gap:var(--space-2xs)}.about__content{-moz-column-gap:var(--space-2xs);column-gap:var(--space-2xs);display:grid;grid-template-areas:"description avatar" "contacts avatar";grid-template-columns:minmax(auto,5fr) minmax(6rem,3fr);grid-template-rows:auto;row-gap:var(--space-xs);text-wrap:pretty}.about__header{align-items:center;border-block-end:1px solid var(--color-secondary);display:flex;gap:var(--space-2xs);justify-content:space-between;padding-block-end:var(--space-xs)}.about__description{grid-area:description}.about__avatar-wrapper{align-items:center;display:flex;flex-direction:column;grid-area:avatar}.about__avatar{block-size:auto;-o-object-fit:contain;object-fit:contain}.about__avatar-description{font-family:Playfair Display Italic,serif;font-size:var(--font-size--2);text-align:center;text-wrap:balance}.contacts-list{display:flex;flex-direction:column;grid-area:contacts}.contact{align-items:center;display:flex;gap:var(--space-3xs)}.contact__icon{block-size:var(--font-size--1);inline-size:var(--font-size--1);stroke:currentColor;fill:none;flex:0 0 auto;transition:stroke .3s}.contact__link{align-items:center;color:var(--color-primary);display:flex;gap:var(--space-3xs);inline-size:-moz-fit-content;inline-size:fit-content;transition:text-decoration-color var(--hover-transition-time)}.contact__link-text{position:relative;transition:color var(--hover-transition-time)}.contact__yank-button{background:0;block-size:var(--font-size--2);border:0;cursor:pointer;inline-size:var(--font-size--2);outline-offset:2px;transition:opacity var(--hover-transition-time);vertical-align:middle}.contact__yank-icon{stroke:var(--color-secondary);block-size:auto;inline-size:var(--font-size-base)}.contact__status{color:var(--color-secondary);font-size:var(--font-size--2);visibility:hidden}.contact__yank-button:disabled+.contact__status{visibility:visible}.projects{display:flex;flex-direction:column}.projects__header{border-block-end:1px solid var(--color-secondary);padding-block-end:var(--space-xs)}.projects__list{display:flex;flex-direction:column;font-family:Nunito Sans,sans-serif;font-size:var(--font-size-base)}.project{border-block-end:1px solid var(--color-secondary);display:flex}.project__image-wrapper{align-items:center;align-self:center;align-self:stretch;border-inline-end:1px dashed var(--color-secondary);display:flex;flex:0 0 auto;justify-items:center;padding:var(--space-2xs)}.project__image{block-size:auto;inline-size:clamp(4rem,20vw,10rem);-o-object-fit:contain;object-fit:contain}.project__content{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--space-2xs)}.project__header{display:flex}.project__link{color:var(--color-primary);text-decoration:none;transition:color var(--hover-transition-time)}.project__title{font-family:Playfair Display Italic,serif;font-size:var(--font-size-1);font-style:italic;font-weight:400;line-height:1;text-wrap:balance;transition:font-weight .3s}.project__description{font-family:Nunito Sans,sans-serif;font-size:var(--font-size-base);line-height:1.5;margin-block-start:var(--space-2xs);text-wrap:pretty}.project__achievements{list-style-position:inside;list-style-type:disc}.project__tags{color:var(--color-secondary);display:flex;flex-wrap:wrap;gap:var(--space-3xs);margin-block-start:var(--space-s)}.project__tag{background-color:var(--color-accent);border-radius:var(--font-size--2);font-size:var(--font-size--2);padding-inline:var(--space-2xs)}.project__aside{align-items:center;border-inline-start:1px dashed var(--color-secondary);color:var(--color-secondary);display:flex;flex:0 0 auto;flex-direction:column;font-size:var(--font-size--2);justify-content:space-between;padding:var(--space-2xs)}.project__date{text-align:end;transform:rotate(180deg);writing-mode:vertical-rl}.project__source-link{color:var(--color-secondary)}.project__source-icon{fill:none}.footer{color:var(--color-primary);flex-direction:column;gap:var(--space-2xs);inline-size:100%;justify-content:space-between;margin-block-end:var(--space-3xs);margin-inline:auto;max-inline-size:var(--max-w);padding:var(--space-2xs)}.footer,.theme-switcher{align-items:center;display:flex;font-family:Playfair Display Italic,serif;font-size:var(--font-size--2)}.theme-switcher{background-color:var(--color-accent);border-radius:2em;color:light-dark(var(--color-secondary),var(--color-primary));line-height:1;padding:2px;text-transform:lowercase}.theme-switcher__label{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.theme-switcher__radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;block-size:100%;border-radius:2em;cursor:pointer;inline-size:100%;top:0;right:0;bottom:0;left:0;position:absolute}.theme-switcher__text{background-color:transparent;border-radius:2em;padding-block-end:.4em;padding-block-start:.2em;padding-inline:.67em}.theme-switcher__radio:checked+.theme-switcher__text{background-color:var(--color-bg)}.stage{--eyeball-radius:100;aspect-ratio:1;block-size:calc(var(--eyeball-radius)*1%)}.eyeball{--color-eyeball-sclera:light-dark(#dbf7ff,#acced8);--color-eyeball-shadow:light-dark(#011e32,#011e32);--color-eyeball-pupil:#14111d;--color-eyeball-iris-start:#208ab4;--color-eyeball-iris-middle:#6fbfff;--color-eyeball-iris-end:#4381b2;align-items:center;aspect-ratio:1;background:var(--color-eyeball-sclera);clip-path:circle(49%);cursor:pointer;display:flex;justify-content:center;position:relative}.eyeball,.eyeball:after{border-radius:50%;height:100%}.eyeball:after{background:radial-gradient(circle at 50% 50%,#fffc,#fffc 14%,#fff0 24%);content:"";left:10%;position:absolute;top:5%;transform:translate(-30%) translateY(-30%) skew(-20deg);width:100%}.eyeball_shadow{background:radial-gradient(circle at 50% 40%,transparent 68%,var(--color-eyeball-shadow) 100%);bottom:0;height:100%;position:absolute;width:100%;z-index:10}.eyeball__iris{--translate-x:0;--translate-y:0;aspect-ratio:1;background-color:var(--color-secondary);background:radial-gradient(circle at 50% 50%,var(--color-eyeball-iris-start) 0,var(--color-eyeball-iris-middle) 30%,var(--color-eyeball-iris-end) 100%);transform:translate(calc(var(--translate-x)*100%)) translateY(calc(var(--translate-y)*100%));width:60%}.eyeball__iris,.eyeball__iris:before{border-radius:50%;position:absolute;transition:transform var(--hover-transition-time)}.eyeball__iris:before{background:var(--color-eyeball-pupil);content:"";display:block;height:37.5%;left:31.25%;top:31.25%;width:37.5%}.eyeball__iris:after{background:#fff3;border-radius:100%;content:"";display:block;height:31.25%;left:18.75%;position:absolute;top:18.75%;width:31.25%}.popup{align-items:center;background-color:var(--color-accent);border-radius:2rem;box-shadow:0 .5rem .5rem #02144b33;color:var(--color-secondary);display:flex;gap:var(--space-2xs);justify-content:center;left:50%;padding-block:var(--space-2xs);padding-inline:var(--space-xs);position:fixed;top:-100%;transform:translate(-50%);transition:top var(--hover-transition-time);z-index:2}.popup:not([hidden]){top:var(--space-2xs)}@media (hover:hover){.about__avatar-wrapper{filter:blur(calc(var(--blur)));transition:filter var(--hover-transition-time)}.about__avatar-wrapper:hover{filter:none}.contact__link:hover{text-decoration-color:var(--color-secondary);transition:text-decoration-color var(--hover-transition-time)}.contact__link:hover .contact__link-text{color:var(--color-secondary);transition:color var(--hover-transition-time)}.contact__link:hover .contact__icon{stroke:var(--color-secondary)}.contact:not(:hover) .contact__yank-button{opacity:0}.contact:not(:hover) .contact__yank-button:disabled,.contact:not(:hover) .contact__yank-button:focus-visible{opacity:1}.project__link:hover{color:var(--color-secondary);transition:color var(--hover-transition-time)}.project__image{filter:blur(var(--blur));transition:filter var(--hover-transition-time)}.project:hover .project__title{font-weight:700}.project:hover .project__image{filter:none}}@media screen and (min-width:450px){.footer{flex-direction:row}}@media screen and (min-width:800px){.main-wrapper{display:grid;grid-template-areas:"about proj" "misc proj";grid-template-columns:minmax(auto,1fr) minmax(auto,2fr);grid-template-rows:auto minmax(auto,1fr)}.about__content{display:flex;flex-direction:column;gap:var(--space-xs)}.about{grid-area:about}.projects{grid-area:proj}.project__date{text-align:unset;transform:unset;writing-mode:unset}}