@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--fg:#e8e4de;--fg-50:#e8e4de80;--fg-20:#e8e4de0f;--mono:"JetBrains Mono", monospace}html{font-family:var(--mono);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-snap-type:y mandatory;scroll-behavior:smooth}body{min-height:100vh}#site-header{z-index:100;background:0 0;align-items:center;height:48px;padding:0 24px;display:flex;position:sticky;top:0;overflow:visible}.header-left{z-index:3;align-items:center;gap:16px;display:flex;position:relative}#site-name{letter-spacing:.03em;color:var(--fg);white-space:nowrap;background:0 0;font-size:14px;font-weight:500;text-decoration:none}#site-name:after{content:"/";color:var(--fg-20);pointer-events:none;margin-left:16px}.header-nav{align-items:center;gap:16px;display:flex}.header-right{z-index:3;align-items:center;margin-left:auto;display:flex;position:relative}.github-link{color:var(--fg-50);justify-content:center;align-items:center;transition:color .2s;display:flex}.github-link:hover{color:var(--fg)}.nav-link{font-family:var(--mono);color:var(--fg-50);font-size:13px;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--fg)}.nav-link.active{color:var(--fg);font-weight:500}.commit-strip-wrapper{z-index:2;pointer-events:none;height:64px;position:absolute;top:0;left:0;right:0;mask-image:linear-gradient(#000 60%,#0000 100%)}#commit-strip{pointer-events:auto;align-items:stretch;display:flex;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000 0%,#000 60%)}.header-blur-extension{z-index:1;pointer-events:none;backdrop-filter:blur(20px);height:96px;position:absolute;top:0;left:0;right:0;mask-image:linear-gradient(#000 0 24px,#000000b3 48px,#0000004d 64px,#00000014 76px,#0000 84px 100%)}.commit-slice{background:var(--fg);opacity:0;flex:1 1 0;min-width:0;animation:.3s ease-out forwards slice-in}.commit-strip-wrapper[data-loaded=true] .commit-slice{opacity:1;animation:none}.commit-slice[data-level="0"]{background:var(--fg-20)}.commit-slice[data-level="1"]{background:#78aa7826}.commit-slice[data-level="2"]{background:#78aa784d}.commit-slice[data-level="3"]{background:#78aa787a}.commit-slice[data-level="4"]{background:#78aa78a6}@keyframes slice-in{0%{opacity:0}to{opacity:1}}#content{padding:0}.project{scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;align-items:center;min-height:calc(100vh - 48px);padding:48px 24px;scroll-margin-top:48px;display:flex;position:relative;overflow:hidden}.project-images{pointer-events:none;z-index:1;position:absolute;inset:0}.project-img{object-fit:cover;opacity:0;border-radius:6px;position:absolute}.project.is-visible .project-img{animation:1.2s ease-out forwards img-drift-in}.project-img-1{opacity:0;width:clamp(200px,30vw,420px);height:clamp(200px,30vw,420px);animation-delay:.3s;top:8%;right:6%;rotate:3deg}.project-img-2{opacity:0;width:clamp(160px,22vw,320px);height:clamp(160px,22vw,320px);animation-delay:.6s;top:6%;left:4%;rotate:-4deg}.project-img-3{aspect-ratio:1;opacity:0;width:clamp(180px,26vw,380px);height:auto;animation-delay:.9s;top:50%;right:22%;translate:0 -50%;rotate:1.5deg}@keyframes img-drift-in{0%{opacity:0;filter:brightness(0);translate:0 24px;scale:.96}to{opacity:1;filter:brightness(.35);translate:0;scale:1}}@keyframes img-drift-in-tablet{0%{opacity:0;filter:brightness(0);translate:0 24px;scale:.96}to{opacity:1;filter:brightness(.42);translate:0;scale:1}}@keyframes img-drift-in-mobile{0%{opacity:0;filter:brightness(0);translate:0 24px;scale:.96}to{opacity:1;filter:brightness(.32);translate:0;scale:1}}.project-content{z-index:2;width:100%;max-width:1200px;position:relative}.project-title{font-family:var(--mono);letter-spacing:-.04em;color:var(--fg);mix-blend-mode:difference;word-break:break-word;overflow-wrap:break-word;margin-bottom:40px;font-size:clamp(3rem,10vw,10rem);font-weight:500;line-height:.85}.project-desc{flex-direction:column;gap:16px;max-width:520px;display:flex}.project-desc p{color:var(--fg-50);letter-spacing:.01em;font-size:13px;line-height:1.65}@media (prefers-reduced-motion:reduce){.commit-slice{opacity:1;animation:none}.project-img{opacity:1;filter:brightness(.35);animation:none}}@media (width<=1024px){.project{align-items:flex-end;padding:48px 24px 64px}.project-content{z-index:2;width:100%;max-width:1200px}.project-title{mix-blend-mode:difference;margin-bottom:24px;font-size:clamp(2.5rem,8vw,5rem)}.project-desc{max-width:55%}.project.is-visible .project-img{animation:1.2s ease-out forwards img-drift-in-tablet}.project-img-1{width:clamp(320px,45vw,520px);height:clamp(320px,45vw,520px);animation-delay:.3s;top:6%;right:2%;rotate:3deg}.project-img-2{width:clamp(260px,38vw,420px);height:clamp(260px,38vw,420px);animation-delay:.6s;top:4%;left:2%;rotate:-4deg}.project-img-3{aspect-ratio:1;z-index:1;width:clamp(280px,42vw,460px);height:auto;animation-delay:.9s;top:48%;left:50%;right:auto;rotate:1.5deg;box-shadow:0 24px 56px #00000080;translate:-67% -50%!important}@media (prefers-reduced-motion:reduce){.project-img{opacity:1;filter:brightness(.42);animation:none}}}@media (width<=640px){.project{align-items:flex-end;padding:32px 16px 48px}.project-content{z-index:2;width:100%;max-width:100%}.project-title{margin-bottom:16px;font-size:clamp(2rem,9vw,3rem)}.project-desc{max-width:100%}.project.is-visible .project-img{animation:1.2s ease-out forwards img-drift-in-mobile}.project-img-1{width:64vw;height:64vw;top:5%;right:-6%;rotate:3deg}.project-img-2{width:54vw;height:54vw;top:4%;left:-6%;rotate:-4deg}.project-img-3{z-index:1;width:58vw;height:58vw;top:25%;left:50%;right:auto;rotate:1.5deg;translate:-67%!important}@media (prefers-reduced-motion:reduce){.project-img{opacity:1;filter:brightness(.32);animation:none}}}@media (width<=480px){#site-header{padding:0 16px}#site-name{padding-right:12px;font-size:13px}.project-desc p{font-size:12px}}.project-index{z-index:90;pointer-events:auto;flex-direction:column;align-items:flex-end;gap:16px;display:flex;position:fixed;top:50%;right:32px;transform:translateY(-50%)}.index-link{font-family:var(--mono);color:var(--fg-50);align-items:center;padding-right:16px;font-size:11px;text-decoration:none;transition:all .3s;display:flex;position:relative}.index-link:after{content:"";background:var(--fg-50);border-radius:50%;width:4px;height:4px;transition:all .3s;position:absolute;right:0}.index-link:hover{color:var(--fg)}.index-link:hover:after{background:var(--fg)}.index-link.active{color:var(--fg);font-weight:500}.index-link.active:after{background:var(--fg);transform:scale(1.5)}.index-label{opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .25s,transform .25s;transform:translate(8px)}.project-index:hover .index-label{opacity:.45;transform:translate(0)}.index-link:hover .index-label{color:var(--fg);opacity:1!important}.project-index:hover .index-link.active .index-label{color:var(--fg);opacity:.8}@media (width<=1024px){.project-index{display:none}}