*,*::before,*::after{box-sizing:border-box}img{max-width:100%;height:auto}body{background-color:#fcfcf2;color:#333;margin:0;padding:0;overflow-x:hidden;display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:'Arial',sans-serif;font-weight:400;font-style:normal}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:800px;margin:0 auto;padding:20px;background-color:#fcfcf2;box-shadow:0 0 10px rgba(0,0,0,0.1)}header{text-align:center;margin-bottom:20px;width:100%}.banner{width:100%;overflow:hidden}.banner-image{width:100%;height:auto}.profile-section{display:flex;align-items:center;justify-content:center;margin-top:0}.icon-group{display:flex;justify-content:space-between;flex:1;align-items:flex-end}.icon-group.left{margin-right:20px;margin-top:-25px}.icon-group.right{margin-left:20px;margin-top:-25px}.icon img{width:65%;height:auto;cursor:pointer}.icon{position:relative;display:inline-block}.play-pause-icon{position:absolute;bottom:0;left:-5px;width:20px;height:20px;background-size:cover}.play-pause-icon.play{background-image:url('images/play.svg')}.play-pause-icon.pause{background-image:url('images/pause.svg')}.icon::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:5px;border-radius:5px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s;pointer-events:none}.icon:hover::after{opacity:1;visibility:visible}.profile-photo{width:200px;height:200px;border-radius:50%;object-fit:cover;margin-top:-110px;border:5px solid #2e7d32}h1{margin:10px 0;color:#2e7d32}.research_vision{margin-bottom:20px}h2{color:#6f4c3e}.social-links{display:flex;justify-content:center;gap:20px;margin-top:10px}.social-link{display:flex;align-items:center;margin:0 10px}.social-link a{display:flex;align-items:center;text-decoration:none;color:inherit}.social-link svg{margin-right:8px}@media(max-width:600px){.container{padding:10px}.profile-photo{width:100px;height:100px;margin-top:-60px}footer img{width:25px;height:25px}.play-pause-icon{width:10px;height:10px}.icon-group.left{margin-right:10px;margin-top:-5px}.icon-group.right{margin-left:10px;margin-top:-5px}}@media(max-width:370px){.container{padding:5px;width:100%}.profile-photo{width:80px;height:80px;margin-top:-40px}.icon img{width:50%}.play-pause-icon{width:8px;height:8px}.icon-group.left,.icon-group.right{margin:5px}.navbar-link{font-size:16px;padding:5px 10px}.section-header img{width:100%;height:auto}.publication{padding:5px}.publication-links a{padding:3px 5px}.links a{padding:5px 10px}}.section-header{position:relative;text-align:center;margin:20px 0}.section-header img{width:100%;height:auto;display:block;margin:20px 0}.publications-list li{margin-bottom:15px}.publications-list strong{margin-bottom:5px}.publications-list em{font-style:italic}.publications-list a:hover{text-decoration:underline}.publications-list{display:flex;flex-wrap:wrap;gap:20px;list-style-type:none;padding:0;margin:0}.publication{display:flex;flex-direction:column;align-items:flex-start;background-color:#fcfcf2;border:1px solid #ddd;padding:10px;width:100%;box-shadow:0 2px 4px rgba(0,0,0,0.1);box-sizing:border-box}.publication-content{display:flex;flex-direction:column;align-items:flex-start;width:100%}.publication-reference{text-align:left;margin-bottom:0;flex:1}.publication-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.related-posts a{color:#2e7d32;text-decoration:none}.related-posts a:hover{text-decoration:underline}.related-posts{margin-top:20px;padding:10px;background-color:#fcfcf2}.related-posts h2{font-size:1.5em;margin-bottom:10px}.related-posts ul{list-style-type:none;padding:0;margin:0}.related-posts li{display:flex;flex-direction:column;align-items:flex-start;background-color:#fcfcf2;border:1px solid #ddd;padding:10px;border-radius:5px;margin-bottom:15px}.related-posts li p{margin:5px 0;color:#555}@media(min-width:768px){.publication-content{flex-direction:row;align-items:center;width:100%}.publication-reference{margin-right:20px;flex:1}.publication-links{flex-direction:row;align-items:center;justify-content:flex-start}}.publication-links a{display:inline-block;padding:5px 10px;background-color:#007bff;color:#fcfcf2;text-decoration:none;border-radius:5px;text-align:center}.publication-links a:hover{background-color:#0056b3}.abstract,.bibtex,.links{margin-top:20px}.abstract h2,.bibtex h2{color:#555}.bibtex pre{background-color:#f4f4f4;padding:10px;border:1px solid #ddd;overflow-x:auto;word-break:break-all;white-space:pre-wrap}.links a{display:inline-block;margin-right:10px;padding:10px 15px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px}.links a:hover{background-color:#0056b3}.navbar{text-align:center;margin-top:10px}.navbar-list{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:20px}.navbar-item{display:inline}.navbar-link{display:inline-block;padding:10px 15px;background-color:#fcfcf2;color:#6f4c3e;text-decoration:none;border-radius:5px;transition:background-color .3s ease;font-size:20px}.navbar-link:hover{background-color:#d4cbb3}.blog-posts article{background-color:#fcfcf2;border:1px solid #ddd;padding:10px;width:100%;box-shadow:0 2px 4px rgba(0,0,0,0.1);box-sizing:border-box}.reference-list ol{list-style-type:none;padding-left:0}.reference-list li{margin-bottom:10px}