.profile-wrapper { 
  display: flex; flex-wrap: wrap; 
  max-width: 1100px; overflow: hidden; 
  background: #D9D8D6; 
  margin: 40px auto; 
  border-radius: 8px; 
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.profile-left { 
  flex: 1 1 50%; position: relative;
  background-size: cover; 
  background-position: center; 
  min-height: 400px;
}
.profile-right { 
  flex: 1 1 50%; justify-content: space-between;
  display: flex; flex-direction: column; 
  padding: 30px; 
  background: #f9f9f8;
}
.profile-logo {
  position: absolute; 
  top: 30px; left: 50%;
  transform: translateX(-50%);
  background: #D9D8D6;
  padding: 10px; border-radius: 999px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2); 
}
.profile-social a {
  display: inline-block;
  margin-right: 12px;
}
.profile-social img {
  width: 32px; height: 32px;
  vertical-align: middle;
}
.profile-contact { 
  font-size: 14px; 
  margin-top: 20px; padding-top: 16px;
  border-top: 1px solid #f9f9f8; 
}
.profile-contact .line {
  display: flex;
  align-items: center; gap: 8px;
  margin: 4px 0;
}