@import url(https://fonts.googleapis.com/css2?family=Fira+Mono&family=Poppins:wght@100;400;700;900&display=swap);@import url(https://necolas.github.io/normalize.css/latest/normalize.css);:root{--secondary-glow:conic-gradient(from 10deg at 50% 50%,#e590a7 0deg,#ab88ad 55deg,#a5bcd8 120deg,#37a5ca 160deg,#0000 360deg);--third-glow:conic-gradient(from 90deg at 50% 50%,#f9a59c 0deg,#e07c90 160deg,#ebdda7 120deg,#ead7af 55deg,#0000 360deg)}body{font-family:Poppins,Avenir,sans-serif;font-size:16px;margin:0}h1{font-weight:900;line-height:1.5em}p{margin-block:0}a{color:#000;text-decoration:none}a.highlight{-webkit-text-decoration:underline #b2b4b9;text-decoration:underline #b2b4b9;-webkit-text-decoration:underline var(--gray);text-decoration:underline var(--gray);transition:all .4s}a.highlight:hover{-webkit-text-decoration:underline #000;text-decoration:underline #000}a.button>button{transition:all 1s}a.button>button:hover{-webkit-text-decoration:underline #fff;text-decoration:underline #fff}div.img,img{overflow:hidden}img{height:100%;width:100%}button{background-color:#000;border:0;color:#fff;font-size:1em;padding:1em}.button-block{background-image:linear-gradient(#b2b4b9,#fff);background-image:linear-gradient(var(--gray) 0,#fff 100%);background-position:0 100%;background-repeat:no-repeat;background-size:0 .1em;background-size:0 var(--line-width);display:inline-block;padding-bottom:.1em;padding-bottom:var(--line-width);text-align:center;transition:background-size .3s,background-position 0s .3s}.button-block:hover{background-position:100% 100%;background-size:100% .1em;background-size:100% var(--line-width)}.icons-container{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:5em 0 2em}.wrapper{min-height:90vh}footer{font-size:.9em;padding:6vh 0 1em;position:relative;text-align:center}.slide-in{background:#fff;height:100vh;left:0;position:fixed;top:0;transform-origin:bottom;width:100%;z-index:200}div.transition-icon{margin:40vh auto;text-align:center;width:30px}div.overflow-hidden{overflow:hidden}@media (max-width:680px){.icons-container{gap:1em 2.2em}}@media (min-width:681px){body{overflow:hidden}}.home{margin:0 auto;text-align:center}h1.home{animation:lineUp 2s ease-out}#home-nav-container{animation:showUp 6.5s ease-out;gap:1em 12em;height:3rem}#home-nav-container p{font-size:1.1em;padding:.5em 0 .2em}div.Typewriter{animation:showUp 1s ease-in}@keyframes lineUp{0%{opacity:0;transform:translateY(80%)}20%{opacity:0}50%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes showUp{0%{opacity:0;transform:translateY(40%)}90%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:translateY(0)}}@media (max-width:680px){h1.home{font-size:4em;text-transform:uppercase}#home-nav-container{gap:1em 2.2em}#home-nav-container p{font-size:.95em}div.content-mobile{padding:15vh 10vw 0}div.content{display:none}div.home{height:3em;line-height:1.8em;padding:2em}}@media (min-width:681px){div.content-mobile{display:none}h1.home{font-size:6em;padding:30vh 10vw .5em}div.home{align-items:center;display:flex;font-size:1.1em;justify-content:center;text-align:center;width:100%}div.home-line{align-items:center;display:inline-flex}.home p{animation:typing 5.4s steps(36),blink-caret .4s step-end 2s 7;border-right:.1em solid #0d101700;margin:0 auto;overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}40%{width:0}to{width:60ch}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--gray)}}}:root{--gray:#b2b4b9;--line-width:0.1em;margin:0}nav{position:absolute;z-index:600}#highlight{background-image:linear-gradient(#000,#fff);background-position:100% 100%;background-repeat:no-repeat;background-size:100% .1em;background-size:100% var(--line-width);display:inline-block;padding-bottom:.1em;padding-bottom:var(--line-width)}div.nav-list{align-items:center;display:flex;flex-direction:column;font-size:1.5em;gap:2em;justify-content:space-around;padding:30vh 0;text-transform:uppercase}img.icon{height:2em;transition:transform .4s cubic-bezier(.61,1,.88,1);width:2em}.button-block img:hover{transform:scale(1.2) translateY(-.1em)}@media (max-width:680px){.side-nav-container{display:none}.mobile-nav-bar{position:fixed;z-index:200}.mobile-nav-bar img.icon,.mobile-nav-page img.icon{padding:1rem;width:20px}.mobile-nav-page{background-color:#fff;height:100vh;position:fixed;width:100vw;z-index:100}}@media (min-width:681px){.side-nav-container{align-items:baseline;display:flex;flex-direction:column;gap:4em 1em;height:100vh;justify-content:center;padding:1.2em;position:absolute;width:8vw}.side-nav-container img.icon{height:1.5em;padding:.2em 0}.mobile-nav-bar,.mobile-nav-page{display:none}}.about:after,.about:before{content:"";opacity:.8;position:absolute;z-index:-1}.about:before{animation:animateBefore 8s cubic-bezier(.47,0,.745,.715) infinite;background:var(--third-glow);bottom:0;left:75vw;margin-right:-50vw}.about:after,.about:before{border-radius:50%;filter:blur(8vh);height:75vh;width:50vw}.about:after{animation:animateAfter 10s cubic-bezier(.47,0,.745,.715) infinite;background:var(--secondary-glow);left:0;top:0}@keyframes animateBefore{0%{transform:translateX(10vw) translateY(0)}50%{transform:translateX(0) translateY(20vw) scale(.8)}to{transform:translateX(10vw) translateY(0)}}@keyframes animateAfter{0%{transform:translateX(0) translateY(-10vh)}50%{transform:translateX(-15vw) translateY(0) scale(1.2)}to{transform:translateX(0) translateY(-10vh)}}.about{line-height:1.8em;margin:auto;max-width:75ch;padding:25vh 0 0;text-align:left;width:66%}.about>p{margin-bottom:1.5em}#contact-container{gap:1em 8em;height:4rem;padding:2em 0 .5em;position:relative;z-index:200}.smile{color:#0d10171a;font-weight:500;position:fixed}@media (max-width:680px){.about{padding:8em 2em 2em;width:75%}.smile{font-size:180px;right:-5vw;top:-5vh;transform:rotate(-30deg)}#contact-container{gap:1em 2.2em}}@media (min-width:681px){.smile{bottom:10vh;font-size:300px;right:5vw;transform:rotate(20deg);transition:font-size 2s,transform 2s}.smile:hover{font-size:320px;transform:rotate(-20deg)}}h1{font-size:3em}.research-description{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding:5vh 5vw;position:relative}.description{line-height:1.8em;max-width:60ch;padding:2em 0}a.button{font-size:.9em}img.photo,img.project,video.project{height:100%;object-fit:cover;transition:all .6s cubic-bezier(.61,1,.88,1);width:100%}img.photo:hover,img.project:hover{transform:scale(1.2)}img.photo#landscape,img.project#landscape{object-fit:contain;width:100%}.switch-container{align-items:center;display:flex;flex-direction:row;font-size:3rem;font-weight:100;height:4rem;justify-content:flex-end;margin:0;position:relative;z-index:0
    /*!*/}.switch-button>p{font-size:.8em;padding:0 .3em;transition:all .4s cubic-bezier(.61,1,.88,1)}.switch-button#left>p:hover{transform:translate(-.15em) scale(1.2)}.switch-button#right>p:hover{transform:translate(.15em) scale(1.2)}.EXIF{font-family:Fira Mono,Courier,monospace;line-height:2em}div.loading{padding:40vh 20vw;text-align:center;width:100%}@media (max-width:680px){h1{font-size:2em}.project>div.img{width:100vw}#research>div.img{max-height:66vh}.photo-description,.research-description{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding:5vh 10vw;position:relative}div.img{margin:0;padding:0}.switch-container{font-size:2rem;height:1em;margin-top:-2.5em;padding:0 10vw}.EXIF{margin:auto;text-align:center}#gallery-switch{display:flex;flex-direction:row;justify-content:space-between;margin-top:-4em}}@media (min-width:681px){.project{display:flex;flex-direction:row-reverse;height:calc(100vh - 4rem);justify-content:flex-start;margin-left:auto;margin-right:0;width:90vw}.project>.research-description{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;padding:20vh 5vw 0 6vw;width:37.5%}.project>.research-description h1{font-size:2.5em;width:150%}.project>.photo-description{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;padding:25vh 5vw 0 10vw;width:37.5%}.project>.img{width:62.5%}}@media (min-width:681px) and (max-width:720px){.project>.research-description{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;padding:16vh 5vw 0 6vw;width:50%}.project>.research-description h1{font-size:2.5em}.project>.img{width:50%}}
/*# sourceMappingURL=main.1c750e2e.css.map*/