@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900");:root{--color-primary-rgb: 242, 238, 235;--color-secondary-rgb: 4, 36, 64;--color-tertiary-rgb: 255, 255, 255;--color-bg-primary: rgba(var(--color-primary-rgb));--color-bg-secondary: rgba(var(--color-secondary-rgb));--color-bg-tertiary: rgba(var(--color-tertiary-rgb));--color-text-primary: rgba(var(--color-secondary-rgb));--color-text-secondary: rgba(var(--color-primary-rgb));--color-text-primary-muted: rgba(var(--color-secondary-rgb), 0.8);--color-text-secondary-muted: rgba(var(--color-primary-rgb), 0.8);--color-shadow: rgba(var(--color-secondary-rgb), 0.4);--navbar-height: 80px;--container-max-width: 1024px;--container-min-width: 375px;--rounded-xs: 6px;--rounded-sm: 12px;--rounded-md: 24px;--rounded-lg: 48px;--spacer-xs: 4px;--spacer-sm: 8px;--spacer-md: 16px;--spacer-lg: 32px;--spacer-xl: 64px;--spacer-2xl: 72px;--spacer-3xl: 128px;--grid-template-left: 300px auto;--font-family-primary: 'Jost', sans-serif;--font-size-base: 18px;--font-size-sm: .9rem;--font-size-md: 1.1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-size-4xl: 4rem;--regular: 400;--semibold: 600;--bold: 800;--duration-fast: 200ms;--duration-normal: 300ms;--ease-standard: cubic-bezier(0.4, 0, 0.2, 1);--ease-out: cubic-bezier(0, 0, 0.2, 1);--transition-fade: opacity var(--duration-fast) var(--ease-standard);--transition-transform: transform var(--duration-normal) var(--ease-standard);--border-primary: 1px solid var(--color-text-primary);--border-primary-muted: 1px solid var(--color-text-primary-muted);--border-secondary: 1px solid var(--color-text-secondary);--border-secondary-muted: 1px solid var(--color-text-secondary-muted);--rounded-btn: 8px;--inline-icon: calc(1.5 * var(--font-size-base))}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.btn-primary{color:var(--color-text-primary-muted);display:flex;align-items:center;justify-content:center;padding:var(--spacer-md) var(--spacer-lg);gap:var(--spacer-sm);border:var(--border-primary);border-radius:var(--rounded-btn);transition:background-color 0.2s ease;text-decoration:none}.btn-primary:hover{color:var(--color-text-primary);background-color:var(--color-bg-primary)}.btn-secondary{color:var(--color-text-secondary-muted);display:flex;align-items:center;justify-content:center;padding:var(--spacer-md) var(--spacer-lg);gap:var(--spacer-sm);border:var(--border-secondary-muted);border-radius:var(--rounded-btn);transform:border .2s ease;text-decoration:none}.btn-secondary:hover{color:var(--color-text-secondary);border:var(--border-secondary)}*,*::before,*::after{box-sizing:border-box}*:not(dialog){margin:0}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{line-height:1.2}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}html{scroll-behavior:smooth;scroll-padding-top:var(--navbar-height)}body{width:100%;margin:0 auto;min-width:var(--container-min-width);max-width:var(--container-max-width);font-family:var(--font-family-primary);font-size:var(--font-size-base);display:flex;flex-direction:column;color:var(--color-text-primary)}body p{padding-bottom:var(--spacer-md);color:var(--color-text-primary-muted)}body .accent::after{display:block;content:"";width:var(--spacer-xl);height:var(--spacer-sm);margin-top:var(--spacer-sm);margin-bottom:var(--spacer-md);background-color:var(--color-text-primary)}.l-main{margin-top:var(--navbar-height);flex-grow:1}.l-main a:visited{color:var(--color-text-primary)}.l-main a:link{color:var(--color-text-primary)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}nav{display:flex;width:100%;max-width:var(--container-max-width);margin:0 auto;position:fixed;left:0;right:0;height:var(--navbar-height);background-color:var(--color-bg-primary);align-items:center;justify-content:space-between;z-index:1000;padding-left:var(--spacer-md);padding-right:var(--spacer-md)}nav a{text-decoration:none}nav a:visited{color:var(--color-text-primary)}nav a:link{color:var(--color-text-primary)}nav .nav-logo-container{width:50px;height:50px;min-width:50px;min-height:50px}nav .nav-logo-container a{position:relative;display:block;width:100%;height:100%}nav .nav-logo-container img{position:absolute;width:50px;top:50%;left:50%;transform:translate(-50%, -50%)}nav .nav-menu{position:absolute;top:var(--navbar-height);left:0;background-color:var(--color-bg-primary);width:100%;visibility:hidden;opacity:0;pointer-events:none;transition:var(--transition-fade)}nav .nav-menu ul{display:flex;flex-direction:column;gap:var(--spacer-md);padding-top:var(--spacer-md);padding-bottom:var(--spacer-md)}nav .nav-menu ul li{list-style:none}nav .nav-menu[data-open="true"]{opacity:1;visibility:visible;pointer-events:auto}nav .nav-toggle{background:none;border:none;cursor:pointer;height:50px;display:flex;flex-direction:column;gap:var(--spacer-sm);align-items:center;justify-content:center}nav .nav-toggle span{display:block;width:var(--spacer-lg);height:var(--spacer-xs);background:var(--color-text-primary);transition:var(--transition-transform),var(--transition-fade);transform-origin:center}nav .nav-toggle.active span:nth-child(1){transform:translateY(calc(var(--spacer-sm) + var(--spacer-xs))) rotate(45deg)}nav .nav-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}nav .nav-toggle.active span:nth-child(3){transform:translateY(calc(-1 * (var(--spacer-sm) + var(--spacer-xs)))) rotate(-45deg)}@media (min-width: 768px){nav button.nav-toggle{display:none}nav .nav-menu{position:relative;visibility:visible;pointer-events:auto;opacity:1;width:auto;top:0}nav .nav-menu ul{flex-direction:revert;padding:var(--spacer-md)}}.s-footer{display:flex;flex-direction:column;gap:var(--spacer-md);font-size:var(--font-size-sm);color:var(--color-text-secondary-muted);padding-top:var(--spacer-lg);padding-left:var(--spacer-md);padding-right:var(--spacer-md);padding-bottom:var(--spacer-xl)}.s-footer span{color:var(--color-text-secondary);display:block;font-weight:var(--bold);padding-bottom:var(--spacer-xs)}.s-footer p{color:var(--color-text-secondary)}.s-footer a{color:var(--color-text-secondary-muted)}.s-footer a:visited{color:var(--color-text-secondary-muted)}.s-footer a:link{color:var(--color-text-secondary-muted)}.s-footer a:hover{color:var(--color-text-secondary)}.s-footer .footer-links{display:flex;flex-direction:column;gap:var(--spacer-md)}@media (min-width: 768px){.s-footer{flex-direction:row;gap:var(--spacer-xl)}.s-footer .footer-links{flex-direction:row;gap:var(--spacer-lg)}}.s-post{position:relative;padding-top:var(--spacer-lg);padding-bottom:var(--spacer-3xl);padding-left:var(--spacer-md);padding-right:var(--spacer-md);display:flex;flex-direction:column;gap:var(--spacer-md)}.s-post h1{font-size:var(--font-size-3xl);font-weight:var(--bold)}.s-post div.video-container{margin-top:var(--spacer-lg);margin-bottom:var(--spacer-lg)}.s-post div.video-container .video{width:100%;aspect-ratio:16 / 9}@media (min-width: 768px){.s-post{padding-left:var(--spacer-xl);padding-right:var(--spacer-xl)}}.s-blog{position:relative;padding:var(--spacer-lg) var(--spacer-md);display:flex;flex-direction:column;gap:var(--spacer-lg)}.s-blog h1{font-size:var(--font-size-4xl);font-weight:var(--bold)}.s-blog ul{display:flex;flex-direction:column;gap:var(--spacer-md);padding:0;list-style:none}@media (min-width: 768px){.s-blog{padding-left:var(--spacer-xl);padding-right:var(--spacer-xl)}}.s-hero{position:relative;min-height:max(600px, calc(100vh - var(--navbar-height)))}.s-hero .s-hero__header{position:absolute;top:45%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;flex-direction:column;text-wrap:pretty;gap:var(--spacer-md)}.s-hero .s-hero__header img{min-width:200px;max-width:200px;width:200px}.s-hero .s-hero__header h1{white-space:nowrap;font-weight:var(--regular);font-size:var(--font-size-xl)}.s-about{position:relative;padding-top:var(--spacer-lg);padding-left:var(--spacer-md);padding-right:var(--spacer-md);padding-bottom:var(--spacer-xl)}.s-about h2{font-size:var(--font-size-3xl);font-weight:var(--bold)}.s-about .s-about__header{display:flex;flex-direction:column;gap:var(--spacer-sm);margin-bottom:var(--spacer-lg)}.s-about .header-image{width:250px;height:auto;position:relative;border-radius:var(--rounded-md);overflow:hidden;margin-bottom:var(--spacer-md)}.s-about .label-wrapper{display:flex;flex-wrap:wrap;gap:var(--spacer-sm);list-style:none;padding:0;max-width:90%}@media (min-width: 768px){.s-about{display:grid;grid-template-columns:var(--grid-template-left);gap:var(--spacer-lg);padding-left:var(--spacer-2xl);padding-right:var(--spacer-2xl)}.s-about .label-wrapper{max-width:100%}}.s-experience{min-height:max(600px, calc(80vh - var(--navbar-height)));padding-top:var(--spacer-xl);padding-left:var(--spacer-md);padding-right:var(--spacer-md);padding-bottom:var(--spacer-2xl);display:flex;flex-direction:column;gap:var(--spacer-lg)}.s-experience h2{font-size:var(--font-size-3xl);font-weight:var(--bold)}.s-experience span{color:var(--color-text-primary-muted)}.s-experience .experience-list{display:flex;flex-direction:column;gap:var(--spacer-md)}.s-experience .experience-list .experience-item{display:grid;grid-template-columns:100px 1fr;gap:var(--spacer-md);padding-top:var(--spacer-md);padding-bottom:var(--spacer-md);border-bottom:var(--border-primary-muted);transition:background-color var(--duration-fast) var(--ease-standard),border-radius var(--duration-fast) var(--ease-standard)}.s-experience .experience-list .experience-item .company-logo{width:100px;height:100px;min-width:100px;overflow:hidden;position:relative;border-radius:var(--spacer-md)}.s-experience .experience-list .experience-item .company-logo img{position:absolute;width:100px}.s-experience .experience-list .experience-item h3{font-weight:var(--semibold);padding-top:10px}.s-experience .experience-list .experience-item .experience-company p{padding:0}.s-experience .experience-list .experience-item .experience-company .label-wrapper{margin-top:var(--spacer-xs);list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--spacer-sm);max-width:90%}.s-experience .experience-list .experience-item .experience-company .label-wrapper li{display:flex;align-items:center;gap:var(--spacer-xs);background-color:var(--color-bg-primary);transition:background-color var(--duration-fast) var(--ease-standard)}.s-experience .experience-list .experience-item .experience-company .label-wrapper li svg{width:16px;height:16px}.experience-item:hover .s-experience .experience-list .experience-item .experience-company .label-wrapper li{background-color:var(--color-bg-tertiary)}.s-experience .experience-list .experience-item .experience-company .experience-meta{padding-top:var(--spacer-md);font-size:var(--font-size-sm);font-family:monospace;display:flex;flex-direction:column;gap:var(--spacer-xs);color:var(--color-text-primary-muted)}.s-experience .experience-list .experience-item:last-child{border:none}.s-experience .experience-list .experience-item:last-child:hover{border:none;padding-bottom:var(--spacer-md)}.s-experience .experience-list .experience-item:hover{border-radius:var(--rounded-sm);background-color:var(--color-bg-primary);padding-bottom:calc(var(--spacer-md) - 1px);border-bottom:var(--border-primary);border-bottom-width:2px}.s-experience .experience-list .experience-item:hover .experience-company .label-wrapper li{background-color:var(--color-bg-tertiary)}@media (min-width: 768px){.s-experience{padding-left:var(--spacer-2xl);padding-right:var(--spacer-2xl)}}.s-projects{position:relative;min-height:max(600px, calc(70vh - var(--navbar-height)));color:var(--color-text-secondary);padding-top:var(--spacer-xl);padding-left:var(--spacer-md);padding-right:var(--spacer-md);padding-bottom:var(--spacer-lg);display:flex;flex-direction:column;gap:var(--spacer-lg)}.s-projects h2{font-size:var(--font-size-3xl);font-weight:var(--bold)}.s-projects p{color:var(--color-text-secondary-muted)}.s-projects a{color:var(--color-text-secondary-muted)}.s-projects a:visited{color:var(--color-text-secondary-muted)}.s-projects a:link{color:var(--color-text-secondary-muted)}.s-projects a:hover{color:var(--color-text-secondary)}.s-projects .accent::after{background-color:var(--color-text-secondary)}.s-projects .projects-wrapper{display:flex;flex-direction:column;gap:var(--spacer-xl)}.s-projects .project-container .project-image{margin-bottom:var(--spacer-md);width:100px;height:100px;overflow:hidden;border-radius:var(--rounded-md)}.s-projects .project-container .project-image img{width:100%}.s-projects .project-container .project-description{display:flex;flex-direction:column;gap:var(--spacer-md)}.s-projects .project-container .project-description h3{font-size:var(--font-size-2xl);font-weight:var(--bold)}.s-projects .project-container .project-description .label-wrapper{display:flex;flex-wrap:wrap;gap:var(--spacer-sm);list-style:none;padding:0;margin-bottom:var(--spacer-md);max-width:90%}.s-projects .project-container .project-description .label-wrapper li{display:flex;gap:var(--spacer-xs);line-height:100%}.s-projects .project-container .project-description .label-wrapper li .label-icon{width:14px;height:14px}@media (min-width: 768px){.s-projects{padding-left:var(--spacer-2xl);padding-right:var(--spacer-2xl)}.s-projects .project-container{display:grid;grid-template-columns:var(--grid-template-left)}.s-projects .project-container a{width:fit-content}.s-projects .project-container .project-image{width:200px;height:200px}}.s-connect{min-height:600px;padding-top:var(--spacer-3xl);padding-left:var(--spacer-md);padding-right:var(--spacer-md);padding-bottom:var(--spacer-3xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacer-lg)}.s-connect h2{font-size:var(--font-size-3xl);font-weight:var(--bold)}.s-connect p{text-align:center}.s-connect .social-links{display:flex;width:100%;flex-direction:column;gap:var(--spacer-md)}.s-connect .social-links a .social-icon{width:var(--inline-icon);height:var(--inline-icon)}@media (min-width: 768px){.s-connect{padding-left:var(--spacer-2xl);padding-right:var(--spacer-2xl)}.s-connect h2{margin-bottom:var(--spacer-xl)}.s-connect .social-links{flex-direction:row;justify-content:center}}.blade-up{background-color:inherit;position:absolute;top:0;left:0;width:100%;height:calc(4 * var(--navbar-height));transform:skewY(-4deg) translateY(-25%);z-index:-1}.blade-down{background-color:inherit;position:absolute;bottom:0;left:0;width:100%;height:calc(4 * var(--navbar-height));transform:skewY(4deg) translateY(15%);z-index:-1}.label{font-size:var(--font-size-sm);padding:var(--spacer-xs) var(--spacer-sm);border-radius:var(--rounded-md);color:var(--color-text-primary-muted)}