.hero-card {
    position: relative;
    z-index: 2;
    background: rgba(255,255,255,.94);
    border-radius: 16px;
    padding: 20px 22px;
    width: 100%;
}

.hero-card .name {
font-family: 'Cormorant Garamond',Georgia,serif;
font-size: 1.5rem;
color: #3E53A2;
line-height: 1;
}
.hero-card .role {
font-size: .82rem;
color: #7F7F7F;
margin-top: .3rem;
}
.hero-card .tags {
display: flex;
gap: .4rem;
flex-wrap: wrap;
margin-top: .8rem;
}