body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{color:#2f2c2e}.main-content{min-height:100vh;overflow-y:auto;position:relative}.main-content:before{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:#fbfbfb1a;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.background{left:0;position:absolute;top:0;width:100vw;z-index:-1}.background .vector{left:0;position:fixed;width:100vw}.background .vector:first-child{top:10vh}.background .vector:last-child{top:65vh}.background .miniflower,.background .miniminiflower{position:fixed;transition:transform .5s ease-in-out;z-index:2}.sidebar{align-items:flex-start;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:4vh 2vw;position:relative;width:15vw;z-index:10}.sidebar .sidebar-content{display:flex;flex-direction:column;gap:3vh;height:100%;width:100%}.sidebar .sidebar-intro{display:flex;flex-direction:column;gap:1.5vh}.sidebar .sidebar-description{color:#353535;font-family:nitti-grotesk-light,sans-serif;font-size:.9vw;font-weight:500;line-height:1.4;margin:0}.sidebar .sidebar-contact{border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:1vh;padding:2vh 0}.sidebar .sidebar-navigation{display:flex;flex:1 1;flex-direction:column;min-height:0}.sidebar .nav-menu ul{display:flex;flex-direction:column;gap:1.5vh;list-style:none;margin:0;padding:0}.sidebar .nav-menu li{margin:0}.sidebar .nav-menu a{color:#353535;display:block;font-family:nitti-grotesk,sans-serif;font-size:2vh;font-weight:600;padding:.5vh 0;text-decoration:none;transition:all .3s ease}.sidebar .nav-menu a:hover{color:#e071a7;transform:translateX(5px)}.sidebar .sidebar-footer{border-top:1px solid #e0e0e0;margin-top:auto;padding-top:2vh}.sidebar .sidebar-contact p a:hover{animation:blink-pink .5s ease forwards;color:#e071a7}.sidebar .sidebar-contact .email{font-size:.9vw}.sidebar .sidebar-contact .email,.sidebar .sidebar-contact .link{font-family:nitti-grotesk-light,sans-serif;font-style:normal;font-weight:500;margin:0}.sidebar .sidebar-contact .link{font-size:1.2vw}.sidebar .sidebar-contact .link-cv{font-family:nitti-grotesk,sans-serif;font-size:1vw;font-style:normal;font-weight:700;margin:0}.sidebar .lastupdated{color:#a2a2a2;font-family:nitti-grotesk-light,sans-serif;font-size:1.4vh;font-style:normal;font-weight:500;margin:9vh 0 0}.sidebar .sidebar-contact p a,.sidebar .sidebar-description a{color:inherit;text-decoration:none}.sidebar .sidebar-description a:hover{animation:blink-pink .5s ease forwards;color:#e071a7}.section{margin-left:12vw;padding:2vh 0}.section:first-child{align-items:center;display:flex;min-height:100vh}.section:last-child{padding-bottom:10vh;padding-top:5vh}.main-section{margin-left:0;min-height:100vh;padding:0}.content-wrapper{display:flex;min-height:100vh}.profile-sidebar{align-items:flex-start;display:flex;height:100vh;justify-content:flex-start;position:-webkit-sticky;position:sticky;top:0;width:15vw}.main-content-area{flex:1 1;margin-left:2vw;margin-right:5vw;padding:5vh 0;position:relative;z-index:1}.publications-section{margin-top:3vh}.research-container{align-items:center;display:flex;font-family:nitti-grotesk,sans-serif;gap:2vw;padding-left:.5vw}.research-image-container{border-radius:8px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:16vh;overflow:hidden;position:relative;transition:all .3s ease;width:14vw}.research-image-container:after{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);background:#ffffff1a;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.research-image-container:hover:after{opacity:1}.research-image-container:hover{box-shadow:0 4px 15px #e071a733;transform:translateY(-4px)}.research-image{height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.research-image-container:hover .research-image{transform:scale(1.05)}.research-container .desc p{margin-bottom:.5vh;margin-top:0}.research-container .desc p:first-child{color:#6c6c6c;font-family:nitti-grotesk-light,sans-serif;font-size:1.7vh;font-weight:500}.research-container .desc p:nth-child(2){color:#353535;font-family:nitti-grotesk,sans-serif;font-size:2.1vh;font-weight:600;letter-spacing:0}.research-container .desc p:nth-child(3){color:#484848;font-family:nitti-grotesk,sans-serif;font-size:1.7vh;font-weight:400}.menu{color:#e071a7;display:flex;flex-direction:column;gap:.5vh;margin-top:.5vh;position:relative}.menu img{height:1.2vw;width:auto}.menu span{font-family:nitti-grotesk-light,sans-serif;font-size:.8vw;font-style:normal}.menu a{color:inherit;font-weight:600;text-decoration:none}.menu a:hover{animation:blink-lightpink .5s ease forwards;color:#ccb2bf}.research-label{border:none;border-radius:12px;cursor:default;display:inline-block;font-family:nitti-grotesk,sans-serif;font-size:.8vw;font-weight:600;padding:.2vh .8vw;text-transform:lowercase;transition:all .3s ease}.research-label.hci{background-color:#c186a2;color:#fff}.research-label.ml{background-color:#ba99aa;color:#fff}.research-label.cv{background-color:#a68ba5;color:#fff}.research-label.cl{background-color:#c4a7b3;color:#fff}.research-label.od{background-color:#9d8a9c;color:#fff}.research-label.ac{background-color:#b5a2b8;color:#fff}.research-label.creativity{background-color:#a290c3;color:#fff}.research-label.education,.research-label.healthcare{background-color:#99ac90;color:#fff}.research-label.default{background-color:#9e9e9e;color:#fff}.labels-container{display:flex;flex-wrap:wrap;gap:.3vw;margin-bottom:.3vh}.actions-container{display:flex;gap:.5vw}.action-button{border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-family:nitti-grotesk,sans-serif;font-size:.8vw;font-weight:600;padding:.2vh .8vw;text-decoration:none;text-transform:lowercase;transition:all .3s ease}.action-button.paper,.action-button.website{background-color:#f0e5eb;color:#e071a7}.action-button:hover{box-shadow:0 2px 8px #e071a74d;transform:translateY(-1px)}.filter-buttons{display:flex;flex-wrap:wrap;gap:1vw}.filter-button{background-color:initial;border:2px solid #e071a7;border-radius:20px;color:#e071a7;cursor:pointer;display:inline-block;font-family:nitti-grotesk,sans-serif;font-size:.9vw;font-weight:600;padding:.3vh 1vw;transition:all .3s ease}.filter-button:hover{transform:translateY(-1px)}.filter-button.active,.filter-button:hover{background-color:#e071a7;color:#fff}.filter-button[data-filter=all]{border-color:#2f2c2e;color:#2f2c2e}.filter-button[data-filter=all].active,.filter-button[data-filter=all]:hover{background-color:#2f2c2e;color:#fff}.filter-button[data-filter=hci]{border-color:#c96d9a;color:#c96d9a}.filter-button[data-filter=hci].active,.filter-button[data-filter=hci]:hover{background-color:#c96d9a;color:#fff}.filter-button[data-filter=ml]{border-color:#ba99aa;color:#ba99aa}.filter-button[data-filter=ml].active,.filter-button[data-filter=ml]:hover{background-color:#ba99aa;color:#fff}.publications-section{display:flex;flex-direction:column;gap:2vh;padding-left:0;padding-right:0}.main-content-area .publications-section{padding-left:0;padding-right:5vw}.publications-section p{font-family:nitti-grotesk-light,sans-serif;font-size:2.4vh;font-style:normal;font-weight:500}.profile{padding:0 17vw 0 0}.profile .text-section .intro{display:flex;flex-direction:column;gap:1vh}.profile .text-section .intro p{color:#353535;font-family:nitti-grotesk-light,sans-serif;font-size:2.2vh;font-style:normal;font-weight:400;line-height:1.2;margin:0}.profile .text-section .contact-section{margin-top:2vh}.profile .contact-row{flex-wrap:wrap;gap:.1vw}.profile .contact-item,.profile .contact-row{align-items:center;display:flex}.profile .email-item a{border-radius:20px;color:#353535;font-family:nitti-grotesk-light,sans-serif;font-size:1.9vh;font-style:normal;font-weight:500;padding:.5vh .5vw;text-decoration:none;transition:all .3s ease}.profile .email-item a:hover{background-color:#e071a7;color:#fff}.profile .cv-item a{border-radius:20px;color:#353535;font-family:nitti-grotesk,sans-serif;font-size:2.3vh;font-weight:700;padding:.5vh .5vw;text-decoration:none;transition:all .3s ease}.profile .cv-item a:hover{background-color:#353535;color:#fff}.profile .social-links{display:flex;gap:.7vw;margin:0 .5vw}.profile .social-links a{color:#353535;font-size:2vh;transition:all .3s ease}.profile .social-links a:hover{color:#e071a7;transform:translateY(-2px)}.profile .content-layout{align-items:flex-start;display:flex;gap:3vw}.profile .image-section{flex-shrink:0}.profile .profile-image{border-radius:50%;box-shadow:0 2px 8px #0000001a;height:auto;width:12vw}.profile .text-section{display:flex;flex:1 1;flex-direction:column}.profile .text-section .name-tag{margin-bottom:1vh}.profile .name-tag .name{font-family:nitti-grotesk,sans-serif;font-size:2.5vw;font-style:normal;font-weight:700;margin:0}.profile .name-tag .position{font-family:nitti-grotesk-light,sans-serif;font-size:1.2vw;font-style:normal;font-weight:300;margin-top:0}.publications-section .subresearch{display:flex;flex-direction:column;gap:3vh}.publications-section .publication{color:#353535;font-family:nitti-grotesk,sans-serif;font-size:2.8vh;font-style:italic;font-weight:700;margin:0;padding:0;transition:all .3s ease}.publications-section .subtitle{color:#ffc9e3;font-family:nitti-grotesk-light,sans-serif;font-weight:500}.publications-section button{background-color:inherit;border:none;cursor:pointer;outline:none}.main-content-area p .exp-bold{font-weight:700}.main-content-area p .exp-bold,.main-content-area p .exp-semibold{font-family:nitti-grotesk,sans-serif;font-size:inherit;font-style:normal}.main-content-area p .exp-semibold{font-weight:600}.main-content-area p .exp-italic{font-family:nitti-grotesk-light,sans-serif;font-size:inherit;font-style:italic;font-weight:500}.main-content-area p .exp-boltalic{font-family:nitti-grotesk,sans-serif;font-size:inherit;font-style:italic;font-weight:700}.main-content-area p .exp-semiboltalic{font-family:nitti-grotesk,sans-serif;font-size:inherit;font-style:italic;font-weight:600}.main-content-area p .exp-under{font-family:nitti-grotesk-light,sans-serif;font-size:inherit;font-style:normal;font-weight:500;text-decoration:underline}.main-content-area p a{color:inherit;text-decoration:none}.main-content-area p a:hover,.main-content-area p button:hover,.publications-section .publication:hover{animation:blink-pink .5s ease forwards;color:#e071a7}@media (max-width:768px){.section{margin-left:5vw;padding:2vh 0}.section:first-child{align-items:center;display:flex;min-height:100vh}.section:last-child{padding-bottom:5vh;padding-top:3vh}.main-section{margin-left:0;padding:0}.content-wrapper{display:block}.profile-sidebar{display:none}.main-content-area{margin:0;padding:2vh 5vw;position:relative;z-index:1}.main-content-area:before{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fbfbfb1a;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.publications-section{margin-top:3vh}.background .vector{left:0;position:fixed;width:100vw}.background .vector:first-child{top:10vh}.background .vector:last-child{top:65vh}.background .miniflower,.background .miniminiflower{position:fixed;transition:transform .5s ease-in-out;z-index:2}.profile{display:flex;flex-direction:column;gap:4vh;padding-left:0;padding-right:0}.profile .content-layout{align-items:center;flex-direction:column;gap:3vh}.profile .image-section{text-align:center}.profile .profile-image{width:35vw}.profile .text-section{gap:2vh;text-align:center}.profile .contact-row{align-items:center;flex-direction:column;gap:1vw}.profile .cv-item a,.profile .email-item a{font-size:3.5vw;padding:1vh 4vw}.profile .social-links{gap:4vw}.profile .social-links a{font-size:5vw}.main-content-area .profile{padding-left:0;padding-right:0}.mobile-profile{align-items:center;display:flex;gap:5vw}.profile p{font-family:nitti-grotesk-light,sans-serif;font-size:4.2vw;font-style:normal;font-weight:500}.profile .description{padding-left:1vw;padding-right:4vw}.mobile-profile .intro .name{font-family:nitti-grotesk,sans-serif;font-size:9.5vw;font-style:normal;font-weight:700;margin-bottom:0;margin-top:1vh}.mobile-profile .intro .position{font-family:nitti-grotesk-light,sans-serif;font-size:3vw;font-style:normal;font-weight:500;margin-bottom:2vh;margin-top:0}.mobile-profile .flowerimg{height:auto;width:35vw}.mobile-profile .intro .email{font-size:1vw;margin-bottom:1vh;margin-top:1vh}.mobile-profile .intro .email,.mobile-profile .intro .link{font-family:nitti-grotesk-light,sans-serif;font-style:normal;font-weight:500}.mobile-profile .intro .link{font-size:4vw;margin-bottom:.5vh;margin-top:.5vh}.mobile-profile .intro .link-cv{font-family:nitti-grotesk,sans-serif;font-size:4vw;font-style:normal;font-weight:700;margin-bottom:0;margin-top:1vh}.mobile-profile .intro p a{color:inherit;text-decoration:none}.mobile-profile .intro p a:hover{animation:blink-pink .5s ease forwards;color:#e071a7}.profile .publication p button{font-family:nitti-grotesk,sans-serif;font-size:4vw;font-style:normal;font-weight:700;padding:0;transition:all .3s ease}.research-container{align-items:center;display:flex;flex-direction:column;gap:1vh;padding-left:1vw;padding-right:5vw}.research-image-container{border-radius:12px;height:20vh;width:80vw}.research-image{object-fit:cover}.research-container .desc{padding-left:4vw;padding-right:4vw}.research-container .desc p{margin-bottom:.5vh;margin-top:0}.research-container .desc p:first-child{font-family:nitti-grotesk,sans-serif;font-size:2.5vw;text-align:center}.research-container .desc p:nth-child(2){font-size:3.5vw;font-weight:700;text-align:center}.research-container .desc p:nth-child(3){font-size:3vw;text-align:center}.supple{color:#e071a7;font-family:nitti-grotesk-light,sans-serif;font-size:2.5vw;font-style:normal;font-weight:500}.supple:hover{animation:blink-lightpink .5s ease forwards;color:#ccb2bf}.profile .publication{font-family:nitti-grotesk,sans-serif;font-size:5vw;font-style:normal;font-weight:700;margin:0}.profile .subtitle{font-family:nitti-grotesk-light,sans-serif;font-size:2.9vw;font-style:normal;font-weight:500;margin-top:0}.profile .subresearch{display:flex;flex-direction:column;gap:5vh}.profile button{background-color:inherit;border:none;cursor:pointer;outline:none}.main-content-area p .exp-bold,.main-content-area p .exp-semibold{font-family:nitti-grotesk,sans-serif;font-size:inherit;font-style:normal;font-weight:700}.main-content-area p .exp-italic{font-family:nitti-grotesk-light,sans-serif;font-size:inherit;font-style:normal;font-weight:500}.main-content-area p .exp-boltalic,.main-content-area p .exp-semiboltalic{font-family:nitti-grotesk,sans-serif;font-size:inherit;font-style:normal;font-weight:700}.main-content-area p .exp-under{font-family:nitti-grotesk-light,sans-serif;font-size:inherit;font-style:normal;font-weight:500;text-decoration:underline}.main-content-area p a{color:inherit;text-decoration:none}.main-content-area p a:hover,.main-content-area p button:hover{animation:blink-pink .5s ease forwards;color:#e071a7}.research-label{border-radius:15px;font-size:2.5vw;padding:.5vh 3vw}.labels-container{gap:1vw;margin-bottom:1vh}.actions-container{gap:2vw}.action-button{border-radius:15px;font-size:2.5vw;padding:.5vh 3vw}.filter-buttons{gap:2vw}.filter-button{border:2px solid #e071a7;border-radius:25px;font-size:3vw;padding:1vh 4vw}.filter-button[data-filter=all]{border-color:#2f2c2e;color:#2f2c2e}.filter-button[data-filter=all].active,.filter-button[data-filter=all]:hover{background-color:#2f2c2e;color:#fff}.filter-button[data-filter=hci]{border-color:#c96d9a;color:#c96d9a}.filter-button[data-filter=hci].active,.filter-button[data-filter=hci]:hover{background-color:#c96d9a;color:#fff}.filter-button[data-filter=ml]{border-color:#ba99aa;color:#ba99aa}.filter-button[data-filter=ml].active,.filter-button[data-filter=ml]:hover{background-color:#ba99aa;color:#fff}}.misc-section{padding:0 5vw 0 0}.misc-header{margin-bottom:3vh}.misc-title{color:#353535;font-family:nitti-grotesk,sans-serif;font-size:3vh;font-style:italic;font-weight:700;margin:0;transition:all .3s ease}.misc-title:hover{animation:blink-pink .5s ease forwards;color:#e071a7}.misc-subtitle{color:#6c6c6c;font-family:nitti-grotesk-light,sans-serif;font-size:2vh;font-style:italic;font-weight:400;margin:.5vh 0 0}.gallery-filters{display:flex;flex-wrap:wrap;gap:1vw;margin-bottom:3vh}.gallery-filter-button{background-color:initial;border:2px solid #2f2c2e;border-radius:20px;color:#2f2c2e;cursor:pointer;display:inline-block;font-family:nitti-grotesk,sans-serif;font-size:1.8vh;font-weight:600;padding:.3vh 1vw;transition:all .3s ease}.gallery-filter-button:hover{transform:translateY(-1px)}.gallery-filter-button.active,.gallery-filter-button:hover{background-color:#2f2c2e;color:#fff}.gallery-grid{display:flex;flex-wrap:wrap;gap:2vw;margin-top:2vh}.gallery-item{display:flex;flex-basis:calc(33.333% - 1.4vw);flex-direction:column;flex-grow:0;flex-shrink:0;transition:all .3s ease}.gallery-item:hover{box-shadow:0 8px 25px #e071a733;transform:translateY(-5px)}.gallery-image-container{border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:250px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.gallery-image-container:hover{box-shadow:0 4px 15px #e071a733;transform:translateY(-2px)}.gallery-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-image-container:hover .gallery-image{transform:scale(1.05)}.gallery-description{padding:1.5vh .5vw 0}.gallery-description h3{color:#353535;font-family:nitti-grotesk,sans-serif;font-size:2vh;font-weight:600;line-height:1.2;margin:0 0 .5vh}.gallery-description p{color:#6c6c6c;font-family:nitti-grotesk-light,sans-serif;font-size:2vh;font-weight:500;line-height:1.3;margin:0}.gallery-modal{align-items:center;animation:fadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.gallery-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.gallery-modal-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2vw;height:3vw;justify-content:center;position:absolute;right:1vw;top:1vh;transition:background .3s ease;width:3vw;z-index:1001}.gallery-modal-close:hover{background:#e071a7cc}.gallery-modal-image{height:auto;max-height:70vh;object-fit:contain;width:100%}.gallery-modal-info{background:#fff;padding:2vh 2vw}.gallery-modal-info h3{color:#353535;font-family:nitti-grotesk,sans-serif;font-size:1.3vw;font-weight:600;margin:0 0 1vh}.gallery-modal-info p{color:#6c6c6c;font-family:nitti-grotesk-light,sans-serif;font-size:1vw;font-weight:400;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.misc-section{padding:0 5vw}.misc-title{font-size:5vw}.misc-subtitle{font-size:3vw}.gallery-filters{gap:2vw}.gallery-filter-button{border-radius:25px;font-size:3vw;padding:1vh 4vw}.gallery-grid{display:flex;flex-wrap:wrap;gap:4vw}.gallery-item{flex-basis:calc(50% - 2vw);flex-grow:0;flex-shrink:0}.gallery-image-container{height:200px}.gallery-description h3{font-size:3.5vw}.gallery-description p{font-size:2.8vw}.gallery-modal-close{font-size:6vw;height:10vw;right:2vw;top:2vh;width:10vw}.gallery-modal-info h3{font-size:4.5vw}.gallery-modal-info p{font-size:3.5vw}.gallery-modal-info{padding:3vh 5vw}}@keyframes blink-pink{0%{color:#000}50%{color:#e071a7ce}to{color:#e071a7}}@keyframes blink-lightpink{0%{color:#e071a7}50%{color:#ccb2bf}to{color:#ccb2bf}}
/*# sourceMappingURL=main.2dd2cb96.css.map*/