/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-Light.woff2) format("woff2"),url(/fonts/IBMPlexSans-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-ExtraLight.woff2) format("woff2"),url(/fonts/IBMPlexSans-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-SemiBold.woff2) format("woff2"),url(/fonts/IBMPlexSans-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Syne;src:url(/fonts/Syne-Regular.woff2) format("woff2"),url(/fonts/Syne-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Syne;src:url(/fonts/Syne-SemiBold.woff2) format("woff2"),url(/fonts/Syne-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}*{margin:0;padding:0}html{scroll-behavior:smooth}:root{--primary: #f9db47;--primary-dark: #101218;--primary-light: #fcfcfd;--syne: "Syne", "Montserrat", "Poppins", "Arial Black", Arial, sans-serif;--ibm: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}body{font-family:var(--ibm);font-weight:thin;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--syne)}h1{font-size:2rem;font-weight:600}h2{font-size:2rem;font-weight:400}h3{font-size:1.5rem;font-weight:400}p{line-height:150%;font-weight:400;max-width:800px}.large-text{font-size:1.5rem;line-height:150%}.link{color:inherit;text-decoration:none;position:relative}.link:hover:before{content:"";position:absolute;bottom:0;width:100%;border:1px solid var(--bd-color, var(--primary));animation:underline .5s;transform-origin:left}.section-wrapper{width:100%;padding:2rem 1.5rem}.section{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}@keyframes underline{0%{transform:scaleX(0%)}}.anchor{position:absolute;transform:translateY(-100px)}button{cursor:pointer}body{background-color:var(--primary-dark);color:var(--primary-light)}.home h2{font-size:2.5rem}.home .hero{height:calc(100svh - 80px);min-height:576px;background-color:var(--primary);color:var(--primary-dark);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.home .hero-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.home .hero-logo img{width:200px;translate:-4.2%;transform-origin:60% 50%;animation:home-logo-appear 2s;animation-fill-mode:both;animation-delay:.5s}@keyframes home-logo-appear{0%{transform:translateY(100px) rotate(-1turn);opacity:0}}.home .hero-heading{text-align:center;font-family:var(--syne);animation:home-hero-heading-appear 1s;animation-fill-mode:both;animation-delay:2.5s}@keyframes home-hero-heading-appear{0%{transform:translateY(-50px);opacity:0}}.home .hero h1{color:var(--primary-dark);font-weight:400}.home .hero-subheading{font-size:1.5rem}.home .hero-text{text-align:center;animation:home-hero-text-appear 1s;animation-fill-mode:both;animation-delay:2.5s}@keyframes home-hero-text-appear{0%{transform:translateY(-50px);opacity:0}}.home .hero .explore{position:absolute;bottom:0;display:flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none;animation:home-explore-bounce 3s infinite 5s,home-explore-appear 1s 2s;animation-fill-mode:both}@keyframes home-explore-appear{0%{opacity:0}}@keyframes home-explore-bounce{0%,10%{transform:translateY(0)}20%{transform:translateY(-10px)}30%{transform:translateY(0)}40%{transform:translateY(-10px)}50%{transform:translateY(0)}80%,to{transform:translateY(0)}}.home .hero .explore svg{fill:var(--primary-dark)}.home .section-title{display:flex;flex-direction:column;gap:1rem}.home .project-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.home .project-card{background-color:var(--primary-light);color:var(--primary-dark);border-radius:.25rem;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease-in-out}.home .project-card:hover{transform:scale(1.02)}.home .project-card img{width:100%;object-fit:fill}.home .project-content{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.home .project-title{font-size:1.5rem;font-family:var(--ibm);font-weight:400}.home .project-desc{font-size:.75rem;line-height:150%}.home .project-tags{font-size:.75rem;font-weight:200}.home .project-links{padding-top:.5rem;flex:1;display:flex;justify-content:space-between;align-items:flex-end}.home .project-links a{font-weight:600;text-decoration:none;color:inherit}.home .project-links a:hover{text-decoration:underline}.home .project-links a:only-child{flex:1;text-align:center}.home .project-links a:only-child:after{content:" >"}.home .about{background:var(--primary);color:var(--primary-dark)}.home .about-text{display:grid;flex-direction:column;gap:1rem}.home .timeline-wrapper{display:none}.home img.portrait{max-width:300px;margin:0 auto;grid-row:2}.home .skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem}.home .skills-single{display:flex;flex-direction:column;gap:1rem}.home .skills-single ul{list-style-type:none;display:flex;flex-direction:column;gap:.5rem}.home a.resume{text-decoration:none}.home button.resume{display:flex;gap:.5rem;align-items:center;padding:1rem 2rem;background-color:var(--primary-dark);color:var(--primary-light);border:none;border-radius:4px;transition:transform .2s ease-in-out}.home button.resume:hover{transform:scale(1.02)}.home button.resume svg{width:32px;fill:var(--primary-light)}.home .contact-links{display:flex;flex-direction:column;gap:1rem;--bd-color: var(--primary-dark)}.home .contact-links .link{font-weight:700;font-size:1.5rem;align-self:flex-start}.home .contact-links .link:after{content:" >"}.home .contact-links button.link{background:none;border:none}@media (min-width: 1120px){.home .about-wrapper{display:flex;gap:2rem}.home .timeline-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.home .timeline{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;border-left:2px solid #000}.home .timeline-event{display:grid;grid-template-areas:"emoji year" "emoji event";column-gap:1rem;grid-template-columns:30px 1fr;margin-left:-15px}.home .timeline-event .emoji{grid-area:emoji;font-size:1.5rem;align-self:center;text-align:center}.home .timeline-event .year{font-weight:600}@keyframes home-logo-appear{0%{opacity:0;transform:translateY(150px) translate(200px) rotate(-1turn)}50%{opacity:1;transform:translate(200px)}}@keyframes home-hero-heading-appear{0%{opacity:0;transform:translate(-50px)}to{opacity:1}}}@media (min-width: 768px){.home .section-wrapper{padding:3rem 1.5rem}.home .hero h1{font-size:4rem}.home .hero{gap:3rem}.home .hero-subheading{font-size:2rem}.home .hero-text{font-size:1.5rem}.home .project-wrapper+.project-wrapper,.home .about+.about{padding-top:0}.home .about-text{display:block}.home .about-text .large-text:first-of-type{padding-top:1rem}.home .about-text p+p{margin-top:1rem}.home img.portrait{float:left;float:inline-start;padding:0 2rem;max-width:300px}}@media (min-width: 1024px){.home .hero-logo img{width:300px;translate:0;animation:home-logo-appear 3s;animation-delay:.5s;animation-fill-mode:both}.home .hero-heading{text-align:left;animation:home-hero-heading-appear 1.5s;animation-fill-mode:both;animation-delay:2s}.home .hero-logo{flex-direction:row}.home .hero-text{animation-duration:1.5s;animation-delay:2s}}.navbar-wrapper{background-color:var(--primary-dark);padding:1rem;position:sticky;top:0;z-index:2}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;color:var(--primary-light)}.navbar a{color:inherit;text-decoration:none}.nav-logo{display:flex;align-items:center;gap:1rem}.nav-logo-text{font-family:var(--syne);font-size:1.5rem}.nav-logo img{width:3rem}.nav-toggle{width:40px;height:40px}.nav-toggle svg{fill:var(--primary-light);width:100%}.nav-links{display:none;flex-direction:column;position:absolute;width:100%;top:80px;left:0;list-style-type:none}.nav-links.open{display:flex}.nav-links li{background:var(--primary-dark);padding:1rem;text-align:right}@media (min-width: 768px){h1{font-size:3rem}.nav-toggle{display:none}.nav-links{position:inherit;display:flex;flex-direction:row;gap:2rem}.nav-links li{padding:0}}.footer{padding:3rem 1.5rem;display:flex;justify-content:center;align-items:center;gap:1rem;background-color:var(--primary-dark);color:var(--primary-light)}.footer svg{fill:var(--primary-light);cursor:pointer}.footer a svg:hover{fill:var(--primary)}.case-study h1,.case-study h2,.case-study h3{color:var(--main)}.case-study .section-wrapper:nth-child(odd){background-color:var(--bg-odd);color:var(--text-odd)}.case-study .section-wrapper:nth-child(2n){background-color:var(--bg-even);color:var(--text-even)}.case-study .hidden-heading{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.case-study .project-header{display:grid;grid-template-columns:50% 50%;gap:1.5rem;align-items:center}.case-study .project-header img{min-height:300px;height:100%;width:100%;object-fit:cover}.case-study .project-details{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.case-study .detail-list{display:flex;flex-direction:column;gap:.5rem}.case-study .detail-list ul{list-style-type:none;line-height:150%}.case-study .text-body{display:flex;flex-direction:column;gap:1rem}.case-study .text-body h3:not(:first-child),.case-study .text-body h4:not(:first-child){margin-top:1rem}.case-study .text-body h4{margin-bottom:-.5rem}.case-study .case-study-img{object-fit:contain}.case-study .text-body ul{padding-left:2.5rem;line-height:150%}@media (min-width: 768px){.case-study .project-header{display:flex;flex-direction:column;gap:1rem}.case-study .project-details{padding:0;width:100%;flex-direction:row;justify-content:space-evenly;text-align:center}.case-study .project-header img{max-height:300px}.case-study .text-body p,.case-study .text-body h2,.case-study .text-body h3,.case-study .text-body h4,.case-study .text-body ul,.case-study h2,.case-study h1,.case-study .large-text{width:100%;max-width:800px;align-self:center}}@media (min-width: 1440px){.case-study h2,.case-study h1,.case-study .large-text{max-width:none}}.lesgo{--main: #0185cc;--bg-odd: var(--primary-light);--bg-even: #171919;--text-odd: var(--primary-dark);--text-even: var(--primary-light)}.zenlife{--main: #25486b;--bg-odd: var(--primary-light);--bg-even: #eef2f7;--text-odd: var(--primary-dark);--text-even: var(--primary-dark)}.grinpath{--main: #0c6154;--bg-odd: var(--primary-light);--bg-even: #f6fbfa;--text-odd: var(--primary-dark);--text-even: var(--primary-dark)}main.not-found{background-color:var(--primary);min-height:calc(100svh - 212px);display:flex;align-items:center}main .section-wrapper{height:100%}.not-found .section{color:var(--primary-dark);text-align:center;align-items:center}