:root,:root[data-theme=dark]{--bg-950:#1d1303;--bg-900:#1d1303;--bg-800:#4f370d;--bg-700:#544923;--bg-shadow:#020c1bb3;--bg-scrolled:#2f200ad9;--text-muted:#706249;--text-body:#b0a488;--text-secondary:#d1b9a8;--text-heading:#f6f5cc;--text-strong:#e6f1ff;--accent:#ffeecb;--accent-tint:#ffe8641a;--accent-pink:#f57dff;--accent-blue:#57cbff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:"Calibre", "Inter", "San Francisco", "SF Pro Text", -apple-system, system-ui, sans-serif;--font-mono:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--fz-xxs:12px;--fz-xs:13px;--fz-sm:14px;--fz-md:16px;--fz-lg:18px;--fz-xl:20px;--fz-xxl:22px;--fz-heading:32px;--border-radius:4px;--nav-height:100px;--nav-scroll-height:70px;--tab-height:42px;--tab-width:120px;--easing:cubic-bezier(.645, .045, .355, 1);--transition:all .25s cubic-bezier(.645, .045, .355, 1);--hamburger-width:30px}:root[data-theme=light]{--bg-950:#e8e0cd;--bg-900:#faf6ee;--bg-800:#fffdf6;--bg-700:#e8e0cd;--bg-shadow:#3c2a0c1f;--bg-scrolled:#faf6eed9;--text-muted:#a0937a;--text-body:#6f6350;--text-secondary:#8d8068;--text-heading:#2a2417;--text-strong:#1d1303;--accent:#a06b12;--accent-tint:#a06b121f;--accent-pink:#c073b8;--accent-blue:#2b8fc2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg-950:#fff;--bg-900:#faf6ee;--bg-800:#fffdf6;--bg-700:#e8e0cd;--bg-shadow:#3c2a0c1f;--bg-scrolled:#faf6eed9;--text-muted:#a0937a;--text-body:#6f6350;--text-secondary:#8d8068;--text-heading:#2a2417;--text-strong:#1d1303;--accent:#a06b12;--accent-tint:#a06b121f;--accent-pink:#c073b8;--accent-blue:#2b8fc2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}html{box-sizing:border-box;scroll-behavior:smooth;width:100%}*,:before,:after{box-sizing:inherit}::selection{background-color:var(--bg-700);color:var(--text-heading)}:focus{outline:2px dashed var(--accent);outline-offset:3px}:focus:not(:focus-visible){outline-offset:0px;outline:none}:focus-visible{outline:2px dashed var(--accent);outline-offset:3px}html{scrollbar-color:var(--text-muted) var(--bg-900)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-900)}::-webkit-scrollbar-thumb{background-color:var(--text-muted);border:3px solid var(--bg-900);border-radius:10px}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--bg-900);width:100%;min-height:100%;color:var(--text-body);font-family:var(--font-sans);font-size:var(--fz-xl);margin:0;line-height:1.3;transition:background-color .3s,color .3s;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6,p,a,span,li,div,section,footer,header{transition-property:background-color,border-color,color,box-shadow,fill,stroke;transition-duration:.3s;transition-timing-function:ease}body.hidden{overflow:hidden}#root{grid-template-rows:1fr auto;grid-template-columns:100%;min-height:100vh;display:grid}main{width:100%;max-width:1600px;min-height:100vh;margin:0 auto;padding:150px 100px}@media (width<=1080px){main{padding:200px 100px}}@media (width<=768px){main{padding:150px 50px}}@media (width<=480px){main{padding:125px 25px}}section{max-width:1000px;margin:0 auto;padding:50px 0}@media (width<=768px){section{padding:80px 0}}@media (width<=480px){section{padding:60px 0}}h1,h2,h3,h4,h5,h6{color:var(--text-heading);margin:0 0 10px;font-weight:600;line-height:1.1}.big-heading{margin:0;font-size:clamp(40px,8vw,80px)}.medium-heading{margin:0;font-size:clamp(40px,8vw,60px)}.numbered-heading{width:100%;font-size:clamp(26px, 5vw, var(--fz-heading));white-space:nowrap;align-items:center;margin:10px 0 40px;display:flex;position:relative}.numbered-heading:after{content:"";background-color:var(--bg-700);width:300px;height:1px;margin-left:20px;display:block;position:relative;top:-5px}@media (width<=1080px){.numbered-heading:after{width:200px}}@media (width<=768px){.numbered-heading:after{width:100%}}@media (width<=600px){.numbered-heading:after{margin-left:10px}}img,svg,.gatsby-image-wrapper{vertical-align:middle;width:100%;max-width:100%}img[alt=""],img:not([alt]){filter:blur(5px)}svg{fill:currentColor;vertical-align:middle;width:100%;height:100%}a{-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;color:inherit;transition:var(--transition);text-decoration:none;display:inline-block;position:relative}a:hover,a:focus{color:var(--accent)}a.inline-link{color:var(--accent);transition:var(--transition);display:inline-block;position:relative}a.inline-link:hover,a.inline-link:focus-visible{color:var(--accent);outline:0}a.inline-link:after{content:"";background-color:var(--accent);opacity:.5;width:0;height:1px;display:block;position:relative;bottom:.37em}@media (prefers-reduced-motion:no-preference){a.inline-link:after{transition:var(--transition)}}a.inline-link:hover:after,a.inline-link:focus-visible:after{width:100%}a.inline-link:hover>*,a.inline-link:focus-visible>*{transition:var(--transition);color:var(--accent)!important}button{cursor:pointer;border:0;border-radius:0}input,textarea{border-radius:0;outline:0}p{margin:0 0 15px}p:last-child,p:last-of-type{margin:0}p>a{color:var(--accent);transition:var(--transition);display:inline-block;position:relative}p>a:hover,p>a:focus-visible{color:var(--accent);outline:0}p>a:after{content:"";background-color:var(--accent);opacity:.5;width:0;height:1px;display:block;position:relative;bottom:.37em}@media (prefers-reduced-motion:no-preference){p>a:after{transition:var(--transition)}}p>a:hover:after,p>a:focus-visible:after{width:100%}p>code{background-color:var(--bg-800);color:var(--text-strong);font-size:var(--fz-sm);border-radius:var(--border-radius);padding:.3em .5em}ul.fancy-list{font-size:var(--fz-lg);margin:0;padding:0;list-style:none}ul.fancy-list li{margin-bottom:10px;padding-left:30px;position:relative}ul.fancy-list li:before{content:"▹";color:var(--accent);position:absolute;left:0}.skip-to-content{color:var(--accent);border:1px solid var(--accent);border-radius:var(--border-radius);font-size:var(--fz-xs);font-family:var(--font-mono);transition:var(--transition);z-index:-99;background-color:#0000;width:1px;height:1px;padding:1.25rem 1.75rem;line-height:1;text-decoration:none;position:absolute;top:auto;left:-999px;overflow:hidden}.skip-to-content:focus{color:var(--bg-950);background-color:var(--accent);z-index:99;width:auto;height:auto;box-shadow:transparent;outline:none;top:0;left:0;overflow:auto;transform:none}#logo{color:var(--accent)}.overline{color:var(--accent);font-family:var(--font-mono);font-size:var(--fz-lg);font-weight:400}.subtitle{color:var(--accent);font-size:var(--fz-md);font-family:var(--font-mono);margin:0 0 20px;font-weight:400;line-height:1.5}@media (width<=1080px){.subtitle{font-size:var(--fz-sm)}}@media (width<=768px){.subtitle{font-size:var(--fz-xs)}}.loader{background-color:var(--bg-950);z-index:99;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s;display:flex;position:fixed;inset:0}.loader .logo-wrapper{width:max-content;max-width:100px;transition:var(--transition);opacity:1}.loader .logo-wrapper svg{fill:none;-webkit-user-select:none;user-select:none;width:100px;height:100px;margin:0 auto;animation:1.6s ease-in-out infinite logoPulse;display:block}.loader .logo-wrapper svg #B{opacity:1}@keyframes logoPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=768px){.side{display:none!important}}.hamburger{z-index:12;width:30px;height:30px;color:var(--accent);transition:var(--transition);justify-content:center;align-items:center;display:none;position:relative}.hamburger .ham-box{width:var(--hamburger-width);height:24px;display:inline-block;position:relative}.hamburger .ham-box-inner{width:var(--hamburger-width);border-radius:var(--border-radius);background-color:var(--accent);height:2px;transition:transform .22s cubic-bezier(.55,.055,.675,.19),top .1s ease-in .25s,opacity .1s ease-in;position:absolute;top:50%;right:0}.hamburger .ham-box-inner:before,.hamburger .ham-box-inner:after{content:"";width:var(--hamburger-width);border-radius:var(--border-radius);background-color:var(--accent);height:2px;transition-timing-function:ease;display:block;position:absolute;left:auto;right:0}.hamburger .ham-box-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in;top:-10px}.hamburger .ham-box-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);bottom:-10px}.hamburger .ham-box.open .ham-box-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger .ham-box.open .ham-box-inner:before{opacity:0;transition:top .1s ease-out,opacity .1s ease-out .12s;top:0}.hamburger .ham-box.open .ham-box-inner:after{transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;bottom:0;transform:rotate(-90deg)}.resume-button:hover{background-color:var(--accent-tint);box-shadow:4px 4px 0 0 var(--accent);transform:translateY(-3px)}a.resume-button{color:var(--accent);margin-top:50px}.loader{z-index:99;background-color:var(--bg-950);opacity:0;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.loader.mounted{opacity:1}.loader.hiding{opacity:0;transition:opacity .5s}.loader-text{font-family:var(--font-sans);letter-spacing:.12em;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(var(--text-strong), var(--text-strong)), linear-gradient(var(--text-muted), var(--text-muted));-webkit-text-fill-color:transparent;background-position:0 100%,0 0;background-repeat:no-repeat;background-size:100% 0%,100% 100%;margin:0;font-size:clamp(28px,6vw,56px);font-weight:700;animation:2.4s cubic-bezier(.65,0,.35,1) forwards loadFill}@keyframes loadFill{0%{background-size:100% 0%,100% 100%}to{background-size:100% 100%,100% 100%}}.theme-toggle{width:28px;height:28px;color:var(--accent);border:1px solid var(--accent);border-radius:var(--border-radius);transition:var(--transition);background-color:#0000;justify-content:center;align-items:center;margin-left:16px;margin-right:4px;display:flex}.theme-toggle.in-menu{margin-left:0;margin-right:0}.theme-toggle:hover{background-color:var(--accent-tint)}.theme-toggle:hover svg{color:var(--accent)}.header{z-index:11;width:100%;height:var(--nav-height);transition:var(--transition);background-color:#0000;justify-content:space-between;align-items:center;padding:0 50px;display:flex;position:fixed;top:0}.header.scrolled{height:var(--nav-scroll-height);background-color:var(--bg-scrolled);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px -10px var(--bg-shadow)}.header.hidden-init{opacity:0;visibility:hidden}.header.visible-init{opacity:1;visibility:visible}.header-logo{width:42px;height:42px}.header-brand{font-family:var(--font-mono);font-size:var(--fz-md);color:var(--text-heading);letter-spacing:.05em;font-weight:600}.header-brand-wrap{align-items:center;display:flex}.logo-name{font-family:var(--font-mono);font-size:var(--fz-md);color:var(--text-heading);letter-spacing:.05em;transition:var(--transition);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.logo-name:hover{color:var(--accent)}.nav-center{border:1px solid var(--accent);border-radius:var(--border-radius);background-color:var(--bg-scrolled);align-items:center;gap:32px;height:40px;padding:.5rem 1.5rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-center .nav-links{align-items:center;gap:32px;margin:0;padding:0;list-style:none;display:flex}.nav-center .nav-link{font-family:var(--font-mono);font-size:var(--fz-xs)}.nav-center .nav-link a{color:var(--text-heading)}.nav-right{align-items:center;gap:16px;display:flex}.nav-right .resume-button{height:40px;color:var(--accent);border:1px solid var(--accent);border-radius:var(--border-radius);font-family:var(--font-mono);font-size:var(--fz-xs);background-color:#0000;justify-content:center;align-items:center;padding:0 1rem;line-height:1;display:inline-flex}.nav-right .theme-toggle{width:40px;height:40px;margin:0}.hamburger{background-color:#0000;border:0;justify-content:center;align-items:center;display:none}.logo-button{height:40px;color:var(--accent);border:1px solid var(--accent);font-family:var(--font-mono);font-size:var(--fz-xs);background-color:#0000;border-radius:100px;justify-content:center;align-items:center;padding:0 1rem;line-height:1;display:inline-flex}.mobile-menu{background-color:var(--bg-800);width:min(75vw,400px);height:100vh;box-shadow:10px 0px 30px -15px var(--bg-shadow);transition:var(--transition);z-index:11;flex-direction:column;justify-content:center;padding:50px 10px;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.mobile-menu.open{transform:translate(0)}.mobile-menu .nav{width:100%}.mobile-menu .nav-links{flex-flow:wrap;justify-content:center;align-items:center;gap:20px 24px;margin:0;padding:0;list-style:none;display:flex}.mobile-menu .nav-link{font-family:var(--font-mono);font-size:clamp(var(--fz-sm), 4vw, var(--fz-lg))}.mobile-menu .nav-link a{color:var(--text-heading)}.mobile-menu .nav-link-number{color:var(--accent);margin-right:8px}.mobile-menu .resume-button{color:var(--accent);border:1px solid var(--accent);border-radius:var(--border-radius);font-family:var(--font-mono);font-size:var(--fz-sm);background-color:#0000;padding:.75rem 1rem;line-height:1}.mobile-menu .nav-extra,.mobile-menu .nav-toggle{margin-top:10px}@media (width<=1080px){.header{padding:0 40px}}@media (width<=768px){.header{padding:0 25px}}@media (width<=600px){.nav-center,.nav-right{display:none}.hamburger{display:flex}}.side{z-index:10;color:var(--text-secondary);flex-direction:column;align-items:center;display:flex;position:fixed;bottom:0}.side-left{left:40px}.side-right{right:40px}.side-line{background-color:var(--text-heading);width:1px;height:90px;margin-top:24px}.side-email{font-family:var(--font-mono);font-size:var(--fz-xs);letter-spacing:.1em;writing-mode:vertical-rl;color:var(--text-secondary)}.side-social{flex-direction:column;align-items:center;gap:20px;margin:0;padding:0;list-style:none;display:flex}.side-social a{color:var(--text-secondary)}.side-social a:hover{color:var(--accent)}.hero{flex-direction:column;align-items:flex-start;min-height:75vh;padding:0;display:flex}.hero .overline{font-size:var(--fz-md);font-family:var(--font-mono);color:var(--accent);margin:0 0 30px 4px;animation:1s both fadeUp}.hero .name{color:var(--text-heading);animation:1s .1s both fadeUp}.hero .tagline{color:var(--text-body);margin-bottom:30px;animation:1s .2s both fadeUp}.hero .description{max-width:540px;color:var(--text-body);margin:0;line-height:1.5;animation:1s .3s both fadeUp}.hero .cta{color:var(--accent);border:1px solid var(--accent);border-radius:var(--border-radius);font-family:var(--font-mono);font-size:var(--fz-sm);background-color:#0000;margin:50px 0;padding:1.25rem 1.75rem;line-height:1;animation:1s .4s both fadeUp}.section-heading-number{color:var(--accent);margin-right:10px}.about-grid{grid-template-columns:3fr 2fr;gap:50px;display:grid}.about-content{color:var(--text-body);line-height:1.5}.about-skills{font-family:var(--font-mono);font-size:var(--fz-xs);grid-template-columns:repeat(2,minmax(140px,200px));gap:0 10px;margin:20px 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.about-skills li{margin-bottom:10px;padding-left:20px;position:relative}.about-image{justify-content:center;align-items:baseline;display:flex}.profile-img{border:1px solid var(--bg-700);filter:grayscale()sepia(.3);width:100%;max-width:350px;transition:filter var(--transition);border-radius:50%}.profile-img:hover{filter:grayscale(0)sepia(0)}@media (width<=768px){.about-grid{grid-template-columns:1fr}.about-content{order:2}.about-image{order:1}}.experience-inner{flex-direction:column;align-items:flex-start;display:flex}.experience-tabs{flex-direction:column;align-items:flex-start;margin-bottom:30px;display:flex;position:relative}.experience-tab-highlight{left:0;top:var(--tab-active-top,0px);border-radius:var(--border-radius);background:var(--accent);width:2px;height:60px;transition:var(--transition);position:absolute}.experience-tab{height:60px;font-family:var(--font-mono);font-size:var(--fz-md);text-align:left;white-space:pre-wrap;color:var(--text-body);transition:var(--transition);background:0 0;align-items:center;padding:0 20px;display:flex}.experience-tab.active{color:var(--accent)}.experience-tab:hover{color:var(--accent);background-color:var(--bg-800)}.experience-panel{flex-flow:column wrap;gap:20px;width:100%;min-height:300px;display:flex}.experience-title{font-size:var(--fz-xxl);margin-bottom:5px}.experience-title .job-title{color:var(--text-heading)}.experience-company,.experience-company a{color:var(--accent)}.experience-range{font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--text-secondary);margin:0 0 25px}.experience-description{color:var(--text-body)}.experience-description li{line-height:1.5}.featured-project{grid-template-columns:repeat(12,1fr);align-items:center;margin-bottom:100px;display:grid;position:relative}.featured-project .project-content{z-index:2;text-align:left;grid-area:1/1/auto/7;position:relative}.featured-project .project-overline{font-size:var(--fz-xs);margin-bottom:10px}.featured-project .project-title{margin-bottom:20px;font-size:clamp(24px,5vw,28px)}.featured-project .project-title a{color:var(--text-heading)}.featured-project .project-description{box-shadow:0 10px 30px -15px var(--bg-shadow);transition:var(--transition);background:var(--bg-800);border-radius:var(--border-radius);color:var(--text-secondary);padding:25px}.featured-project .project-description p{line-height:1.5}.featured-project .project-tech{font-size:var(--fz-xs);font-family:var(--font-mono);color:var(--text-secondary);flex-wrap:wrap;gap:10px 20px;margin:25px 0 10px;padding:0;list-style:none;display:flex}.featured-project .project-links{align-items:center;gap:16px;margin-top:10px;display:flex}.featured-project .project-links a{color:var(--text-heading)}.featured-project .project-links a:hover{color:var(--accent)}.other-projects{flex-direction:column;align-items:center;margin-top:40px;display:flex}.other-projects-title{color:var(--text-heading);font-size:clamp(24px,5vw,28px)}.other-projects-archive{font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--accent);margin:10px 0}.other-projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;width:100%;margin:50px 0 0;padding:0;list-style:none;display:grid}.other-project{box-shadow:0 10px 30px -15px var(--bg-shadow);border-radius:var(--border-radius);background-color:var(--bg-800);height:100%;transition:var(--transition);text-align:left;flex-direction:column;padding:2rem 1.75rem;display:flex}.other-project:hover{box-shadow:0 20px 30px -15px var(--bg-shadow);transform:translateY(-5px)}.other-project:hover .other-project-name a,.other-project:hover .other-project-name{color:var(--accent)}.other-project .project-top{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.other-project .project-github{color:var(--accent)}.other-project .project-external{color:var(--text-heading)}.other-project .project-external:hover{color:var(--accent)}.other-project-name{font-size:var(--fz-xxl);margin-bottom:10px}.other-project-name a{color:var(--text-heading)}.other-project-description{font-size:var(--fz-sm);color:var(--text-secondary);line-height:1.5}.other-project-tech{font-size:var(--fz-xs);font-family:var(--font-mono);color:var(--text-secondary);flex-wrap:wrap;gap:10px;margin:20px 0 0;padding:0;list-style:none;display:flex}@media (width<=768px){.featured-project .project-content{text-align:left;grid-column:1/13}}.contact{text-align:center;flex-direction:column;align-items:center;display:flex}.contact-title{margin:0 0 50px;font-size:clamp(40px,5vw,60px)}.contact-description{max-width:600px;color:var(--text-body);margin:0 0 50px;line-height:1.5}.contact-button{color:var(--accent);border:1px solid var(--accent);border-radius:var(--border-radius);font-family:var(--font-mono);font-size:var(--fz-sm);background-color:#0000;padding:1.25rem 1.75rem;line-height:1}.footer{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:auto;min-height:70px;padding:15px;display:flex}.footer-name{font-family:var(--font-mono);font-size:var(--fz-sm);color:var(--text-secondary);padding-bottom:5px}.footer-name a{color:inherit}.footer-inspiration{font-family:var(--font-mono);font-size:var(--fz-xxs);padding-bottom:5px}.footer-credit{font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--text-muted);flex-direction:column;padding-bottom:15px;display:flex}