html{overflow-x:hidden}.portfolio{color:#333;font-family:Raleway,Roboto,sans-serif;line-height:1.6;margin:0 auto;max-width:900px;padding:40px 20px 120px}.header{align-items:center;display:flex;gap:20px}.avatar{border-radius:50%;height:99px;object-fit:cover;width:99px}.profile-info h1{font-size:5rem;font-weight:200;line-height:5rem;margin:0}.contact-info,.profile-info .website{font-size:1rem}.contact-info{font-weight:400;line-height:1.4rem;margin-left:auto;text-align:right}hr{background-color:#ddd;border:none;height:.5px;margin:1.5rem 0}.contact-info .method{font-weight:200}.contact-info div{margin-bottom:0}.header a{color:#000;text-decoration:none}.header a:hover{text-decoration:underline}.inner-header{align-items:center;display:flex;gap:20px}.inner-header .avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.inner-header .profile-info h1{font-size:3rem;font-weight:200;line-height:3rem;margin:0}.hr-back{position:relative}.hr-back hr{margin:2.25rem 0}.hr-back .back-button{left:-20px;padding-right:48px;position:absolute;top:-26px;transition:all .2s ease}.hr-back .back-button:hover{transform:translateX(-16px)}.projects-grid{display:flex;flex-direction:column;gap:1.5rem}.project-card{background:#fff;border:1px solid #ddd;cursor:pointer;padding:1.5rem;position:relative;transition:transform .2s ease}.project-card:hover{background:#ededed40}.project-card:active{background:#cccccc40}.project-header{align-items:center;display:flex;justify-content:space-between}.project-title{font-size:1rem;font-weight:700;line-height:1rem;margin:0 0 8px}.project-subtitle{font-size:1rem;font-weight:400;line-height:1.5rem;margin:0}.chevron{transition:transform .2s ease}.project-card svg.chevron{min-width:32px}.project-card:hover .chevron{transform:translateX(24px)}.project-detail{animation:fadeIn .3s ease}.back-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1rem;gap:8px;margin-bottom:30px;padding:10px}.back-button:hover{color:#333}.project-header-detail{align-items:center;display:flex;gap:24px;margin-bottom:24px}.project-title-large{color:#999;font-size:2.25rem;font-weight:300;line-height:2.25rem;margin:0}.project-title-large a{color:#999;font-size:1.5rem;margin:0 .5rem}.project-details *{margin-bottom:2rem}.project-details li,.project-details p{margin-bottom:0}.project-details hr{margin-top:2rem}.project-details p.note{font-size:.9rem;font-style:italic;font-weight:400}.project-details img{display:block;height:auto;margin:0 auto 2rem;width:100%}.resume-page,main{animation:fadeIn .3s ease}.resume-content{padding-bottom:24px}.resume-content h1{color:#999;font-size:2.25rem;font-weight:300;margin-bottom:1rem}.experience-section{padding-bottom:12px}.experience-item{margin-bottom:28px}.resume-content h3{color:#333;font-size:1rem;font-weight:700;line-height:1rem;margin:8px 0}.resume-content .experience-columns{display:flex;flex-wrap:wrap;gap:.5rem}.resume-content .experience-columns ul{flex:1 1;margin:0 auto;min-width:240px}.resume-content .experience-columns ul li{padding-bottom:8px}.resume-content .experience-roles{flex:0 0 240px;max-width:240px}.resume-content .experience-role{color:#333;margin-bottom:16px}.resume-content .experience-role:first-child{color:#000}.resume-content h4.role{font-size:1.125rem;font-weight:600;line-height:1.5rem;margin:0 auto}.resume-content .period{font-size:1rem;font-weight:400;line-height:1rem}.experience-item:last-child{border-bottom:none}.experience-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.experience-header h3{font-size:1.3rem;font-weight:600;margin:0}.description{color:#000;font-size:1rem;font-weight:400;line-height:1.5rem}.additional-sections{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}.section h2{font-size:1.5rem;font-weight:600;margin-bottom:15px}.section .subtitle{color:#333;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.portfolio{padding:20px 15px 60px}.header{flex-direction:column;gap:15px;text-align:center}.contact-info{margin-left:0;text-align:center}.profile-info h1{font-size:2.5rem}.project-card{padding:20px}.project-header-detail{align-items:flex-start;flex-direction:column;gap:10px}.project-title-large{font-size:2rem}.additional-sections{gap:30px;grid-template-columns:1fr}}
/*# sourceMappingURL=main.0d91775b.css.map*/