html,body,#root{min-height:100%}header{z-index:100;border-bottom:1px solid var(--border-color);background-color:var(--bg-color);transition:background-color .4s,border-color .3s;position:sticky;top:0}.navigation{padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;display:flex}.leftNav{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-main);letter-spacing:-.02em;text-transform:uppercase;font-weight:800}.rightNav{align-items:center;display:flex}.hamburgerButton{cursor:pointer;width:2.75rem;height:2.75rem;color:var(--text-main);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .3s;display:inline-flex}.hamburgerButton i{font-size:1.5rem}.hamburgerButton:hover{color:var(--accent-color)}.mobileMenuOverlay{background-color:var(--bg-color);z-index:200;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;transition:opacity .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.mobileMenuOverlay.active{opacity:1;pointer-events:all}.closeButton{top:var(--space-lg);right:var(--space-lg);cursor:pointer;width:2.75rem;height:2.75rem;color:var(--text-main);background:0 0;border:none;justify-content:center;align-items:center;transition:color .3s;display:inline-flex;position:absolute}.closeButton i{font-size:1.75rem}.closeButton:hover{color:var(--accent-color)}.mobileMenuItems{gap:var(--space-xl);flex-direction:column;align-items:center;width:100%;margin:0;padding:0;list-style:none;display:flex}.mobileMenuItems li{text-align:center;width:100%}.mobileMenuItems a{font-family:var(--font-body);font-size:var(--text-2xl);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);padding:var(--space-sm) 0;font-weight:800;text-decoration:none;transition:color .3s,transform .2s;display:block}.mobileMenuItems a:hover{color:var(--text-main);transform:scale(1.05)}.themeToggleContainer{margin-top:var(--space-xl)}.themeToggleBtn{background-color:var(--secondary-color);border:1px solid var(--border-color);padding:var(--space-md) var(--space-2xl);cursor:pointer;color:var(--text-main);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;border-radius:2rem;justify-content:center;align-items:center;transition:background-color .3s,border-color .3s,color .3s;display:inline-flex}.themeToggleBtn i{margin-right:var(--space-sm);color:var(--accent-color);font-size:1.125rem}.themeToggleBtn:hover{background-color:var(--border-color);border-color:var(--text-muted)}@media (width>=1025px){header{display:none!important}}.socialsNav{justify-content:space-between;align-items:center;padding:0;display:flex}.socialsNav ul{justify-content:flex-start;gap:var(--space-sm,.5rem);align-items:center;margin:0;padding:0;list-style:none;display:flex}.socialsNav li{align-items:center;display:inline-flex}.socialsNav a,.socialsNav .buttonStyle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:color .3s;display:inline-flex}.socialsNav a i,.socialsNav .buttonStyle i{width:2.75rem;height:2.75rem;color:var(--text-muted);background-color:#0000;border:none;border-radius:0;place-items:center;padding:0;font-size:1.125rem;transition:color .3s;display:inline-grid}.socialsNav a:hover,.socialsNav .buttonStyle:hover{color:var(--accent-color)}.socialsNav a:hover i,.socialsNav .buttonStyle:hover i{color:var(--accent-color);box-shadow:none;background-color:#0000;border-color:#0000;transform:none}body.dark-mode .socialsNav a:hover i,body.dark-mode .socialsNav .buttonStyle:hover i{box-shadow:none}.project{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.projectCard{border:none;border-bottom:1px solid var(--border-color);padding:var(--space-lg) 0;box-sizing:border-box;background-color:#0000;border-radius:0;width:100%;transition:background-color .3s}.projectCard:last-child{border-bottom:none}.projectCard:hover{background-color:var(--secondary-color);border-color:var(--border-color);box-shadow:none;margin:0 calc(-1 * var(--space-md));padding-left:var(--space-md);padding-right:var(--space-md);width:calc(100% + 2 * var(--space-md));border-radius:.375rem;transform:none}body.dark-mode .projectCard:hover{box-shadow:none}.projectDescription h2{color:var(--text-main);font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.25;transition:color .3s}.project-link{color:var(--text-main);margin-bottom:var(--space-sm);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.project-link:hover h2{color:var(--accent-color)}.project-arrow{color:var(--text-muted);font-size:1em;transition:transform .3s cubic-bezier(.16,1,.3,1),color .3s}.project-link:hover .project-arrow{color:var(--accent-color);transform:translate(3px,-3px)}.projectDescription p{color:var(--text-muted);line-height:1.7;font-size:var(--text-sm);text-align:left;margin:0}@media (width>=481px){.projectCard{padding:var(--space-lg) 0}.projectDescription p{font-size:var(--text-base)}}@media (width>=1025px){.projectCard{padding:var(--space-lg) 0}.projectCard:hover{padding-left:var(--space-lg);padding-right:var(--space-lg)}}:root{--bg-color:#faf9f7;--text-main:#1a1a1a;--text-muted:#6b6b6b;--accent-color:#c27350;--card-bg:transparent;--border-color:#e5e3df;--primary-color:var(--bg-color);--secondary-color:#f0eee9;--tertary-color:#d6d3cd;--text-color:var(--text-main);--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:var(--font-body);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--text-sm:clamp(.8125rem, .78rem + .16vw, .9375rem);--text-base:clamp(.9375rem, .89rem + .24vw, 1.0625rem);--text-lg:clamp(1.0625rem, .93rem + .63vw, 1.375rem);--text-xl:clamp(1.25rem, 1.04rem + 1vw, 1.75rem);--text-2xl:clamp(1.5rem, 1.17rem + 1.56vw, 2.5rem);--text-3xl:clamp(2.25rem, 1.5rem + 3.5vw, 3.5rem)}html{scroll-behavior:smooth}*{box-sizing:border-box;font-family:var(--font-body);margin:0;padding:0}img,video,svg,picture,canvas{max-width:100%;height:auto}body{background-color:var(--bg-color);color:var(--text-main);letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s,color .4s}::selection{background-color:var(--accent-color);color:#faf9f7}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-color);outline-offset:var(--space-xs)}a,button,input,select,textarea{min-height:2.75rem}button,input,select,textarea{min-width:2.75rem}.content-paragraph{text-align:left;max-width:60ch;color:var(--text-muted);line-height:1.75}.overHeading{text-align:left;padding:var(--space-xs) 0;font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text-main);letter-spacing:-.03em;font-weight:800;line-height:1.15}body.dark-mode{--bg-color:#141414;--text-main:#e8e6e3;--text-muted:#8a8a87;--accent-color:#d4896a;--card-bg:transparent;--border-color:#2a2a2a;--primary-color:var(--bg-color);--secondary-color:#1e1e1c;--tertary-color:#333330;--text-color:var(--text-main);background-color:var(--bg-color);color:var(--text-main)}main{flex-direction:column;width:100%;display:flex;overflow-x:hidden}.overview{padding:var(--space-xl) var(--space-md) var(--space-md);gap:var(--space-xl);flex-direction:column;width:100%;margin:0;display:flex;position:static}.overviewTop{flex-direction:column;gap:.75rem;max-width:100%;display:flex}.overKicker{color:var(--accent-color);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.2em;text-transform:uppercase;font-weight:600}.overSubheading{color:var(--text-muted);font-size:var(--text-lg);font-weight:400;line-height:1.5}.mininav{margin-top:var(--space-md)}.overPara{font-size:var(--text-xl);color:var(--text-muted);max-width:60ch;line-height:1.7}#about,#experience,#projects,#education{box-sizing:border-box;padding:var(--space-xl) 0;margin-top:0}#skills{display:none}.intro{justify-content:flex-start;align-items:center;display:flex}.content{padding:0 var(--space-md);flex-direction:column;width:100%;margin:0;display:flex}.nav-list{gap:var(--space-md);flex-direction:column;list-style:none;display:flex}.nav-link{align-items:center;gap:var(--space-md);font-family:var(--font-body);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:500;line-height:1.5;text-decoration:none;transition:color .3s;display:flex}.nav-link:before{content:"";background-color:var(--text-muted);width:1.5rem;height:1px;transition:width .3s,background-color .3s;display:inline-block}.nav-link:hover{color:var(--text-main)}.nav-link:hover:before{background-color:var(--text-main);width:3rem}.nav-link.active{color:var(--text-main)}.nav-link.active:before{background-color:var(--text-main);width:3rem}.socials{margin-top:var(--space-md);padding:0}@media (width>=481px){.overview{padding:var(--space-2xl) var(--space-lg)}.content{padding:0 var(--space-lg)}}@media (width>=1025px){html{scroll-snap-type:y mandatory}main{max-width:1100px;padding:0 var(--space-lg);grid-template-columns:30% 62%;align-items:start;gap:8%;margin:0 auto;display:grid;overflow-x:visible}.overview{top:var(--space-2xl);height:calc(100dvh - 8rem);margin:var(--space-2xl) 0;scrollbar-width:none;scroll-snap-align:none;justify-content:space-between;min-height:auto;padding:0;position:sticky;overflow-y:auto}.overview::-webkit-scrollbar{display:none}.intro{padding:0}#about,#education,#projects,#experience{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;min-height:100dvh;padding:0;display:flex}.content{gap:0;margin:0;padding:0}.socials{margin-top:auto;padding:0}.mininav{margin-top:0}}.experience{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.experienceCard{border:none;border-bottom:1px solid var(--border-color);padding:var(--space-lg) 0;gap:var(--space-xs);box-sizing:border-box;background-color:#0000;border-radius:0;flex-direction:column-reverse;width:100%;transition:background-color .3s;display:flex}.experienceCard:last-child{border-bottom:none}.experienceCard:hover{background-color:var(--secondary-color);border-color:var(--border-color);box-shadow:none;margin:0 calc(-1 * var(--space-md));padding-left:var(--space-md);padding-right:var(--space-md);width:calc(100% + 2 * var(--space-md));border-radius:.375rem;transform:none}body.dark-mode .experienceCard:hover{box-shadow:none}.experienceHeader{gap:var(--space-xs);flex-direction:column;display:flex}.experienceRole{color:var(--text-main);font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;font-weight:700;line-height:1.25}.experienceHeader h3{color:var(--text-muted);font-size:var(--text-sm);font-weight:500}.experienceDescription{color:var(--text-muted);margin-top:var(--space-xs);text-align:left;line-height:1.7;font-size:var(--text-sm)}.experienceDuration{color:var(--accent-color);font-family:var(--font-body);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs);font-weight:600}@media (width>=481px){.experienceCard{padding:var(--space-lg) 0;gap:var(--space-sm)}.experienceDescription{font-size:var(--text-base)}}@media (width>=1025px){.experienceCard{padding:var(--space-lg) 0;justify-content:space-between;align-items:flex-start;gap:var(--space-xl);flex-direction:row}.experienceCard:hover{padding-left:var(--space-lg);padding-right:var(--space-lg)}.experienceHeader{flex:1}.experienceDuration{text-align:right;flex-shrink:0;margin-top:.25rem;margin-bottom:0}}