/* Contact cards: readable typography, generous actions and a portrait-first mobile layout. */
.profile-shell{max-width:840px}
.profile-shell .identity-card{grid-template-columns:43% 57%;min-height:360px}
.profile-shell .portrait-wrap{height:360px;min-height:0;position:relative}
.profile-shell .portrait{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
.profile-shell .portrait.portrait-pablo{transform:scale(2.15);transform-origin:50% 80%}
.profile-shell .portrait.initials{position:static;height:100%;min-height:0}
.profile-shell .identity-copy{padding:34px}
.profile-shell .identity-label{font-size:11px;letter-spacing:1.8px;color:#bdbdbd}
.profile-shell .identity-copy h1{font-size:48px;line-height:1.08;letter-spacing:-1.8px;margin:15px 0 19px}
.profile-shell .role{font-size:17px;line-height:1.55;color:#ccc;margin-bottom:10px}
.profile-shell .company{font-size:16px;line-height:1.5}
.profile-shell .actions{gap:12px;margin:25px 0}
.profile-shell .button{font-size:16px;min-height:58px;padding:17px 23px;gap:12px;white-space:normal}
.profile-shell .social-links{gap:23px;margin:28px 0}
.profile-shell .social{width:65px;font-size:12px;gap:9px;line-height:1.5;color:#bbb}
.profile-shell .social b,.profile-shell .social svg{width:58px;height:58px}
.profile-shell .eyebrow{font-size:11px;letter-spacing:1.8px;color:#b5b5b5}
.profile-shell .card-number{font-size:10px}
.profile-shell .about{padding-bottom:26px}
.profile-shell .about p{font-size:17px;line-height:1.8;margin-top:13px;color:#d2d2d2}
.profile-shell .contact-section{padding-top:24px}
.profile-shell .contact-row{min-height:94px;gap:16px}
.profile-shell .contact-row small{font-size:12px;color:#aaa}
.profile-shell .contact-row strong{font-size:17px;line-height:1.5}
.profile-shell .contact-icon{font-size:26px}
.profile-shell .profile-bottom{font-size:12px;padding:24px 5px;flex-wrap:wrap}
.profile-shell .share-button{font-size:13px;min-height:44px}
@media(max-width:600px){
 .profile-shell{padding:0 18px;margin-top:22px}
 .profile-shell .card-topline{margin-bottom:16px;gap:10px}
 .profile-shell .card-topline .eyebrow{font-size:9px;letter-spacing:1.3px}
 .profile-shell .card-number{font-size:9px;letter-spacing:.8px}
 .profile-shell .identity-card{display:grid;grid-template-columns:1fr;min-height:0;border-radius:21px}
 .profile-shell .portrait-wrap{height:260px;min-height:0}
 .profile-shell .identity-copy{padding:24px}
 .profile-shell .identity-copy h1{font-size:36px;letter-spacing:-1.2px;margin:12px 0 14px}
 .profile-shell .identity-label{font-size:10px}
 .profile-shell .role{font-size:16px;line-height:1.55;margin-bottom:8px}
 .profile-shell .company{font-size:15px}
 .profile-shell .actions{display:flex;flex-direction:column;gap:11px;margin:20px 0 25px}
 .profile-shell .actions .button{width:100%;font-size:16px;min-height:58px;padding:16px 20px}
 .profile-shell .social-links{gap:20px;margin:25px 0}
 .profile-shell .social{font-size:12px;width:62px}
 .profile-shell .eyebrow{font-size:10px;letter-spacing:1.5px}
 .profile-shell .about p{font-size:16px;line-height:1.8}
 .profile-shell .contact-row{grid-template-columns:28px minmax(0,1fr) 12px;gap:12px;min-height:90px}
 .profile-shell .contact-row strong{font-size:16px}
 .profile-shell .contact-row small{font-size:12px}
 .profile-shell .profile-bottom{font-size:11px;gap:8px}
 .profile-shell .share-button{font-size:13px}
}
