*{margin:0;padding:0;box-sizing:border-box}html,body{height:100vh;width:100vw;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5;color:#333;background-color:#fff;overflow-x:hidden}#app{width:100%;height:100%;overflow-x:hidden}.portfolio-container{display:flex;min-height:100vh;max-width:100vw;margin:0 auto;padding:60px 40px 40px;gap:40px;overflow-x:hidden}.main-content{flex:0 0 500px;display:flex;flex-direction:column;gap:24px;margin-left:100px;margin-top:80px}.content-section{font-size:16px;line-height:1.6;color:#333}.content-section p{margin-bottom:20px}.content-section p:last-child{margin-bottom:0}.highlight{color:#b4472c;font-weight:500}a{text-decoration:none;color:inherit}a .highlight{text-decoration:underline;text-decoration-color:#b4472c;text-underline-offset:2px}a:hover .highlight{text-decoration-color:#943a24}.graphic-area{flex:1;display:flex;align-items:flex-start;justify-content:flex-start;font-family:Courier New,monospace;font-size:2.3px;line-height:1;color:#000;white-space:pre;overflow:hidden;letter-spacing:0px}.ascii-container{width:100%;height:auto;max-height:80vh;overflow:hidden;position:relative;margin-top:150px;margin-left:120px}.ascii-art{transform:scale(1);transform-origin:left center;width:100%;height:auto;font-variant-ligatures:none;position:relative;margin:0;white-space:pre;font-family:Courier New,monospace;font-size:inherit;line-height:inherit;color:inherit;will-change:contents;backface-visibility:hidden;contain:layout style paint}.ascii-char{display:inline;position:relative;transition:none;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}.footer{position:fixed;bottom:40px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#666}.location{font-weight:400}.social-links{display:flex;gap:24px}.social-link{color:#666;text-decoration:none;font-weight:400;transition:color .2s ease}.social-link:hover{color:#000}@media (max-width: 1200px){.graphic-area{font-size:5px;line-height:1}.ascii-container{transform:scale(.9)}}@media (max-width: 1024px){.portfolio-container{padding:40px 20px 80px;gap:30px}.main-content{flex:0 0 400px;margin-left:40px;margin-top:60px}.graphic-area{font-size:4px;line-height:1;padding-left:10px}.ascii-container{transform:scale(.8)}}@media (max-width: 768px){.portfolio-container{flex-direction:column;padding:30px 20px 100px;gap:30px}.main-content{flex:none;margin-left:0;margin-top:40px}.graphic-area{display:none}.footer{flex-direction:column;gap:16px;text-align:center;left:20px;right:20px;bottom:20px}.social-links{gap:20px}}*{transition:color .2s ease}h1,h2,h3{font-weight:500;line-height:1.3}strong{font-weight:600}.social-link:focus{outline:2px solid #002FA7;outline-offset:2px;border-radius:2px}.social-link{display:inline-block;margin:0 10px;text-decoration:none;color:inherit;transition:transform .2s ease-in-out}.social-link:hover{animation:bounce .6s}@keyframes bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-8px)}50%{transform:translateY(0)}70%{transform:translateY(-4px)}}