#root{min-height:100vh}#intro{min-height:100svh;padding-top:var(--nav-height);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.intro-title{color:var(--lightest-slate);margin:0;font-size:clamp(3.2rem,9vw,5.5rem);line-height:1}.intro-name{color:var(--green-bright)}.hero-typer{min-height:1.25em;color:var(--lightest-slate);margin:10px 0;font-size:clamp(2rem,5vw,3rem);line-height:1.1}.typing-cursor{color:var(--green-bright);animation:.9s step-end infinite blink}@keyframes blink{50%{opacity:0}}.intro-subtitle{color:var(--light-slate);margin:0 0 8px;font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.2}.intro-desc{max-width:600px;color:var(--slate);margin:0 auto 34px;font-size:1.35rem;line-height:1.45}.experience-counter{color:var(--green-bright);cursor:help;font-family:var(--font-mono,monospace);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:3px;outline:none;padding:1px 3px;font-size:.92em;transition:background .15s;position:relative}.experience-counter:hover{background:var(--green-tint)}.experience-counter:after{z-index:2;border:1px solid var(--green-bright);background:linear-gradient(var(--green-tint), var(--green-tint)), var(--black);color:var(--lightest-slate);content:attr(data-years);opacity:0;pointer-events:none;border-radius:4px;padding:5px 9px;font-family:inherit;font-size:.78em;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.experience-counter:hover:after,.experience-counter:focus-visible:after{opacity:1;transform:translate(-50%)}.experience-counter:focus-visible{box-shadow:0 0 0 2px var(--green-tint);border-radius:2px}.intro-contact{border:1px solid var(--green-bright);border-radius:6px;align-items:center;gap:9px;padding:9px 26px;font-size:1.25rem;font-weight:700;transition:background .15s;display:inline-flex}.intro-contact:hover{color:var(--green-bright);background:var(--green-tint)}@media (width<=600px){.intro-desc{font-size:1.1rem}}@media (width<=360px){.intro-title{font-size:2.8rem}}#experience{max-width:1200px;min-height:850px;margin:0 auto;padding:80px 0}.job-list{grid-template-columns:220px minmax(0,1fr);min-height:510px;display:grid}.job-tabs{border-left:1px solid var(--lightest-navy);flex-direction:column;display:flex}.job-tab{width:100%;color:var(--light-slate);text-align:left;cursor:pointer;background:0 0;border:0;gap:8px;padding:10px 18px;font-size:1.05rem;line-height:1.25;display:flex;position:relative}.job-tab:before{content:"";background:0 0;width:2px;position:absolute;top:0;bottom:0;left:-1px}.job-tab:hover,.job-tab[aria-selected=true]{color:var(--green-bright);background:var(--green-tint)}.job-tab[aria-selected=true]:before{background:var(--green-bright)}.job-tab-number{display:none}.job-panel{outline:none;padding:3px 0 0 36px}.job-heading{margin:0;font-size:1.75rem;line-height:1.25}.joblist-job-title{color:var(--lightest-slate)}.joblist-job-company{color:var(--green-bright)}.joblist-duration{margin:5px 0 20px;font-size:1.05rem}.job-description{max-width:850px;margin:0;padding:0;list-style:none}.job-description li{margin-bottom:13px;padding-left:25px;font-size:1.12rem;line-height:1.42;position:relative}.job-description li:before{content:"▹";color:var(--green-bright);position:absolute;left:0}@media (width<=650px){#experience{min-height:850px;padding-top:60px}.job-list{display:block}.job-tabs{border-bottom:1px solid var(--lightest-navy);scrollbar-width:thin;border-left:0;flex-direction:row;overflow-x:auto}.job-tab{flex:1 0 58px;justify-content:center;padding:9px 14px}.job-tab:before{width:auto;height:2px;inset:auto 0 -1px}.job-tab-number{display:inline}.job-tab-company{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.job-panel{padding:25px 0 0}.job-heading{font-size:1.4rem}.job-description li{font-size:1rem}}#about,#experience,#projects,#photos{scroll-margin-top:calc(var(--nav-height) + 24px)}#about{max-width:1200px;min-height:50vh;margin:0 auto;padding:100px 0 70px}.about-content{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:64px;display:grid}.about-description{max-width:720px;font-size:1.35rem;line-height:1.5}.about-description p{margin:0 0 20px}.about-description strong{color:var(--lightest-slate)}.tech-stack{grid-template-columns:repeat(2,minmax(140px,1fr));gap:5px 20px;margin:0 0 24px;padding:0;list-style:none;display:grid}.tech-stack li{padding-left:20px;font-size:1.1rem;position:relative}.tech-stack li:before{content:"▹";color:var(--green-bright);position:absolute;left:0}.about-image{transition:transform .18s;position:relative}.about-image:hover{transform:translateY(-6px)}.about-image img{border-radius:10px;width:100%;max-width:300px;height:auto}@media (width<=780px){#about{padding-top:80px}.about-content{grid-template-columns:1fr}.about-image{width:min(200px,80%);margin:0 auto}.about-description{font-size:1.15rem}}@media (width<=600px){.about-image{display:none}}#projects{max-width:1200px;min-height:50vh;margin:0 auto;padding:40px 0 100px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.projects-grid>li{height:100%}.projects-card-link{height:100%;color:inherit;display:block}.projects-card{background:var(--light-navy);border:1px solid #ffffff0a;border-radius:14px;flex-direction:column;height:100%;min-height:343px;padding:28px 26px 24px;transition:transform .18s,border-color .18s;display:flex;box-shadow:0 10px 30px #00000038}.projects-card-link:hover .projects-card,.projects-card-link:focus-visible .projects-card{border-color:#64ffda59;transform:translateY(-6px)}.projects-card-link:focus-visible{outline:none}.projects-card-link:focus-visible .projects-card{box-shadow:0 0 0 2px var(--green-bright), 0 14px 35px #00000047}.card-header{justify-content:space-between;align-items:center;display:flex}.folder-icon{color:var(--green-bright)}.github-icon{color:var(--light-slate);transition:color .15s}.projects-card-link:hover .github-icon{color:var(--green-bright)}.card-title{overflow-wrap:anywhere;color:var(--lightest-slate);margin:25px 0 8px;font-size:1.55rem;line-height:1.1}.card-desc{overflow-wrap:anywhere;color:var(--slate);margin:0 0 24px;font-size:1.1rem;line-height:1.4}.card-tech{overflow-wrap:anywhere;color:var(--green-bright);margin:auto 0 0;font-size:.95rem}.projects-notice{color:var(--slate);margin:-14px 0 20px;font-size:.9rem}@media (width<=560px){#projects{padding-top:60px}.projects-grid{grid-template-columns:1fr}.projects-card{min-height:290px}}.load-more-button{border:1px solid var(--green-bright);width:fit-content;min-width:190px;color:var(--green-bright);font:inherit;text-align:center;cursor:pointer;background:#0a192fb8;border-radius:6px;margin:34px auto 0;padding:13px 24px;font-weight:700;transition:color .15s,background .15s,transform .15s;display:block}.load-more-button:hover{color:var(--green-bright);background:var(--green-tint);transform:translateY(-2px)}.load-more-button:focus-visible{outline:2px solid var(--green-bright);outline-offset:4px}.engage-section{width:100vw;scroll-margin-top:var(--nav-height);margin-left:calc(50% - 50vw)}.engage-inner{width:min(100% - 64px,1200px);margin:0 auto;padding:40px 0 110px}.wordfender-tile{aspect-ratio:16/9;cursor:pointer;isolation:isolate;background:#020706;border:1px solid #64ffda2e;border-radius:16px;width:min(100%,960px);margin:0 auto;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000007a}.wordfender-tile:before{z-index:1;content:"";background:linear-gradient(#0000 45%,#0006);transition:background .3s;position:absolute;inset:0}.wordfender-tile:after{z-index:3;border-radius:inherit;content:"";border:1px solid #0000;transition:border-color .22s,box-shadow .22s;position:absolute;inset:0}.wordfender-preview,.wordfender-tile picture{width:100%;height:100%;display:block}.wordfender-preview{object-fit:cover;filter:saturate(.9)contrast(1.05);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .3s;transform:scale(1.01)}.wordfender-hover-copy{z-index:2;width:min(82%,720px);color:var(--lightest-slate);text-align:center;text-wrap:balance;opacity:0;font-size:clamp(1.55rem,4vw,3.3rem);font-weight:700;line-height:1.08;transition:opacity .26s,transform .36s;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(18px - 50%))}.wordfender-tile:hover:before,.wordfender-tile:focus-visible:before{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000c2}.wordfender-tile:hover:after,.wordfender-tile:focus-visible:after{border-color:#64ffdab3;box-shadow:inset 0 0 60px #64ffda12}.wordfender-tile:hover .wordfender-preview,.wordfender-tile:focus-visible .wordfender-preview{filter:saturate(1.12)contrast(1.08);transform:scale(1.055)}.wordfender-tile:hover .wordfender-hover-copy,.wordfender-tile:focus-visible .wordfender-hover-copy{opacity:1;transform:translate(-50%,-50%)}.wordfender-tile:focus-visible{outline:2px solid var(--green-bright);outline-offset:5px}.engage-section.is-expanded{height:var(--engage-viewport-height,100svh);padding-top:var(--engage-navbar-height,var(--nav-height));overscroll-behavior:none;touch-action:none;background:#000;scroll-margin-top:0;overflow:hidden}.wordfender-stage{width:100%;height:max(0px, calc(var(--engage-viewport-height,100svh) - var(--engage-navbar-height,var(--nav-height))));overscroll-behavior:none;touch-action:none;isolation:isolate;background:#000;animation:.8s cubic-bezier(.2,.85,.2,1) both wordfender-reveal;position:relative;overflow:hidden}.wordfender-stage:before,.wordfender-stage:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(#0000,#64ffda17),#020706;width:100%;height:50.1%;position:absolute;left:0;right:0}.wordfender-stage:before{transform-origin:top;animation:.82s cubic-bezier(.7,0,.2,1) 90ms both wordfender-top-panel;top:0}.wordfender-stage:after{transform-origin:bottom;background:linear-gradient(#64ffda17,#0000),#020706;animation:.82s cubic-bezier(.7,0,.2,1) 90ms both wordfender-bottom-panel;bottom:0}.wordfender-frame{touch-action:none;background:#000;border:0;width:100%;height:100%;display:block}.wordfender-close{z-index:4;width:38px;height:38px;color:var(--light-slate);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:0;background:#000000b8;border:1px solid #a8b2d16b;border-radius:50%;place-items:center;padding:0;animation:.22s .9s forwards wordfender-close-in;display:grid;position:absolute;top:14px;right:18px}.wordfender-close span{margin-top:-2px;font-family:system-ui,sans-serif;font-size:26px;font-weight:200;line-height:1}.wordfender-close:hover{border-color:var(--green-bright);color:var(--green-bright)}@keyframes wordfender-reveal{0%{clip-path:inset(50% 0)}to{clip-path:inset(0)}}@keyframes wordfender-top-panel{0%{transform:translateY(0)}to{transform:translateY(-101%)}}@keyframes wordfender-bottom-panel{0%{transform:translateY(0)}to{transform:translateY(101%)}}@keyframes wordfender-close-in{to{opacity:1}}@media (width<=600px){.engage-inner{width:calc(100% - 36px);padding-top:60px}.wordfender-tile{border-radius:10px}.wordfender-hover-copy{width:88%;font-size:clamp(1.25rem,7vw,2rem)}.wordfender-close{top:10px;right:10px}}#photos{max-width:1200px;min-height:50vh;margin:0 auto;padding:40px 0 100px}.photos-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.photos-grid>li{min-width:0}.photo-link{aspect-ratio:1;background:linear-gradient(135deg, var(--light-navy), #64ffda1f);border:1px solid #ffffff0d;border-radius:14px;display:block;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000038}.instagram-photo{object-fit:cover;width:100%;height:100%;transition:transform .25s,opacity .25s}.photo-overlay{color:#fff;opacity:0;background:#020c1b85;place-items:center;transition:opacity .18s;display:grid;position:absolute;inset:0}.photo-link:hover .instagram-photo,.photo-link:focus-visible .instagram-photo{transform:scale(1.04)}.photo-link:hover .photo-overlay,.photo-link:focus-visible .photo-overlay{opacity:1}.photo-link:focus-visible{outline:2px solid var(--green-bright);outline-offset:3px}.photos-status{color:var(--slate);text-align:center;margin:34px auto 0}.photos-status a{color:var(--green-bright)}@media (width<=560px){.photos-grid{grid-template-columns:1fr}}@media (width<=390px){.photos-grid{gap:10px}}#credits{align-items:center;padding-top:100px;display:flex}.ending-credits{width:100%;color:var(--slate);text-align:center;padding-bottom:40px;font-size:16px}.site-header{z-index:10;height:var(--nav-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1919e6;border-bottom:1px solid #ffffff0f;position:fixed;top:0;left:0;right:0}.navbar{align-items:center;width:min(100% - 64px,1480px);height:100%;margin:0 auto;font-size:1.15rem;font-weight:700;display:flex}.navbar-brand{color:var(--lightest-slate);white-space:nowrap}.mobile-nav-toggle{display:none}.navbar-sections{gap:28px;margin-left:28px;display:flex}.navbar-sections a{color:var(--light-slate)}.navbar-socials{gap:16px;margin-left:auto;display:flex}.navbar-socials a{color:var(--light-slate)}.navbar a{transition:color .15s,transform .15s}.navbar a:hover{color:var(--green-bright);transform:translateY(-1px)}.navbar a.is-active{color:var(--green-bright)}.navbar-sections a{position:relative}.navbar-sections a.is-active:after{background:var(--green-bright);content:"";border-radius:2px;height:2px;position:absolute;bottom:-8px;left:0;right:0}@media (width<=900px){.navbar-brand{display:none}.navbar-sections{gap:clamp(14px,2.5vw,24px);margin-left:0}}@media (width<=700px){.navbar{width:calc(100% - 28px)}}@media (width<=600px){.navbar-brand{display:none}.mobile-nav-toggle{width:42px;height:42px;color:var(--light-slate);cursor:pointer;background:0 0;border:1px solid #a8b2d173;border-radius:5px;flex-direction:column;justify-content:center;padding:9px;display:inline-flex}.mobile-nav-toggle span{background:currentColor;border-radius:2px;width:100%;height:2px;margin:3px 0;transition:transform .15s,opacity .15s;display:block}.mobile-nav-toggle[aria-expanded=true] span:first-child{transform:translateY(8px)rotate(45deg)}.mobile-nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.mobile-nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.navbar-sections{background:#1a1919fa;border-bottom:1px solid #ffffff14;flex-direction:column;gap:0;margin:0;padding:10px 18px 16px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 14px 25px #00000059}.navbar-sections.is-open{display:flex}.navbar-sections a{text-align:center;padding:10px}.navbar-sections a.is-active:after{bottom:3px;left:35%;right:35%}.navbar-socials{gap:13px;margin-left:auto}}#matrix-cs{z-index:0;pointer-events:none;position:fixed;inset:0}#matrix-cs canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#matrix-cs .matrix-layer{opacity:.25}#matrix-cs[data-animation=fireworks] .matrix-layer{opacity:0}#matrix-cs .fireworks-layer{opacity:.52}.App{background:var(--black);min-height:100vh;color:var(--slate)}#content,#credits{z-index:1;position:relative}#content{width:min(100% - 64px,1480px);margin:0 auto;overflow:visible}.skip-link{z-index:100;color:var(--black);background:var(--green-bright);padding:8px 16px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.fade-in-section{opacity:0;transition:opacity .5s,transform .6s;transform:translateY(32px)}.fade-in-section.is-visible{opacity:1;transform:none}.section-header{align-items:center;gap:20px;margin-bottom:36px;display:flex}.section-header:after{content:"";background:var(--lightest-navy);width:min(300px,35vw);height:1px}.section-title{color:var(--lightest-slate);margin:0;font-size:clamp(2rem,5vw,2.9rem);line-height:1}.icon{flex:none}.icon-email,.icon-github,.icon-linkedin{fill:currentColor;stroke:none}@media (width<=600px){:root{--nav-height:56px}#content{width:calc(100% - 36px)}.section-header:after{flex:1}}:root{--black:#000;--dark-grey:#1a1919;--dark-navy:#020c1b;--navy:#06f;--light-navy:#112240;--lightest-navy:#233554;--navy-shadow:#020c1bb3;--slate:#8892b0;--light-slate:#a8b2d1;--lightest-slate:#fff;--white:#e6f1ff;--green-bright:#64ffda;--green-tint:#64ffda1a;--nav-height:56px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;font-family:NTR,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);min-width:320px;margin:0}button,a{font:inherit}a{color:var(--green-bright);text-decoration:none}a:hover{color:var(--lightest-slate)}img,svg{display:block}::selection{background:var(--lightest-navy)}:focus-visible{outline:2px solid var(--green-bright);outline-offset:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}