*{box-sizing:border-box}html{background:#050510}body{background:0 0;margin:0}.bg-sweep{z-index:0;pointer-events:none;position:fixed;inset:0}header{z-index:1;padding-top:24px;position:relative}.celestial-slot{cursor:pointer;-webkit-user-select:none;user-select:none;place-items:center;width:fit-content;margin:0 auto;display:grid}.orbit{transform-origin:50% -250px;will-change:transform, opacity;grid-area:1/1}.orbit.hidden{opacity:0;pointer-events:none}.orbit.active{opacity:1}.orbit.exiting{animation:.55s cubic-bezier(.55,0,1,.45) forwards orbit-out}.orbit.exiting>.celestial{animation:.55s cubic-bezier(.55,0,1,.45) forwards counter-out}.orbit.entering{animation:orbit-in .9s linear(0, .43 5%, .718 10%, .889 15%, .977 20%, 1.015 25%, 1.025 30%, 1.023 35%, 1.017 40%, 1.011 45%, 1.006 50%, 1.003 55%, 1.001 60%, 1 65%, 1) .15s both}.orbit.entering>.celestial{animation:counter-in .9s linear(0, .43 5%, .718 10%, .889 15%, .977 20%, 1.015 25%, 1.025 30%, 1.023 35%, 1.017 40%, 1.011 45%, 1.006 50%, 1.003 55%, 1.001 60%, 1 65%, 1) .15s both}@keyframes orbit-out{0%{opacity:1;transform:rotate(0)scale(1)}60%{opacity:.9}to{opacity:0;transform:rotate(-90deg)scale(.85)}}@keyframes orbit-in{0%{opacity:0;transform:rotate(90deg)scale(.85)}15%{opacity:1}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes counter-out{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes counter-in{0%{transform:rotate(-90deg)}to{transform:rotate(0)}}pre.celestial{white-space:pre;will-change:transform;margin:0;font-family:monospace;font-size:10px;line-height:1.4}.moon-orbit .celestial{color:#d4d4d8}.sun-orbit .celestial{color:#fbbf24}.name-wrap{place-items:center;height:160px;display:grid}pre.name{white-space:pre;cursor:pointer;-webkit-user-select:none;user-select:none;grid-area:1/1;width:fit-content;margin:0;font-family:monospace;font-size:6px;line-height:1.2}.name-overlay{pointer-events:none;color:#0000}.bio-wrap{max-width:420px;margin:0 auto;padding:0 16px;position:relative}.bio{text-align:center;margin:0;font-family:monospace;font-size:14px;line-height:1.6}.bio-overlay{padding:inherit;pointer-events:none;color:#0000;position:absolute;inset:0}.bio-link{color:inherit;text-underline-offset:3px;text-decoration:underline}.bio-link:hover{opacity:.7}.bio-overlay .bio-link{pointer-events:none}.resume-link{color:inherit;text-underline-offset:3px;margin-top:12px;text-decoration:underline;display:inline-block}.resume-link:hover{opacity:.7}.page-footer{z-index:1;place-items:center;padding:16px;font-family:monospace;font-size:13px;display:grid;position:fixed;bottom:0;left:0;right:0}.footer-base,.footer-overlay{grid-area:1/1}.footer-overlay{pointer-events:none}.footer-base .footer-link{color:inherit;text-decoration:none}.footer-base .footer-link:hover{opacity:.7}.footer-overlay .footer-link{color:inherit;text-underline-offset:3px;text-decoration:underline}.projects-header-wrap{place-items:center;margin:16px 0 32px;display:grid}.projects-title{letter-spacing:.15em;text-align:center;grid-area:1/1;margin:0;font-family:monospace;font-size:16px;font-weight:400}.projects-title-overlay{pointer-events:none;color:#0000}.projects-list-wrap{z-index:1;max-width:420px;margin:0 auto;padding:0 16px 80px;position:relative}.projects-list{flex-direction:column;gap:28px;display:flex}.projects-list-overlay{padding:inherit;pointer-events:none;color:#0000;position:absolute;inset:0}.project-entry{text-align:center}.project-name{color:inherit;text-underline-offset:3px;margin-bottom:4px;font-family:monospace;font-size:14px;text-decoration:underline;display:block}.project-name:hover{opacity:.7}.project-desc{opacity:.6;font-family:monospace;font-size:12px;line-height:1.5;display:block}.projects-list-overlay .project-name{text-underline-offset:3px;text-decoration:underline}.very-real-reference{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=600px){pre.celestial{font-size:5px;line-height:1.2}pre.name{font-size:3px;line-height:1.1}.orbit{transform-origin:50% -120px}.celestial-slot{margin-bottom:16px}.name-wrap{height:80px}.bio{font-size:11px;line-height:1.5}.page-footer{font-size:11px}.projects-title{font-size:14px}.project-name{font-size:12px}.project-desc{font-size:11px}.projects-header-wrap{margin:8px 0 24px}.projects-list{gap:22px}}@media (width<=400px){pre.celestial{font-size:4px}pre.name{font-size:2.5px}.orbit{transform-origin:50% -80px}.name-wrap{height:60px}.bio,.page-footer{font-size:10px}.projects-title{font-size:13px}.project-name{font-size:11px}.project-desc{font-size:10px}.projects-list{gap:18px}}