@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";
:root{--font-main:"Manrope",sans-serif;--bg-color:#fff;--text-color:#1a1a1a;--accent-color:#ff0080;--radius-lg:1rem;--radius-sm:.5rem;--section-pad:clamp(.5rem,2vw,1.5rem);--max-width:1440px}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden}h1{letter-spacing:-.1rem;font-size:clamp(2.5rem,8vw,4rem);font-weight:550;line-height:1.1}h3{letter-spacing:-.05rem;font-size:2.25rem;font-weight:550;line-height:1.25}p{color:#444;font-size:1.15rem;font-weight:500;line-height:1.6}section{width:100%;max-width:var(--max-width);padding:6rem var(--section-pad);margin:0 auto;position:relative}img{max-width:100%;display:block}.about{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100svh;padding-top:2rem;display:flex}.about-header{align-items:center;gap:1.5rem;display:flex}.about-img img{border-radius:var(--radius-sm);object-fit:cover;width:auto;height:65px}.copy{max-width:750px}.services h1,.experience h1,.academic h1{width:100%;margin-bottom:5rem}.service{align-items:center;gap:4rem;min-height:70svh;padding:4rem 0;display:flex}.experience{padding-bottom:15svh}.experience-list{flex-direction:column;margin-top:5rem;display:flex;position:relative}.academic-container{margin-top:5rem;padding-left:3rem;position:relative}.academic-list{flex-direction:column;width:100%;display:flex}.timeline-line-base{background:#0000000d;width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-line-active{background:var(--accent-color);transform-origin:top;width:2px;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 15px #ff008080}.outro{text-align:center;justify-content:center;align-items:center;height:60svh;display:flex}@media (max-width:1000px){section{padding:4rem var(--section-pad)}.about-header{text-align:center;flex-direction:column}.service{gap:3rem;padding:3rem 0;flex-direction:column!important}.services h1,.experience h1,.academic h1{margin-bottom:3rem}.experience-list,.academic-container{margin-top:3rem}.academic-container{padding-left:1.5rem}}