
.infoCard.profileMode{
  width:min(980px,94vw);
  padding:clamp(22px,3vw,30px);
}
.genericView[hidden],
.profileView[hidden]{display:none!important}

.profileView{
  display:grid;
  grid-template-columns:minmax(230px,285px) minmax(0,1fr);
  gap:clamp(24px,3.6vw,42px);
  align-items:stretch;
}
.profilePhoto{
  position:relative;
  min-height:390px;
  border-radius:22px;
  overflow:hidden;
  background:#0f1110;
  border:1px solid rgba(255,255,255,.08);
}
.profilePhoto img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 20%;
}
.profilePhoto::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 54%,rgba(0,0,0,.18) 100%);
  pointer-events:none;
}
.profileCopy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.profileTitle{
  margin:0 0 18px;
  font-size:clamp(36px,6vw,68px);
  line-height:.96;
  letter-spacing:-.05em;
  font-weight:820;
}
.profileBody{
  max-width:650px;
  font-size:clamp(14px,1.75vw,16px);
  line-height:1.62;
  color:rgba(255,255,255,.74);
}
.profileBody p{
  margin:0 0 15px;
}
.profileBody p:last-child{margin-bottom:0}
.profileBody .profileLead{
  color:rgba(255,255,255,.96);
  font-size:clamp(16px,2vw,19px);
  line-height:1.46;
  font-weight:690;
  letter-spacing:-.012em;
}
.profileBody strong{
  color:inherit;
  font-weight:760;
}
html.theme-light body .profilePhoto{
  border-color:rgba(28,40,32,.08);
  box-shadow:0 16px 45px rgba(26,40,31,.08);
}
html.theme-light body .profileBody{
  color:rgba(24,32,27,.72);
}
html.theme-light body .profileBody .profileLead{
  color:#17201b;
}
@media(max-width:760px){
  .infoCard.profileMode{
    width:min(94vw,680px);
  }
  .profileView{
    grid-template-columns:1fr;
    gap:22px;
  }
  .profilePhoto{
    min-height:260px;
    aspect-ratio:16/10;
  }
  .profilePhoto img{
    object-position:50% 18%;
  }
}
@media(max-width:430px){
  .profilePhoto{min-height:225px}
  .profileTitle{font-size:clamp(34px,13vw,52px)}
}
