[html]<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap">
<style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');

.gemini_user_wrp {
  position: relative;
  max-width: 680px;
  margin: 8px auto 16px;
  font-family: Inter, Arial, sans-serif;
}

.gemini_user_name_out {
  position: relative;
  z-index: 0;
  margin: 0 0 -13px;
  text-align: center;
  font-family: "Playfair Display", Palatino, "Palatino Linotype", Georgia, serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 64px;
  line-height: 0.82;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8d1c24;
  pointer-events: none;
}

.gemini_user {
  position: relative;
  z-index: 1;
  background: #e4e0de;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.gemini_user_header_wrap {
  position: relative;
  height: 150px;
  background: #6e4248;
  overflow: hidden;
}
.gemini_user_header {
  display: block;
  width: 100%;
  height: 150px;
  object-fit: cover;
opacity: 0.3;
  filter: grayscale(1) saturate(0) contrast(1.02) brightness(0.92) !important;
  -webkit-filter: grayscale(1) saturate(0) contrast(1.02) brightness(0.92) !important;
}
.gemini_user_header_tint {
  position: absolute;
  inset: 0;
  background: #8d1c24;
  mix-blend-mode: color;
  opacity: 0.38;
  pointer-events: none;
}

.gemini_user_pic {
  position: absolute;
  top: 72px;
  left: 28px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  overflow: hidden;
  isolation: isolate;
  background: #abe4b254;
  border: 7px solid #e4e0de;
  z-index: 5;
  cursor: pointer;
}
.gemini_user_pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 1;
  filter: grayscale(1) saturate(0) !important;
  -webkit-filter: grayscale(1) saturate(0) !important;
  transition: filter .2s ease;
}
.gemini_user_pic_gray {
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: 50%;
  background: #8a858399;
  mix-blend-mode: plus-darker;
  pointer-events: none;
  transition: opacity .2s ease;
}
.gemini_user_pic:hover img {
  filter: none !important;
  -webkit-filter: none !important;
}
.gemini_user_pic:hover .gemini_user_pic_gray {
  opacity: 0;
}

.gemini_user_proto {
  position: absolute;
  top: 108px;
  left: 174px;
  z-index: 6;
  background: #8d1c2499;
  color: #f2ecec;
  font-size: 11px;
  line-height: 1;
  padding: 5px 11px;
  border-radius: 14px;
  letter-spacing: 0.04em;
  text-transform: lowercase;
}

.gemini_user_sur {
  position: absolute;
  top: 96px;
  right: 26px;
  z-index: 4;
  margin: 0;
  font-family: "Playfair Display", Palatino, "Palatino Linotype", Georgia, serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 68px;
  line-height: 0.82;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 3px 14px rgba(40, 8, 14, 0.45);
  white-space: nowrap;
}
.gemini_user_sur.medium { font-size: 52px; }
.gemini_user_sur.small { font-size: 40px; }

.gemini_user_under {
  position: relative;
  z-index: 3;
  padding: 6px 18px 0 174px;
}
.gemini_user_quote {
  position: static;
  margin: 0 0 8px;
  max-width: 150px;
  color: #6d6563;
  font-size: 12px;
  font-style: italic;
  line-height: 1.25;
}

.gemini_user_info {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.gemini_user_info > div {
  position: relative;
  background: #d4cfcc;
  color: #3a3332;
  font-size: 12px;
  line-height: 1;
  padding: 7px 12px 7px 28px;
  border-radius: 18px;
  white-space: nowrap;
}
.gemini_user_info > div::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
}
.gemini_user_info_bday::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233a3332'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10z'/%3E%3C/svg%3E");
}
.gemini_user_info_city::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233a3332'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E");
}
.gemini_user_info_sex::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233a3332'%3E%3Cpath d='M12 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-2.7 0-8 1.3-8 4v2h16v-2c0-2.7-5.3-4-8-4z'/%3E%3C/svg%3E");
}

.gemini_user_info_main {
  display: flex;
  justify-content: center;
  margin: 32px 40px 14px;
}
.gemini_user_ocupation,
.gemini_user_runame {
  padding: 8px 16px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
}
.gemini_user_ocupation { background: #9c9c9c; border-radius: 18px 0 0 18px; }
.gemini_user_runame { background: #8d1c24; border-radius: 0 18px 18px 0; }

.gemini_user_bio {
  margin: -33px 14px 14px;
  background: #eeeae8;
  border-radius: 16px;
  padding: 16px 18px;
  color: #3f3938;
  font-size: 13.5px;
  line-height: 1.55;
}
.gemini_user_bio p { margin: 0 0 0.7em; }
.gemini_user_bio p:last-child { margin-bottom: 0; }

body.dark .gemini_user,
html.dark .gemini_user,
[data-theme="dark"] .gemini_user {
  background: #1a1616;
  box-shadow: 0 8px 22px rgba(0,0,0,0.35);
}
body.dark .gemini_user_pic,
html.dark .gemini_user_pic,
[data-theme="dark"] .gemini_user_pic {
  border-color: #1a1616;
  background: #2a2424;
}
body.dark .gemini_user_info > div,
html.dark .gemini_user_info > div,
[data-theme="dark"] .gemini_user_info > div {
  background: #2c2626;
  color: #e4dcdc;
}
body.dark .gemini_user_info > div::before,
html.dark .gemini_user_info > div::before,
[data-theme="dark"] .gemini_user_info > div::before {
  filter: invert(0.92);
}
body.dark .gemini_user_bio,
html.dark .gemini_user_bio,
[data-theme="dark"] .gemini_user_bio {
  background: #141111;
  color: #d5cdcd;
}
body.dark .gemini_user_quote,
html.dark .gemini_user_quote,
[data-theme="dark"] .gemini_user_quote { color: #c3b8b8; }
body.dark .gemini_user_ocupation,
html.dark .gemini_user_ocupation,
[data-theme="dark"] .gemini_user_ocupation { background: #3a3232; }
body.dark .gemini_user_name_out,
html.dark .gemini_user_name_out,
[data-theme="dark"] .gemini_user_name_out { color: #c45c64; }
</style>

<div class="gemini_user_wrp">
  <div class="gemini_user_name_out">Winford</div>
  <div class="gemini_user">
    <div class="gemini_user_header_wrap">
      <img class="gemini_user_header" src="https://upforme.ru/uploads/001c/8c/be/2/698852.png" alt="">
      <span class="gemini_user_header_tint"></span>
    </div>
    <div class="gemini_user_pic">
      <img src="https://upforme.ru/uploads/001c/8c/be/2/438051.gif" alt="">
      <span class="gemini_user_pic_gray"></span>
    </div>
    <div class="gemini_user_proto">matt bomer</div>
    <div class="gemini_user_sur">Brumm</div>

    <div class="gemini_user_under">
      <div class="gemini_user_info">
        <div class="gemini_user_info_bday">28.02.1992</div>
        <div class="gemini_user_info_city">нью-йорк</div>
        <div class="gemini_user_info_sex">гетеро</div>
      </div>
    </div>

    <div class="gemini_user_info_main">
      <div class="gemini_user_ocupation">психоаналитик</div>
      <div class="gemini_user_runame">уинфорд брюмм</div>
    </div>

    <div class="gemini_user_bio"><br><br>
      <p style="text-indent: 33px;">Фамилия досталась ему от норвежского прадедушки. Как и стартовый капитал. Для слишком правильных родителей Уинфорд был наказанием, для переехавшего в США в середине прошлого столетия старого Брюмма — любимым правнуком.</p>
      <p style="text-indent: 33px;">Академическая карьера чуть было не оборвалась, едва только начавшись, из-за громкого, но вовремя замятого скандала в Гарварде: Брюмма подозревали в неэтичных экспериментах над другими студентами при написании своей диссертации. Конечно, ничего не было. Ни единого доказательства.</p>
      <p style="text-indent: 33px;">Как никто другой умеет копаться в чужих секретах, а потому ещё тщательнее скрывает свои. Например, тот факт, что гонорары за терапию — далеко не главный источник его доходов.</p>
      <p style="text-indent: 33px;">Для превращения любого сеанса в искусство достаточно мерного тиканья часов, удобного кресла у окна и слепой веры пациента в то, что его спасают.</p>
      <p style="text-indent: 33px;">Все знают, что он может творить чудеса, без вопросов берясь за самые сложные случаи. Но никто не знает, какими именно методами.</p>
      <p style="text-indent: 33px;">Цинично коллекционирует предложения руки и сердца от женщин. Ему делали их трижды. Со всеми тремя женщинами до сих пор поддерживает тёплые отношения.</p>
      <p style="text-indent: 33px;">Плакал в своей жизни ровно один раз. Это была роль в школьном спектакле. Вместе с ним рыдала половина зрительного зала.</p>
    </div>
  </div>
</div>[/html]