.professional-profile{background:#fff;scroll-margin-top:100px}
.profile-layout{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:58px;align-items:start}
.profile-portrait{margin:0;aspect-ratio:4/5;overflow:hidden;background:var(--paper);border:1px solid var(--line)}
.profile-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.profile-introduction h2{font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.08;margin:12px 0 18px}
.profile-designation{font-size:1.1rem;font-weight:700;margin:0 0 26px}
.profile-designation span{font-size:1rem;font-weight:400;color:var(--muted)}
.profile-credentials{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:28px;border-top:1px solid var(--line);margin-top:28px;padding-top:24px}
.profile-credentials h3,.profile-details h3{font-size:1.1rem;margin:0 0 12px}
.profile-credentials p{margin:0}
.profile-credentials ul,.profile-details ul{padding-left:20px;margin:0}
.profile-credentials li,.profile-details li{margin-bottom:10px}
.profile-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:58px;margin-top:42px;padding-top:34px;border-top:1px solid var(--line)}
.profile-details p{margin-top:0}
@media(max-width:850px){.profile-layout{grid-template-columns:minmax(0,1fr);gap:28px}.profile-portrait{width:min(100%,280px)}.profile-details{gap:28px}}
@media(max-width:600px){.profile-credentials,.profile-details{grid-template-columns:minmax(0,1fr)}.profile-credentials{gap:24px}.profile-details{margin-top:32px;padding-top:28px}.profile-portrait{width:min(100%,240px)}}