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