.page{width:100%;min-height:100vh;background:#fff;padding:2rem;box-sizing:border-box}.title{font-family:Comic Sans MS,Comic Sans,sans-serif;font-size:1.1rem;font-weight:400;margin:0;color:#000}.scene{display:flex;justify-content:center;align-items:center;flex:1;margin-top:10vh}.illustration{width:100%;max-width:900px;height:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border:2px solid black;border-radius:4px;padding:2.5rem;max-width:520px;width:90%;max-height:80vh;overflow-y:auto;font-family:Comic Sans MS,Comic Sans,sans-serif}.modal-header h2{margin:0 0 .25rem;font-size:1.5rem;font-weight:400}.modal-role{font-size:.95rem;color:#555}.modal-details{margin-top:1.25rem}.modal-meta{font-size:.8rem;color:#666;margin:0 0 .75rem}.modal-summary{font-size:.9rem;line-height:1.5;margin:0}.modal-section{margin-top:1.5rem}.modal-section h3{font-size:1rem;font-weight:400;margin:0 0 .75rem;border-bottom:1.5px solid black;padding-bottom:.25rem}.experience-item{margin-bottom:1rem}.experience-header{display:flex;justify-content:space-between;align-items:baseline;font-size:.9rem}.experience-period{font-size:.75rem;color:#666}.experience-company{font-size:.8rem;color:#555;margin-top:.1rem}.experience-desc{font-size:.8rem;line-height:1.4;margin:.3rem 0 0;color:#333}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{font-size:.75rem;border:1.5px solid black;border-radius:3px;padding:.2rem .5rem}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}