@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Inter:wght@300..900&display=swap";:root{--navy:#f9f6f0;--navy-rgb:249, 246, 240;--light-navy:#f0eae1;--lightest-navy:#e5ddd1;--border-default:#d5c9b8;--border-hover:#a88e83;--navy-shadow:#2d1e0f0a;--slate:#70665b;--light-slate:#2c2723;--lightest-slate:#1e1b18;--white:#1e1b18;--green:#c86246;--green-hover:#a64830;--green-tint:#c862460f;--green-tint-hover:#c862461f;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Fira Code", "Source Code Pro", 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;--transition:all .25s cubic-bezier(.645, .045, .355, 1);--easing:cubic-bezier(.645, .045, .355, 1);--nav-height:100px;--nav-scroll-height:70px}[data-theme=nordic-sand]{--navy:#f9f6f0;--navy-rgb:249, 246, 240;--light-navy:#f0eae1;--lightest-navy:#e5ddd1;--border-default:#d5c9b8;--border-hover:#a88e83;--navy-shadow:#2d1e0f0a;--slate:#70665b;--light-slate:#2c2723;--lightest-slate:#1e1b18;--white:#1e1b18;--green:#c86246;--green-hover:#a64830;--green-tint:#c862460f;--green-tint-hover:#c862461f}[data-theme=nordic-terracotta]{--navy:#121214;--navy-rgb:18, 18, 20;--light-navy:#1b1c1f;--lightest-navy:#28292d;--border-default:#3a3430;--border-hover:#5c4d44;--navy-shadow:#000000bf;--slate:#8a8782;--light-slate:#c2bfb9;--lightest-slate:#f4f3f0;--white:#faf9f6;--green:#dd7a5f;--green-hover:#e8957f;--green-tint:#dd7a5f14;--green-tint-hover:#dd7a5f26}[data-theme=sage-executive]{--navy:#0a1118;--navy-rgb:10, 17, 24;--light-navy:#121c26;--lightest-navy:#1a2836;--border-default:#243648;--border-hover:#3f5a66;--navy-shadow:#05080cb3;--slate:#7a8b99;--light-slate:#a5b5c1;--lightest-slate:#e2e8f0;--white:#f8fafc;--green:#5eba97;--green-hover:#7cd4b2;--green-tint:#5eba9714;--green-tint-hover:#5eba9726}[data-theme=champagne-obsidian]{--navy:#0b0c10;--navy-rgb:11, 12, 16;--light-navy:#15181e;--lightest-navy:#1f242d;--border-default:#2c2b29;--border-hover:#4d4940;--navy-shadow:#000c;--slate:#8e8a82;--light-slate:#c5c1b7;--lightest-slate:#f1efea;--white:#f6f5f2;--green:#e6c387;--green-hover:#f2d8a7;--green-tint:#e6c38714;--green-tint-hover:#e6c38726}[data-theme=plum-velvet]{--navy:#0d0b12;--navy-rgb:13, 11, 18;--light-navy:#161320;--lightest-navy:#221c30;--border-default:#312744;--border-hover:#574136;--navy-shadow:#000c;--slate:#89829a;--light-slate:#b7b1c7;--lightest-slate:#e9e6f0;--white:#faf8ff;--green:#e3a857;--green-hover:#f2c27d;--green-tint:#e3a85714;--green-tint-hover:#e3a85726}[data-theme=warm-alabaster]{--navy:#fbfbfa;--navy-rgb:251, 251, 250;--light-navy:#f3f3ef;--lightest-navy:#e6e6df;--border-default:#dfdfd5;--border-hover:#b5b5a5;--navy-shadow:#2828230d;--slate:#7c786e;--light-slate:#3c3a35;--lightest-slate:#1c1b18;--white:#1c1b18;--green:#1e4d2b;--green-hover:#12351c;--green-tint:#1e4d2b0f;--green-tint-hover:#1e4d2b1f}[data-theme=cool-minimalist]{--navy:#f8fafc;--navy-rgb:248, 250, 252;--light-navy:#f1f5f9;--lightest-navy:#e2e8f0;--border-default:#cbd5e1;--border-hover:#94a3b8;--navy-shadow:#0f172a0a;--slate:#64748b;--light-slate:#334155;--lightest-slate:#0f172a;--white:#0f172a;--green:#2563eb;--green-hover:#1d4ed8;--green-tint:#2563eb0f;--green-tint-hover:#2563eb1f}html{box-sizing:border-box;scroll-behavior:smooth;width:100%}*,:before,:after{box-sizing:inherit}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--navy)}::-webkit-scrollbar-thumb{background:var(--lightest-navy);border:3px solid var(--navy);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--slate)}body{background-color:var(--navy);width:100%;min-height:100vh;color:var(--light-slate);font-family:var(--font-sans);font-size:var(--fz-xl);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.3;overflow-x:hidden}@media (width<=480px){body{font-size:var(--fz-lg)}}body.hidden{overflow:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--white);margin:0 0 10px;font-weight:600;line-height:1.1}p{margin:0 0 15px}p:last-child{margin:0}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(--green);outline:0}a:focus-visible,button:focus-visible{outline:2px dashed var(--green);outline-offset:3px}section{max-width:1000px;margin:0 auto;padding:100px 0}@media (width<=1080px){section{padding:80px 20px}}@media (width<=768px){section{padding:80px 0}}@media (width<=480px){section{padding:60px 0}}.big-heading{margin:0;font-size:clamp(40px,8vw,80px);font-weight:600;line-height:1.1}.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:before{content:var(--section-num,"");color:var(--green);font-family:var(--font-mono);font-size:clamp(var(--fz-md), 3vw, var(--fz-xl));margin-right:10px;font-weight:400;position:relative;bottom:0}.numbered-heading:after{content:"";background-color:var(--border-default);width:300px;height:1px;margin-left:20px;display:block;position:relative;top:-1px}@media (width<=768px){.numbered-heading:after{width:100%;max-width:150px}}.ghost-button{color:var(--green);border:1px solid var(--green);font-size:var(--fz-sm);font-family:var(--font-mono);cursor:pointer;transition:var(--transition);background-color:#0000;border-radius:4px;padding:1.25rem 1.75rem;line-height:1;text-decoration:none}.ghost-button:hover,.ghost-button:focus,.ghost-button:active{background-color:var(--green-tint);outline:none}.fade-in{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}.fadeup-enter{opacity:.01;transition:opacity .3s var(--easing), transform .3s var(--easing);transform:translateY(20px)}.fadeup-enter-active{opacity:1;transform:translateY(0)}.fadedown-enter{opacity:.01;transition:opacity .3s var(--easing), transform .3s var(--easing);transform:translateY(-20px)}.fadedown-enter-active{opacity:1;transform:translateY(0)}.skip-to-content{top:calc(-1 * var(--nav-height));background:var(--green);color:var(--navy);z-index:10000;font-family:var(--font-mono);font-size:var(--fz-sm);transition:var(--transition);padding:10px 20px;position:absolute;left:0}.skip-to-content:focus{top:0}.loader-wrapper{background-color:var(--navy);z-index:9999;opacity:0;width:100%;height:100%;transition:opacity .25s var(--easing);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-wrapper.mounted{opacity:1}.loader-logo-wrapper{width:max-content;max-width:100px;transition:var(--transition)}.loader-logo-wrapper svg{width:100%;height:100%;color:var(--green);-webkit-user-select:none;user-select:none;margin:0 auto;display:block;overflow:visible}.header-nav{z-index:11;width:100%;height:var(--nav-height);background-color:rgba(var(--navy-rgb), .92);-webkit-backdrop-filter:blur(10px);transition:var(--transition);justify-content:space-between;align-items:center;padding:0 50px;display:flex;position:fixed;top:0;left:0;right:0;filter:none!important;pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important}@media (width<=1080px){.header-nav{padding:0 40px}}@media (width<=768px){.header-nav{padding:0 25px}}.header-nav.scrolled-up{height:var(--nav-scroll-height);box-shadow:0 10px 30px -10px var(--navy-shadow);transform:translateY(0)}.header-nav.scrolled-down{height:var(--nav-scroll-height);transform:translateY(calc(var(--nav-scroll-height) * -1));box-shadow:0 10px 30px -10px var(--navy-shadow)}.nav-container{width:100%;color:var(--lightest-slate);font-family:var(--font-mono);z-index:12;justify-content:space-between;align-items:center;display:flex;position:relative}.nav-logo{justify-content:center;align-items:center;display:flex}.logo-link{width:54px;height:54px;color:var(--green);opacity:0;transition:opacity .3s var(--easing), transform .25s var(--easing);display:block;position:relative}.logo-link.mounted{opacity:1}.logo-link .hex-container{z-index:-1;width:100%;height:100%;transition:transform .25s var(--easing);position:absolute;top:0;left:0}.logo-link .logo-container{z-index:1;width:100%;height:100%;position:relative}.logo-link svg{width:100%;height:100%;display:block;overflow:visible}.logo-link:hover,.logo-link:focus{outline:0;transform:translate(-4px,-4px)}.logo-link:hover .hex-container,.logo-link:focus .hex-container{transform:translate(4px,3px)}.nav-links-desktop{align-items:center;display:flex}@media (width<=768px){.nav-links-desktop{display:none}}.nav-links-list{justify-content:space-between;align-items:center;margin:0;padding:0;list-style:none;display:flex}.nav-link-item{counter-increment:item 1;font-size:var(--fz-xs);font-family:var(--font-mono);opacity:0;transition:opacity .3s var(--easing), transform .3s var(--easing), color .2s;margin:0 5px;position:relative;transform:translateY(-20px)}.nav-link-item.mounted{opacity:1;transform:translateY(0)}.nav-link-item a{color:var(--lightest-slate);padding:10px}.nav-link-item a:hover,.nav-link-item a.active{color:var(--green)}.nav-link-num{color:var(--green);font-size:var(--fz-xxs);text-align:right;margin-right:5px}.nav-resume-btn,.nav-theme-switcher-wrapper{opacity:0;transition:opacity .3s var(--easing), transform .3s var(--easing);margin-left:15px;transform:translateY(-20px)}.nav-resume-btn.mounted,.nav-theme-switcher-wrapper.mounted{opacity:1;transform:translateY(0)}.resume-btn{font-size:var(--fz-xs);padding:.75rem 1rem}.hamburger-btn{z-index:1000;color:inherit;text-transform:none;cursor:pointer;background-color:#0000;border:0;justify-content:center;align-items:center;padding:15px;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;display:none;position:relative}@media (width<=768px){.hamburger-btn{display:flex}}.ham-box{width:30px;height:24px;display:inline-block;position:relative}.ham-inner{background-color:var(--green);border-radius:4px;width:30px;height:2px;transition:transform .22s cubic-bezier(.55,.055,.675,.19);position:absolute;top:50%;transform:translateY(-50%)}.ham-inner:before,.ham-inner:after{content:"";background-color:var(--green);border-radius:4px;width:30px;height:2px;transition:transform .15s;display:block;position:absolute}.ham-inner:before{transition:top .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);top:-10px}.ham-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);bottom:-10px}.hamburger-btn.open .ham-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger-btn.open .ham-inner:before{opacity:0;transition:top .1s ease-out,opacity .1s ease-out .12s;top:0}.hamburger-btn.open .ham-inner:after{transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;bottom:0;transform:rotate(-90deg)}.mobile-sidebar{display:none}@media (width<=768px){.mobile-sidebar{background-color:var(--light-navy);width:min(75vw,400px);height:100vh;box-shadow:-10px 0px 30px -15px var(--navy-shadow);z-index:9;transition:var(--transition);outline:0;padding:0;display:block;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.mobile-sidebar.open{transform:translate(0)}}.mobile-nav{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100%;padding:80px 25px 40px;display:flex}.mobile-links-list{width:100%;margin:0;padding:0;list-style:none}.mobile-link-item{font-size:clamp(var(--fz-md), 4vw, var(--fz-lg));font-family:var(--font-mono);margin:0 auto 20px}.mobile-link-item a{width:100%;color:var(--lightest-slate);padding:10px 20px}.mobile-link-item a:hover{color:var(--green)}.mobile-link-num{color:var(--green);font-size:var(--fz-sm);margin-bottom:5px;display:block}.mobile-resume-btn{width:max-content;margin-top:10%;padding:18px 50px}.mobile-socials{color:var(--slate);justify-content:center;gap:25px;margin-top:15%;display:flex}.mobile-socials a{color:var(--slate)}.mobile-socials a:hover{color:var(--green)}.mobile-sidebar-overlay{background-color:rgba(var(--navy-rgb), .7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:8;opacity:0;pointer-events:none;width:100vw;height:100vh;transition:var(--transition);display:none;position:fixed;top:0;left:0}@media (width<=768px){.mobile-sidebar-overlay.open{opacity:1;pointer-events:auto;display:block}}.sidebar{z-index:10;width:40px;color:var(--slate);opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;position:fixed;bottom:0;transform:translateY(20px)}@media (width<=768px){.sidebar{display:none}}.sidebar.visible{opacity:1;transform:translateY(0)}.social-sidebar{left:40px;right:auto}.email-sidebar{left:auto;right:40px}.sidebar-list{flex-direction:column;align-items:center;margin:0;padding:0;list-style:none;display:flex}.sidebar-list:after{content:"";background-color:var(--border-default);width:1px;height:90px;margin:0 auto;display:block}.sidebar-list li,.sidebar-list li:last-of-type{margin-bottom:20px}.sidebar-list a{transition:var(--transition);padding:10px}.sidebar-list a:hover{color:var(--green);transform:translateY(-3px)}.email-link-wrapper{flex-direction:column;align-items:center;display:flex;position:relative}.email-link-wrapper:after{content:"";background-color:var(--border-default);width:1px;height:90px;margin:0 auto;display:block}.email-link-wrapper a{font-family:var(--font-mono);font-size:var(--fz-xxs);letter-spacing:.1em;writing-mode:vertical-rl;color:var(--slate);transition:var(--transition);margin:20px auto;padding:10px;text-decoration:none}.email-link-wrapper a:hover{color:var(--green);transform:translateY(-3px)}.hero-section{height:100vh;min-height:100vh;padding-top:var(--nav-height);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:flex-start;max-width:1000px;margin:0 auto;display:flex}@media (height<=700px) and (width>=700px),(width<=360px){.hero-section{height:auto;padding-top:var(--nav-height);padding-bottom:50px}}.hero-item{opacity:0;transition:opacity .3s var(--easing), transform .3s var(--easing);transform:translateY(20px)}.hero-item.visible{opacity:1;transform:translateY(0)}.hero-item:nth-child(4),.hero-item:nth-child(5){margin-top:40px}.hero-overline{color:var(--green);font-family:var(--font-mono);font-size:clamp(var(--fz-sm), 5vw, var(--fz-md));margin:0 0 30px 4px;font-weight:400}@media (width<=480px){.hero-overline{margin:0 0 20px 2px}}.hero-title-name{color:var(--lightest-slate);margin:0;font-size:clamp(40px,8vw,80px);font-weight:600;line-height:1.1}.hero-title-subtitle{color:var(--slate);margin-top:5px;margin-bottom:0;font-size:clamp(30px,6vw,60px);font-weight:600;line-height:.9}.hero-description{max-width:540px;font-size:var(--fz-lg);margin:0;line-height:1.3}.hero-cta-btn{font-size:var(--fz-sm);font-family:var(--font-mono);margin:0;padding:1.25rem 1.75rem}.about-content{grid-template-columns:3fr 2fr;gap:50px;display:grid}@media (width<=768px){.about-content{display:block}}.about-left p{color:var(--light-slate);font-size:var(--fz-md);margin-bottom:15px}.skills-list{grid-template-columns:repeat(2,minmax(140px,200px));margin:20px 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.skills-list li{font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--slate);margin-bottom:10px;padding-left:20px;position:relative}.skills-list li:before{content:"▹";color:var(--green);font-size:var(--fz-sm);line-height:12px;position:absolute;left:0}.about-right{justify-content:center;align-items:flex-start;display:flex}@media (width<=768px){.about-right{max-width:330px;margin:50px auto 0}}.profile-wrapper{width:300px;height:300px;position:relative}.profile-wrapper:after{content:"";border:2px solid var(--green);z-index:-1;width:300px;height:300px;transition:var(--transition);border-radius:4px;display:block;position:absolute;top:15px;left:15px}.profile-wrapper:hover:after{top:10px;left:10px}.profile-box{background-color:var(--light-navy);border:1px solid var(--border-default);width:100%;height:100%;transition:var(--transition);z-index:1;border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.profile-box:before{content:"";background-color:var(--green);opacity:.35;width:100%;height:100%;transition:var(--transition);z-index:2;position:absolute;top:0;left:0}.profile-box:hover{border-color:var(--green);transform:translate(-5px,-5px)}.profile-box:hover:before{opacity:0}.profile-image-img{object-fit:cover;object-position:top;filter:grayscale()contrast()brightness(95%);mix-blend-mode:multiply;width:100%;height:100%;transition:var(--transition);border-radius:4px;display:block;transform:scale(1.15)}.profile-box:hover .profile-image-img{filter:none;mix-blend-mode:normal;transform:scale(1.22)}.jobs-container{min-height:340px;display:flex;position:relative}@media (width<=600px){.jobs-container{min-height:unset;display:block}}.tab-list{z-index:3;width:max-content;margin:0;padding:0;list-style:none;position:relative}@media (width<=600px){.tab-list{border-bottom:2px solid var(--border-default);flex-wrap:wrap;gap:6px;width:100%;margin-bottom:20px;margin-left:0;padding:0 0 10px;display:flex;overflow-x:auto}.tab-list::-webkit-scrollbar{height:4px}}.tab-btn{border-left:2px solid var(--border-default);width:100%;height:42px;color:var(--slate);font-family:var(--font-mono);font-size:var(--fz-xs);text-align:left;white-space:nowrap;cursor:pointer;transition:var(--transition);background-color:#0000;border-top:0;border-bottom:0;border-right:0;align-items:center;padding:0 20px 2px;display:flex;position:relative}.tab-btn:hover{background-color:var(--light-navy);color:var(--green)}.tab-btn.active{color:var(--green);background-color:var(--light-navy)}@media (width<=600px){.tab-btn{border-left:0;border-bottom:2px solid var(--border-default);text-align:center;min-width:unset;white-space:normal;height:auto;line-height:1.4;font-size:var(--fz-xxs);border-radius:4px;flex:auto;justify-content:center;padding:8px 14px}.tab-btn.active{border-left:0;border-bottom:2px solid var(--green);background-color:var(--green-tint)}}.tab-panels{width:100%;margin-left:50px;position:relative}@media (width<=768px){.tab-panels{margin-left:30px}}@media (width<=600px){.tab-panels{margin-left:0}}.tab-panel{opacity:0;outline:0;width:100%;height:auto;animation:.5s cubic-bezier(.25,.46,.45,.94) .1s forwards fadeInTab}@media (width<=600px){.tab-panel{padding:0}}@keyframes fadeInTab{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tab-panel h3{font-size:var(--fz-xxl);flex-wrap:wrap;margin-bottom:5px;font-weight:500}@media (width<=600px){.tab-panel h3{font-size:var(--fz-lg);flex-direction:column;gap:2px;display:flex}}.job-title{color:var(--lightest-slate)}.job-company{color:var(--green)}.job-range{font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--slate);margin-bottom:25px}.job-bullets{margin:0;padding:0;list-style:none}.job-bullets li{font-size:var(--fz-md);color:var(--light-slate);margin-bottom:10px;padding-left:30px;position:relative}.job-bullets li:before{content:"▹";color:var(--green);position:absolute;left:0}.featured-grid{flex-direction:column;gap:100px;display:flex}@media (width<=768px){.featured-grid{gap:70px}}.featured-project{grid-gap:10px;grid-template-columns:repeat(12,1fr);align-items:center;display:grid}@media (width<=768px){.featured-project{background-color:var(--light-navy);box-shadow:0 10px 30px -15px var(--navy-shadow);border-radius:4px;padding:40px 30px;display:block}}.project-image{z-index:1;background-color:var(--light-navy);border:1px solid var(--border-default);transition:var(--transition);border-radius:4px;grid-area:1/1/-1/8;height:380px;position:relative;overflow:hidden}.featured-project.reverse .project-image{grid-column:6/-1}@media (width<=768px){.project-image{display:none}}.project-image a:before{display:none}.image-overlay{background-color:var(--green);opacity:.35;width:100%;height:100%;transition:var(--transition);z-index:2;position:absolute;top:0;left:0}.project-image:hover .image-overlay{opacity:0}.project-screenshot-img{object-fit:cover;filter:grayscale()contrast()brightness(95%);mix-blend-mode:multiply;width:100%;height:380px;transition:var(--transition);border-radius:4px;display:block}.project-image:hover .project-screenshot-img{filter:none;mix-blend-mode:normal}.tech-box-placeholder{background-color:var(--light-navy);border:1px solid var(--border-default);width:100%;height:380px;transition:var(--transition);border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tech-box-placeholder:before{content:"● ● ●";color:var(--border-default);letter-spacing:2px;font-size:10px;position:absolute;top:15px;left:15px}.placeholder-grid-dots{opacity:.15;background-image:radial-gradient(var(--green) 1px, transparent 0);background-size:16px 16px;position:absolute;inset:0}.placeholder-text{font-family:var(--font-mono);font-size:var(--fz-xl);color:var(--green);opacity:.7;letter-spacing:2px}.project-content{z-index:2;text-align:right;grid-area:1/7/-1/-1;position:relative}.featured-project.reverse .project-content{text-align:left;grid-column:1/7}@media (width<=768px){.project-content{width:100%;text-align:left!important}}.project-overline{color:var(--green);font-family:var(--font-mono);font-size:var(--fz-xs);margin:10px 0;font-weight:400}.project-badge{background-color:var(--green-tint);border:1px solid var(--green);color:var(--green);font-size:var(--fz-xxs);border-radius:4px;margin-left:8px;padding:2px 6px;font-weight:700}.project-title{color:var(--white);margin-bottom:20px;font-size:clamp(24px,5vw,28px)}.project-title a{color:var(--white)}.project-description{box-shadow:0 10px 30px -15px var(--navy-shadow);transition:var(--transition);z-index:2;background-color:var(--light-navy);color:var(--light-slate);font-size:var(--fz-md);text-align:inherit;border-radius:4px;padding:25px;position:relative}@media (width<=768px){.project-description{box-shadow:none;color:var(--light-slate);background-color:#0000;padding:20px 0}}.project-tech-list{z-index:2;flex-wrap:wrap;justify-content:flex-end;margin:25px 0 10px;padding:0;list-style:none;display:flex;position:relative}.featured-project.reverse .project-tech-list{justify-content:flex-start}@media (width<=768px){.project-tech-list{justify-content:flex-start;margin:10px 0}}.project-tech-list li{color:var(--slate);font-family:var(--font-mono);font-size:var(--fz-xs);white-space:nowrap;margin:0 0 5px 20px}.featured-project.reverse .project-tech-list li{margin:0 20px 5px 0}@media (width<=768px){.project-tech-list li{margin:0 10px 5px 0!important}}.project-links{color:var(--white);justify-content:flex-end;align-items:center;gap:15px;margin-top:10px;margin-left:10px;display:flex;position:relative}.featured-project.reverse .project-links{justify-content:flex-start;gap:15px;margin-left:0}@media (width<=768px){.project-links{justify-content:flex-start;gap:15px;margin-top:15px}}.project-links a,.project-links .project-icon-btn{color:var(--lightest-slate);cursor:pointer;transition:var(--transition);background:0 0;border:0;align-items:center;padding:10px 0;display:inline-flex}.project-links a:hover,.project-links .project-icon-btn:hover{color:var(--green)}.project-icon-btn{color:var(--lightest-slate);cursor:pointer;transition:var(--transition);background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.featured-project.reverse .project-icon-btn{order:-1;margin-left:0;margin-right:15px}.other-projects-wrapper{flex-direction:column;align-items:center;margin-top:120px;display:flex}.other-title{color:var(--lightest-slate);text-align:center;margin-bottom:8px;font-size:clamp(20px,5vw,24px);font-weight:600}.archive-link{font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--green);text-align:center;margin-bottom:50px}.archive-link:after{content:" →"}.projects-grid{grid-gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%;margin-bottom:50px;display:grid;position:relative}@media (width<=1080px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.project-card{opacity:0;height:100%;transition:opacity .5s,transform .5s;transform:translateY(20px)}.project-card.visible{opacity:1;transform:translateY(0)}.card-inner{background-color:var(--light-navy);border:1px solid var(--border-default);height:100%;box-shadow:0 10px 30px -15px var(--navy-shadow);transition:var(--transition);border-radius:4px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:2rem 1.75rem;display:flex;position:relative;overflow:auto}.project-card:hover .card-inner{border-color:var(--border-hover);transform:translateY(-6px)}.card-header-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:35px;display:flex}.folder-icon{color:var(--green)}.card-links{color:var(--light-slate);align-items:center;display:flex}.card-links a,.card-links .project-icon-btn{color:inherit;padding:5px 10px}.card-links a:hover,.card-links .project-icon-btn:hover{color:var(--green)}.card-title{color:var(--lightest-slate);font-size:var(--fz-xl);transition:var(--transition);margin:0 0 10px;font-weight:600}.project-card:hover .card-title a{color:var(--green)}.card-desc{color:var(--light-slate);font-size:var(--fz-sm);margin-bottom:20px;line-height:1.6}.card-tech-list{flex-wrap:wrap;align-items:flex-end;margin:0;padding:0;list-style:none;display:flex}.card-tech-list li{font-family:var(--font-mono);font-size:var(--fz-xxs);color:var(--slate);margin-right:15px;line-height:1.75}.card-footer{justify-content:space-between;align-items:center;width:100%;margin-top:auto;display:flex}.card-details-link{font-family:var(--font-mono);font-size:var(--fz-xxs);color:var(--slate);transition:var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none}.project-card:hover .card-details-link{color:var(--green)}.showmore-btn{margin-top:30px;padding:1.25rem 1.75rem}.contact-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:600px;margin:0 auto 100px;padding:100px 0 50px;display:flex}@media (width<=768px){.contact-section{margin:0 auto 50px;padding:80px 20px 20px}}.contact-overline{color:var(--green);font-family:var(--font-mono);font-size:var(--fz-md);margin-bottom:20px;font-weight:400;display:block}.contact-overline:before{content:"04. ";color:var(--green)}.contact-title{color:var(--lightest-slate);margin-bottom:10px;font-size:clamp(40px,5vw,60px);font-weight:600}.contact-desc{color:var(--light-slate);font-size:var(--fz-lg);margin-bottom:50px;line-height:1.6}.contact-btn{font-size:var(--fz-sm);font-family:var(--font-mono);padding:1.25rem 1.75rem}.footer-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:auto;min-height:70px;padding:25px;display:flex}.footer-socials{color:var(--light-slate);justify-content:center;align-items:center;gap:20px;margin-bottom:20px;display:none}@media (width<=768px){.footer-socials{display:flex}}.footer-socials a{color:var(--lightest-slate);transition:var(--transition);padding:10px}.footer-socials a:hover{color:var(--green)}.footer-credit{color:var(--slate);font-family:var(--font-mono);font-size:var(--fz-xxs);line-height:1.5}.credit-author{color:var(--slate);margin:0 0 5px}.credit-inspiration{color:var(--slate);transition:var(--transition)}.credit-inspiration:hover{color:var(--green)}.scroll-reveal{opacity:0;transition:opacity .6s cubic-bezier(.645,.045,.355,1),transform .6s cubic-bezier(.645,.045,.355,1);transform:translateY(20px)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.main-content{counter-reset:section;width:100%;max-width:1600px;min-height:100vh;margin:0 auto;padding:0 150px}@media (width<=1080px){.main-content{padding:0 100px}}@media (width<=768px){.main-content{padding:0 50px}}@media (width<=480px){.main-content{padding:0 25px}}.loading-fallback{background-color:var(--navy);width:100%;height:100vh}.project-tabs-list{border-bottom:2px solid var(--border-default);scrollbar-width:none;justify-content:center;align-items:center;width:max-content;max-width:100%;margin:30px auto 50px;padding:0;list-style:none;display:flex;overflow-x:auto}.project-tabs-list::-webkit-scrollbar{display:none}.project-tab-item{margin:0}.project-tab-btn{font-size:var(--fz-xs);font-family:var(--font-mono);color:var(--slate);cursor:pointer;transition:var(--transition);white-space:nowrap;background-color:#0000;border:none;border-bottom:2px solid #0000;padding:12px 20px;position:relative;bottom:-2px}.project-tab-btn:hover,.project-tab-btn:focus{color:var(--green);background-color:var(--light-navy)}.project-tab-btn.active{color:var(--green);border-bottom-color:var(--green)}.tab-btn-progress-bar{background-color:var(--green);width:0;height:2px;box-shadow:0 0 6px var(--green);z-index:5;transition:width .1s linear;position:absolute;bottom:0;left:0}.theme-switcher-container{margin-right:15px;position:relative}@media (width<=768px){.theme-switcher-container{flex-direction:column;align-items:center;width:260px;margin-bottom:25px;margin-right:0;display:flex}}.theme-switcher-btn{border:1px solid var(--border-default);cursor:pointer;color:var(--lightest-slate);transition:var(--transition);background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:10px;display:flex}.theme-switcher-btn:hover,.theme-switcher-btn:focus{border-color:var(--green);color:var(--green);outline:none}.theme-switcher-dropdown{background-color:rgba(var(--navy-rgb), .96);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-default);width:250px;box-shadow:0 10px 40px -15px var(--navy-shadow);z-index:999;opacity:0;pointer-events:none;border-radius:8px;flex-direction:column;gap:4px;padding:10px;transition:opacity .2s cubic-bezier(.645,.045,.355,1),transform .2s cubic-bezier(.645,.045,.355,1);display:flex;position:absolute;top:calc(100% + 15px);right:0;transform:translateY(-10px)}.theme-switcher-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}@media (width<=768px){.theme-switcher-dropdown{width:100%;box-shadow:none;background-color:var(--navy);position:relative;top:10px;left:0;right:0}}.theme-option{cursor:pointer;text-align:left;width:100%;color:var(--light-slate);font-family:var(--font-sans);font-size:var(--fz-xs);transition:var(--transition);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.theme-option:hover{background-color:var(--light-navy);color:var(--green);border-color:var(--border-default)}.theme-option.active{color:var(--green);background-color:var(--green-tint);border-color:#dd7a5f33}[data-theme=nordic-sand] .theme-option.active{border-color:#c8624633}[data-theme=nordic-terracotta] .theme-option.active{border-color:#dd7a5f33}[data-theme=sage-executive] .theme-option.active{border-color:#5eba9733}[data-theme=champagne-obsidian] .theme-option.active{border-color:#e6c38733}[data-theme=plum-velvet] .theme-option.active{border-color:#e3a85733}[data-theme=warm-alabaster] .theme-option.active{border-color:#1e4d2b33}[data-theme=cool-minimalist] .theme-option.active{border-color:#2563eb33}.theme-option-info{align-items:center;gap:12px;display:flex}.theme-swatch{border:1px solid var(--border-default);border-radius:50%;width:16px;height:16px;display:inline-block;position:relative;overflow:hidden}.theme-swatch:before{content:"";background-color:var(--theme-bg);width:50%;height:100%;position:absolute;top:0;left:0}.theme-swatch:after{content:"";background-color:var(--theme-accent);width:50%;height:100%;position:absolute;top:0;right:0}body.modal-open{overflow:hidden}.project-modal-backdrop{background-color:rgba(var(--navy-rgb), .7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s cubic-bezier(.25,.46,.45,.94) forwards modalFadeIn;display:flex;position:fixed;top:0;left:0}.project-modal-container{background-color:var(--light-navy);border:1px solid var(--border-default);width:90%;max-width:1000px;max-height:85vh;box-shadow:0 20px 40px -15px var(--navy-shadow);scrollbar-width:thin;scrollbar-color:var(--border-default) transparent;border-radius:12px;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards modalZoomIn;position:relative;overflow-y:auto}.project-modal-container::-webkit-scrollbar{width:6px}.project-modal-container::-webkit-scrollbar-thumb{background-color:var(--border-default);border-radius:3px}.project-modal-close-btn{float:right;color:var(--slate);cursor:pointer;z-index:1110;transition:var(--transition);background:0 0;background-color:rgba(var(--navy-rgb), .4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:0;border:1px solid var(--border-default);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:-36px;margin-right:20px;display:flex;position:sticky;top:20px;right:20px}.project-modal-close-btn:hover{color:var(--green);border-color:var(--green);background-color:rgba(var(--navy-rgb), .8);transform:scale(1.05)}.project-modal-content{grid-template-columns:1.1fr .9fr;gap:30px;padding:40px;display:grid}.project-modal-media-section{flex-direction:column;gap:24px;display:flex}.project-modal-video-section,.project-modal-pictures-section{flex-direction:column;display:flex}.project-modal-media-label{font-family:var(--font-mono);font-size:var(--fz-xxs);color:var(--slate);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-weight:600}.project-modal-video-wrapper,.project-modal-pictures-wrapper{aspect-ratio:16/9;background-color:var(--navy);border:1px solid var(--border-default);border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.project-modal-pictures-wrapper.placeholder{aspect-ratio:16/6}.project-modal-video-iframe{border:0;width:100%;height:100%;display:block}.project-modal-video-player{object-fit:contain;background:#000;width:100%;height:100%;display:block}.project-modal-image{object-fit:contain;width:100%;height:100%;display:block}.project-modal-media-placeholder{color:var(--slate);font-family:var(--font-mono);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.project-modal-media-placeholder .placeholder-dots{border:2px dashed var(--border-default);border-radius:50%;width:40px;height:40px}.media-slider-arrow{background-color:rgba(var(--navy-rgb), .6);color:var(--white);border:1px solid var(--border-default);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:40px;height:40px;transition:var(--transition);z-index:5;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.media-slider-arrow:hover{background-color:var(--green);color:var(--navy);border-color:var(--green)}.media-slider-arrow.prev{left:15px}.media-slider-arrow.next{right:15px}.media-slider-dots{z-index:5;gap:8px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.slider-dot{cursor:pointer;width:8px;height:8px;transition:var(--transition);background-color:#fff6;border:0;border-radius:50%;padding:0}.slider-dot.active{background-color:var(--green);border-radius:4px;width:18px}.project-modal-info-section{flex-direction:column;display:flex}.project-modal-overline{font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--green);margin-bottom:8px}.project-modal-title{color:var(--white);margin-bottom:15px;font-size:clamp(22px,3.5vw,28px);font-weight:600;line-height:1.2}.project-modal-tech-list{flex-wrap:wrap;gap:6px;margin:0 0 20px;padding:0;list-style:none;display:flex}.project-modal-tech-tag{font-family:var(--font-mono);font-size:var(--fz-xxs);border:1px solid var(--border-default);background-color:var(--navy);color:var(--slate);border-radius:4px;padding:4px 8px}.project-modal-description-wrapper{margin-bottom:20px}.project-modal-desc-p{color:var(--slate);font-size:var(--fz-sm);margin-bottom:10px;line-height:1.5}.project-modal-features-section{margin-bottom:25px}.project-modal-features-section h4{font-size:var(--fz-sm);color:var(--white);margin-bottom:10px;font-weight:600}.project-modal-features-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.project-modal-feature-item{color:var(--slate);font-size:var(--fz-xs);padding-left:15px;line-height:1.4;position:relative}.project-modal-feature-item:before{content:"▹";color:var(--green);position:absolute;left:0}.project-modal-actions{gap:15px;margin-top:auto;padding-top:15px;display:flex}.project-modal-credentials-section{border:1px dashed var(--border-default);background-color:var(--light-navy);border-radius:8px;margin-top:8px;margin-bottom:25px;padding:15px}.project-modal-credentials-title{font-size:var(--fz-md);color:var(--white);align-items:center;gap:8px;margin:0 0 12px;font-weight:600;display:flex}.project-modal-credentials-list{font-size:var(--fz-sm);margin:0 0 12px;padding:0;list-style:none}.project-modal-credentials-item{align-items:center;gap:8px;margin-bottom:8px;display:flex}.project-modal-credentials-item:last-child{margin-bottom:0}.project-modal-credentials-label{color:var(--slate);min-width:120px;display:inline-block}.project-modal-credentials-value{color:var(--white);font-weight:600}.project-modal-credentials-note{font-size:var(--fz-xs);color:var(--slate);align-items:flex-start;gap:6px;margin:0;line-height:1.4;display:flex}.modal-action-btn{font-size:var(--fz-xxs);justify-content:center;align-items:center;padding:10px 18px;display:inline-flex}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.95)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=900px){.project-modal-content{grid-template-columns:1fr;gap:25px;padding:30px}.project-modal-container{width:92%;max-height:90vh}}@media (width<=600px){.project-modal-content{padding:30px 15px 20px}.project-modal-close-btn{width:32px;height:32px;margin-bottom:-32px;margin-right:10px;top:10px;right:10px}.project-modal-actions{flex-direction:column;gap:10px}.modal-action-btn{width:100%}}.project-modal-backdrop.closing{animation:.3s cubic-bezier(.25,.46,.45,.94) forwards modalFadeOut}.project-modal-container.closing{animation:.3s cubic-bezier(.25,.46,.45,.94) forwards modalZoomOut}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalZoomOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(15px)}}.contact-modal-container{max-width:650px}.contact-modal-content{flex-direction:column;gap:25px;padding:40px;display:flex}.contact-modal-header{text-align:center;flex-direction:column;align-items:center;display:flex}.contact-modal-overline{font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--green);margin-bottom:8px}.contact-modal-title{color:var(--white);margin-bottom:12px;font-size:clamp(24px,4vw,32px);font-weight:600}.contact-modal-subtitle{color:var(--slate);font-size:var(--fz-sm);max-width:480px;margin-bottom:20px;line-height:1.5}.contact-modal-email-widget{background-color:var(--navy);border:1px solid var(--border-default);border-radius:30px;align-items:center;gap:12px;width:fit-content;margin:0 auto;padding:4px 4px 4px 16px;display:flex;box-shadow:inset 0 2px 4px #0000000d}.email-widget-icon{color:var(--green)}.email-widget-address{font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--slate)}.email-widget-copy-btn{background-color:var(--green-tint);border:1px solid var(--border-default);color:var(--green);font-family:var(--font-mono);font-size:var(--fz-xxs);cursor:pointer;transition:var(--transition);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;display:flex}.email-widget-copy-btn:hover,.email-widget-copy-btn.copied{background-color:var(--green);color:var(--navy);border-color:var(--green)}.contact-modal-form{flex-direction:column;gap:18px;width:100%;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-group{text-align:left;flex-direction:column;gap:8px;display:flex}.form-group label{font-family:var(--font-mono);font-size:var(--fz-xxs);color:var(--light-slate)}.contact-modal-form input[type=text],.contact-modal-form input[type=email],.contact-modal-form textarea{background-color:var(--navy);border:1px solid var(--border-default);color:var(--white);font-family:var(--font-sans);font-size:var(--fz-sm);transition:var(--transition);border-radius:6px;width:100%;padding:12px 16px}.contact-modal-form input[type=text]:focus,.contact-modal-form input[type=email]:focus,.contact-modal-form textarea:focus{border-color:var(--green);box-shadow:0 0 6px var(--green-tint);outline:none}.contact-modal-form textarea{resize:vertical}.form-submit-btn{cursor:pointer;width:fit-content;font-size:var(--fz-xs);font-family:var(--font-mono);align-self:center;margin-top:10px;padding:14px 28px}.contact-modal-success-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:40px 20px;display:flex}.success-icon-wrapper{border:3px solid var(--green);width:80px;height:80px;color:var(--green);box-shadow:0 0 10px var(--green-tint);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards successPop;display:flex}.contact-modal-success-screen h4{font-size:var(--fz-xxl);color:var(--white);margin:0;font-weight:600}.contact-modal-success-screen p{color:var(--slate);font-size:var(--fz-md);max-width:380px;margin:0 0 15px;line-height:1.5}.close-success-btn{padding:12px 24px}@keyframes successPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (width<=600px){.contact-modal-content{gap:20px;padding:30px 15px 20px}.form-grid{grid-template-columns:1fr}.contact-modal-email-widget{border-radius:12px;flex-direction:column;gap:10px;width:100%;padding:14px}.email-widget-copy-btn{justify-content:center;width:100%}}.resume-dropdown-container{display:inline-block;position:relative}.resume-dropdown-menu{background-color:var(--light-navy);border:1px solid var(--border-default);width:180px;box-shadow:0 10px 30px -15px var(--navy-shadow);opacity:0;visibility:hidden;transition:opacity .25s var(--easing), transform .25s var(--easing), visibility .25s;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;flex-direction:column;padding:8px 0;display:flex;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(-10px)}.resume-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.resume-dropdown-option{font-family:var(--font-mono);font-size:var(--fz-xxs);color:var(--slate);text-align:left;transition:var(--transition);padding:10px 16px;text-decoration:none}.resume-dropdown-option:hover{background-color:var(--green-tint);color:var(--green)}.mobile-resume-wrapper{flex-direction:column;align-items:center;gap:15px;width:100%;margin-top:10%;display:flex}.mobile-resume-wrapper .mobile-resume-btn{text-align:center;width:85%;max-width:280px;font-size:var(--fz-xs);justify-content:center;align-items:center;margin-top:0;padding:14px 20px;display:flex}