.person-card{display:flex;flex-direction:column;gap:20px;max-width:384px}.person-card__image{aspect-ratio:384/556;width:100%;border-radius:12px;overflow:hidden;position:relative}.person-card__image img{width:100%;height:100%;object-fit:cover}.person-card__image .person-bio{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(270deg,#fff 0,#8fb5ff 100%);display:flex;flex-direction:column;gap:24px;opacity:0;padding:24px;transition:opacity .3s ease-in-out}.person-card__image .person-bio__desc{flex:1 0 0;overflow-y:auto}.person-card__image .person-bio .social-links{display:flex;gap:8px;padding:0}.person-card__image .person-bio .social-links__item{display:block;width:34px;height:34px;flex:0 0 34px;color:#060f4b}.person-card:hover .person-bio{opacity:1}.person-card__info{display:flex;gap:20px;align-items:center}.person-card__info .company-logo{width:70px;height:70px;flex:0 0 70px;border-radius:4px;border:1px solid #e9ecf1;background:#fff;display:flex;justify-content:center;align-items:center;padding:8px}:where(.theme-dark) .person-card__info .company-logo{border-color:#f6f6f8}.person-card__info .company-logo img{width:100%;height:100%;object-fit:contain}.person-card__detail{display:flex;flex-direction:column;gap:4px;color:#060f4b}:where(.theme-dark) .person-card__detail{color:#fff}.person-card__detail .person-role{color:#000e8f}:where(.theme-dark) .person-card__detail .person-role{color:#cfd3fa}