/* 292 who am I H (zebra red, typographic manifesto). Session 101. */
.c-wmh { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #b91c1c; color: #fff; }
.c-wmh :where(h2, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-wmh::before { content: ""; position: absolute; z-index: -1; top: -120px; right: 50%; width: 520px; height: 520px; transform: translateX(50%); border-radius: 50%; background: rgba(255, 255, 255, .06); filter: blur(90px); }
.c-wmh__sec { padding: 56px 20px 64px; }
.c-wmh__box { width: min(1160px, 100%); margin-inline: auto; }
.c-wmh__qm { display: block; width: 56px; height: 56px; margin-bottom: 20px; background: #fecaca; -webkit-mask: url(../assets/icons/ph-quotes-fill.svg) center / contain no-repeat; mask: url(../assets/icons/ph-quotes-fill.svg) center / contain no-repeat; }
.c-wmh__h { font-size: clamp(32px, 9vw, 42px); line-height: 1.2; text-wrap: balance; color: #fff; }
.c-wmh__thin { display: block; font-weight: 300; }
.c-wmh__bold { display: block; font-weight: 900; }
.c-wmh__mk { position: relative; isolation: isolate; display: inline-block; padding: 0 6px; }
.c-wmh__mk::after { content: ""; position: absolute; z-index: -1; inset-inline: -6px; bottom: 4px; height: .42em; border-radius: 4px; background: rgba(255, 255, 255, .22); }
.c-wmh__row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; margin-top: 40px; }
.c-wmh__p { font-size: 18px; line-height: 1.65; color: #ffe4e4; }
.c-wmh__sign { display: flex; align-items: center; gap: 16px; }
.c-wmh__ring { flex: none; padding: 5px; border: 2px solid rgba(255, 255, 255, .5); border-radius: 50%; }
.c-wmh__face { position: relative; width: 84px; height: 84px; overflow: hidden; border-radius: 50%; background: #d94a4a; }
.c-wmh__face img { position: absolute; max-width: none; width: 287.5%; height: auto; left: -14.3%; top: -89.3%; }
.c-wmh__who { display: flex; flex-direction: column; gap: 4px; }
.c-wmh__name { font-size: 22px; font-weight: 800; line-height: 1.2; }
.c-wmh__role { font-size: 18px; line-height: 1.3; color: #ffe4e4; }
.c-wmh__creds { margin-top: 36px; }
.c-wmh__cred { display: flex; align-items: center; gap: 16px; padding: 20px 0; }
.c-wmh__cred + .c-wmh__cred { border-top: 1px solid rgba(255, 255, 255, .35); }
.c-wmh__v { flex: none; width: 28px; height: 28px; background: #fff; -webkit-mask: url(../assets/icons/ph-check-bold.svg) center / contain no-repeat; mask: url(../assets/icons/ph-check-bold.svg) center / contain no-repeat; }
.c-wmh__ct { min-width: 0; font-size: 19px; font-weight: 700; line-height: 1.45; }
@media (min-width: 900px) {
  .c-wmh__sec { padding: 112px 32px 120px; }
  .c-wmh__qm { width: 80px; height: 80px; margin-bottom: 28px; }
  .c-wmh__h { max-width: 1000px; font-size: clamp(48px, 4.6vw, 84px); line-height: 1.15; }
  .c-wmh__row { grid-template-columns: minmax(0, 1.4fr) minmax(0, .6fr); align-items: center; gap: 80px; margin-top: 64px; }
  .c-wmh__p { font-size: 22px; }
  .c-wmh__sign { justify-content: flex-end; gap: 22px; }
  .c-wmh__face { width: 112px; height: 112px; }
  .c-wmh__name { font-size: 26px; }
  .c-wmh__role { font-size: 20px; }
  .c-wmh__creds { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 72px; border-top: 0; }
  .c-wmh__cred { padding: 28px 0 0; }
  .c-wmh__cred + .c-wmh__cred { border-top: 0; border-inline-start: 1px solid rgba(255, 255, 255, .35); padding-inline-start: 32px; }
  .c-wmh__cred:not(:last-child) { padding-inline-end: 32px; }
  .c-wmh__v { width: 34px; height: 34px; }
  .c-wmh__ct { font-size: 22px; }
}