.nav-bar{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;width:100%;height:var(--nav-height);background-color:var(--dark-navy);padding:0 50px;z-index:10;box-shadow:0 10px 30px -10px #020c1bb3}@media (max-width: 768px){.nav-bar{padding:0 25px}}.nav-logo{color:var(--green);font-size:var(--fz-xxl);font-family:var(--font-mono)}.nav-logo a{text-decoration:none;color:var(--green)}.nav-logo a:hover{color:var(--green)}.nav-links{display:flex;align-items:center}.nav-links ol{display:flex;justify-content:space-between;align-items:center;padding:0;margin:0;list-style:none}.nav-links ol li{margin:0 5px;position:relative;counter-increment:item 1;font-size:var(--fz-xs)}.nav-links ol li a{padding:10px}.nav-links ol li a:before{content:"0" counter(item) ".";margin-right:5px;color:var(--green);font-size:var(--fz-xxs);text-align:right}.nav-links .resume-button{color:var(--green);background-color:transparent;border:1px solid var(--green);border-radius:var(--border-radius);padding:.75rem 1rem;font-size:var(--fz-xs);font-family:var(--font-mono);line-height:1;text-decoration:none;cursor:pointer;transition:var(--transition);margin-left:15px}.nav-links .resume-button:hover,.nav-links .resume-button:focus{background-color:#ff6b6b1a;outline:none}.hero-section{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;min-height:100vh;padding:0}.hero-section h1{color:var(--green);font-size:var(--fz-sm);font-family:var(--font-mono);font-weight:400;margin:0 0 30px 4px}@media (max-width: 480px){.hero-section h1{margin:0 0 20px 2px}}.hero-section h2{font-size:clamp(40px,8vw,80px);color:var(--lightest-slate);line-height:1.1;margin:0}.hero-section h3{font-size:clamp(40px,8vw,70px);color:var(--slate);line-height:.9;margin-top:10px}.hero-section p{margin:20px 0 0;max-width:540px;color:var(--slate)}.hero-section .email-link-button{color:var(--green);background-color:transparent;border:1px solid var(--green);border-radius:var(--border-radius);padding:1.25rem 1.75rem;font-size:var(--fz-sm);font-family:var(--font-mono);line-height:1;text-decoration:none;cursor:pointer;transition:var(--transition);margin-top:50px}.hero-section .email-link-button:hover,.hero-section .email-link-button:focus{background-color:#ff6b6b1a;outline:none}.about-section{max-width:900px}.about-section .inner{display:grid;grid-template-columns:3fr 2fr;grid-gap:50px}@media (max-width: 768px){.about-section .inner{display:block}}.about-section p{margin:0 0 15px;font-size:var(--fz-lg)}.about-section p:last-child,.about-section p:last-of-type{margin-bottom:0}.about-section ul.skills-list{display:grid;grid-template-columns:repeat(2,minmax(140px,200px));padding:0;margin:20px 0 0;overflow:hidden;list-style:none}.about-section ul.skills-list li{position:relative;margin-bottom:10px;padding-left:20px;font-family:var(--font-mono);font-size:var(--fz-xs)}.about-section ul.skills-list li:before{content:"▹";position:absolute;left:0;color:var(--green);font-size:var(--fz-sm);line-height:12px}.about-pic{position:relative;max-width:300px}@media (max-width: 768px){.about-pic{margin:50px auto 0;width:70%}}.about-pic .wrapper{display:block;position:relative;width:100%;border-radius:var(--border-radius);background-color:var(--green)}.about-pic .wrapper:hover,.about-pic .wrapper:focus{background:transparent;outline:0}.about-pic .wrapper:hover:after,.about-pic .wrapper:focus:after{top:15px;left:15px}.about-pic .wrapper:hover img,.about-pic .wrapper:focus img{filter:none;mix-blend-mode:normal}.about-pic .wrapper img{position:relative;border-radius:var(--border-radius);mix-blend-mode:multiply;filter:grayscale(100%) contrast(1);transition:var(--transition)}.about-pic .wrapper:before,.about-pic .wrapper:after{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:var(--border-radius);transition:var(--transition)}.about-pic .wrapper:before{top:0;left:0;background-color:var(--navy);mix-blend-mode:screen}.about-pic .wrapper:after{border:2px solid var(--green);top:20px;left:20px;z-index:-1}.experience-section{max-width:700px}.experience-section .inner{display:flex}@media (max-width: 600px){.experience-section .inner{display:block}}.tab-list{position:relative;width:max-content;padding:0;margin:0;list-style:none;z-index:3}@media (max-width: 600px){.tab-list{display:flex;overflow-x:auto;width:calc(100% + 100px);padding-left:50px;margin-left:-50px;margin-bottom:30px}}@media (max-width: 480px){.tab-list{width:calc(100% + 50px);padding-left:25px;margin-left:-25px}}@media (max-width: 600px){.tab-list li:first-of-type{margin-left:50px}}@media (max-width: 480px){.tab-list li:first-of-type{margin-left:25px}}@media (max-width: 600px){.tab-list li:last-of-type{padding-right:50px}}@media (max-width: 480px){.tab-list li:last-of-type{padding-right:25px}}.tab-button{display:flex;align-items:center;width:100%;height:var(--tab-height);padding:0 20px 2px;border-left:2px solid var(--lightest-navy);background-color:transparent;color:var(--slate);font-family:var(--font-mono);font-size:var(--fz-xs);text-align:left;white-space:nowrap;transition:var(--transition)}.tab-button--active{color:var(--green)}.tab-button:hover,.tab-button:focus{background-color:var(--light-navy);color:var(--green)}@media (max-width: 768px){.tab-button{padding:0 15px 2px}}@media (max-width: 600px){.tab-button{display:flex;justify-content:center;align-items:center;min-width:120px;padding:0 15px;border-left:0;border-bottom:2px solid var(--lightest-navy);text-align:center}}.tab-highlight{position:absolute;top:0;left:0;z-index:10;width:2px;height:var(--tab-height);border-radius:var(--border-radius);background:var(--green);transition:transform .25s cubic-bezier(.645,.045,.355,1);transition-delay:.1s}@media (max-width: 600px){.tab-highlight{top:auto;bottom:0;width:100%;max-width:var(--tab-width);height:2px;margin-left:0}}.tab-panels{position:relative;width:100%;margin-left:20px}@media (max-width: 600px){.tab-panels{margin-left:0}}.tab-panel{width:100%;height:auto;padding:10px 5px}.tab-panel ul{padding:0;margin:0;list-style:none;font-size:var(--fz-lg)}.tab-panel ul li{position:relative;padding-left:30px;margin-bottom:10px}.tab-panel ul li:before{content:"▹";position:absolute;left:0;color:var(--green)}.tab-panel h3{margin-bottom:5px;font-size:var(--fz-xxl);font-weight:500;line-height:1.3}.tab-panel h3 .company{color:var(--green)}.tab-panel .range{margin-bottom:25px;color:var(--light-slate);font-family:var(--font-mono);font-size:var(--fz-xs)}.work-section{max-width:1000px}.work-section .projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;position:relative}@media (max-width: 768px){.work-section .projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.project-item{background-color:var(--light-navy);border-radius:var(--border-radius);box-shadow:0 10px 30px -15px var(--navy-shadow, rgba(2,12,27,.7));transition:var(--transition);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.project-item:hover,.project-item:focus-within{transform:translateY(-7px)}.project-item .project-inner{padding:2rem 1.75rem;display:flex;flex-direction:column;justify-content:space-between;height:100%}.project-item header{margin-bottom:30px}.project-item .project-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.project-item .project-top .folder svg{color:var(--green);width:40px;height:40px}.project-item .project-top .project-links a{color:var(--light-slate);margin-left:10px}.project-item .project-top .project-links a svg{width:20px;height:20px}.project-item .project-top .project-links a:hover{color:var(--green)}.project-item .project-title{margin:0 0 10px;color:var(--lightest-slate);font-size:var(--fz-xxl)}.project-item .project-title a{text-decoration:none;color:var(--lightest-slate)}.project-item .project-title a:hover{color:var(--green)}.project-item .project-description{color:var(--light-slate);font-size:var(--fz-md)}.project-item .project-description p{margin:0}.project-item footer{margin-top:20px}.project-item footer .project-tech-list{display:flex;flex-wrap:wrap;position:relative;padding:0;list-style:none}.project-item footer .project-tech-list li{margin-right:15px;margin-bottom:7px;color:var(--slate);font-family:var(--font-mono);font-size:var(--fz-xxs);white-space:nowrap}.project-item footer .project-tech-list li:last-of-type{margin-right:0}.contact-section{max-width:600px;margin:0 auto 100px;text-align:center}@media (max-width: 768px){.contact-section{margin:0 auto 50px}}.contact-section .overline{display:block;margin-bottom:20px;color:var(--green);font-family:var(--font-mono);font-size:var(--fz-md);font-weight:400}.contact-section .overline:before{bottom:0;font-size:var(--fz-sm)}.contact-section .overline:after{display:none}.contact-section .title{font-size:clamp(40px,5vw,60px);color:var(--lightest-slate);margin:0 0 20px}.contact-section p{color:var(--slate);font-size:var(--fz-xl)}@media (max-width: 768px){.contact-section p{font-size:var(--fz-lg)}}.contact-section .email-link{color:var(--green);background-color:transparent;border:1px solid var(--green);border-radius:var(--border-radius);padding:1.25rem 1.75rem;font-size:var(--fz-sm);font-family:var(--font-mono);line-height:1;text-decoration:none;transition:var(--transition);margin-top:50px;display:inline-block}.contact-section .email-link:hover,.contact-section .email-link:focus{background-color:#ff6b6b1a;outline:none}.app-footer{display:flex;justify-content:center;align-items:center;flex-direction:column;height:auto;min-height:70px;padding:15px;text-align:center}.app-footer .social-links{display:none}@media (max-width: 768px){.app-footer .social-links{display:block;width:100%;max-width:270px;margin:0 auto 10px}.app-footer .social-links ul{display:flex;justify-content:space-between;align-items:center;padding:0;margin:0;list-style:none}.app-footer .social-links ul li a svg{width:20px;height:20px;color:var(--light-slate)}.app-footer .social-links ul li a svg:hover{color:var(--green)}}.app-footer .credits a{padding:10px;font-family:var(--font-mono);font-size:var(--fz-xxs);line-height:1;color:var(--light-slate)}.app-footer .credits a:hover{color:var(--green)}