.contacts{max-width:28rem}.contacts .contacts-title{margin-bottom:.1rem;color:#222;font-size:1.125rem}.contacts .contacts-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.contacts .contact-card{display:flex;min-height:4.5rem;align-items:center;gap:.75rem;padding:.75rem;border:1px solid #edf0f2;border-radius:.75rem;background:#fff;color:#333;text-decoration:none;transition:box-shadow .2s,transform .2s}.contacts .contact-card:hover{box-shadow:0 .4rem 1rem rgba(30,50,70,.1);transform:translateY(-2px)}.contacts .contact-image{width:4.3rem;height:4.3rem;border-radius:.5rem;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.contacts .contact-name{flex:1;font-size:.95rem;font-weight:500}.contacts .contact-arrow{color:#9aa4ad;font-size:1.1rem}.image-preview{position:fixed;z-index:9999;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem;background:rgba(0,0,0,.78)}.image-preview .image-preview-content{max-width:90vw;max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:.5rem}