#root{width:100%;max-width:1280px;margin-inline:auto;text-align:center;border:2px solid var(--deep-space-blue)}.footer{background-color:var(--deep-space-blue);color:#fff;padding:2rem 1rem}.container{width:min(1100px,100%);margin:0 auto}.footer-grid{display:grid;grid-template-columns:5fr 5fr;gap:2rem;align-items:stretch}.left{display:flex;flex-direction:column}.right{background-color:#fff;color:var(--deep-space-blue);border:2px solid black;padding:0 30px 30px}.left-bottom{margin-top:auto}.list-unstyled{list-style-type:none;margin:0;padding:0;display:flex;gap:20px}.footer a:hover{text-decoration:underline;text-underline-offset:3px;color:#fff}.footer h3,.footer p{text-align:left}.contact-form{display:grid;gap:.75rem}.contact-form input,.contact-form textarea{background:#fff;border-top:none;border-left:1px solid var(--deep-space-blue);border-bottom:1px solid var(--deep-space-blue);border-right:none;color:var(--deep-space-blue);padding:.7rem .9rem;font:inherit}.contact-form textarea{min-height:110px;resize:none}.contact-form button{width:fit-content;color:var(--deep-space-blue);border:1px solid var(--deep-space-blue);border-radius:0;padding:.7rem .9rem;cursor:pointer;position:relative;display:block;isolation:isolate;transition:color .3s ease}.contact-form button:before,.contact-form button:after{content:"";position:absolute;left:0;width:100%;opacity:0;transition:transform .3s ease,opacity .3s ease}.contact-form button:before{inset-block:0px;border-top:2px solid var(--deep-space-blue);border-bottom:2px solid var(--deep-space-blue);transform:scaleY(1.35)}.contact-form button:after{top:2px;height:calc(100% - 2px);background-color:var(--deep-space-blue);transform:scaleY(0);z-index:-1}.contact-form button:hover,.contact-form button:focus-visible{color:#fff;text-decoration:none}.contact-form button:hover:before,.contact-form button:hover:after,.contact-form button:focus-visible:before,.contact-form button:focus-visible:after{transform:scaleY(1);opacity:1}.stack{margin-bottom:.75rem}@media(max-width:900px){.footer-grid{grid-template-columns:1fr}.links-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.links-grid{grid-template-columns:1fr}.social{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.contact-form button,.contact-form button:before,.contact-form button:after{transition:none}}.footer .copyright-text{color:#d3d3d3;text-align:center;font-size:.8rem;margin:2rem 0px 0px;padding:0}.nav-bar{position:sticky;top:16px;z-index:100;width:calc(100% - 32px);margin:16px auto;padding:0 30px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;color:var(--deep-space-blue);border:2px solid var(--deep-space-blue);box-shadow:0 8px 24px #0030491f;background-color:#fffffff5;-webkit-backdrop-filter:none;backdrop-filter:none}.nav-links{display:flex;gap:40px}.nav-links a{position:relative;display:block;padding:10px 20px;color:var(--deep-space-blue);text-transform:uppercase;transition:color .3s ease;isolation:isolate}.nav-links a:before,.nav-links a:after{content:"";position:absolute;left:0;width:100%;opacity:0;transition:transform .3s ease,opacity .3s ease}.nav-links a:before{inset-block:0;border-top:2px solid var(--deep-space-blue);border-bottom:2px solid var(--deep-space-blue);transform:scaleY(1.35)}.nav-links a:after{top:2px;height:calc(100% - 2px);background-color:var(--deep-space-blue);transform:scaleY(0);z-index:-1}.nav-links a:hover,.nav-links a:focus-visible{color:#fff;text-decoration:none}.nav-links a:hover:before,.nav-links a:hover:after,.nav-links a:focus-visible:before,.nav-links a:focus-visible:after{transform:scaleY(1);opacity:1}.nav-name{font-family:Source Code Pro,monospace}.nav-name :hover{color:var(--deep-space-blue);text-decoration:none}.hamburger{display:none;background:none;border:none;cursor:pointer;position:relative;padding:8px;z-index:20}.hamburger span{display:block;width:24px;height:2px;margin:5px 0;background-color:var(--deep-space-blue);transition:transform .3s ease,opacity .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media(max-width:768px){.nav-bar{top:8px;width:calc(100% - 16px);margin:8px auto;padding:8px 16px}.nav-name{font-size:1.25rem}.hamburger{display:block}.nav-links{position:fixed;top:0;right:0;height:100vh;width:75%;max-width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;background-color:#fffffff2;box-shadow:-8px 0 24px #0000001f;transform:translate(100%);transition:transform .3s ease;z-index:15}.nav-links.open{transform:translate(0)}.nav-name h1{font-size:1.25rem}}.overlay{position:fixed;inset:0;background:#0000004d;z-index:90}@media(prefers-reduced-motion:reduce){.nav-links a,.nav-links a:before,.nav-links a:after{transition:none}}.hero-text h2{margin-top:0}.hero-text{flex:1 1 0;min-width:0;color:#fff;text-align:left}.hero-text p{opacity:.85}.hero-image{flex:0 1 560px;width:100%;aspect-ratio:3/2;box-sizing:border-box;overflow:hidden;border:2px solid white}.hero-image img{display:block;width:100%;height:100%;border:0;object-fit:cover;object-position:center}@media(max-width:768px){.hero{flex-direction:column;padding:60px 24px 90px;gap:32px}.hero-text{text-align:center}.hero-image{flex-basis:auto;width:min(100%,560px);aspect-ratio:3 / 2}}.projects{padding:50px 40px 0;display:flex}.projects-text{text-align:left}.projects-text h2{padding:0;margin-top:0;margin-bottom:0}.projects-text p{margin-top:0;opacity:.85}.projects-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;padding:0 60px 60px;align-items:start}.projects-grid .project-card{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.projects-grid--visible .project-card{opacity:1;transform:translateY(0)}.projects-grid--visible .project-card--featured{transition-delay:.1s}.projects-grid--visible .project-card--side{transition-delay:.3s}.project-card{min-width:0;box-sizing:border-box;overflow:hidden}.project-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.project-card-text{min-width:0;text-align:left;display:flex;flex-direction:column}.project-card-text h3{margin:0 0 8px}.project-card-text p{margin:0;line-height:1.6;opacity:.85}.project-card--featured{padding:0;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:stretch;border:2px solid var(--deep-space-blue)}.project-card--featured .project-card-image{height:auto;min-height:0;border-radius:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:#fff}.project-card--featured .project-card-image img{width:min(65%,380px);height:auto;max-height:none;object-fit:contain}.project-card--featured .project-card-text{padding:32px;align-self:stretch}.project-card--featured .project-card-summary,.project-card--featured .project-technologies{margin-top:auto}.project-card--side{display:flex;flex-direction:column;border:2px solid var(--deep-space-blue)}.project-card--side .project-card-image{height:260px;border-radius:0}.project-card--side .project-card-text{flex:1;padding:0 24px 24px}.project-technologies{display:flex;flex-wrap:wrap;gap:8px;margin:auto 0 0;padding:24px 0 0;list-style:none}.project-technologies li{padding:5px 10px;color:var(--deep-space-blue);border:1px solid var(--deep-space-blue);font-size:.75rem;font-weight:600;line-height:1.2}@media(max-width:768px){.projects-grid{grid-template-columns:1fr;padding-inline:24px}.project-card--featured{grid-template-columns:1fr}.project-card--featured .project-card-image img{padding-top:40px}.project-card--featured .project-card-image,.project-card--side .project-card-image{width:100%;height:auto;min-height:0;aspect-ratio:16 / 9}}@media(prefers-reduced-motion:reduce){.projects-grid .project-card,.projects-grid--visible .project-card{opacity:1;transform:none;transition:none}}.technologies{padding:50px 40px 40px;text-align:left}.technologies-text h2{padding:0;margin-top:0;margin-bottom:0}.technologies-text p{padding-top:0;margin-top:0;opacity:.85}.technologies-carousel{overflow:hidden;width:100%;margin-top:40px}.technologies-track{display:flex;align-items:center;gap:80px;width:max-content;animation:scrollLogos 25s linear infinite}.tech-logo{height:70px;width:auto;flex-shrink:0;opacity:.8}@keyframes scrollLogos{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.technologies-track{animation:none}}.about-hero{background-color:var(--deep-space-blue);display:grid;grid-template-columns:minmax(0,55fr) minmax(360px,45fr);padding:60px 40px;align-items:center;gap:60px}.about-hero-text{color:#fff;text-align:left;flex:1}.about-hero-text h1{font-size:3em;margin-bottom:20px;margin-top:0}.about-hero-text p{max-width:55ch;font-size:1.1em;opacity:.85;line-height:1.6}.about-hero-image{width:100%;height:clamp(450px,45vw,540px);display:flex;justify-content:center;align-items:flex-end}.about-hero-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.about-personal{width:min(100%,55ch);text-align:left}.about-personal-photo{margin:0}.about-personal-photo img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border:2px solid var(--deep-space-blue)}.about-personal-photo figcaption{margin-top:8px;color:var(--deep-space-blue);font-size:.85rem;font-style:italic;line-height:1.4;text-align:left;opacity:.75}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:80px 40px;max-width:1280px;margin:0 auto}.about-story{text-align:left}.about-story h2{font-size:2em;margin-top:0;margin-bottom:20px}.about-story p{font-size:1em;line-height:1.8;opacity:.85;margin-bottom:20px}@media(max-width:768px){.about-hero{grid-template-columns:1fr;flex-direction:column;padding:60px 24px;gap:32px}.about-hero-text{text-align:center}.about-hero-text h1{font-size:2em}.about-hero-image{flex-basis:auto;width:min(100%,360px);height:400px;justify-self:center}.about-content{grid-template-columns:1fr;gap:40px;padding:60px 24px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background:#fff;color:var(--deep-space-blue);--molten-lava: #780000ff;--brick-red: #c1121fff;--papaya-whip: #fdf0d5ff;--deep-space-blue: #003049ff;--steel-blue: #003049ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.source-code-pro{font-family:Source Code Pro,monospace;font-optical-sizing:auto;font-weight:900;font-style:normal}a{font-weight:500;text-decoration:none;color:inherit}a:hover{color:#d3d3d3;text-decoration:underline;text-underline-offset:3px}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:10px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#d3d3d3}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}html{scroll-behavior:smooth}#about,#projects,#contact{scroll-margin-top:80px}.hero{position:relative;background-color:var(--deep-space-blue);display:flex;padding:100px 40px 80px;align-items:center;font-size:1.1em;gap:60px}.hero-scroll-link{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;text-decoration:none}.hero-scroll-link:hover{text-decoration:none}.hero-scroll-arrow{font-size:1.5rem}.hero-scroll-link span:last-child{font-size:1.5rem;animation:arrow-bounce 1.5s ease-in-out infinite}@keyframes arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-scroll-link span:last-child{animation:none}}