*:where(:not(iframe,canvas,img,svg,video):not(svg *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}ol,ul{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}:root{--font-size: 18px;--margin: 2rem;--padding: 2rem;--border: .5px solid var(--border-color);--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]{--primary-color: var(--white);--primary-color-100: var(--white-1);--primary-color-200: var(--white-2);--accent-color: var(--white-2);--text-color: var(--white-1);--background-color: var(--black);--background-color-100: var(--black-1);--background-color-200: var(--black-2);--background-color-alpha: hsla(from var(--black) h s l / .25);--border-color: hsla(from var(--white-2) h s l / .25);--logo-color: var(--white-1);--error: var(--red-dark)}[data-theme=light]{--primary-color: var(--black);--primary-color-100: var(--black-1);--primary-color-200: var(--black-2);--accent-color: var(--blue-dark);--text-color: var(--black-1);--background-color: var(--white);--background-color-100: var(--white-1);--background-color-200: var(--white-2);--background-color-alpha: hsla(from var(--white) h s l / .25);--border-color: hsla(from var(--black-2) h s l / .25);--logo-color: var(--black-1);--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;color:var(--text-color)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1;margin-bottom:1rem}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}:root{interpolate-size:allow-keywords}html{scrollbar-gutter:stable;scrollbar-width:thin;background-color:var(--background-color);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}p{margin-bottom:1rem}p:last-child{margin-bottom:0}img{width:100%;height:100%;object-fit:contain}.btn{display:inline-block;color:var(--background-color);background-color:var(--primary-color);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(--background-color-200)}.btn:hover{background-color:var(--primary-color-200)}.btn--inverted{color:var(--primary-color);background-color:var(--background-color)}.btn--inverted:active:not(:disabled),.btn--inverted:focus-visible:not(:disabled),.btn--inverted:disabled{background-color:var(--background-color-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;animation:fade-in .5s ease-in forwards;cursor:pointer}.header__theme-btn .icon{fill:var(--primary-color)}.header__burger{all:unset;display:grid;gap:4px;align-items:center;height:20px;width:20px}.header__burger>*{background-color:var(--text-color);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(--primary-color);color:var(--background-color);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(--logo-color)}.logo-b{fill:var(--accent-color)}.nav__desktop{display:none}.nav__mobile-backdrop{position:fixed;width:100svh;height:100svh;top:0;left:0;background-color:hsla(from var(--background-color) 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(--border-color)}.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{padding-inline:1rem}.footer__content{margin-top:var(--margin);padding:1rem var(--padding);height:var(--footer-height);border-top:.5px solid var(--border-color);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(--primary-color);color:var(--background-color);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(--primary-color);background-color:var(--background-color);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(--background-color-100);overflow:hidden}.slideshow__images{display:flex;align-items:center;height:100%;min-height:200px;transition:transform .5s ease-in-out}.slideshow__image{height:100%;width:100%;object-fit:contain;display:block;flex-shrink:0}.slideshow__button{display:none;position:absolute;top:50%;transform:translateY(-50%);background:var(--background-color-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(--primary-color)}.slideshow__button:hover{background:var(--background-color);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(--background-color-200);cursor:pointer;transition:all .3s ease}.slideshow__dot:hover,.slideshow__dot--active{background:var(--accent-color)}.slideshow__dot:hover,.slideshow__dot--active{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(--background-color-alpha);border-radius:var(--border-radius-half);width:100%;padding:.5rem}.contact__input::placeholder{opacity:.5}.contact__input--error{border-color:var(--error)}.contact__error-message{position:absolute;bottom:-1.1rem;left:0;color:var(--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(--primary-color)}.contact__response{text-align:center;margin-top:1rem}#contact-message{field-sizing:content;min-height:100px;resize:none;box-sizing:border-box}.page{overflow-y:hidden}.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}.home h2{font-size:1.2rem}.home p{fill:var(--text-color)}.home .icon,.home .git-btn{vertical-align:bottom}.home .icon{fill:var(--background-color)}.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{overflow:clip}.about .page__content{display:grid;gap:var(--margin)}.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}.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;height:auto}.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(--primary-color)}.about__list-button .icon{fill:var(--background-color);rotate:45deg;transition:rotate .5s ease-in-out}.about__list-accordion{grid-column:1/-1;height:0;overflow:clip;transition:height .5s ease-in-out}.about__list-accordion img{margin-top:var(--margin)}.work__list{display:grid;gap:var(--margin);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(--border-color);border-bottom:.5px solid var(--border-color);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(--accent-color)}[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(--background-color-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(--text-color);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(--accent-color)}.nav__contact{margin-left:1rem}.footer__content{font-size:.75rem}.home h1{font-size:3.5rem}.home h2{font-size:2.5rem}.about .page__content{grid-template-columns:300px 1fr;gap:4rem;grid-template-rows:auto}.about__image{max-width:100%}.about__list{position:relative}.about__list-wrapper{position:absolute;inset:0;padding-right:1rem;overflow-y:scroll;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent;background:linear-gradient(var(--background-color) 30%,var(--background-color)) center top,linear-gradient(var(--background-color),var(--background-color) 70%) center bottom,radial-gradient(farthest-side at 50% 0,var(--border-color),var(--background-color-alpha)) center top,radial-gradient(farthest-side at 50% 100%,var(--border-color),var(--background-color-alpha)) center bottom;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 16px,100% 16px;background-attachment:local,local,scroll,scroll}.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(--border-color);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(--background-color-alpha);border-bottom:none}.work-item__assets>*:first-child{padding:0;border:none;margin-right:var(--margin)}.slideshow{max-width:92%;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(--background-color-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%}}