*,:before,:after{box-sizing:border-box}html{text-size-adjust:none}body{all:unset}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}button,ul,ol{all:unset;box-sizing:border-box}:root{--font-size:18px;--margin:2rem;--padding:2rem;--gap:2rem;--border:.5px solid var(--color-border);--border-radius:1rem;--border-radius-half:calc(var(--border-radius) / 2);--page-width:1200px;--header-height:64px;--footer-height:64px;--home-height:calc(100svh - var(--header-height) - var(--footer-height) - (var(--margin) * 3));--black:#0d0d0d;--black-1:#262626;--black-2:#404040;--white:#fff;--white-1:#f2f2f2;--white-2:#bfbfbf;--blue-light:#86b9d5;--blue-dark:#2a5589;--red-light:#cf1717;--red-dark:#e83030}[data-theme=dark]{--color-primary:var(--white);--color-primary-100:var(--white-1);--color-primary-200:var(--white-2);--color-accent:var(--white-2);--color-text:var(--white-1);--color-background:var(--black);--color-background-100:var(--black-1);--color-background-200:var(--black-2);--color-background-alpha:hsla(from var(--black) h s l / .25);--color-border:hsla(from var(--white-2) h s l / .25);--color-logo:var(--white-1);--color-error:var(--red-dark)}[data-theme=light]{--color-primary:var(--black);--color-primary-100:var(--black-1);--color-primary-200:var(--black-2);--color-accent:var(--blue-dark);--color-text:var(--black-1);--color-background:var(--white);--color-background-100:var(--white-1);--color-background-200:var(--white-2);--color-background-alpha:hsla(from var(--white) h s l / .25);--color-border:hsla(from var(--black-2) h s l / .25);--color-logo:var(--black-1);--color-error:var(--red-light)}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Montserrat/Montserrat-latin.woff2)format("woff2")}body{font-family:Montserrat,sans-serif;font-size:var(--font-size);letter-spacing:.25px;color:var(--color-text);font-style:normal;font-weight:400;line-height:1.5}p{text-wrap:pretty;margin-bottom:1.5rem}h1,h2,h3,h4,h5,h6{letter-spacing:-.25px;margin-top:0;margin-bottom:1rem;font-weight:700;line-height:1}h1{font-size:2.75rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.75rem}strong{font-weight:700}small{font-size:.75rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:.5s ease-in forwards fade-in}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:2s linear infinite spin}@keyframes slide-in-right{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:.6s ease-out forwards slide-in-right}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.slide-in-bottom{animation:.6s ease-out forwards slide-in-bottom}@keyframes blur-in{0%{opacity:0;filter:blur(10px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}.blur-in{opacity:0;animation:.3s ease-in forwards blur-in;display:inline-block}@keyframes scroll{to{transform:translateX(calc(-100% - var(--margin)))}}@keyframes bounceLoad{0%{transform:translateY(0)}20%{transform:translateY(-16px)}30%{transform:translateY(4px)}35%{transform:translateY(0)}to{transform:translateY(0)}}:root{interpolate-size:allow-keywords}html{scrollbar-gutter:stable;scrollbar-width:thin;background-color:var(--color-background);transition:background-color .5s ease-in-out}body{scroll-behavior:smooth;transition:color .5s}html,body{overscroll-behavior:none}body:has(.modal),body:has(.nav__mobile-backdrop){overflow:hidden}a{cursor:pointer;text-decoration:underline}ul,ol{list-style:none}p{margin-top:0;margin-bottom:1rem}p:last-child{margin-bottom:0}img{object-fit:contain;width:100%;height:100%}.btn{color:var(--color-background);background-color:var(--color-primary);border-radius:var(--border-radius-half);cursor:pointer;transition:background-color .3s,transform .1s;display:inline-block}.btn:active:not(:disabled),.btn:focus-visible:not(:disabled){background-color:var(--color-background-200);transform:translateY(1px)scale(.97)}.btn:hover{background-color:var(--color-primary-200)}.btn--inverted{color:var(--color-primary);background-color:var(--color-background)}.btn--inverted:active:not(:disabled),.btn--inverted:focus-visible:not(:disabled),.btn--inverted:disabled{background-color:var(--color-background-alpha)}.sticky{position:sticky;top:.5rem}.wrapper{max-width:var(--page-width);box-sizing:content-box;margin-inline:auto;padding-inline:2rem}.text-center{text-align:center}.sprites{visibility:hidden;position:absolute}.header{z-index:50}.header__content{margin:var(--margin) 0;border:var(--border);border-radius:var(--border-radius);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding-inline:1rem;display:flex}.header__mobile{justify-content:space-between;gap:1rem;display:flex}.header__desktop{display:none}.header__theme-btn{line-height:0}.header__theme-btn .icon{opacity:0;cursor:pointer;fill:var(--color-primary);animation:.5s linear .2s forwards fade-in}.header__burger{all:unset;align-items:center;gap:4px;width:20px;height:20px;display:grid}.header__burger>*{background-color:var(--color-text);transform-origin:0 0;opacity:1;border-radius:4px;height:2px;transition:all .3s cubic-bezier(.35,1.6,.65,1)}.header__burger>:nth-child(2){width:75%}.header__burger--is-open>:first-child{transform:rotate(45deg)translateY(-2px)}.header__burger--is-open>:nth-child(2){opacity:0;width:0}.header__burger--is-open>:nth-child(3){transform:rotate(-45deg)translate(0)}.header__burger--is-open>:first-child,.header__burger--is-open>:nth-child(3){width:125%}.header__mobile-nav{visibility:hidden;opacity:0;top:calc(var(--header-height) + 1rem);background-color:var(--color-primary);width:100%;color:var(--color-background);border-radius:var(--border-radius);padding:1rem;transition:opacity .35s ease-in-out,visibility .35s ease-in-out,transform .35s ease-in-out;position:fixed;left:0;transform:translateY(-100%)}.header__mobile-nav--is-open{visibility:visible;opacity:1;transform:translateY(0)}.logo{width:150px;height:28px;margin:1rem 0}.nav__desktop{display:none}.nav__mobile-backdrop{background-color:hsla(from var(--color-background) h s l/.75);z-index:10;width:100svh;height:100svh;position:fixed;top:0;left:0}.nav__menu,.nav__contact{text-align:center;font-size:2rem;font-weight:200}.nav__link{border-bottom:1px solid var(--color-border);margin-bottom:10px;padding-bottom:10px}.nav__link:last-child{border:none;margin:0}.nav__link a{width:100%;text-decoration:none;display:inline-block}.nav__contact{width:100%;padding:2px 1rem}.footer__content{margin-top:var(--margin);padding:1rem var(--padding);height:var(--footer-height);border-top:.5px solid var(--color-border);text-align:center;font-size:.65rem}.modal,.modal__overlay{z-index:99;width:100%;height:100%;position:fixed;top:0;left:0}.modal__container{margin-top:var(--margin);width:calc(100% - 2rem);max-width:var(--page-width);border-radius:var(--border-radius);background-color:var(--color-primary);color:var(--color-background);z-index:100;margin-inline:auto;padding-top:3rem;position:relative}.modal__content{max-height:calc(100svh - var(--margin) * 3);overflow-wrap:break-word;padding:0 2rem 2rem;overflow-y:auto}.modal__overlay{background-color:#00000080}.modal__close-btn{width:30px;height:30px;fill:var(--color-primary);background-color:var(--color-background);cursor:pointer;border-radius:50%;padding:.2rem;line-height:0;position:absolute;top:1rem;right:1rem}.modal__close-icon{width:100%;height:100%}.modal-enter-active,.modal-leave-active{transition:opacity .3s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-to,.modal-leave-from{opacity:1}.slideshow{max-width:100%;position:relative}.slideshow__image-container{border-radius:var(--border-radius);background-color:var(--color-background-100);padding:1rem;position:relative}.slideshow__images{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;align-items:center;gap:3rem;min-height:300px;display:flex;overflow-x:scroll}.slideshow__images::-webkit-scrollbar{display:none}.slideshow__image{scroll-snap-align:center;width:fit-content}.slideshow__button{background:var(--color-background-alpha);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .3s;display:none;position:absolute;top:50%;transform:translateY(-50%)}.slideshow__button svg{width:1rem;height:1rem;fill:var(--color-primary)}.slideshow__button:hover{background:var(--color-background);transform:translateY(-50%)scale(1.1)}.slideshow__button--prev{left:-24px}.slideshow__button--next{right:-24px}.slideshow__dots{justify-content:center;gap:1rem;padding:1rem;display:flex}.slideshow__dot{background:var(--color-background-200);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:all .3s}.slideshow__dot:hover{transform:scale(1.2)}.slideshow__dot--active{background:var(--color-accent);transform:scale(1.2)}.contact{align-items:center;display:flex}.contact__form{gap:1rem;display:grid}.contact__form-group{position:relative}.contact__label{margin-right:1rem}.contact__input{border:1px solid var(--color-background-alpha);border-radius:var(--border-radius-half);width:100%;padding:.5rem}.contact__input::placeholder{opacity:.5}.contact__input--color-error{border-color:var(--color-error)}.contact__error-message{color:var(--color-error);font-size:.65rem;position:absolute;bottom:-1.1rem;left:0}.contact__submit{padding:.5rem var(--padding);margin-inline:auto;align-items:center;margin-top:.5rem;display:flex}.contact__submit-icon{width:1rem;height:1rem;fill:var(--color-primary);margin-left:.5rem}.contact__response{text-align:center;margin-top:1rem}#contact-message{resize:none;box-sizing:border-box;field-sizing:content;min-height:100px}.page{overflow-x:clip}.page__title{text-align:center;margin-bottom:var(--margin)}.page__content{position:relative}.home{min-height:var(--home-height);text-align:center;user-select:none;flex-direction:column;justify-content:center;display:flex}.home h1{font-size:clamp(1.5rem,7vw,3.5rem)}.home h2{font-size:clamp(1rem,5vw,2.5rem)}.home p{fill:var(--color-text)}.home .icon,.home .git-btn{vertical-align:bottom}.home .icon{fill:var(--color-background)}.home .git-btn{padding:.5rem 1rem;font-size:.75rem;text-decoration:none}.home__git{opacity:0;animation-delay:1s}.home__background{z-index:-1;width:100%;height:150%;display:block;position:fixed;top:0;left:0}.about__content{gap:var(--gap);display:grid}.about__image{margin-top:var(--margin);border-radius:var(--border-radius);width:min(100%,300px);height:auto;aspect-ratio:inherit;object-fit:contain;margin-inline:auto;display:block}.about__list-item{text-align:center;border:var(--border);border-radius:var(--border-radius);opacity:0;user-select:none;margin-bottom:1rem;padding:1rem}.about__list-item:last-child{margin-bottom:0}.about__list-year{justify-content:center;gap:1rem;font-weight:700;display:flex}.about__list-description{grid-template-columns:1fr;align-items:center;display:grid;position:relative}.about__list-description p{margin:0 1rem 0 0}.about__list-description:has(.about__list-button){cursor:pointer;grid-template-columns:1fr 25px}.about__list-description--open .about__list-accordion{display:block}.about__list-description--open .about__list-button .icon{rotate:-180deg}.about__list-button{border-radius:var(--border-radius-half);background-color:var(--color-primary);justify-content:center;align-items:center;width:25px;height:25px;display:flex}.about__list-button .icon{fill:var(--color-background);transition:rotate .5s ease-in-out;rotate:45deg}.about__list-accordion{grid-column:1/-1;height:0;transition:height .5s ease-in-out;position:relative;overflow:clip}.about__list-accordion img{margin-top:var(--margin)}.about .experience{margin-top:var(--margin);border-radius:var(--border-radius);background-color:var(--color-background-100);padding-top:var(--padding);padding-bottom:var(--padding);user-select:none}.about .experience__title{text-align:center;margin-top:0;margin-bottom:2rem}.about .experience__items-container{gap:var(--gap);overflow-inline:clip;display:flex}.about .experience__items-container:hover .experience__items,.about .experience__items-container:active .experience__items{animation-play-state:paused}.about .experience__items{gap:var(--gap);animation-name:scroll;animation-duration:40s;animation-timing-function:linear;animation-iteration-count:infinite;display:flex}.about .experience__item{text-align:center;align-items:center;gap:1rem;display:grid}.about .experience__item-icon{font-size:3.5rem}.about .experience__item-name{align-self:start;height:1rem;line-height:.75rem}.work__list{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid;overflow:hidden}.work__list-item{margin-right:calc(var(--margin) * -1);margin-bottom:calc(var(--margin) * -1);border-right:.5px solid var(--color-border);border-bottom:.5px solid var(--color-border);cursor:pointer;opacity:0;flex-direction:column;align-items:center;min-height:300px;padding:2rem 2rem 2rem 0;display:flex}.work__list-item:first-child{padding-top:0}.work__image-logo{max-width:250px;max-height:200px;margin:auto 0;display:flex}.work__name{align-items:center;margin-top:.5rem;font-size:1rem;display:flex}.work__name .icon{fill:var(--color-accent);margin-left:.5rem}[data-theme=dark] .work__image-logo-img{filter:brightness(0)invert()}[data-theme=dark] .work__image--grayscale{filter:grayscale()}.work-item__content{gap:1rem;display:grid}.work-item__content>*{margin-bottom:0}.work-item__name{text-align:center}.work-item__assets{overflow-wrap:break-word;word-break:break-word}.work-item__assets>*{margin-top:1rem}.work-item__assets>:not(:last-child){border-bottom:.5px solid var(--color-background-alpha);margin-top:1rem;padding-bottom:1rem}.work-item__resources ul{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:1rem;margin:0;list-style:none;display:grid}.work-item__resource-icon{vertical-align:middle;font-size:3rem;line-height:1}.work-item__links{font-size:clamp(.5rem,3vw,.75rem)}.not-found{height:var(--home-height);flex-direction:column;justify-content:center;align-items:center;display:flex}@media (width>=768px){.header__burger{display:none}.header__nav{position:unset;color:var(--color-text);background-color:#0000;padding:0;display:block}.header__mobile{display:none}.header__desktop{justify-content:flex-end;align-items:center;width:150px;display:flex}.header__desktop-nav{display:block}.header__desktop-nav .nav-link{margin:1rem}.nav__desktop{display:inline-block}.nav__menu,.nav__contact{font-size:1rem;font-weight:400}.nav__menu{gap:2rem;display:flex;position:relative}.nav__link{border:none;margin:0;padding:1.2rem 0}.nav__menu:after{--lead:.3s;--trail:.5s;--ease:cubic-bezier(.4, 0, .2, 1);content:"";bottom:0;left:var(--indicator-left,0);right:var(--indicator-right,100%);background-color:var(--color-accent);pointer-events:none;border-top-left-radius:5px;border-top-right-radius:5px;height:2px;position:absolute}.nav__menu[data-ready]:after{transition:left var(--lead) var(--ease), right var(--trail) var(--ease)}.nav__menu[data-ready][data-dir=forward]:after{transition:left var(--trail) var(--ease), right var(--lead) var(--ease)}.nav__contact{margin-left:1rem}.footer__content{font-size:.75rem}.about__content{grid-template-columns:300px 1fr;gap:4rem}.about__image{max-width:100%}.about__list{position:relative}.about__list-wrapper{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent;padding-right:1rem;position:absolute;inset:0;overflow:clip scroll}.about__list-item{text-align:left;grid-template-columns:60px 1fr;align-items:center;gap:1rem;display:grid}.about__list-year{border-right:.5px solid var(--color-border);text-align:center;justify-content:left;gap:0;height:100%;display:grid}.about__list-year-dash{line-height:1rem}.work__list-item{padding-inline:0}.work__list-item:first-child{padding-top:var(--padding)}.work-item__name{margin-top:0}.work-item__assets{grid-template-columns:250px 1fr;display:grid}.work-item__assets>*{padding-left:var(--padding);border-left:.5px solid var(--color-background-alpha);border-bottom:none}.work-item__assets>:first-child{margin-right:var(--margin);border:none;padding:0}.slideshow{margin-inline:auto}.slideshow__button{display:flex}}@media (width>=1024px){.work-item__group{grid-template-columns:1fr 300px;gap:2rem;display:grid}.work-item__assets{display:block}.work-item__assets>*{border-top:.5px solid var(--color-background-alpha);margin-bottom:1rem;padding-top:1rem}.work-item__assets>:first-child{margin:0}.work-item__assets>:last-child{border-left:0;padding-left:0}}@media (width>=1280px){.work__modal{width:100%}}