:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#ffb95d;-webkit-text-decoration:inherit;text-decoration:inherit;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif}b{font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif}a:hover{color:#e4a551}.new-page{font-family:proxima_nova_rgregular,Helvetica,Arial,sans-serif}@font-face{font-family:proxima_nova_rgregular;src:url(https://litmus.com/fonts/Emails/proximanova-regular-webfont.eot);src:url(https://litmus.com/fonts/Emails/proximanova-regular-webfont.eot?#iefix)format("embedded-opentype"),url(https://litmus.com/fonts/Emails/proximanova-regular-webfont.woff)format("woff"),url(https://litmus.com/fonts/Emails/proximanova-regular-webfont.ttf)format("truetype"),url(https://litmus.com/fonts/Emails/proximanova-regular-webfont.svg#proxima_nova_rgregular)format("svg");font-weight:400;font-style:normal}@font-face{font-family:proxima_nova_rgbold;src:url(https://litmus.com/fonts/Emails/proximanova-bold-webfont.eot);src:url(https://litmus.com/fonts/Emails/proximanova-bold-webfont.eot?#iefix)format("embedded-opentype"),url(https://litmus.com/fonts/Emails/proximanova-bold-webfont.woff)format("woff"),url(https://litmus.com/fonts/Emails/proximanova-bold-webfont.ttf)format("truetype"),url(https://litmus.com/fonts/Emails/proximanova-bold-webfont.svg#proxima_nova_rgbold)format("svg");font-weight:400;font-style:normal}*{box-sizing:border-box}body{margin:0;font-family:proxima_nova_rgregular,Helvetica,Arial,sans-serif}h1{font-size:3.2em;line-height:1.1}#app{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.container.light{color:#000;background-color:#fff;justify-content:center;width:100%;height:100%;min-height:100vh;display:flex}.container.dark{color:#fff;background-color:#21252a;justify-content:center;max-width:100%;height:100%;min-height:100vh;display:flex}.column{width:100%;max-width:900px;padding:20px}::selection{background-color:#ebc356c3}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#fddd76}button{background-color:#f9f9f9}}.horizontal-navbar{opacity:.9;z-index:100;background-color:#21252a;justify-content:center;align-items:center;width:100%;padding:7px 0;font-size:17px;display:flex;position:fixed}.horizontal-navbar.light{background-color:#e6e4e464}.horizontal-navbar.dark{background-color:#12151742}.horizontal-navbar ul{margin:0;padding:0;list-style-type:none;display:flex}.horizontal-navbar li{float:left}.horizontal-navbar a{color:#fff;text-align:center;padding:14px 16px;text-decoration:none;display:block}.horizontal-navbar.light a{color:#333}.horizontal-navbar.dark a{color:#fff}.horizontal-navbar a:hover{color:#ffca44}.center-nav{justify-content:space-between;width:100%;max-width:900px;padding:0 20px;display:flex}.nav-tabs{display:flex}.nav-buttons{align-items:center;gap:10px;display:flex}.nav-hamburger{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:34px;height:34px;display:none}.nav-hamburger span{background-color:#333;border-radius:2px;width:18px;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-hamburger.dark span{background-color:#fff}.nav-hamburger.open span:first-child{transform:translateY(6px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav-hamburger:focus-visible{outline-offset:2px;outline:2px solid #ffb95d}@media (width<=640px){.nav-hamburger{display:flex}.nav-tabs ul{background-color:#21252a;flex-direction:column;max-height:0;transition:max-height .25s;position:absolute;top:100%;left:0;right:0;overflow:hidden}.horizontal-navbar.light .nav-tabs ul{background-color:#f5f4f0}.horizontal-navbar.dark .nav-tabs ul{background-color:#1c1e21}.nav-tabs ul.open{max-height:300px}.nav-tabs li{float:none;width:100%}.horizontal-navbar a{text-align:left}}.light .theme-toggle{color:#333;background-color:#0000}.dark .theme-toggle{color:#fff;background-color:#0000}.theme-toggle{cursor:pointer;box-sizing:border-box;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:10px 15px;font-size:16px;transition:background-color .15s,box-shadow .15s;display:flex}.theme-toggle.light:hover{background-color:#0000000d;box-shadow:0 2px 10px #0000001f}.theme-toggle.dark:hover{background-color:#12151799;box-shadow:0 2px 10px #0006}.theme-toggle:focus-visible{outline-offset:2px;outline:2px solid #ffb95d}.horizontal-footer{opacity:.9;flex-wrap:wrap;justify-content:center;align-items:center;gap:35px;width:100%;padding:20px;font-size:17px;display:flex;overflow:hidden}.horizontal-footer.light{color:#000;background-color:#fff}.horizontal-footer.dark{color:#fff;background-color:#11161c}.title-intro{border-radius:20px;justify-content:space-between;align-items:center;width:100%;margin-top:85px;padding:24px 32px;display:flex}.title-intro.light{background-color:#e6e4e464}.title-intro.dark{background-color:#12151742}.title{font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;font-size:50px;font-weight:700}.intro{font-size:17px}.simple-navigation{flex-wrap:wrap;gap:5%;margin-top:14px;display:flex}.icon-text{justify-content:center;display:flex}.text-by-icon{margin-left:5px}.proj-title{margin-top:5%;margin-bottom:10px;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;font-size:35px;font-weight:700}.flex-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:1%;display:flex}.project-box.light{cursor:pointer;background-color:#fff;border-radius:23px;flex-direction:column;flex-basis:28%;justify-content:center;align-items:center;max-width:275px;margin-bottom:1%;padding:15px;display:flex}.project-box.light:hover{background-color:#faf7f7;transition-duration:.3s;transition-timing-function:ease-in-out}.project-box.dark{cursor:pointer;background-color:#21252a;border-radius:23px;flex-direction:column;flex-basis:28%;justify-content:center;align-items:center;max-width:275px;margin-bottom:1%;padding:15px;display:flex}.project-box.dark:hover{background-color:#17191c}.project-img{aspect-ratio:5/3;border:1px solid #21252a1f;border-radius:20px;width:250px;display:flex;overflow:hidden}.project-box.light .project-img{background-color:#f2f0ea}.project-box.dark .project-img{background-color:#2a2e33;border-color:#ffffff1a}.extra-description{color:#ffb95d;width:250px;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;font-size:14px}.project-description{width:250px;height:flex;margin-bottom:10px;font-size:14px}.project-title{width:250px;height:25px;margin-top:5px;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;font-size:18px}.image{object-fit:cover;width:100%;height:100%;display:block}.modal-overlay{background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-container.dark{background:#21252a;border-radius:15px;width:38%;height:65%;padding:35px;position:relative;overflow-y:auto;box-shadow:0 0 10px #0000004d}.modal-container.light{background:#fff;border-radius:15px;width:38%;height:65%;padding:35px;position:relative;overflow-y:auto;box-shadow:0 0 10px #0000004d}.modal-title{font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif}.image-slot{justify-content:center;display:flex}.project-img-modal{object-fit:cover;border:.2px solid #21252a46;border-radius:20px;width:90%;height:80%;margin-top:2%;display:flex;overflow:hidden}.image-modal{object-fit:cover;width:100%;margin-left:auto;margin-right:auto;display:block}.close-button{cursor:pointer;color:#ff00009d;background-color:#ff000052;border-radius:20px;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;display:flex;position:absolute;top:10px;right:10px}.close-button:hover{background-color:#ff00008a;transition-duration:50ms;transition-timing-function:ease-in-out}.technologies{flex-wrap:wrap;gap:5px;display:flex}.tech-box{border-radius:9px;justify-content:center;padding:4px 9px;font-size:13px;font-weight:600;display:flex}.light .tech-box{color:#1e1d1b;background-color:color-mix(in srgb, var(--tech-color) 16%, white);border:1px solid color-mix(in srgb, var(--tech-color) 32%, white)}.dark .tech-box{color:#eae8e3;background-color:color-mix(in srgb, var(--tech-color) 26%, #24272c);border:1px solid color-mix(in srgb, var(--tech-color) 42%, #24272c)}.project-links{cursor:pointer;background-color:#0000;border-radius:3px;margin-top:8px;margin-right:10px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}.project-links.light{color:#000;border:1px solid #000}.project-links.dark{color:#fff;border:1px solid #fff}.modal-open{overflow:hidden}.profile-pic-container{margin-left:35px}.profile-pic{object-fit:cover;border:none;border-radius:50%;width:190px;height:190px;overflow:hidden}@media screen and (width<=1200px){.title-intro{width:100%}}@media (width<=768px){.title-intro{text-align:center;flex-direction:column}.text-section{order:2}.profile-pic-container{order:1;margin-bottom:20px;margin-left:0}}.title-intro-research{width:80%;margin-top:85px}.title-research{font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;font-size:45px;font-weight:700}.intro-research{font-size:17px}.research-icon{align-items:center;gap:5%;width:140px;display:flex}.research-subtitle{margin-top:25px;margin-bottom:10px;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;font-size:32px}.research-subtitle2{margin-top:10px;margin-bottom:10px;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;font-size:22px;font-weight:700}.research-legend{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.research-legend-item{color:inherit;cursor:pointer;opacity:.65;background:0 0;border:1px solid #0000;border-radius:100px;align-items:center;gap:6px;padding:4px 12px;font-family:inherit;font-size:13px;transition:opacity .15s,background-color .15s,border-color .15s;display:flex}.research-legend-item:hover{opacity:1}.research-legend-item.active{opacity:1;background-color:#7f7f7f24;border-color:#7f7f7f40;font-weight:600}.research-legend-item:focus-visible{outline-offset:2px;outline:2px solid #ffb95d}.research-legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.research-empty{opacity:.6;padding:24px 0;font-size:15px}.research-box{flex-direction:column;width:100%;margin-bottom:26px;display:flex;position:relative}.highlight{width:8px;height:100%;position:absolute;top:0;left:0}.project-title-research{width:100%;margin-left:15px;padding:2px;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;font-size:18px}.research-names{opacity:.75;flex-wrap:wrap;margin-left:15px;padding:2px;font-size:14.5px;display:flex}.research-journal{opacity:.6;flex-wrap:wrap;margin-top:2px;margin-left:15px;padding:2px;font-size:14px;font-style:italic;display:flex}.research-links{cursor:pointer;background-color:#0000;border-radius:3px;margin-top:8px;margin-left:15px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}.research-links.light{color:#000;border:1px solid #000}.research-links.dark{color:#fff;border:1px solid #fff}.blog-empty{text-align:center;border-radius:20px;margin-top:32px;padding:48px 32px}.blog-empty.light{background-color:#e6e4e464}.blog-empty.dark{background-color:#12151742}.blog-empty-title{margin-bottom:10px;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;font-size:22px;font-weight:700}.blog-empty-body{opacity:.75;max-width:46ch;margin:0 auto;font-size:16px}.project-title-blog{width:100%;padding:2px;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;font-size:24px}.blog-box.light{cursor:pointer;background-color:#f9f8f8;border-radius:28px;flex-direction:column;flex-basis:100%;margin-bottom:1%;padding:8px 8px 8px 18px;display:flex}.blog-box.light:hover{background-color:#eeecec;transition-duration:.3s;transition-timing-function:ease-in-out}.blog-box.dark{cursor:pointer;background-color:#2c3036;border-radius:28px;flex-direction:column;flex-basis:100%;margin-bottom:1%;padding:8px 8px 8px 18px;display:flex}.blog-box.dark:hover{background-color:#17191c}.blog-date{margin-bottom:8px}.title-blog{font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;font-size:35px;font-weight:700}.title-intro-blog{width:80%;margin-top:85px;display:flex}.blog-description{margin-top:10px;font-family:proxima_nova_rgregular,Helvetica,Arial,sans-serif;font-size:18px}.container-toc{box-sizing:border-box;width:10%;height:100%;padding:10px;position:fixed;top:100px;left:10px}.sidebar{width:100%}.toc-title{margin-bottom:10px;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;font-size:large}.toc-list{padding:0;list-style-type:none}.toc-list li{margin-bottom:10px}.section-title{font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif}.oscar-image{max-width:75px;height:auto;margin:10px;display:block}