@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--dark-navy: #000000;--navy: #0a0a0a;--light-navy: color-mix(in srgb, var(--navy) 96%, #fff);--lightest-navy: color-mix(in srgb, var(--navy) 89%, #fff);--navy-shadow: rgba(0, 0, 0, .7);--dark-slate: #6b7280;--slate: #9ca3af;--light-slate: color-mix(in srgb, var(--slate) 72%, #fff);--lightest-slate: #e6f1ff;--white: #e6f1ff;--green: #5eead4;--green-tint: color-mix(in srgb, var(--green) 10%, transparent);--font-sans: "Geist Variable", Geist, Inter, "San Francisco", "SF Pro Text", -apple-system, system-ui, sans-serif;--font-mono: "Geist Mono Variable", "Geist Mono", "SF Mono", "Fira Code", "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 var(--easing)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--navy)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;transition-delay:0ms!important}}body{background:var(--navy);color:var(--slate);font-family:var(--font-sans);font-size:var(--fz-xl);line-height:1.3;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.is-locked{overflow:hidden}::selection{background:var(--lightest-navy);color:var(--lightest-slate)}:focus-visible{outline:2px dashed var(--green);outline-offset:3px}a{color:inherit;text-decoration:none;transition:var(--transition)}ul,ol{list-style:none}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.icon-fill,.icon-fill *{fill:currentColor!important;stroke:none!important}svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:8px;top:-80px;z-index:99;padding:12px 18px;border-radius:var(--border-radius);background:var(--green);color:var(--navy);font-family:var(--font-mono);font-size:var(--fz-sm);transition:top .2s}.skip:focus{top:8px}main{counter-reset:section 0;width:100%;max-width:1600px;min-height:100vh;margin:0 auto;padding:200px 150px}main.fill{padding:0 150px}@media (max-width: 1080px){main{padding:200px 100px}main.fill{padding:0 100px}}@media (max-width: 768px){main{padding:150px 50px}main.fill{padding:0 50px}}@media (max-width: 480px){main{padding:125px 25px}main.fill{padding:0 25px}}section{max-width:1000px;margin:0 auto;padding:100px 0}@media (max-width: 768px){section{padding:80px 0}}@media (max-width: 480px){section{padding:60px 0}}.numbered-heading{counter-increment:section 1;display:flex;align-items:baseline;position:relative;width:100%;margin:10px 0 40px;font-size:clamp(26px,5vw,var(--fz-heading));font-weight:600;line-height:1.1;color:var(--lightest-slate);white-space:nowrap}.numbered-heading:before{position:relative;content:"0" counter(section) ".";margin-right:10px;color:var(--green);font-family:var(--font-mono);font-size:clamp(var(--fz-md),3vw,var(--fz-xl));font-weight:400}.numbered-heading:after{content:"";display:block;position:relative;align-self:center;top:0;width:300px;height:1px;margin-left:20px;background:var(--lightest-navy)}@media (max-width: 1080px){.numbered-heading:after{width:200px}}@media (max-width: 768px){.numbered-heading:after{width:100%;margin-left:10px}}@media (max-width: 600px){.numbered-heading:after{margin-left:10px}}.centered{text-align:center}.btn{display:inline-block;padding:1.25rem 1.75rem;border:1px solid var(--green);border-radius:var(--border-radius);background:transparent;color:var(--green);font-family:var(--font-mono);font-size:var(--fz-sm);line-height:1;transition:var(--transition)}.btn:hover,.btn:focus-visible{background:var(--green-tint);outline:none;transform:translate(-4px,-4px);box-shadow:4px 4px 0 0 var(--green)}.btn--sm{padding:.75rem 1rem;font-size:var(--fz-xs)}.btn--sm:hover,.btn--sm:focus-visible{transform:none;box-shadow:none}.inline-link{display:inline-block;position:relative;color:var(--green)}.inline-link:after{content:"";display:block;width:0;height:1px;position:relative;bottom:.37em;background:var(--green);opacity:.5;transition:var(--transition)}.inline-link:hover:after,.inline-link:focus-visible:after{width:100%}html.js .reveal,html.js .fadeup{opacity:0;transform:translateY(20px);transition:opacity .5s var(--easing),transform .5s var(--easing);transition-delay:var(--d, 0ms)}html.js .reveal.is-visible,html.js .fadeup.in{opacity:1;transform:none}html.js .fadedown{opacity:0;transform:translateY(-20px);transition:opacity .5s var(--easing),transform .5s var(--easing);transition-delay:var(--d, 0ms)}html.js .fadedown.in{opacity:1;transform:none}.header{position:fixed;top:0;z-index:11;display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--nav-height);padding:0 50px;background:color-mix(in srgb,var(--navy) 85%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .25s var(--easing),height .25s var(--easing),box-shadow .25s var(--easing)}.header.is-scrolled{height:var(--nav-scroll-height);box-shadow:0 10px 30px -10px var(--navy-shadow)}.header.is-hidden{transform:translateY(calc(var(--nav-scroll-height) * -1));box-shadow:0 10px 30px -10px var(--navy-shadow)}@media (max-width: 1080px){.header{padding:0 40px}}@media (max-width: 768px){.header{padding:0 25px}}.nav{position:relative;z-index:12;display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--lightest-slate);font-family:var(--font-mono);counter-reset:item 0}.logo a{display:flex;align-items:center;justify-content:center;color:var(--green)}.logo svg{width:42px;height:42px;stroke:var(--green);transition:var(--transition)}.logo a:hover svg,.logo a:focus-visible svg{transform:translate(-4px,-4px)}.logo .hex-bg{fill:var(--navy);stroke:var(--green);stroke-width:3}.logo .glyph{fill:var(--green);stroke:none}.nav__links,.nav__links ol{display:flex;align-items:center}.nav__links li{position:relative;margin:0 5px;counter-increment:item 1;font-size:var(--fz-xs)}.nav__links li a{padding:10px}.nav__links li a:before{content:"0" counter(item) ".";margin-right:5px;color:var(--green);font-size:var(--fz-xxs);text-align:right}.nav__links li a:hover,.nav__links li a:focus-visible,.nav__links li a.is-active{color:var(--green)}.nav__links .resume{margin-left:15px}.hamburger{display:none;position:relative;z-index:10;margin-right:-15px;padding:15px}.hamburger__box{position:relative;display:inline-block;width:30px;height:24px}.hamburger__inner,.hamburger__inner:before,.hamburger__inner:after{position:absolute;left:0;width:30px;height:2px;border-radius:var(--border-radius);background:var(--green);transition:transform .15s ease}.hamburger__inner{top:50%;right:0;transform:translateY(-50%)}.hamburger__inner:before,.hamburger__inner:after{content:"";display:block}.hamburger__inner:before{top:-10px;width:80%;transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger__inner:after{bottom:-10px;width:60%;transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.is-open .hamburger__inner{transform:translateY(-50%) rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.is-open .hamburger__inner:before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s ease-out .12s}.is-open .hamburger__inner:after{bottom:0;width:100%;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s}.menu{position:fixed;top:0;right:0;bottom:0;z-index:9;display:none;flex-direction:column;align-items:center;justify-content:center;width:min(75vw,400px);padding:50px 10px;background:var(--light-navy);box-shadow:-10px 0 30px -15px var(--navy-shadow);font-family:var(--font-mono);transform:translate(100vw);visibility:hidden;transition:transform .25s var(--easing),visibility 0s .25s}.menu.is-open{transform:translate(0);visibility:visible;transition:transform .25s var(--easing),visibility 0s}.menu ol{width:100%;text-align:center;counter-reset:item 0}.menu li{position:relative;margin:0 auto 20px;counter-increment:item 1;font-size:clamp(var(--fz-sm),4vw,var(--fz-lg))}.menu li a{display:inline-block;width:100%;padding:3px 20px 20px;color:var(--lightest-slate)}.menu li a:before{display:block;content:"0" counter(item) ".";margin-bottom:5px;color:var(--green);font-size:var(--fz-sm)}.menu .btn{width:max-content;margin:10% auto 0;padding:18px 50px;font-size:var(--fz-sm)}@media (max-width: 900px){.nav__links{display:none}.hamburger{display:block}.menu{display:flex}}.side{position:fixed;bottom:0;z-index:10;width:40px;color:var(--light-slate)}.side--left{left:40px}.side--right{right:40px}.side:after{content:"";display:block;width:1px;height:90px;margin:0 auto;background:var(--light-slate)}.side ul{display:flex;flex-direction:column;align-items:center;margin:0}.side ul:after{content:"";display:block;height:20px}.side li:last-of-type{margin-bottom:20px}.side--left a{display:block;padding:10px}.side--left a:hover,.side--left a:focus-visible{color:var(--green);transform:translateY(-3px)}.side--left svg{width:20px;height:20px}.side--right a{display:block;margin:20px auto;padding:10px;font-family:var(--font-mono);font-size:var(--fz-xxs);line-height:var(--fz-lg);letter-spacing:.1em;writing-mode:vertical-rl}.side--right a:hover,.side--right a:focus-visible{color:var(--green);transform:translateY(-3px)}@media (max-width: 1080px){.side--left{left:20px}.side--right{right:20px}}@media (max-width: 768px){.side{display:none}}.hero{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:100vh;padding:0}@media (max-height: 700px) and (min-width: 700px),(max-width: 360px){.hero{height:auto;padding-top:var(--nav-height)}}.hero .greeting{max-width:none;margin:0 0 30px 4px;color:var(--green);font-family:var(--font-mono);font-size:clamp(var(--fz-sm),5vw,var(--fz-md));font-weight:400;line-height:1.1}.hero .big{margin:0;font-size:clamp(40px,8vw,80px);font-weight:600;line-height:1.1;letter-spacing:-.02em}.hero .big--name{color:var(--lightest-slate)}.hero .big--tagline{margin-top:5px;color:var(--slate);line-height:.9}.hero p{max-width:440px;margin:20px 0 0;font-size:var(--fz-lg);line-height:1.4}.hero .btn{margin-top:50px}@media (max-width: 480px){.hero .btn{margin-top:30px}}.about{max-width:900px}.about__inner{display:grid;grid-template-columns:3fr 2fr;gap:50px}@media (max-width: 768px){.about__inner{display:block}}.about p{margin-bottom:15px;line-height:1.4}.skills{display:grid;grid-template-columns:repeat(2,minmax(140px,200px));gap:0 10px;margin:20px 0 0;overflow:hidden}.skills li{position:relative;margin-bottom:10px;padding-left:20px;font-family:var(--font-mono);font-size:var(--fz-xs)}.skills li:before{content:"▹";position:absolute;left:0;color:var(--green);font-size:var(--fz-sm);line-height:12px}.pic{position:relative;isolation:isolate;max-width:300px}@media (max-width: 768px){.pic{margin:50px auto 0;width:70%}}.pic__wrapper{position:relative;display:block;width:100%;border-radius:var(--border-radius);background:var(--green)}.pic__wrapper:hover,.pic__wrapper:focus-visible{outline:0}.pic__wrapper:hover .pic__img,.pic__wrapper:focus-visible .pic__img{filter:none;mix-blend-mode:normal}.pic__img{position:relative;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 20%;border-radius:var(--border-radius);mix-blend-mode:multiply;filter:grayscale(100%) contrast(1);transition:var(--transition)}.pic__wrapper:before,.pic__wrapper:after{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:var(--border-radius);transition:var(--transition)}.pic__wrapper:before{top:0;left:0;background:var(--navy);mix-blend-mode:screen}.pic__wrapper:hover:before,.pic__wrapper:focus-visible:before{background:transparent}.pic__wrapper:after{top:20px;left:20px;z-index:-1;border:2px solid var(--green)}.pic__wrapper:hover:after,.pic__wrapper:focus-visible:after{top:15px;left:15px}.jobs{max-width:700px}.jobs__inner{display:flex}@media (max-width: 600px){.jobs__inner{display:block}}.tabs{position:relative;z-index:3;width:max-content}@media (max-width: 600px){.tabs{display:flex;overflow-x:auto;width:calc(100% + 50px);margin-left:-25px;margin-bottom:30px;padding-left:25px}}.tab{display:flex;align-items:center;width:100%;height:var(--tab-height);padding:0 20px 2px;border-left:2px solid var(--lightest-navy);color:var(--slate);font-family:var(--font-mono);font-size:var(--fz-xs);text-align:left;white-space:nowrap;transition:var(--transition)}.tab:hover,.tab:focus-visible{background:var(--light-navy);color:var(--green)}.tab[aria-selected=true]{color:var(--green)}@media (max-width: 768px){.tab{padding:0 15px 2px}}@media (max-width: 600px){.tab{flex:0 0 auto;justify-content:center;min-width:var(--tab-width);padding:0 15px;border-left:0;border-bottom:2px solid var(--lightest-navy);text-align:center}}.highlight{position:absolute;top:0;left:0;z-index:10;width:2px;height:var(--tab-height);border-radius:var(--border-radius);background:var(--green);transform:translateY(calc(var(--tab-index, 0) * var(--tab-height)));transition:transform .25s var(--easing);transition-delay:.1s}@media (max-width: 600px){.highlight{top:auto;bottom:0;width:100%;max-width:var(--tab-width);height:2px;margin-left:25px;transform:translate(calc(var(--tab-index, 0) * var(--tab-width)))}}.panels{width:100%;margin-left:20px}@media (max-width: 600px){.panels{margin-left:0}}.panel{width:100%;height:auto;padding:10px 5px;animation:panelIn .4s var(--easing)}.panel[hidden]{display:none}@keyframes panelIn{0%{opacity:0;transform:translateY(10px)}}.panel h3{margin-bottom:2px;color:var(--lightest-slate);font-size:var(--fz-xxl);font-weight:500;line-height:1.3}.panel h3 span{display:block}.panel .company,.panel .company a{color:var(--green)}.panel .range{margin-bottom:25px;color:var(--light-slate);font-family:var(--font-mono);font-size:var(--fz-xs)}.panel ul{font-size:var(--fz-lg)}.panel li{position:relative;padding-left:30px;margin-bottom:10px}.panel li:before{content:"▹";position:absolute;left:0;color:var(--green)}.featured h2{margin-bottom:40px}.project{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:10px;align-items:center}.project:not(:last-of-type){margin-bottom:100px}@media (max-width: 768px){.project:not(:last-of-type){margin-bottom:70px}}.project__content{position:relative;grid-column:1 / 7;grid-row:1 / -1;z-index:2}.project__image{grid-column:6 / -1;grid-row:1 / -1;position:relative;z-index:1}.project:nth-of-type(odd) .project__content{grid-column:7 / -1;text-align:right}.project:nth-of-type(odd) .tech,.project:nth-of-type(odd) .project__links{justify-content:flex-end}.project:nth-of-type(odd) .tech li{margin:0 0 5px 20px}.project:nth-of-type(odd) .project__links{margin-left:0;margin-right:-10px}.project:nth-of-type(odd) .project__image{grid-column:1 / 8}.overline{margin:10px 0;color:var(--green);font-family:var(--font-mono);font-size:var(--fz-xs);font-weight:400}.project__title{margin:0 0 20px;color:var(--lightest-slate);font-size:clamp(24px,5vw,28px);font-weight:600;line-height:1.1}.project__title a{position:static}.project__title a:before{content:"";display:block;position:absolute;z-index:0;inset:0}.project__title a:hover,.project__title a:focus-visible{color:var(--green)}.project__desc{position:relative;z-index:2;padding:25px;border-radius:var(--border-radius);background:var(--light-navy);box-shadow:0 10px 30px -15px var(--navy-shadow);color:var(--light-slate);font-size:var(--fz-md);line-height:1.5;text-align:left}.tech{display:flex;flex-wrap:wrap;position:relative;z-index:2;margin:25px 0 10px}.tech li{margin:0 20px 5px 0;color:var(--light-slate);font-family:var(--font-mono);font-size:var(--fz-xs);white-space:nowrap}.project__links{display:flex;align-items:center;position:relative;z-index:3;margin-top:10px;margin-left:-10px;color:var(--lightest-slate)}.project__links a{display:flex;align-items:center;justify-content:center;padding:10px}.project__links a:hover,.project__links a:focus-visible{color:var(--green)}.project__links svg{width:20px;height:20px}.project__image a{display:block;position:relative;width:100%;aspect-ratio:1400 / 750;overflow:hidden;border-radius:var(--border-radius);background:var(--green);box-shadow:0 10px 30px -15px var(--navy-shadow);transition:var(--transition)}.project__img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;border-radius:var(--border-radius);mix-blend-mode:multiply;filter:grayscale(100%) contrast(1) brightness(90%);transition:var(--transition)}.project__image a:before{content:"";position:absolute;inset:0;z-index:3;border-radius:var(--border-radius);background:var(--navy);mix-blend-mode:screen;transition:var(--transition);pointer-events:none}.project__image a:hover,.project__image a:focus-visible{background:transparent;outline:0}.project__image a:hover:before,.project__image a:focus-visible:before{background:transparent}.project__image a:hover .project__img,.project__image a:focus-visible .project__img{filter:none;mix-blend-mode:normal}.project__img--hover{position:absolute;inset:0;opacity:0;mix-blend-mode:normal;filter:none}.project__image a:hover .project__img--hover,.project__image a:focus-visible .project__img--hover{opacity:1}@media (max-width: 768px){.project{box-shadow:0 10px 30px -15px var(--navy-shadow);border-radius:var(--border-radius);background:var(--light-navy);overflow:hidden}.project__content,.project:nth-of-type(odd) .project__content{grid-column:1 / -1;padding:40px 40px 30px;text-align:left}.project:nth-of-type(odd) .tech,.project:nth-of-type(odd) .project__links{justify-content:flex-start}.project:nth-of-type(odd) .tech li{margin:0 10px 5px 0}.project:nth-of-type(odd) .project__links{margin-left:-10px;margin-right:0}.project__image,.project:nth-of-type(odd) .project__image{grid-column:1 / -1;height:100%;opacity:.25}.project__image a{height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none}.project__img{filter:grayscale(100%) contrast(1) brightness(50%)}.project__desc{padding:20px 0;background:transparent;box-shadow:none}.tech{margin:10px 0}.tech li{margin:0 10px 5px 0;color:var(--lightest-slate)}}@media (max-width: 480px){.project__content,.project:nth-of-type(odd) .project__content{padding:30px 25px 20px}}.other{display:flex;flex-direction:column;align-items:center}.other h2{font-size:clamp(24px,5vw,var(--fz-heading));font-weight:600;color:var(--lightest-slate)}.archive{margin-top:30px;font-family:var(--font-mono);font-size:var(--fz-sm)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;position:relative;width:100%;margin-top:50px}@media (max-width: 480px){.grid{grid-template-columns:1fr}}.card{display:flex;flex-direction:column;align-items:flex-start;position:relative;height:100%;padding:2rem 1.75rem;border-radius:var(--border-radius);background:var(--light-navy);box-shadow:0 10px 30px -15px var(--navy-shadow);overflow:auto;transition:var(--transition)}.grid li{position:relative;cursor:default}.grid li:hover .card,.grid li:focus-within .card{transform:translateY(-7px);box-shadow:0 20px 30px -15px var(--navy-shadow)}.card__top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:35px}.card__folder{color:var(--green)}.card__folder svg{width:40px;height:40px}.card__links{display:flex;align-items:center;margin-right:-10px;color:var(--light-slate)}.card__links a{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:5px 7px}.card__links a:hover,.card__links a:focus-visible{color:var(--green)}.card__links svg{width:20px;height:20px}.card__title{margin:0 0 10px;color:var(--lightest-slate);font-size:var(--fz-xxl);font-weight:600;line-height:1.3;transition:var(--transition)}.card__title a:before{content:"";display:block;position:absolute;z-index:1;inset:0}.grid li:hover .card__title,.grid li:focus-within .card__title{color:var(--green)}.card__desc{color:var(--light-slate);font-size:var(--fz-sm);line-height:1.5}.card__tech{display:flex;flex-grow:1;flex-wrap:wrap;align-items:flex-end;margin-top:20px}.card__tech li{margin-right:15px;color:var(--slate);font-family:var(--font-mono);font-size:var(--fz-xxs);line-height:1.75}.card__tech li:last-of-type{margin-right:0}.other .btn{margin-top:80px}.contact{max-width:600px;margin:0 auto 100px;text-align:center}@media (max-width: 768px){.contact{margin-bottom:50px}}.contact__overline{counter-increment:section 1;display:block;margin-bottom:20px;color:var(--green);font-family:var(--font-mono);font-size:clamp(var(--fz-md),5vw,var(--fz-xl));font-weight:400}.contact__title{margin:0 0 20px;color:var(--lightest-slate);font-size:clamp(40px,5vw,60px);font-weight:600;line-height:1.1}.contact .btn{margin-top:50px}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70px;padding:15px;color:var(--light-slate);font-family:var(--font-mono);font-size:var(--fz-xxs);line-height:1;text-align:center}.footer a{padding:10px}.footer a:hover,.footer a:focus-visible{color:var(--green)}.footer__social{display:none;width:100%;max-width:270px;margin:0 auto 10px;color:var(--light-slate)}.footer__social ul{display:flex;align-items:center;justify-content:space-between}.footer__social svg{width:20px;height:20px}@media (max-width: 768px){.footer__social{display:block}}.award{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:50px;align-items:center}.award__image{position:relative;overflow:hidden;border-radius:var(--border-radius);background:var(--green);box-shadow:0 10px 30px -15px var(--navy-shadow);transition:var(--transition)}.award__image img{display:block;width:100%;height:auto;mix-blend-mode:multiply;filter:grayscale(100%) contrast(1) brightness(90%);transition:var(--transition)}.award__image:before{content:"";position:absolute;inset:0;z-index:2;background:var(--navy);mix-blend-mode:screen;transition:var(--transition);pointer-events:none}.award__image:hover{background:transparent}.award__image:hover:before{background:transparent}.award__image:hover img{filter:none;mix-blend-mode:normal}@media (hover: none){.award__image{background:transparent}.award__image:before{display:none}.award__image img{filter:none;mix-blend-mode:normal}}.award__title{margin:0 0 20px;color:var(--lightest-slate);font-size:clamp(24px,5vw,28px);font-weight:600;line-height:1.1}.award__content .project__desc{max-width:520px}.award__content .tech{margin-top:20px}.award__content .project__links{margin-top:0}@media (max-width: 768px){.award{grid-template-columns:1fr;gap:30px}.award__image{max-width:240px;margin:0 auto}}.contact__overline:before{content:"0" counter(section) ". "}.landing-page{background-color:#0a0a0a;background-image:repeating-linear-gradient(45deg,rgba(0,255,196,.03) 0px,rgba(0,255,196,.03) 1px,transparent 1px,transparent 50px),repeating-linear-gradient(-45deg,rgba(0,255,196,.03) 0px,rgba(0,255,196,.03) 1px,transparent 1px,transparent 50px);background-size:70px 70px;animation:movePattern 60s linear infinite;color:#fff;display:flex;justify-content:center;align-items:center;position:fixed;inset:0;z-index:400;cursor:pointer;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-user-select:none;user-select:none}.content{z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:25px;max-width:90%}.main-text{font-size:2.5rem;font-weight:700;letter-spacing:-.5px;opacity:0;animation:textFadeIn 1.5s ease-out forwards;animation-delay:.3s;background:linear-gradient(to bottom right,#fff,#a5a5a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.popup-message{font-size:.9rem;color:#00ffc4;letter-spacing:2px;text-transform:uppercase;font-weight:600;opacity:0;transform:translateY(10px);transition:all .8s ease}.popup-message.visible{opacity:1;transform:translateY(0);animation:pulse 2s infinite}.ripple-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.ripple-bg:before,.ripple-bg:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(0,255,196,.2);border-radius:50%;box-shadow:0 0 15px #00ffc41a}.ripple-bg:before{width:10px;height:10px;animation:rippleExpand 6s linear infinite}.ripple-bg:after{width:10px;height:10px;animation:rippleExpand 6s linear infinite 3s}.landing-page.exiting{animation:warpJump .8s ease-in forwards;pointer-events:none}@keyframes warpJump{0%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(4);filter:blur(10px)}}.landing-page.exiting .content{transition:transform .8s ease-in;transform:scale(.8)}@keyframes movePattern{0%{background-position:0 0}to{background-position:500px 500px}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes rippleExpand{0%{width:0px;height:0px;opacity:.8;border-width:2px}to{width:1000px;height:1000px;opacity:0;border-width:0px}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media screen and (max-width: 768px){.main-text{font-size:1.5rem;padding:0 10px}.popup-message{font-size:.8rem}}