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