.nav__list{margin-right:1.5em;display:flex}.nav__list-item{margin-left:1.5em}.app .nav__hamburger{display:none}.nav__theme{margin-top:.4em}@media (max-width: 600px){.nav__list{display:none;flex-direction:column;justify-content:center;align-items:center;position:fixed;inset:0;width:100%;height:100%;z-index:2}.nav__list-item{margin:.5em 0}.app .nav__hamburger{display:flex;z-index:2;margin-left:.8em}}.header{height:8em;max-width:1100px;width:95%;margin:0 auto;justify-content:space-between}@media (max-width: 600px){.header{height:6em}}.about{flex-direction:column;margin-top:3em}.about__name{color:var(--clr-primary)}.about__role{margin-top:1.2em}.about__desc{font-size:1rem;max-width:600px}.about__desc,.about__contact{margin-top:2.4em}.about .link--icon{margin-right:.8em}.about .btn--outline{margin-right:1em}@media (max-width: 600px){.app .about{align-items:flex-start;margin-top:2em}}.about{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2em}.about__headshot-container{width:200px;height:200px;border-radius:50%;overflow:hidden;border:3px solid var(--clr-primary);position:relative}.about__headshot{width:100%;height:100%;object-fit:cover;transition:all .3s ease-in-out}.about__headshot-container:before,.about__headshot-container:after{content:"";position:absolute;inset:0;transition:opacity .3s ease-in-out}.about__headshot-container:before{background:radial-gradient(circle,transparent 30%,rgba(0,0,0,.3) 70%);opacity:1}.about__headshot-container:after{background:radial-gradient(circle,transparent 40%,rgba(0,0,0,.2) 80%);opacity:0}.about__headshot-container:hover:before{opacity:0}.about__headshot-container:hover:after{opacity:1}.about__content{flex:1}@media (max-width: 600px){.about{flex-direction:column}}.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}#background-cover{position:fixed;inset:0;width:100vw;height:100vh;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:default}#project-detail{position:relative;width:95%;max-width:1100px;height:95%;max-height:820px;display:flex;flex-direction:column;background-color:var(--clr-bg-alt);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;cursor:default}#title-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:16px 20px;background-color:var(--clr-bg-alt);color:var(--clr-fg);border-bottom:1px solid rgba(0,0,0,.08)}.dark #title-bar{border-bottom-color:#ffffff14}#title-bar h3{font-size:1.25rem;margin:0}body.no-scroll{overflow:hidden}.project-content{display:flex;flex-direction:column;gap:0;height:calc(100% - 58px);overflow-y:auto}.image-slider{flex:0 0 auto;width:100%;max-height:52vh;overflow:hidden;background-color:var(--clr-bg)}.navigation-wrapper{position:relative;height:100%}.keen-slider{height:100%}.keen-slider__slide{display:flex;align-items:center;justify-content:center;background-color:var(--clr-bg)}.slide-image{max-width:100%;max-height:100%;object-fit:contain}.project-info{flex:1;padding:20px}.project-details-description{font-size:1rem;line-height:1.7;margin:0}.dots{display:flex;justify-content:center;padding:10px 0 14px;gap:8px}.dot{border:none;width:8px;height:8px;background:#b9b9b9;border-radius:50%;cursor:pointer;transition:transform .15s ease,background-color .2s ease}.dot.active{background:var(--clr-primary);transform:scale(1.2)}.arrow{width:44px;height:44px;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;z-index:2;background-color:#00000073;border-radius:999px;display:grid;place-items:center;box-shadow:0 8px 20px #00000040;-webkit-backdrop-filter:saturate(140%) blur(2px);backdrop-filter:saturate(140%) blur(2px);transition:background-color .2s ease,transform .15s ease,opacity .2s ease}.light .arrow{background-color:#00000059}.arrow:hover{background-color:#0009;transform:translateY(-50%) scale(1.05)}.arrow:active{transform:translateY(-50%) scale(.98)}.arrow--left{left:12px}.arrow--right{right:12px}.arrow--disabled{opacity:.5;pointer-events:none}.arrow{color:#fff}.arrow path,.arrow polyline{stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none}@media (min-width: 768px){.project-content{flex-direction:row;overflow-y:hidden}.image-slider{flex:0 0 60%;max-height:none}.project-info{flex:0 0 40%;overflow-y:auto}}.project_details_wrapper{height:100%}.project{height:100%;padding:2em;margin:0 auto;text-align:center;box-shadow:var(--shadow);transition:transform .2s linear;cursor:pointer;background-color:var(--clr-bg-alt);display:flex;flex-direction:column}.project__thumbnail{width:100%;height:200px;object-fit:cover;margin-bottom:1em}.project:hover{transform:translateY(-7px)}.project__description{margin-top:1em}.project__stack{display:flex;flex-wrap:wrap;justify-content:center;margin:1.2em 0}.project__stack-item{margin:.5em;font-weight:500;font-size:.8rem;color:var(--clr-fg-alt)}.project .link--icon{margin-left:.5em}.projects__grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));grid-gap:2em}.skills__list{max-width:450px;width:95%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}.skills__list-item{margin:.5em}.scroll-top{position:fixed;bottom:2em;right:4em;background-color:transparent}@media (max-width: 900px){.scroll-top{display:none}}.contact{flex-direction:column}.footer{padding:1em 0;margin-top:2em;text-align:center}.footer__link{font-size:.9rem;font-weight:600;color:var(--clr-fg)}@media (max-width: 600px){.footer{padding:2em;margin-top:1em}}.app{font-family:Poppins,sans-serif;line-height:1.5;color:var(--clr-fg);background-color:var(--clr-bg)}@supports (scrollbar-width: auto){html.light{scrollbar-width:thin;scrollbar-color:#999 #fcfcfc}html.dark{scrollbar-width:thin;scrollbar-color:#666 #23283e}}@supports selector(::-webkit-scrollbar){::-webkit-scrollbar{width:12px}html.light ::-webkit-scrollbar-track{background:#fcfcfc}html.light ::-webkit-scrollbar-thumb{background:#999;border-radius:6px}html.light ::-webkit-scrollbar-thumb:hover{background:#777}html.dark ::-webkit-scrollbar-track{background:#23283e}html.dark ::-webkit-scrollbar-thumb{background:#666;border-radius:6px}html.dark ::-webkit-scrollbar-thumb:hover{background:#888}}.light{--clr-bg: #fcfcfc;--clr-bg-alt: #fff;--clr-fg: #555;--clr-fg-alt: #444;--clr-primary: #2978b5;--shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px}.dark{--clr-bg: #23283e;--clr-bg-alt: #2a2f4c;--clr-fg: #bdbddd;--clr-fg-alt: #cdcdff;--clr-primary: #90a0d9;--shadow: rgba(0, 0, 0, .16) 0px 10px 36px 0px, rgba(0, 0, 0, .06) 0px 0px 0px 1px}main{max-width:1100px;width:95%;margin:0 auto}.section{margin-top:5em}.section__title{text-align:center;margin-bottom:1em;text-transform:uppercase}.center{display:flex;align-items:center}.link{color:var(--clr-primary);padding:0 0 .3em;position:relative}.link:hover{color:var(--clr-primary)}.link:before{content:"";display:inline;width:0%;height:.2em;position:absolute;bottom:0;background-color:var(--clr-primary);transition:width .2s ease-in}.link:hover:before,.link:focus:before{width:100%}.link--nav{color:var(--clr-fg);text-transform:lowercase;font-weight:500}.link--icon{color:var(--clr-fg)}.btn{display:block;cursor:pointer;padding:.8em 1.4em;font-weight:500;font-size:.9rem;transition:transform .2s ease-in-out}.btn--outline{color:var(--clr-primary);border:2px solid var(--clr-primary);position:relative;overflow:hidden;z-index:1}.btn--outline:hover,.btn--outline:focus{color:var(--clr-bg)}.btn--outline:before{content:"";position:absolute;background-color:var(--clr-primary);inset:0 100% 0 0;z-index:-1;transition:right .2s ease-in-out}.btn--outline:hover:before,.btn--outline:focus:before{right:0}.btn--plain{text-transform:initial;background-color:var(--clr-bg-alt);box-shadow:#00000026 0 3px 3px;border:0}.btn--plain:hover{transform:translateY(-4px)}.btn--icon{padding:0}.btn--icon:hover,.btn--icon:focus{color:var(--clr-primary)}.btn--icon:active{transform:translateY(-5px)}@media (max-width: 600px){.section{margin-top:4em}}*{padding:0;margin:0;border:0;outline:0;background-color:inherit;color:inherit;font-family:inherit;font-size:inherit;box-shadow:none;box-sizing:border-box}html{scroll-behavior:smooth}h1,h2,h3,h4{line-height:1.2;color:var(--clr-fg-alt)}h1{font-size:4rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.3rem}ul{list-style-type:none}a{text-decoration:none}button{cursor:pointer}@media (max-width: 900px){h1{font-size:2.6rem}}