@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Share+Tech+Mono&display=swap";@font-face{font-family:IBM BIOS;src:url(/assets/IBM_BIOS-s5396Krr.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM CGAthin;src:url(/assets/IBM_CGAthin_2y-DoAjruP1.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--text:#3f3;--text-h:#6f6;--bg:#000;--border:#1f7a1f;--code-bg:#061006;--sans:"Share Tech Mono", ui-monospace, Consolas, monospace;--heading:"IBM BIOS", "Press Start 2P", ui-monospace, Consolas, monospace;--mono:"Share Tech Mono", ui-monospace, Consolas, monospace;--cgathin:"IBM CGAthin", "Share Tech Mono", ui-monospace, Consolas, monospace;font:16px/160% var(--sans);letter-spacing:.5px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:15px}}body{background:var(--bg);cursor:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDIyIDMyIiBzaGFwZS1yZW5kZXJpbmc9ImNyaXNwRWRnZXMiPjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0wIDBoMnYyaC0yWiBNMCAyaDJ2MmgtMlogTTIgMmgydjJoLTJaIE0wIDRoMnYyaC0yWiBNNCA0aDJ2MmgtMlogTTAgNmgydjJoLTJaIE02IDZoMnYyaC0yWiBNMCA4aDJ2MmgtMlogTTggOGgydjJoLTJaIE0wIDEwaDJ2MmgtMlogTTEwIDEwaDJ2MmgtMlogTTAgMTJoMnYyaC0yWiBNMTIgMTJoMnYyaC0yWiBNMCAxNGgydjJoLTJaIE0xNCAxNGgydjJoLTJaIE0wIDE2aDJ2MmgtMlogTTE2IDE2aDJ2MmgtMlogTTAgMThoMnYyaC0yWiBNMTggMThoMnYyaC0yWiBNMCAyMGgydjJoLTJaIE0xMCAyMGgydjJoLTJaIE0xMiAyMGgydjJoLTJaIE0xNCAyMGgydjJoLTJaIE0xNiAyMGgydjJoLTJaIE0xOCAyMGgydjJoLTJaIE0yMCAyMGgydjJoLTJaIE0wIDIyaDJ2MmgtMlogTTYgMjJoMnYyaC0yWiBNMTIgMjJoMnYyaC0yWiBNMCAyNGgydjJoLTJaIE00IDI0aDJ2MmgtMlogTTggMjRoMnYyaC0yWiBNMTQgMjRoMnYyaC0yWiBNMCAyNmgydjJoLTJaIE0yIDI2aDJ2MmgtMlogTTggMjZoMnYyaC0yWiBNMTQgMjZoMnYyaC0yWiBNMTAgMjhoMnYyaC0yWiBNMTYgMjhoMnYyaC0yWiBNMTAgMzBoMnYyaC0yWiBNMTIgMzBoMnYyaC0yWiBNMTQgMzBoMnYyaC0yWiBNMTYgMzBoMnYyaC0yWiIvPjxwYXRoIGZpbGw9IiMzM2ZmMzMiIGQ9Ik0yIDRoMnYyaC0yWiBNMiA2aDJ2MmgtMlogTTQgNmgydjJoLTJaIE0yIDhoMnYyaC0yWiBNNCA4aDJ2MmgtMlogTTYgOGgydjJoLTJaIE0yIDEwaDJ2MmgtMlogTTQgMTBoMnYyaC0yWiBNNiAxMGgydjJoLTJaIE04IDEwaDJ2MmgtMlogTTIgMTJoMnYyaC0yWiBNNCAxMmgydjJoLTJaIE02IDEyaDJ2MmgtMlogTTggMTJoMnYyaC0yWiBNMTAgMTJoMnYyaC0yWiBNMiAxNGgydjJoLTJaIE00IDE0aDJ2MmgtMlogTTYgMTRoMnYyaC0yWiBNOCAxNGgydjJoLTJaIE0xMCAxNGgydjJoLTJaIE0xMiAxNGgydjJoLTJaIE0yIDE2aDJ2MmgtMlogTTQgMTZoMnYyaC0yWiBNNiAxNmgydjJoLTJaIE04IDE2aDJ2MmgtMlogTTEwIDE2aDJ2MmgtMlogTTEyIDE2aDJ2MmgtMlogTTE0IDE2aDJ2MmgtMlogTTIgMThoMnYyaC0yWiBNNCAxOGgydjJoLTJaIE02IDE4aDJ2MmgtMlogTTggMThoMnYyaC0yWiBNMTAgMThoMnYyaC0yWiBNMTIgMThoMnYyaC0yWiBNMTQgMThoMnYyaC0yWiBNMTYgMThoMnYyaC0yWiBNMiAyMGgydjJoLTJaIE00IDIwaDJ2MmgtMlogTTYgMjBoMnYyaC0yWiBNOCAyMGgydjJoLTJaIE0yIDIyaDJ2MmgtMlogTTQgMjJoMnYyaC0yWiBNOCAyMmgydjJoLTJaIE0xMCAyMmgydjJoLTJaIE0yIDI0aDJ2MmgtMlogTTEwIDI0aDJ2MmgtMlogTTEyIDI0aDJ2MmgtMlogTTEwIDI2aDJ2MmgtMlogTTEyIDI2aDJ2MmgtMlogTTEyIDI4aDJ2MmgtMlogTTE0IDI4aDJ2MmgtMloiLz48L3N2Zz4K) 0 0,auto;margin:0}a,button{cursor:inherit}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;max-width:1400px;min-height:100svh;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);text-transform:uppercase;font-weight:400}h1{letter-spacing:0;margin:24px 0;font-size:clamp(32px,7.5vw,110px);line-height:150%}@media (width<=1024px){h1{margin:16px 0}}h2{letter-spacing:0;margin:0 0 16px;font-size:16px;line-height:160%}@media (width<=1024px){h2{font-size:13px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:0;display:inline-flex}code{background:var(--code-bg);border:3px solid var(--border);padding:4px 8px;font-size:15px;line-height:135%}html{scroll-behavior:smooth}.navbar{background:var(--bg);color:var(--text);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:relative}.logo{font-family:var(--heading);color:var(--text-h);margin:0;font-size:.7rem}.nav-toggle{background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:28px;height:22px;padding:0;display:none}.nav-toggle span{background:var(--text);border-radius:0;height:3px;display:block}.nav-links{gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--text);font-family:var(--cgathin);font-size:.85rem;text-decoration:none;transition:color .1s steps(2,end)}.nav-links a:before{content:"> ";color:var(--border)}.nav-links a:hover,.nav-links a:focus-visible{color:var(--text-h)}@media (width<=640px){.nav-toggle{display:flex}.nav-links{background:var(--bg);border-bottom:3px solid var(--border);flex-direction:column;align-items:flex-start;gap:1rem;max-height:0;transition:max-height .25s,padding .25s;position:absolute;top:100%;left:0;right:0;overflow:hidden}.nav-links.open{max-height:240px;padding:1.5rem}}.hero{text-align:left;background:var(--bg);padding:2.5rem 1.5rem}.hero h1{margin-top:0}.hero p{font-family:var(--cgathin);max-width:34rem;margin:0}.cursor{animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.btn{background:var(--bg);color:var(--text);text-transform:uppercase;letter-spacing:1px;border:3px solid var(--text);font-family:var(--mono);border-radius:0;margin-top:1.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:background .1s steps(2,end),color .1s steps(2,end);display:inline-block}.btn:hover,.btn:focus-visible{background:var(--text);color:var(--bg)}.btn-outline{border-color:var(--border);color:var(--text)}.btn-outline:hover,.btn-outline:focus-visible{background:var(--text);color:var(--bg)}.contact-links{flex-wrap:wrap;gap:1rem;display:flex}.projects{text-align:left;padding:3rem 1.5rem}.project-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-top:1.25rem;display:grid}.project-card{background:var(--bg);border:3px solid var(--border);text-align:left;transform-origin:top;border-radius:0;padding:1rem;transition:border-color .1s steps(2,end),transform .2s steps(5,end)}.project-card:hover{border-color:var(--text);z-index:2;transform:scale(1.1)}.project-image{object-fit:cover;border-bottom:3px solid var(--border);width:calc(100% + 2rem);max-width:none;height:140px;image-rendering:pixelated;margin:-1rem -1rem 1rem;transition:height .2s steps(4,end);display:block}.project-card:hover .project-image{background:var(--bg);height:auto}.project-card h3{font-family:var(--heading);color:var(--text-h);margin:0 0 .75rem;font-size:.7rem;line-height:160%}.project-tags{flex-wrap:wrap;gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:flex}.project-tags li{font-family:var(--mono);color:var(--text);border:3px solid var(--border);border-radius:0;padding:.2rem .5rem;font-size:.7rem}.project-link{color:var(--text-h);text-decoration:none}.project-link:before{content:"> "}.project-link:hover,.project-link:focus-visible{text-decoration:underline}.experiences{text-align:left;padding:3rem 1.5rem}.experience-columns{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-top:1.25rem;display:grid}.experience-column{border:3px solid var(--border);background:var(--bg);flex-direction:column;transition:border-color .1s steps(2,end);display:flex}.experience-column:hover{border-color:var(--text)}.experience-header{border-bottom:3px solid var(--border);padding:1rem 1.25rem}.experience-header h3{font-family:var(--heading);color:var(--text-h);margin:0;font-size:.75rem;line-height:160%}.experience-org{font-family:var(--mono);color:var(--text);margin-top:.35rem}.experience-subtitle{font-family:var(--mono);color:var(--text);opacity:.75;margin-top:.5rem;font-size:.8rem}.experience-scroll{scroll-snap-type:y mandatory;background:var(--border);scrollbar-width:thin;scrollbar-color:var(--text) var(--bg);flex-direction:column;gap:3px;height:420px;display:flex;overflow-y:auto}.experience-scroll::-webkit-scrollbar{width:10px}.experience-scroll::-webkit-scrollbar-track{background:var(--bg)}.experience-scroll::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg)}.experience-scroll::-webkit-scrollbar-thumb:hover{background:var(--text)}.experience-photo{object-fit:cover;scroll-snap-align:start;flex-shrink:0;width:100%;height:420px;display:block}.experience-slide{background:var(--bg);scroll-snap-align:start;flex-shrink:0;justify-content:center;display:flex}.tiktok-iframe{aspect-ratio:9/16;border:none;width:325px;max-width:100%;display:block}.contact{text-align:left;background:var(--bg);padding:3rem 1.5rem}.footer{text-align:left;background:var(--bg);color:var(--text);padding:1.5rem;font-size:.8rem}@media (width<=640px){.hero,.projects,.experiences,.contact{padding:2rem 1.25rem}.experience-scroll,.experience-photo{height:280px}}