@import "https://fonts.googleapis.com/css2?family=Inconsolata:wght@300;400;500;600&display=swap";header{height:auto;padding-top:3rem;overflow:hidden}.header__container{text-align:center;height:100%;position:relative}.cta{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.header__socials{flex-direction:column;align-items:center;gap:.8rem;display:flex;position:absolute;bottom:3rem;left:0}.header__socials:before,.header__socials:after{content:"";background:var(--color-primary);width:1px;height:2rem}.me{background:linear-gradient(var(--color-primary-variant), transparent);border-radius:16rem 16rem 0 0;width:min(24rem,100%);margin-top:2rem;margin-left:auto;margin-right:auto;padding:2rem 1.5rem 1.5rem;position:relative}.scroll__down{font-size:.9rem;font-weight:300;position:absolute;bottom:5rem;right:-2.3rem;transform:rotate(90deg)}@media screen and (max-width:600px){.header__socials,.scroll__down{display:none}.header__socials{flex-direction:row;justify-content:center;align-items:center;gap:.8rem;margin:1rem;display:flex;position:relative;top:0}.header__socials:before,.header__socials:after{content:"";background:0 0;width:0;height:0}.me{background:linear-gradient(var(--color-primary-variant), transparent);border-radius:50vw 50vw 0 0;width:min(20rem,100%);margin-top:1.5rem;padding:2rem 1.5rem 1.5rem}}nav{z-index:2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0000004d;border-radius:3rem;gap:.8rem;width:-webkit-max-content;width:max-content;padding:.7rem 1.7rem;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}nav a{color:var(--color-light);background:0 0;border-radius:50%;flex-direction:row;padding:.9rem;font-size:1.1rem;display:flex}nav a:hover{background:#0000004d}nav a.active{color:var(--color-primary-variant);background:#0000004d}@media screen and (max-width:600px){nav{gap:.25rem;max-width:calc(100% - 1rem);padding:.5rem}nav a{padding:.65rem}}.about__me{aspect-ratio:1;background:linear-gradient(45deg, transparent, var(--color-primary-variant), transparent);border-radius:2rem;place-items:center;width:100%;display:grid}.about__me-image{width:100%;transition:var(--transition);border-radius:2rem;overflow:hidden;transform:rotate(10deg)}.about__me-image:hover{transform:rotate(0)}.about__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.about__card{background:var(--color-bg);overflow-wrap:anywhere;text-align:center;transition:var(--transition);border:1px solid #0000;border-radius:1rem;padding:1rem}.about__card:hover{background:var(--color-primary-variant);cursor:defautlt}.about__icon{color:var(--color-white);margin-bottom:.5rem;font-size:1.4rem}.about__card h5{color:var(--color-white);font-size:.95rem}.about__card small{color:var(--color-light);font-size:.9rem}.about__content{margin:auto}.about__content p{color:var(--color-white);text-align:justify;margin:1rem 0 0}@media screen and (max-width:1024px){.about__container{grid-template-columns:1fr;gap:0}.about__me{width:50%;margin:2rem auto 4rem}.about_content{margin:1rem 0 1.5rem}}@media screen and (max-width:600px){.about__me{width:50%;margin:0 auto .5rem}.about__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}.about__content{text-align:left}.about__content p{margin:1rem 0 0;font-size:.9rem}}.experience__container{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.experience__container>div{background:var(--color-bg);min-width:0;transition:var(--transition);border:1px solid #0000;border-radius:1rem;padding:1.25rem}.experience__container>div:hover{border-color:var(--color-primary-variant)}.experience__container>div h3{text-align:center;color:var(--color-primary);margin-bottom:1rem}.experience__details{grid-template-columns:1rem minmax(0,1fr);gap:.75rem;margin-bottom:.75rem;line-height:1.35;display:grid}.experience__details small{display:block}.experience__details h4{margin-bottom:.2rem}.experience__details:last-child{margin-bottom:0}.experience__details-icon{width:1rem;color:var(--color-primary);margin-top:6px}@media screen and (max-width:768px){.experience__container{grid-template-columns:1fr}}.outreach__list{padding-left:1.5rem}.outreach:last-child{margin-bottom:0}.outreach{overflow-wrap:anywhere;margin-bottom:1rem;list-style:outside}.outreach__date{color:var(--color-light)}.outreach__title{color:var(--color-primary)}.outreach__description{color:var(--color-light);font-size:inherit;margin-top:.25rem}.outreach__container{font-size:.9rem}.container.projects__container{width:var(--container-width-lg);background:var(--color-bg);max-width:calc(100% - 2rem);transition:var(--transition);border:1px solid #0000;border-radius:1rem;flex-wrap:wrap;justify-content:flex-start;padding:1rem;display:flex}.projects__container:hover{border:1px solid var(--color-primary-variant)}.project__content{aspect-ratio:1;width:10rem}.project__content>h5{color:var(--color-bg);font-size:.7rem}.project-image{border-radius:.5rem;width:auto;height:60%;margin:.5rem;overflow:hidden}.project{background:var(--color-primary);border:1px solid var(--color-bg);border-radius:.5rem;margin:.25rem;padding:.25rem;display:block}.project:hover{background:var(--color-primary-variant)}@media screen and (max-width:1024px){.project__content{aspect-ratio:1;width:8rem}.container.projects__container{width:var(--container-width-md)}}@media screen and (max-width:600px){.container.projects__container{width:var(--container-width-ms)}}.back__button{width:100%;font-size:1.5rem}.project-slides{width:80%;position:relative;left:50%;transform:translate(-50%)}.container.inner__project-container{width:100%;min-width:0;margin:0;padding:.5rem max(.5rem,min(2vw,1.5rem))}.inner__project--snake .inner__project-image{margin:1.5rem 0}.inner__project--snake .inner__project-image img{height:auto}.inner__project>h4{color:var(--color-primary)}.inner__project>p{text-align:justify;margin:1rem auto}.project-slide>.inner__project-image img,.project-slide>.inner__project-video iframe{width:100%;height:20rem}.inner__project-image img,.inner__project-video iframe{width:100%}.inner__project--linc .inner__project-image img{height:auto}.inner__project--linc .inner__project-video iframe{aspect-ratio:16/9;height:auto}#lattice-img{width:100%;height:100%}.btn.btn-primary.btn-publication{margin:1rem auto;font-size:.8rem}.caption{color:var(--color-primary);margin-top:0}@media screen and (max-width:1024px){.project-slides{width:100%}}.publications__list{padding-left:1.5rem}.publication:last-child{margin-bottom:0}.publication{overflow-wrap:anywhere;margin-bottom:1rem;list-style:outside}.publication__year{color:var(--color-light)}.publication__authors{color:var(--color-light);font-size:inherit;margin-top:.25rem}.publication__link{font-style:italic;text-decoration:none}.publication__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.publications__container{font-size:.9rem}.container.contact__container{width:30rem;transition:var(--transition);gap:1%}.contact__options{flex-direction:column;gap:1.2rem;display:flex}.contact__option{background:var(--color-bg);text-align:center;transition:var(--transition);border:1px solid #0000;border-radius:1.2rem;margin:1rem;padding:1rem}.contact__option:hover{border-color:var(--color-primary-variant)}.contact__option-icon{margin-bottom:.5rem;font-size:1.5rem}.contact__option a{font-size:.8rem;display:inline-block}.btn.btn-primary.contact__btn{margin-top:.7rem}@media screen and (max-width:1024px){.container.contact__container{grid-template-columns:1fr;gap:2rem}}@media screen and (max-width:600px){.container.contact__container{width:var(--container-width-sm)}}footer{background:var(--color-primary);text-align:center;margin-top:3rem;padding:2rem 1rem 6rem;font-size:.9rem}footer a{color:var(--color-bg)}.permalinks{flex-wrap:wrap;justify-content:center;gap:1rem;margin:0 auto 1.5rem;display:flex}.footer__socials{justify-content:center;gap:1rem;margin-bottom:0;display:flex}.footer__socials a{background:var(--color-bg);color:var(--color-white);border:1px solid #0000;border-radius:.7rem;padding:.8rem;display:flex}*{box-sizing:border-box;border:0;outline:0;margin:0;padding:0;text-decoration:none;list-style:none}:root{--color-bg:#1b1b1b;--color-bg-variant:#e4e4de;--color-primary:#c4c5ba;--color-primary-variant:#595f39;--color-white:#fff;--color-light:#fff9;--transition:all .4s ease;--container-width-lg:58rem;--container-width-md:86%;--container-width-ms:90%;--swiper-navigation-color:var(--color-primary-variant);--swiper-pagination-color:var(--color-primary-variant);--swiper-pagination-bullet-size:8px;--swiper-pagination-bullet-width:8px;--swiper-pagination-bullet-height:8px;--swiper-pagination-bullet-inactive-color:#000;--swiper-pagination-bullet-inactive-opacity:.2;--swiper-pagination-bullet-opacity:1;--swiper-pagination-bullet-horizontal-gap:4px;--swiper-pagination-bullet-vertical-gap:6px}html{scroll-behavior:smooth}::webkit-scrollbar{display:none}body{background:var(--color-bg);color:var(--color-white);background-image:url(/static/image/bg-texture.80df99f15e.png);font-family:Inconsolata,monospace;line-height:1.7}.container{width:var(--container-width-lg);max-width:calc(100% - 2rem);margin:0 auto}.section-panel{background:var(--color-bg);transition:var(--transition);border:1px solid #0000;border-radius:1rem;padding:1.25rem}.section-panel:hover{border-color:var(--color-primary-variant)}p{font-size:.8rem}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:1.5rem}section{margin-top:4rem;scroll-margin-top:1.5rem}section>h2,h5{text-align:center;color:var(--color-light)}section>h2{color:var(--color-primary);margin-bottom:1.5rem}.text-light{color:var(--color-light)}a{color:var(--color-primary);transition:var(--transition)}a:hover{color:var(--color-primary-variant)}.btn{width:-webkit-max-content;width:max-content;color:var(--color-primary);cursor:pointer;border:1px solid var(--color-primary);transition:var(--transition);border-radius:.4rem;padding:.75rem 1.2rem;display:inline-block}.btn:hover{background:var(--color-primary-variant);color:var(--color-bg);border-color:#0000}.btn-primary{background:var(--color-primary);color:var(--color-bg)}img{object-fit:cover;width:100%;display:block}@media screen and (max-width:1024px){.container{width:var(--container-width-md)}section{margin-top:3rem}}@media screen and (max-width:600px){.container{width:var(--container-width-ms)}section>h2{margin-bottom:1rem}}