*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;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: hsl(0, 0%, 5%);--black-1: hsl(0, 0%, 15%);--black-2: hsl(0, 0%, 25%);--white: hsl(0, 0%, 100%);--white-1: hsl(0, 0%, 95%);--white-2: hsl(0, 0%, 75%);--blue-light: hsl(201, 48%, 68%);--blue-dark: hsl(213 53% 35%);--red-light: hsl(0, 80%, 45%);--red-dark: hsl(0, 80%, 55%)}[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)}body{font-family:Montserrat,sans-serif;font-size:var(--font-size);font-weight:400;font-style:normal;line-height:1.5;letter-spacing:.25px;color:var(--color-text)}p{text-wrap:pretty;margin-bottom:1.5rem}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1;letter-spacing:-.25px;margin-bottom:1rem;margin-top:0}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:fade-in .5s ease-in forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 2s linear infinite}@keyframes slide-in-right{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slide-in-right .6s ease-out forwards}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.slide-in-bottom{animation:slide-in-bottom .6s ease-out forwards}@keyframes blur-in{0%{opacity:0;transform:translateY(8px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.blur-in{opacity:0;display:inline-block;animation:blur-in .3s ease-in forwards}@keyframes scroll{to{transform:translate(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 ease}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{width:100%;height:100%;object-fit:contain}.btn{display:inline-block;color:var(--color-background);background-color:var(--color-primary);border-radius:var(--border-radius-half);cursor:pointer;transition:background-color .3s ease,transform .1s ease}.btn:active:not(:disabled),.btn:focus-visible:not(:disabled){transform:translateY(1px) scale(.97);background-color:var(--color-background-200)}.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);padding-inline:2rem;margin-inline:auto;box-sizing:content-box}.text-center{text-align:center}.sprites{position:absolute;visibility:hidden}.header{z-index:50}.header__content{display:flex;align-items:center;justify-content:space-between;margin:var(--margin) 0;padding-inline:1rem;border:var(--border);border-radius:var(--border-radius);backdrop-filter:blur(10px)}.header__mobile{display:flex;justify-content:space-between;gap:1rem}.header__desktop{display:none}.header__theme-btn{line-height:0}.header__theme-btn .icon{opacity:0;animation:fade-in .5s linear forwards .2s;cursor:pointer;fill:var(--color-primary)}.header__burger{all:unset;display:grid;gap:4px;align-items:center;height:20px;width:20px}.header__burger>*{background-color:var(--color-text);height:2px;border-radius:4px;transform-origin:0% 0px;opacity:1;-webkit-transition:.3s cubic-bezier(.35,1.6,.65,1);transition:.3s cubic-bezier(.35,1.6,.65,1)}.header__burger>*:nth-child(2){width:75%}.header__burger--is-open>*:nth-child(1){-webkit-transform:rotate(45deg) translate(0px,-2px);transform:rotate(45deg) translateY(-2px)}.header__burger--is-open>*:nth-child(2){width:0;opacity:0}.header__burger--is-open>*:nth-child(3){-webkit-transform:rotate(-45deg) translate(0,0);transform:rotate(-45deg) translate(0)}.header__burger--is-open>*:nth-child(1),.header__burger--is-open>*:nth-child(3){width:125%}.header__mobile-nav{visibility:hidden;opacity:0;position:fixed;top:calc(var(--header-height) + 1rem);left:0;width:100%;padding:1rem;background-color:var(--color-primary);color:var(--color-background);border-radius:var(--border-radius);transform:translateY(-100%);-webkit-transition:opacity .35s ease-in-out,visibility .35s ease-in-out,transform .35s ease-in-out;transition:opacity .35s ease-in-out,visibility .35s ease-in-out,transform .35s ease-in-out}.header__mobile-nav--is-open{visibility:visible;opacity:1;transform:translateY(0)}.logo{width:150px;height:28px;margin:1rem 0}.logo-a{fill:var(--color-logo)}.logo-b{fill:var(--color-accent)}.nav__desktop{display:none}.nav__mobile-backdrop{position:fixed;width:100svh;height:100svh;top:0;left:0;background-color:hsla(from var(--color-background) h s l/.75);z-index:10}.nav__menu,.nav__contact{font-size:2rem;font-weight:200;text-align:center}.nav__link{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--color-border)}.nav__link:last-child{border:none;margin:0}.nav__link a{display:inline-block;width:100%;text-decoration:none}.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);font-size:.65rem;text-align:center}.modal,.modal__overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99}.modal__container{position:relative;padding-top:3rem;margin-top:var(--margin);margin-inline:auto;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}.modal__content{max-height:calc(100svh - var(--margin) * 3);overflow-wrap:break-word;overflow-y:auto;padding:0 2rem 2rem}.modal__overlay{background-color:#00000080}.modal__close-btn{position:absolute;top:1rem;right:1rem;height:30px;width:30px;padding:.2rem;fill:var(--color-primary);background-color:var(--color-background);border-radius:50%;line-height:0;cursor:pointer}.modal__close-icon{height:100%;width:100%}.modal-enter-active,.modal-leave-active{transition:opacity .3s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-to,.modal-leave-from{opacity:1}.slideshow{position:relative;max-width:100%}.slideshow__image-container{position:relative;padding:1rem;border-radius:var(--border-radius);background-color:var(--color-background-100)}.slideshow__images{display:flex;align-items:center;min-height:300px;gap:3rem;overflow-x:scroll;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.slideshow__images::-webkit-scrollbar{display:none}.slideshow__image{scroll-snap-align:center;width:fit-content}.slideshow__button{display:none;position:absolute;top:50%;transform:translateY(-50%);background:var(--color-background-alpha);border:none;border-radius:50%;width:20px;height:20px;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.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{display:flex;justify-content:center;gap:1rem;padding:1rem}.slideshow__dot{width:12px;height:12px;border-radius:50%;background:var(--color-background-200);cursor:pointer;transition:all .3s ease}.slideshow__dot:hover{transform:scale(1.2)}.slideshow__dot--active{background:var(--color-accent);transform:scale(1.2)}.contact{display:flex;align-items:center}.contact__form{display:grid;gap:1rem}.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{position:absolute;bottom:-1.1rem;left:0;color:var(--color-error);font-size:.65rem}.contact__submit{display:flex;align-items:center;margin-inline:auto;padding:.5rem var(--padding);margin-top:.5rem}.contact__submit-icon{height:1rem;width:1rem;margin-left:.5rem;fill:var(--color-primary)}.contact__response{text-align:center;margin-top:1rem}#contact-message{min-height:100px;resize:none;box-sizing:border-box;field-sizing:content}.page{overflow-x:clip}.page__title{text-align:center;margin-bottom:var(--margin)}.page__content{position:relative}.home{display:flex;flex-direction:column;justify-content:center;min-height:var(--home-height);text-align:center;user-select:none}.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{position:fixed;top:0;left:0;width:100%;height:150%;z-index:-1;display:block}.about__content{display:grid;gap:var(--gap)}.about__image{display:block;margin-top:var(--margin);margin-inline:auto;height:auto;width:min(100%,300px);border-radius:var(--border-radius);aspect-ratio:inherit;object-fit:contain}.about__list-item{padding:1rem;margin-bottom:1rem;text-align:center;border:var(--border);border-radius:var(--border-radius);opacity:0;user-select:none}.about__list-item:last-child{margin-bottom:0}.about__list-year{display:flex;justify-content:center;gap:1rem;font-weight:700}.about__list-description{display:grid;grid-template-columns:1fr;position:relative;align-items:center;cursor:pointer}.about__list-description p{margin:0 1rem 0 0}.about__list-description:has(.about__list-button){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{display:flex;align-items:center;justify-content:center;height:25px;width:25px;border-radius:var(--border-radius-half);background-color:var(--color-primary)}.about__list-button .icon{fill:var(--color-background);rotate:45deg;transition:rotate .5s ease-in-out}.about__list-accordion{grid-column:1/-1;height:0;position:relative;overflow:clip;transition:height .5s ease-in-out}.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{display:flex;gap:var(--gap);overflow-inline:clip}.about .experience__items-container:hover .experience__items,.about .experience__items-container:active .experience__items{animation-play-state:paused}.about .experience__items{display:flex;gap:var(--gap);animation-name:scroll;animation-duration:40s;animation-iteration-count:infinite;animation-timing-function:linear}.about .experience__item{display:grid;gap:1rem;text-align:center;align-items:center}.about .experience__item-icon{font-size:3.5rem}.about .experience__item-name{align-self:start;line-height:.75rem;height:1rem}.work__list{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));overflow:hidden}.work__list-item{display:flex;align-items:center;flex-direction:column;padding:2rem 2rem 2rem 0;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);min-height:300px;cursor:pointer;opacity:0}.work__list-item:first-child{padding-top:0}.work__image-logo{display:flex;margin:auto 0;max-height:200px;max-width:250px}.work__name{font-size:1rem;margin-top:.5rem;display:flex;align-items:center}.work__name .icon{margin-left:.5rem;fill:var(--color-accent)}[data-theme=dark] .work__image-logo-img{filter:brightness(0) invert(1)}[data-theme=dark] .work__image--grayscale{filter:grayscale(100%)}.work-item__content{display:grid;gap:1rem}.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){margin-top:1rem;padding-bottom:1rem;border-bottom:.5px solid var(--color-background-alpha)}.work-item__resources ul{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));list-style:none;margin:0}.work-item__resource-icon{font-size:3rem;vertical-align:middle;line-height:1}.work-item__links{font-size:clamp(.5rem,3vw,.75rem)}.not-found{height:var(--home-height);display:flex;flex-direction:column;justify-content:center;align-items:center}@media(width>=768px){.header__burger{display:none}.header__nav{position:unset;display:block;padding:0;color:var(--color-text);background-color:transparent}.header__mobile{display:none}.header__desktop{display:flex;align-items:center;justify-content:flex-end;width:150px}.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{display:flex;gap:2rem}.nav__link{border:none;margin:0;padding:1.2rem 0}.nav__link--active{position:relative}.nav__link--active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:10px;height:2px;border-top-right-radius:5px;border-top-left-radius:5px;background-color:var(--color-accent)}.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{position:absolute;inset:0;padding-right:1rem;overflow-y:scroll;overflow-x:clip;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent}.about__list-item{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:1rem;text-align:left}.about__list-year{display:grid;justify-content:left;gap:0;height:100%;border-right:.5px solid var(--color-border);text-align:center}.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{display:grid;grid-template-columns:250px 1fr}.work-item__assets>*{padding-left:var(--padding);border-left:.5px solid var(--color-background-alpha);border-bottom:none}.work-item__assets>*:first-child{padding:0;border:none;margin-right:var(--margin)}.slideshow{margin-inline:auto}.slideshow__button{display:flex}}@media(width>=1024px){.work-item__group{display:grid;grid-template-columns:1fr 300px;gap:2rem}.work-item__assets{display:block}.work-item__assets>*{margin-bottom:1rem;padding-top:1rem;border-top:.5px solid var(--color-background-alpha)}.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%}}