*,*:before,*:after{box-sizing:border-box}:root{--color-dodger-blue-20: oklch(81.382% .10949 228.27);--font-color: rgba(255, 255, 255, .87);--bg-color: #1a1a1a;--accent-color: var(--color-dodger-blue-20);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--font-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}html,body{margin:0;min-height:100vh;width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;margin-inline:0;margin-inline-start:0;margin-inline-end:0;margin-block:0;margin-block-start:0;margin-block-end:0}a{color:inherit;font:inherit;text-decoration:none}.date{font-size:.9rem;font-weight:600;color:hsl(from var(--font-color) h s l / 45%)}.link-icon{position:absolute;right:1rem;top:1rem;width:1.5rem;height:1.5rem;color:var(--accent-color);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.glass-card{padding:1rem 0}@media(min-width:1024px){.glass-card{border-radius:12px;padding:1rem;transition:all .3s ease}.glass-card:hover{background-color:hsl(from var(--accent-color) h s l / 5%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.glass-card:hover>.link-icon{opacity:1}}.chip{padding:.2rem 1rem;border-radius:9999px;border:none;background-color:hsl(from var(--accent-color) h s l / 10%);color:var(--accent-color);font-size:.9rem}h1{font-size:3rem;line-height:1}h2{font-size:1.25rem;line-height:1;margin:12px 0 0}p{font-size:1rem}ol,ul{list-style-type:none;padding-left:0}.section-header{font-size:1.25rem;font-weight:900;line-height:1;margin-bottom:1rem}body{z-index:10;width:100%;display:flex;justify-content:center;min-width:400px}.layout{min-height:100vh;padding:0 3rem;margin-left:auto;margin-right:auto;display:block;max-width:1280px}.layout-container{display:flex;flex-direction:row}.page-main{padding-top:6rem;width:50%}.pm-section{scroll-margin-top:4rem}.pm-section:not(:last-of-type){margin-bottom:4rem}.about{text-wrap:wrap;display:flex;flex-direction:column;gap:12px}.exp-li{margin-bottom:1rem}.exp-card{display:flex;flex-direction:row;gap:1rem}.exp-card-header{font-size:.9rem;font-weight:600;color:hsl(from var(--font-color) h s l / 45%);width:fit-content;flex-shrink:0}.exp-card-content{flex-grow:1}.exp-card-job{font-size:1rem;margin-bottom:1rem}.exp-card-desc{margin-top:0;margin-bottom:1rem}.exp-card-tech{display:flex;flex-direction:row;flex-wrap:wrap;gap:.25rem}@media(min-width:1024px){.section-header{display:none}.pm-section.about{margin:0 12px 4rem}.pm-section.experience{margin:0 0 4rem}}@media(max-width:1024px){.layout{justify-content:start;padding:4rem 3rem}.layout-container{flex-direction:column}.page-main{padding-top:3rem;width:100%}}@media(max-width:768px){.layout{padding:3rem 1.5rem}.exp-card{flex-direction:column}}.page-header{padding:6rem 1rem 3rem;width:50%;display:flex;flex-direction:column;justify-content:space-between}.header-info{display:block;width:30%;min-width:min-content;text-wrap:nowrap}.header-nav{display:flex;flex-direction:column;width:100%;gap:1rem}.nav-link{font-size:.9rem;font-weight:600;color:hsl(from var(--font-color) h s l / 45%);width:fit-content;flex-shrink:0;position:relative;display:inline-flex;align-items:center;gap:12px;text-decoration:none;cursor:pointer}.nav-link:before{content:"";width:40px;height:1px;background:#ffffff4d;transition:all .3s ease}.nav-link:hover,.nav-link-active{font-size:.9rem;font-weight:600;color:var(--font-color);flex-shrink:0}.nav-link.nav-link-active:before{width:80px;background:var(--accent-color)}.nav-link:hover:before{width:80px;background:var(--accent-color)}.header-socials{margin-top:1rem;display:flex;flex-direction:row;gap:1rem}.social-link{min-width:1.6rem;height:1.6rem;color:hsl(from var(--font-color) h s l / 50%)}.social-link:hover{color:var(--font-color)}@media(min-width:1024px){.page-header{position:sticky;top:0;align-self:flex-start;max-height:100vh;height:100vh}.header-nav{margin-top:4rem}.header-socials{gap:2rem}}@media(max-width:1024px){.page-header{padding:0;width:100%}.header-nav{display:none}}@media(max-width:768px){.page-header{padding:0}}@media(max-width:640px){h1{font-size:2.25rem}}.articles-li{margin-bottom:1rem}.article-card{display:flex;flex-direction:row;gap:1rem;cursor:pointer;text-decoration:none}.article-img{width:120px;min-width:120px;height:60px;object-fit:cover;object-position:center;display:block}.article-desc{display:flex;flex-direction:column;text-wrap:wrap;width:100%}.projects-li{margin-bottom:1rem}.project-card{display:flex;flex-direction:column;text-decoration:none}.project-link{cursor:pointer}.project-desc{display:flex;flex-direction:column;text-wrap:wrap;width:100%}