@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}section{scroll-margin-top:100px}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;line-height:1.6;color:#000;background:#fff;font-size:16px}.container{max-width:800px;margin:0 auto;padding:0 2rem}.hero-container{max-width:1e3px;margin:0 auto}h1,h2,h3{font-weight:600;line-height:1.2}h1{font-size:2.5rem;margin-bottom:.5rem}h2{font-size:1.5rem;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.5px}h3{font-size:1.2rem;margin-bottom:.5rem}p{margin-bottom:1rem;color:#666}a{color:#000;text-decoration:none;transition:color .2s ease}a:hover{color:#666}.header{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:1000}.header .header-line{height:1px;background:#000;width:100%}.navbar{padding:1rem 0}.navbar .nav-content{display:flex;justify-content:space-between;align-items:center}.navbar .logo{font-size:1rem;font-weight:400;color:#000;font-family:monospace}.navbar .nav-links{display:flex;gap:2rem}.navbar .nav-links a{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.navbar .nav-links a:hover{color:#000}.main-content{padding-top:80px}.hero{min-height:640px;display:flex;align-items:center;padding:0}.hero .hero-container{display:flex;width:100%;min-height:640px;max-width:1e3px;margin:0 auto}.hero .hero-content{flex:2.2;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;background:#fff}.hero .hero-content .name{font-size:4rem;font-weight:700;margin-bottom:.5rem;line-height:1.1}.hero .hero-content .title{font-size:1.3rem;color:#000;margin-bottom:2rem;font-weight:400}.hero .hero-content .description{font-size:1.1rem;line-height:1.6;color:#666;max-width:500px;margin-bottom:3rem}.hero .hero-content .scroll-indicator{font-size:1.5rem;color:#000;text-align:center;margin-top:auto;cursor:pointer;transition:all .3s ease;padding:1rem;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}.hero .hero-content .scroll-indicator:hover{background:rgba(0,0,0,.1);transform:translateY(2px)}.hero .hero-image{flex:1.5;background:#f5f5f5;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero .hero-image .portrait-container{width:100%;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:flex-end;padding:2rem}.hero .hero-image .portrait-container .portrait-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:680px;max-height:680px;object-fit:cover;object-position:center}.hero .hero-image .portrait-container .image-metadata{position:relative;z-index:2;color:#fff;font-size:.8rem;font-family:monospace;background:rgba(0,0,0,.7);padding:.5rem 1rem;border-radius:4px;backdrop-filter:blur(4px)}.achievements{padding:3rem 0;border-top:1px solid #eee}.achievements .achievements-content{max-width:800px;margin:0 auto}.achievements .achievements-list{list-style:none;padding:0}.achievements .achievements-list li{font-size:1rem;color:#666;line-height:1.6;margin-bottom:1rem;padding-left:1.5rem;position:relative}.achievements .achievements-list li::before{content:"•";color:#000;font-weight:700;position:absolute;left:0;top:0}.achievements .achievements-list li:last-child{margin-bottom:0}.skills{padding:3rem 0;border-top:1px solid #eee}.skills .tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.skills .tool-category h3{font-size:1rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;color:#000}.skills .tool-category .tools-list{display:flex;flex-wrap:wrap;gap:.5rem}.skills .tool-category .tool{font-size:.9rem;color:#fff;background:#000;padding:.5rem 1rem;border-radius:4px;display:inline-block}.experience{padding:3rem 0;border-top:1px solid #eee}.experience .timeline{display:flex;flex-direction:column;gap:2rem}.experience .timeline-item{display:flex;gap:2rem}.experience .timeline-item .timeline-date{min-width:120px;font-size:.9rem;color:#666;font-weight:500}.experience .timeline-item .timeline-content{flex:1}.experience .timeline-item .timeline-content h3{font-size:1.1rem;margin-bottom:.25rem}.experience .timeline-item .timeline-content h3 .project-type{font-size:.9rem;font-weight:400;color:#666;font-style:italic}.experience .timeline-item .timeline-content p{font-size:.95rem;color:#666;margin-bottom:.75rem}.experience .timeline-item .timeline-content .tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.experience .timeline-item .timeline-content .tech-stack .tech{font-size:.85rem;color:#666}.experience .timeline-item .timeline-content .project-links{display:flex;gap:1rem;flex-wrap:wrap}.experience .timeline-item .timeline-content .project-links .project-link{color:#666;font-weight:600;text-decoration:underline;font-size:.9rem;transition:color .2s ease}.experience .timeline-item .timeline-content .project-links .project-link:hover{color:#000}.experience .timeline-item .timeline-content .project-highlight{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.experience .timeline-item .timeline-content .project-highlight h4{font-size:.95rem;font-weight:400;color:#666;margin-bottom:.5rem;font-style:italic}.experience .timeline-item .timeline-content .project-highlight p{font-size:.9rem;color:#666;margin-bottom:.75rem;line-height:1.5}.experience .timeline-item .timeline-content .project-highlight .project-links{margin-top:.5rem}.experience .cv-download{margin-top:3rem;text-align:left}.experience .cv-download .cv-download-btn{display:inline-flex;align-items:center;gap:.5rem;color:#666;font-weight:600;text-decoration:underline;font-size:.9rem;transition:color .2s ease}.experience .cv-download .cv-download-btn:hover{color:#000}.experience .cv-download .cv-download-btn svg{flex-shrink:0}.projects{padding:3rem 0;border-top:1px solid #eee}.projects .projects-list{display:flex;flex-direction:column;gap:2rem}.projects .project-item h3{font-size:1.1rem;margin-bottom:.5rem}.projects .project-item p{font-size:.95rem;margin-bottom:.75rem}.projects .project-item .project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.projects .project-item .project-tech .tech{font-size:.85rem;color:#666}.projects .project-item .project-links{display:flex;gap:1rem;flex-wrap:wrap}.projects .project-item .project-links .project-link{color:#666;font-weight:600;text-decoration:underline;font-size:.9rem;transition:color .2s ease}.projects .project-item .project-links .project-link:hover{color:#000}.education{padding:3rem 0;border-top:1px solid #eee}.education .education-timeline{display:flex;flex-direction:column;gap:2rem}.education .education-item{display:flex;gap:2rem}.education .education-item .education-date{min-width:120px;font-size:.9rem;color:#666;font-weight:500}.education .education-item .education-content{flex:1}.education .education-item .education-content h3{font-size:1.1rem;margin-bottom:.25rem}.education .education-item .education-content p{font-size:.95rem;color:#666;margin-bottom:.75rem}.education .education-item .education-content .education-details{margin-bottom:.75rem}.education .education-item .education-content .education-details .gpa{font-size:.85rem;color:#666;font-weight:500}.education .education-item .education-content .education-description p{font-size:.9rem;line-height:1.5;margin-bottom:.5rem}.education .education-item .education-content .education-description p strong{color:#000;font-weight:600}.outside-work{padding:3rem 0;border-top:1px solid #eee}.outside-work .outside-content{display:flex;gap:3rem}@media(min-width:768px){.outside-work .outside-content{align-items:center}}.outside-work .outside-image{flex:1}.outside-work .outside-image .activity-photo{width:100%;height:300px;object-fit:cover;object-position:center;border-radius:8px}.outside-work .outside-activities{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.outside-work .activity-item h3{font-size:1.1rem;margin-bottom:.5rem;color:#000}.outside-work .activity-item p{font-size:.9rem;color:#666;line-height:1.5;margin:0}.contact{padding:3rem 0;border-top:1px solid #eee}.contact .contact-info{display:flex;flex-direction:column;gap:.5rem}.contact .contact-info .contact-link{font-size:1rem;color:#000}.contact .contact-info .contact-link:hover{color:#666}.footer{padding:2rem 0;text-align:center;position:relative}.footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:#000}.footer p{font-size:.9rem;color:#666;margin:0}@media(max-width:768px){.container{padding:0 1rem}.navbar .nav-content{flex-direction:column;gap:1rem}.navbar .nav-links{gap:1.5rem}.main-content{padding-top:120px}.hero{min-height:auto}.hero .hero-container{flex-direction:column;min-height:auto}.hero .hero-content{flex:none;padding:2rem 1rem}.hero .hero-content .name{font-size:2.5rem}.hero .hero-content .title{font-size:1.1rem}.hero .hero-content .description{font-size:1rem}.hero .hero-content .scroll-indicator{display:none}.hero .hero-image{flex:none;height:300px}.achievements{padding:2rem 0}.achievements .achievements-list li{font-size:.95rem;margin-bottom:.75rem}.skills{padding:2rem 0}.skills .tools-grid{grid-template-columns:1fr;gap:1.5rem}.experience{padding:2rem 0}.experience .timeline-item{flex-direction:column;gap:.5rem}.experience .timeline-item .timeline-date{min-width:auto}.projects{padding:2rem 0}.education{padding:2rem 0}.education .education-item{flex-direction:column;gap:.5rem}.education .education-item .education-date{min-width:auto}.outside-work{padding:2rem 0}.outside-work .outside-content{flex-direction:column;gap:2rem}.outside-work .outside-activities{grid-template-columns:1fr;gap:1rem;text-align:left}.contact{padding:2rem 0}}