.container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:2rem 4rem;display:flex;overflow:hidden auto}.main-layout{flex-direction:row;align-items:center;gap:0;display:flex}.content-side{flex-direction:column;align-items:flex-start;margin-left:5rem;display:flex}.animation-side{flex-shrink:0;justify-content:center;align-items:center;width:400px;height:600px;display:flex;overflow:hidden}.animation-container{flex-shrink:0;justify-content:center;align-items:center;width:750px;height:750px;display:flex}.header{text-align:left;margin-bottom:2rem}.header h1{letter-spacing:-.02em;color:var(--color-text-primary);justify-content:flex-start;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:600;display:flex}.grid{flex-direction:column;gap:1.5rem;width:50vw;min-width:400px;max-width:600px;display:flex}.section{grid-template-columns:100px 1fr;align-items:start;gap:2rem;width:100%;display:grid}.section h2{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);text-align:left;flex-shrink:0;margin:0;font-size:.75rem;font-weight:500}.section p{color:var(--color-text-secondary);text-align:left;word-wrap:break-word;overflow-wrap:break-word;margin:0;font-size:.95rem;line-height:1.6}.section ul{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.section li{flex-direction:column;gap:.15rem;display:flex}.role-line{flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.role,.project-name{color:var(--color-text-primary);font-size:.95rem}.company,.experience-desc,.project-desc{color:var(--color-text-dim)}.company{font-size:.95rem}.experience-desc,.project-desc{font-size:.85rem;line-height:1.5}.link-list{flex-direction:row;gap:1rem;display:flex}.link-list a{color:var(--color-text-muted);width:fit-content;font-size:1.5rem;transition:color .2s}.link-list a:hover{color:var(--color-text-primary)}.info-card{background-color:var(--color-info-card-bg);cursor:pointer;z-index:100;border-radius:8px;justify-content:flex-start;align-items:flex-start;width:36px;height:36px;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;overflow:hidden}.info-card:hover{background-color:var(--color-info-card-bg-hover)}.info-card.expanded{width:fit-content;height:fit-content}.info-icon{color:var(--color-text-muted);flex-shrink:0;font-size:1.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.info-card:hover .info-icon{color:var(--color-text-primary)}.info-card.expanded .info-icon{display:none}.info-content{flex-direction:column;gap:.15rem;padding:.75rem 1rem;display:none}.info-card.expanded .info-content{display:flex}.info-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);margin:.25rem 0 0;font-size:.65rem;font-weight:500}.info-title:first-child{margin-top:0}.info-text{color:var(--color-text-secondary);margin:0;font-size:.8rem}@media (width<=1000px){.animation-side,.info-card{display:none}.content-side{margin-left:0}.container{height:auto;min-height:100vh;padding:1.5rem;overflow:auto}.main-layout{flex-direction:column;gap:2rem}.grid{gap:2rem;width:100%;min-width:0}.section{grid-template-columns:1fr;gap:.5rem}}:root{--color-bg:#0a0a0a;--color-text-primary:#e0e0e0;--color-text-secondary:#aaa;--color-text-muted:#888;--color-text-dim:#666;--color-animation-dots:color-mix(in srgb, var(--color-text-primary) 38%, transparent);--color-info-card-bg:#ffffff14;--color-info-card-bg-hover:#ffffff1f;color:var(--color-text-primary);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}a{color:inherit;text-decoration:none}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}#root{width:100%;height:100%}