.ham-box-inner:before,.ham-box-inner:after{content:"";background-color:var(--Green);border-radius:4px;width:30px;height:2px;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;display:block;position:absolute;left:auto;right:0}.closed_ham.ham-box-inner:before{width:120%;transition:top .1s ease-in .25s,opacity .1s ease-in;top:-10px}.closed_ham.ham-box-inner:after{width:80%;transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);bottom:-10px;transform:rotate(0)}.closed_ham.ham-box-inner{transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transform:rotate(0)}.ham-box-inner{transition-property:transform;transition-duration:.22s}.open_ham.ham-box-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.open_ham.ham-box-inner:before{opacity:0;width:100%;transition:top .1s ease-out,opacity .1s ease-out .12s;top:0}.open_ham.ham-box-inner:after{width:100%;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;bottom:0;transform:rotate(-90deg)}.open-nav{visibility:visible;transition:var(--transition);transform:translate(0)}.closed-nav{visibility:hidden;transition:var(--transition);transform:translate(100vw)}
.jnUoFC{flex-direction:column;justify-content:center;align-items:flex-start;height:100vh;min-height:100vh;padding:0;display:flex}section{max-width:1000px;margin:0 auto;padding:100px 0}.numbered-heading{white-space:nowrap;align-items:center;width:100%;margin:10px 0 40px;font-size:clamp(26px,5vw,32px);font-weight:600;display:flex;position:relative}.numbered-heading:before{counter-increment:section;content:"0" counter(section)".";color:var(--Green);font-family:var(--font-sf-mono);margin-right:10px;font-size:clamp(16px,3vw,20px);font-weight:400;position:relative;bottom:4px}.numbered-heading:after{content:"";background-color:var(--Lightest_Navy);width:300px;height:1px;margin-left:20px;display:block;position:relative;top:-5px}.contact .numbered-heading:before{color:var(--Green);font-family:var(--font-sf-mono);font-size:14px;font-weight:400;bottom:0}.wrapper{transition:var(--transition);background-color:var(--Green);border-radius:4px;width:100%;display:block;position:relative}.wrapper:before{background-color:var(--Navy);mix-blend-mode:screen;content:"";width:100%;height:100%;transition:var(--transition);border-radius:4px;display:block;position:absolute;top:0;left:0}.wrapper:after{border:2px solid var(--Green);z-index:-1;content:"";width:100%;height:100%;transition:var(--transition);border-radius:4px;display:block;position:absolute;top:14px;left:14px}.img-wrapper{mix-blend-mode:multiply;filter:grayscale()contrast();transition:var(--transition);vertical-align:middle;border-radius:4px;width:100%;max-width:100%;position:relative}.img-wrapper img{border-radius:4px}.wrapper:hover:after,.wrapper:focus:after{transform:translate(8px,8px)}.wrapper:focus,.wrapper:hover{outline:0;transform:translate(-4px,-4px)}:is(.wrapper:focus,.wrapper:hover) .img-wrapper{filter:none;mix-blend-mode:normal}.ProjectsItem:nth-of-type(odd) .project-image{grid-column:1/8}.ProjectsItem:nth-of-type(odd) .project-content{text-align:right;grid-column:7/-1}.ProjectsItem .project-image{box-shadow:0 10px 30px -15px var(--navy-shadow);transition:var(--transition);z-index:1;grid-area:1/6/-1/-1;position:relative}.ProjectsItem .project-content{grid-area:1/1/-1/7;position:relative}.project-image a:before{content:"";z-index:3;width:100%;height:100%;transition:var(--transition);background-color:var(--Navy);mix-blend-mode:screen;position:absolute;inset:0}.project-image:hover .img-wrapper{filter:none;mix-blend-mode:normal}.ProjectsItem .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);border-radius:4px;padding:25px;font-size:18px;position:relative}.ProjectsItem:nth-of-type(odd) .project-tech-list{justify-content:flex-end}.ProjectsItem:nth-of-type(odd) .project-tech-list li{margin:0 0 5px 20px}.ProjectsItem .project-tech-list li{color:var(--light-Slate);font-family:var(--font-sf-mono);white-space:nowrap;margin:0 20px 5px 0;font-size:13px}.ProjectsItem:nth-of-type(odd) .project-links{justify-content:flex-end;margin-left:0;margin-right:-10px}.ProjectsItem .project-links{color:var(--lightest_Slate);align-items:center;margin-top:10px;margin-left:-10px;display:flex;position:relative}.project-image .img-wrapper{filter:grayscale()contrast()brightness(90%)}.projects-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin:50px 0 0;padding:0;list-style:none;display:grid;position:relative}.projects-grid .project-inner{box-shadow:0 10px 30px -15px var(--navy-shadow);background-color:var(--Light_Navy);height:100%;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-title-note a:before{content:"";z-index:0;box-sizing:border-box;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.content-title button[aria-selected=true]{color:var(--Green)!important}@media (max-width:1080px){.numbered-heading:after{width:200px}.ProjectsItem .project-content{grid-column:1/9}.ProjectsItem:nth-of-type(odd) .project-content{grid-column:5/-1}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.ProjectsItem:nth-of-type(odd) .project-image,.ProjectsItem:nth-of-type(2n) .project-image{grid-column:1/-1}.ProjectsItem:nth-of-type(odd) .project-content,.ProjectsItem:nth-of-type(2n) .project-content{text-align:left;grid-column:1/-1;padding:40px 40px 30px}.ProjectsItem .project-title{margin:0 0 20px}.ProjectsItem .project-image .img-wrapper{filter:grayscale()contrast()brightness(10%);height:100%}.project-image:hover .img-wrapper{filter:grayscale()contrast()brightness(10%);mix-blend-mode:multiply}.ProjectsItem:nth-of-type(odd) .project-tech-list{justify-content:flex-start}.ProjectsItem:nth-of-type(odd) .project-tech-list li{margin:0 10px 5px 0}.ProjectsItem:nth-of-type(odd) .project-links{justify-content:flex-start;margin-left:-10px;margin-right:0}.work-button{padding:0 15px 2px!important}}@media (max-width:640px){main .fillHeight{padding:0 25px}}@media (max-height:700px) and (min-width:700px),(max-width:360px){.jnUoFC{height:auto;padding-top:var(--nav-height)}}@media (max-width:390px){.ProjectsItem .project-image{max-height:none!important}}@media (min-width:700px){.jdfosx .inner{min-height:340px}}@media (max-width:600px){.jdfosx .inner{display:block!important}.jdfosx .selected_bar{width:100%!important;max-width:max(120px,calc(370px/var(--selected-count)))!important;height:2px!important;transform:translateX(calc(var(--selected-index)*max(120px,calc(370px/var(--selected-count)))))!important;margin-left:50px!important;top:auto!important;bottom:0!important}.jdfosx .work-button{border-left:0!important;border-bottom:2px solid var(--Lightest_Navy)!important;text-align:center!important;justify-content:center!important;align-items:center!important;min-width:120px!important;padding:0 15px!important;display:flex!important}.jdfosx .content-title{width:calc(100% + 100px)!important;margin-bottom:30px!important;margin-left:-50px!important;padding-left:50px!important;display:flex!important;overflow-x:auto!important}}@media (max-width:480px){.jdfosx .content-title{width:calc(100% + 50px)!important;margin-left:-25px!important;padding-left:25px!important}.jdfosx .selected_bar{margin-left:25px!important}}
.fadeup-enter{opacity:.01;transition:opacity .3s var(--easing),transform .3s var(--easing);transform:translateY(20px)}.fadeup-enter-active{opacity:1;transition:opacity .3s var(--easing),transform .3s var(--easing);transform:translateY(0)}.fadedown-enter{opacity:.01;transition:opacity .3s var(--easing),transform .3s var(--easing);transform:translateY(-20px)}.fadedown-enter-active{opacity:1;transition:opacity .3s var(--easing),transform .3s var(--easing);transform:translateY(0)}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s var(--easing)}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s var(--easing)}