@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600&display=swap";:root{font-family:Space Grotesk,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:300;color-scheme:dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background-color:#000}#app{display:flex;min-height:100vh}.content-section{width:40%;min-height:100vh;padding:80px 60px;display:flex;flex-direction:column;position:relative;z-index:10;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.visual-section{width:60%;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:fixed;top:0;right:0;z-index:1;background-color:#000;animation:fadeInOpacity 3s ease-out}.visual-section canvas{display:block;width:100%;height:100%}#logo{width:32px;height:32px;margin-bottom:48px;opacity:.6;transition:opacity .3s ease}#logo:hover{opacity:1}h1{font-size:3.5em;font-weight:300;letter-spacing:-.02em;margin-bottom:8px;line-height:1.1}.tagline{font-size:1.1em;color:#ffffffb3;margin-bottom:48px;font-weight:300}h2{font-size:.85em;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:#ffffff80;margin-bottom:20px;margin-top:40px}h2:first-of-type{margin-top:0}.experience-item{margin-bottom:24px}.experience-item .role{font-size:1.1em;font-weight:400;color:#fff}.experience-item .company{font-size:.95em;color:#ffffffb3}.experience-item .company a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.experience-item .company a:hover{color:#fff}.experience-item .duration{color:#fff6;margin-left:8px}.experience-item .company:before{content:none}.experience-item .company:before{content:"— "}.project-item{margin-bottom:20px}.project-item .name{font-size:1.05em;font-weight:400;color:#fff}.project-item .name a{color:#fff;text-decoration:none;transition:opacity .3s ease}.project-item .name a:hover{opacity:.7}.project-item .description{font-size:.9em;color:#fff9;margin-top:4px}.project-item .tech{font-size:.8em;color:#fff6;margin-top:4px}.project-item .tech:before{content:"↳ "}.links{display:flex;gap:24px;margin-top:8px}.links a{color:#ffffffb3;text-decoration:none;font-size:.95em;transition:color .3s ease}.links a:hover{color:#fff}.copyright{margin-top:auto;padding-top:60px;font-size:.8em;color:#ffffff4d}@media (max-width: 900px){#app{flex-direction:column}.content-section{width:100%;min-height:auto;padding:40px 24px;background-color:#000c;position:relative;z-index:10}.visual-section{width:100%;min-height:50vh}}