.about-page #header{padding:3.2em 0 2.4em}
.about-page #header .logo{margin:0;line-height:1.4}
.about-page #header nav ul{display:flex;align-items:center;gap:10px}
.about-page #header .university-logo{display:block;width:180px;height:auto}
[data-preview-theme="dark"] .about-page #header .university-logo{filter:brightness(0) invert(1)}
.about-page #main{padding-bottom:4em}
.about-page .profile-card{display:flex;align-items:center;gap:42px;padding:40px;background:#fff;border:1px solid #e0e7ee;border-radius:24px;box-shadow:0 12px 36px rgba(29,49,69,.04)}
.about-page .profile-portrait{width:190px;height:190px;flex:none;object-fit:cover;border-radius:50%}
.about-page .profile-details h1{font-size:36px;line-height:1.2;margin:0 0 12px}
.about-page .profile-role{color:#376b92;font-size:19px;font-weight:500;margin:0 0 18px}
.about-page .profile-affiliation{margin:0 0 14px}
.about-page .profile-address{color:#798b9b;font-size:14px;margin:0}
.about-page .laboratory-image{margin:28px 0 0;border-radius:24px;overflow:hidden;border:1px solid #e0e7ee}
.about-page .laboratory-image img{display:block;width:100%;height:auto}
.about-page #footer h2{font-size:21px}
[data-preview-theme="dark"] .about-page .profile-card{background:#19232f;border-color:#2c3b4b;box-shadow:0 12px 36px rgba(0,0,0,.12)}
[data-preview-theme="dark"] .about-page .profile-role{color:#94c4e6}
[data-preview-theme="dark"] .about-page .profile-address{color:#8fa3b7}
[data-preview-theme="dark"] .about-page .laboratory-image{border-color:#2c3b4b}
@media(max-width:600px){
 .about-page #header{padding:6em 0 2em}
 .about-page #header .university-logo{width:140px}
 .about-page .profile-card{flex-direction:column;text-align:center;gap:24px;padding:28px 22px}
 .about-page .profile-portrait{width:150px;height:150px}
 .about-page .profile-details h1{font-size:28px}
 .about-page .profile-role{font-size:17px}
 .about-page #main{padding-bottom:2.5em}
}