@import url(https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Home{align-items:center;flex-direction:row;gap:4vw;min-height:100vh;padding:0 8%}.Home,.Home-left{display:flex;justify-content:center}.Home-left{flex:0 0 auto;flex-direction:column}.Home-right{align-items:center;display:flex;flex:0 0 24vw;justify-content:center}.Home-title{font-family:Geist,sans-serif;font-size:clamp(1.6rem,4.6vw,3.5rem);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.2rem;text-align:left}.Home-divider{border-radius:2px;height:3px;margin-bottom:1.2rem;opacity:.7;width:2.5rem}.Home-description{font-family:Geist,sans-serif;font-size:clamp(1.2rem,1.4vw,1.05rem);font-weight:500;letter-spacing:.01em;line-height:1.7;max-width:38ch;opacity:.85;text-align:left}.Home-nav-list{display:flex;flex-direction:column;gap:.1rem;list-style:none;margin-top:2rem;padding:0}.Home-nav-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:.65rem;opacity:.7;padding:.4rem 0;text-align:left;transition:transform .15s ease,opacity .15s ease;width:-webkit-fit-content;width:fit-content}.Home-nav-item:hover{opacity:1;transform:translateX(6px)}.Home-nav-icon{align-items:center;display:flex;flex-shrink:0}.Home-nav-label{font-family:Geist,sans-serif;font-size:clamp(.95rem,1vw,.8rem);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.Home-nav-external{align-items:center;display:flex;margin-left:.15rem;opacity:.7}.Home-ghost{display:block;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.Home-typed{left:0;position:absolute;top:0}.Home-cursor{animation:blink .55s step-start infinite;display:inline-block;font-weight:300;margin-left:1px}@media (max-width:768px){.Home{align-items:center;flex-direction:column;gap:2.5rem;padding:2.5rem 6%}.Home-left{align-items:flex-start;width:100%}.Home-right{flex:0 0 auto;max-width:260px;width:60vw}.Home-title{font-size:2.4rem}.Home-description{font-size:.95rem;max-width:100%}.Home-nav-label{font-size:.75rem}}.Home-image{display:block;height:auto;max-width:100%;width:100%}.tilt-wrapper{align-items:center;cursor:default;display:flex;justify-content:center;user-select:none;-webkit-user-select:none;width:100%}.tilt-float{animation:float 5s ease-in-out infinite;will-change:transform}.tilt-card{position:relative;will-change:transform}.tilt-shine{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.About{box-sizing:border-box;flex-direction:column;gap:5rem;min-height:100vh;padding:96px 18% 80px}.About,.About-hero{align-items:flex-start;display:flex}.About-hero{flex-direction:row;gap:3vw;width:100%}.About-hero-left{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.About-hero-right{align-items:flex-start;display:flex;flex:0 0 clamp(220px,28vw,560px);justify-content:flex-start;padding-top:6rem}.About-ghost{display:block;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.About-typed{left:0;position:absolute;top:0}.About-cursor{animation:blink .55s step-start infinite;display:inline-block;font-weight:300;margin-left:1px}.About-title{font-family:Geist,sans-serif;font-size:clamp(1.6rem,4.6vw,3.5rem);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.2rem}.About-divider{border-radius:2px;height:3px;margin-bottom:1.2rem;opacity:.7;width:2.5rem}.About-description{font-family:Geist,sans-serif;font-size:clamp(1rem,1.2vw,1rem);font-weight:400;line-height:1.75;max-width:60ch;opacity:.85}.About-image{border-radius:10px;box-shadow:0 4px 24px #0000001f;display:block;height:auto;width:100%}.About-section{width:100%}.About-section-header{font-family:Geist,sans-serif;font-size:1.6rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.7rem}.About-section-divider{border-radius:2px;height:2.5px;margin-bottom:1.4rem;opacity:.7;width:2rem}@media (max-width:768px){.About{gap:3rem;padding:80px 6% 60px}.About-hero{flex-direction:column}.About-hero-right{flex:0 0 auto;max-width:280px;padding-top:0;width:100%}.About-title{font-size:2.2rem}.About-description{font-size:.95rem;max-width:100%}}.TechStack{gap:1.6rem}.TechStack,.TechStack-group{display:flex;flex-direction:column}.TechStack-group{gap:.7rem}.TechStack-group-label{font-family:Geist,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.1em;opacity:.45;text-transform:uppercase}.TechStack-grid{display:flex;flex-wrap:wrap;gap:.6rem}.TechStack-item{align-items:center;border:1px solid;border-radius:6px;cursor:default;display:flex;gap:.5rem;padding:.45rem .85rem;transition:transform .15s ease;-webkit-user-select:none;user-select:none}.TechStack-item:hover{transform:translateY(-2px)}.TechStack-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.1rem}.TechStack-label{font-family:Geist,sans-serif;font-size:.78rem;font-weight:500;letter-spacing:.04em;white-space:nowrap}.Timeline{display:flex;flex-direction:column;width:100%}.Timeline-row{grid-gap:0 1.2rem;align-items:flex-start;display:grid;gap:0 1.2rem;grid-template-columns:4rem 2rem 1fr}.Timeline-year{font-family:Geist,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.06em;opacity:1;padding-top:.2rem;text-align:right}.Timeline-spine{align-items:center;display:flex;flex-direction:column}.Timeline-dot{border-radius:50%;flex-shrink:0;height:9px;margin-top:.3rem;width:9px}.Timeline-line{flex:1 1;margin-top:4px;min-height:2.8rem;opacity:.4;width:1.5px}.Timeline-body{padding-bottom:2.2rem}.Timeline-title{align-items:center;display:flex;font-family:Geist,sans-serif;font-size:1.1rem;font-weight:600;gap:.45rem;letter-spacing:-.01em;line-height:1.3}.Timeline-logo{display:inline-block;flex-shrink:0;height:1em;vertical-align:middle;width:auto}.Timeline-subtitle{font-family:Geist,sans-serif;font-size:.95rem;font-weight:400;margin-top:.2rem;opacity:1}.Timeline-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.45rem}@media (max-width:768px){.Timeline-row{gap:0 .7rem;grid-template-columns:3rem 1.5rem 1fr}.Timeline-year{font-size:.75rem}.Timeline-title{font-size:.95rem}.Timeline-subtitle{font-size:.82rem}}.TagPill{align-items:center;border:1px solid;border-radius:4px;display:inline-flex;font-family:Geist,sans-serif;font-size:.72rem;font-weight:500;gap:.3rem;letter-spacing:.08em;padding:.15rem .55rem;text-transform:uppercase}.Contact{align-items:center;flex-direction:row;gap:8vw;height:100vh;padding:0 8%}.Contact,.Contact-left{display:flex;justify-content:center}.Contact-left{flex:0 1 auto;flex-direction:column}.Contact-right{align-items:center;display:flex;flex:0 0 auto;justify-content:flex-start}.Contact-ghost{display:block;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.Contact-typed{left:0;position:absolute;top:0}.Contact-cursor{animation:blink .55s step-start infinite;display:inline-block;font-weight:300;margin-left:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.Contact-header{font-family:Geist,sans-serif;font-size:clamp(1.6rem,4.6vw,3.5rem);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.2rem;text-align:left;white-space:nowrap}.Contact-divider{border-radius:2px;height:3px;margin-bottom:1.2rem;opacity:.7;width:2.5rem}.Contact-description{font-family:Geist,sans-serif;font-size:clamp(.85rem,1.4vw,1.05rem);font-weight:500;opacity:.85;text-align:left}.Contact-nav-list{display:flex;flex-direction:column;gap:.1rem;list-style:none;margin:0;padding:0}.Contact-nav-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:.65rem;opacity:.7;padding:.4rem 0;text-decoration:none;transition:transform .15s ease,opacity .15s ease;width:-webkit-fit-content;width:fit-content}.Contact-nav-item:hover{opacity:1;transform:translateX(6px)}.Contact-nav-icon{align-items:center;display:flex;flex-shrink:0}.Contact-nav-label{font-family:Geist,sans-serif;font-size:clamp(.65rem,1vw,.8rem);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.Contact-nav-external{align-items:center;display:flex;margin-left:.15rem;opacity:.7}@media (max-width:768px){.Contact{align-items:flex-start;flex-direction:column;gap:2rem;justify-content:center;padding:0 6%}.Contact-header{font-size:2.2rem;white-space:normal}.Contact-description{font-size:.95rem}.Contact-nav-label{font-size:.85rem}}.Projects{gap:2.8rem;min-height:calc(100vh - 64px);padding:96px 18% 80px}.Projects,.Projects-header-section{display:flex;flex-direction:column}.Projects-title{font-family:Geist,sans-serif;font-size:clamp(1.6rem,4.6vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:.75rem}.Projects-ghost{display:block;height:0;overflow:hidden;pointer-events:none;user-select:none;-webkit-user-select:none;visibility:hidden}.Projects-typed{display:block}.Projects-cursor{animation:projects-blink .9s step-start infinite;margin-left:1px}@keyframes projects-blink{0%,to{opacity:1}50%{opacity:0}}.Projects-divider{border-radius:2px;height:2.5px;margin-bottom:1rem;opacity:.7;width:2rem}.Projects-description{font-family:Geist,sans-serif;font-size:clamp(.85rem,1.2vw,1rem);font-weight:400;line-height:1.65;max-width:52ch}.Projects-grid{grid-gap:1.4rem;display:grid;gap:1.4rem;grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.Projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.Projects{gap:2rem;margin-top:90px;min-height:calc(100vh - 90px);padding:2.5rem 6% 4rem}.Projects-grid{grid-template-columns:1fr}}.ProjectCard{border:1px solid;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;padding:1.4rem 1.6rem 1.3rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;user-select:none;-webkit-user-select:none}.ProjectCard:hover{box-shadow:0 8px 28px #0000001a;transform:translateY(-3px)}.ProjectCard-year{font-family:Geist,sans-serif;font-size:.78rem;font-weight:500;letter-spacing:.06em;margin-bottom:.5rem;opacity:.85}.ProjectCard-title{font-family:Geist,sans-serif;font-size:1.15rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin-bottom:.65rem}.ProjectCard-description{font-family:Geist,sans-serif;font-size:.88rem;font-weight:400;line-height:1.6;opacity:.85}.ProjectCard-spacer{flex:1 1;min-height:1rem}.ProjectCard-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.ProjectDetail{display:flex;flex-direction:column;margin-top:32px;min-height:calc(100vh - 64px);padding:3rem 18% 5rem}.ProjectDetail--notfound{align-items:flex-start;gap:1rem;justify-content:flex-start}.ProjectDetail-back{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-family:Geist,sans-serif;font-size:.88rem;font-weight:500;gap:.3rem;letter-spacing:.01em;margin-bottom:2rem;opacity:.8;padding:0;transition:opacity .15s ease}.ProjectDetail-back:hover{opacity:1}.ProjectDetail-year{font-family:Geist,sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.06em;margin-bottom:.5rem;opacity:.85}.ProjectDetail-title{font-family:Geist,sans-serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:1rem}.ProjectDetail-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}.ProjectDetail-link-btn{align-items:center;align-self:flex-start;border:1px solid;border-radius:6px;cursor:pointer;display:inline-flex;font-family:Geist,sans-serif;font-size:.85rem;font-weight:600;gap:.3rem;letter-spacing:.02em;margin-bottom:1.5rem;margin-top:1rem;opacity:.85;padding:.45rem 1rem;text-decoration:none;transition:opacity .15s ease,transform .15s ease}.ProjectDetail-link-btn:hover{opacity:1}.ProjectDetail-divider{border-radius:2px;height:2.5px;margin-bottom:1rem;opacity:.7;width:2rem}.ProjectDetail-image-wrap{margin-bottom:2rem}.ProjectDetail-image{border-radius:8px;display:block;height:auto;max-width:860px;width:100%}.ProjectDetail-body{font-family:Geist,sans-serif;font-size:1rem;font-weight:400;line-height:1.7;max-width:120ch}@media (max-width:768px){.ProjectDetail{margin-top:90px;min-height:calc(100vh - 90px);padding:2.5rem 6% 4rem}}.Navbar{align-items:center;display:flex;height:64px;left:0;padding:0 8%;position:fixed;right:0;top:0;z-index:1000}.Navbar-brand{cursor:pointer;font-family:Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;font-size:1.5rem;font-style:italic;font-weight:700;letter-spacing:-.01em;margin-right:auto;-webkit-user-select:none;user-select:none}.Navbar-links{gap:.25rem}.Navbar-link,.Navbar-links{align-items:center;display:flex}.Navbar-link{background:#0000;border:none;cursor:pointer;font-family:Geist,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.1em;opacity:.45;padding:.4rem .65rem;text-transform:uppercase;transition:opacity .15s ease;-webkit-user-select:none;user-select:none}.Navbar-link:hover{opacity:.85}.Navbar-link.active{opacity:1;position:relative}.Navbar-link.active:after{background:currentColor;border-radius:1px;bottom:0;content:"";height:1.5px;left:.65rem;opacity:.5;position:absolute;right:.65rem}@media (max-width:768px){.Navbar{flex-wrap:wrap;gap:.1rem;height:auto;padding:.5rem 4%}.Navbar-brand{font-size:1.2rem;width:100%}.Navbar-links{flex-wrap:wrap;gap:0}.Navbar-link{font-size:.65rem;padding:.3rem .45rem}}.theme-overlay{background-color:initial;position:fixed;right:1.2%;top:50%;transform:translateY(-50%);z-index:9999}.toggle-option-crimson-button,.toggle-option-dusk-button,.toggle-option-dynasty-button,.toggle-option-katana-button,.toggle-option-lotus-button,.toggle-option-matcha-button,.toggle-option-mist-button,.toggle-option-porcelain-button,.toggle-option-sakura-button{border:1.5px solid #00000040!important;border-radius:5px!important;box-shadow:0 1px 3px #0000004d;height:clamp(1rem,1.375rem,1.75rem)!important;min-width:clamp(1rem,1.375rem,1.75rem)!important;opacity:.7;overflow:visible!important;padding:0!important;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease!important;width:clamp(1rem,1.375rem,1.75rem)!important}[class*=toggle-option-]:before{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0f0fbf;border-radius:4px;color:#ffffffeb;content:attr(data-label);font-family:Geist,sans-serif;font-size:.65rem;font-weight:500;letter-spacing:.05em;opacity:0;padding:3px 8px;pointer-events:none;position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%) translateX(6px);transition:opacity .15s ease,transform .15s ease;white-space:nowrap}[class*=toggle-option-]:hover:before{opacity:1;transform:translateY(-50%) translateX(0)}.toggle-option-crimson-button:hover,.toggle-option-dusk-button:hover,.toggle-option-dynasty-button:hover,.toggle-option-katana-button:hover,.toggle-option-lotus-button:hover,.toggle-option-matcha-button:hover,.toggle-option-mist-button:hover,.toggle-option-porcelain-button:hover,.toggle-option-sakura-button:hover{opacity:.9;transform:scale(1.1)}.toggle-option-crimson-button.Mui-selected,.toggle-option-dusk-button.Mui-selected,.toggle-option-dynasty-button.Mui-selected,.toggle-option-katana-button.Mui-selected,.toggle-option-lotus-button.Mui-selected,.toggle-option-matcha-button.Mui-selected,.toggle-option-mist-button.Mui-selected,.toggle-option-porcelain-button.Mui-selected,.toggle-option-sakura-button.Mui-selected{border:1.5px solid #fff!important;box-shadow:0 0 0 1.5px #0006,0 2px 6px #0006;opacity:1;transform:scale(1.18)}.toggle-option-crimson-button{background:linear-gradient(155deg,#180d0d 45%,#e84040 55%)}.toggle-option-dusk-button{background:linear-gradient(155deg,#1c1624 45%,#7c5cbf 55%)}.toggle-option-dynasty-button{background:linear-gradient(155deg,#b8860b 45%,#8b1a1a 55%)}.toggle-option-katana-button{background:linear-gradient(155deg,#000 45%,#a799b7 55%)}.toggle-option-lotus-button{background:linear-gradient(155deg,#6b2d8b 45%,#5b8c5a 55%)}.toggle-option-matcha-button{background:linear-gradient(155deg,#3b6438 45%,#7a5c30 55%)}.toggle-option-mist-button{background:linear-gradient(155deg,#3d5a73 45%,#7a9eb5 55%)}.toggle-option-porcelain-button{background:linear-gradient(155deg,#1a52c8 45%,#b80320 55%)}.toggle-option-sakura-button{background:linear-gradient(155deg,#b5294e 45%,#8b6f8e 55%)}.ScrollToTop{align-items:center;border:1.5px solid;border-radius:50%;bottom:1.5rem;box-shadow:0 2px 10px #00000026;cursor:pointer;display:flex;height:2.9rem;justify-content:center;left:1.5rem;opacity:0;overflow:hidden;pointer-events:none;position:fixed;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease,width .22s ease,border-radius .22s ease;width:2.9rem;z-index:9998}.ScrollToTop-label{font-family:Geist,sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.03em;margin-left:0;max-width:0;opacity:0;overflow:hidden;transition:max-width .22s ease,opacity .18s ease,margin .22s ease;white-space:nowrap}.ScrollToTop--visible{opacity:.8;pointer-events:auto;transform:translateY(0)}.ScrollToTop--visible:hover{border-radius:999px;opacity:1;padding:0 .75rem;transform:translateY(0);width:auto}.ScrollToTop--visible:hover .ScrollToTop-label{margin-left:.3rem;max-width:6rem;opacity:1}@media (max-width:768px){.ScrollToTop{bottom:1.2rem;height:2.6rem;left:1.2rem;width:2.6rem}}
/*# sourceMappingURL=main.4dbf9af9.css.map*/