@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&display=swap";@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";:root{--color-switch:white;--color-pink:#8aff92;--color-pink02:#ff8ad2;--color-green:#8aff92;--color-grey:rgb(181,181,181);--color-background:grey;--padding-global:1rem;--mainColor:#8aff92;--secondColor:grey;--pinkColor:#ff87c3}::selection{background:var(--pinkColor);color:var(--color-grey)}::-moz-selection{background:var(--pinkColor);color:var(--color-grey)}*{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;text-rendering:optimizeLegibility;-ms-overflow-style:none;scrollbar-width:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}::-webkit-scrollbar{display:none}@font-face{font-family:Inter-Regular;src:url(/_next/static/media/Inter-Regular.34ba43c9.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Inter-Light;src:url(/_next/static/media/Inter-Light.8e9094d3.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Inter-SemiBold;src:url(/_next/static/media/Inter-SemiBold.95439fb4.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Jetbrain-Regular;src:url(/_next/static/media/JetBrainsMono-Regular.b8c97eba.woff2) format("woff2");font-weight:400;font-style:normal}body,html{font-family:sans-serif;font-family:Inter,sans-serif;font-family:Inter-Light,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.project-list-img-info-row{display:flex;flex-direction:row;align-items:flex-end;width:100%;max-width:min(75vw,650px);margin-bottom:0}@media(max-width:768px){.project-list-img-info-row{max-width:100vw}}.project-list-info-outside{margin-left:1.5rem;margin-bottom:.2rem;padding:.5rem 1rem;min-width:0;box-sizing:border-box;align-self:flex-end}.project-list-info-overlay{position:fixed;top:85%;right:0;transform:translateY(-50%);color:var(--secondColor);color:var(--pinkColor);padding:1rem;font-size:.8rem;text-align:end;white-space:nowrap;z-index:1000;pointer-events:none}.project-list-info-overlay p{display:inline;margin:0;padding:0}@media(max-width:768px){.project-list-info-overlay{display:none}}.project-list-img-wrapper{flex:0 0 auto;width:60%;min-width:180px}@media(max-width:768px){.project-list-img-wrapper{flex:0 0 100vw;width:100vw;min-width:0}}.project-list-title-sticky{grid-area:1/1;align-self:start;position:-webkit-sticky;position:sticky;top:0;display:block;font-size:1.3rem;line-height:1;z-index:10;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--pinkColor);pointer-events:none;padding:.5rem;text-align:right}@media(max-width:768px){.project-list-title-sticky{font-size:1rem}}.project-list-year-bottom-right{position:absolute;bottom:35%;right:10%;font-size:1rem;z-index:3;white-space:nowrap;color:var(--pinkColor);display:none}.project-list-info{flex:1 1;padding:.5rem 1rem;max-width:40%;min-width:0;box-sizing:border-box}.project-list-info-title{margin-bottom:.2rem}.project-list-info-year{margin-left:.7rem}.project-list-info-tags{margin-bottom:.4rem}.project-list-info-desc{margin-top:.2rem}.scrollable-homepage{min-height:100vh;height:100vh;overflow:hidden;display:block}.project-list-vertical{max-width:100vw;margin:0;gap:0;overflow:hidden;max-height:calc(100vh - 8rem);width:100%}.project-list-item,.project-list-vertical{display:flex;flex-direction:column;align-items:flex-start}.project-list-item{width:min(75vw,650px);max-width:min(75vw,650px);margin-left:0;margin-bottom:0}@media(max-width:768px){.project-list-item{max-width:100vw}}.project-list-img-wrapper{position:relative;width:100%;max-width:min(75vw,650px);height:auto;display:grid}@media(max-width:768px){.project-list-img-wrapper{max-width:100vw}}.project-list-img-link{grid-area:1/1;display:block;width:100%}.project-list-img{width:100%;max-width:min(75vw,650px);height:auto;object-fit:cover;filter:grayscale(100%);transition:filter .3s;border-radius:0;box-shadow:none;cursor:pointer;display:block}@media(max-width:768px){.project-list-img{width:100vw;max-width:100vw}}.loading-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--pinkColor);font-size:.8rem;z-index:200;pointer-events:none}.project-list-vertical{opacity:0;transition:opacity .8s ease-in-out}.images-loaded .project-list-vertical{opacity:1}.project-list-img-wrapper+.project-list-img-wrapper{margin-top:0}.project-list-img-wrapper{margin-bottom:0}.project-list-img-wrapper:hover .project-list-img,.project-list-img:focus{filter:grayscale(0)}.project-list-title-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(0,0,0,.45);font-size:.7rem;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s;text-align:center;z-index:2}.project-list-img-wrapper:hover .project-list-title-overlay{opacity:1;pointer-events:auto}.project-list-mobile-desc{display:none}@media(max-width:768px){.project-list-mobile-desc{display:block;position:absolute;bottom:.6rem;left:.6rem;color:var(--pinkColor);font-size:.6rem;text-align:left;pointer-events:none;z-index:5}.project-list-mobile-desc p{display:inline;margin:0;padding:0}}.about-tag-btn.selected{background:#e05fa7;color:#fff;border:2px solid #fff}.tag-project-list{margin-top:1.5rem;padding-left:0;list-style:none}.tag-project-list .tag-project-title{font-size:1.1rem;color:#222;margin-bottom:.5rem;font-weight:500}.homepage{position:relative;width:100vw;height:100vh;overflow:hidden;background-color:var(--color-background)}.homepage .project-description{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1rem 1rem 4rem}@media(max-width:768px){.homepage .project-description{padding-bottom:2rem;padding-top:2rem}}.homepage .project-description p{color:var(--mainColor);color:var(--secondColor);color:#bbb;font-size:1rem;letter-spacing:-.02em}.homepage .project-description p a{color:var(--pinkColor);text-decoration:none}.homepage .project-description p a:hover{text-decoration:underline}.homepage .about-tags{margin-top:2rem;margin-bottom:2rem;display:flex;gap:1rem;justify-content:flex-start;align-items:center;flex-wrap:wrap;display:none}.homepage .about-tags .about-tag-btn{color:#fff;border:none;font-size:1.2rem;cursor:pointer;transition:background .2s,color .2s}.homepage .about-tags .about-tag-btn:hover{background:#e05fa7}.homepage .project-hover-year{color:var(--pinkColor);font-weight:500;font-size:.7rem}@media(max-width:768px){.homepage .project-hover-year{font-size:.6rem}.homepage.scrollable-homepage{height:auto;min-height:100vh;overflow-y:visible;overflow-x:hidden}.project-list-vertical{overflow:visible;max-height:none;max-width:100vw}}.gradient-logo-container{position:fixed;transform:translateY(-50%);z-index:1001;pointer-events:auto;cursor:pointer}.gradient-logo-container img{width:50px;height:50px;display:block}.noise-shader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;pointer-events:none;display:block}