/* 287 who am I D (zebra violet, journey rows), 288 E (zebra terracotta, letter card). Session 101. Person wrapper rule as in 99zzzzzzz (aspect 492/1000). */
/* ---------- 287 ---------- */
.c-wmd { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #5b21b6; color: #fff; }
.c-wmd :where(h2, ol, li, p) { margin: 0; padding: 0; list-style: none; }
.c-wmd::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-wmd__sec { padding: 56px 20px 0; }
.c-wmd__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; width: min(1160px, 100%); margin-inline: auto; align-items: end; }
.c-wmd__h { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.18; text-wrap: balance; color: #fff; }
.c-wmd__thin { display: block; font-weight: 300; }
.c-wmd__bold { display: block; font-weight: 900; }
.c-wmd__rows { margin-top: 28px; }
.c-wmd__row { display: flex; align-items: center; gap: 18px; padding: 20px 0; }
.c-wmd__row + .c-wmd__row { border-top: 1px solid rgba(255, 255, 255, .35); }
.c-wmd__m { flex: none; min-width: 3.4ch; font-family: "Poppins", sans-serif; font-size: 28px; font-weight: 900; line-height: 1; color: #fff; direction: ltr; unicode-bidi: isolate; text-align: center; }
.c-wmd__tx { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.c-wmd__rt { font-size: 20px; font-weight: 800; line-height: 1.3; }
.c-wmd__rp { font-size: 18px; line-height: 1.5; color: #ede9fe; }
.c-wmd__btn { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; margin: 32px 0 56px; padding: 18px 48px; border-radius: 999px; background: #fff; color: #4c1d95; font-size: 19px; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none; box-shadow: 0 12px 30px rgba(32, 8, 74, .35); transition: transform .2s; }
.c-wmd__btn:hover { transform: translateY(-2px); }
.c-wmd__btn:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.c-wmd__vis { position: relative; isolation: isolate; width: min(360px, 90%); margin-inline: auto; padding-top: 24px; }
.c-wmd__ring { position: absolute; z-index: 0; left: 50%; top: 50%; width: 118%; aspect-ratio: 1; box-sizing: border-box; transform: translate(-50%, -50%); border: 2px solid rgba(255, 255, 255, .2); border-radius: 50%; pointer-events: none; }
.c-wmd__ring--in { width: 94%; }
.c-wmd__person { position: relative; z-index: 1; width: 66%; aspect-ratio: 492 / 1000; margin-inline: auto; -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 4%, #000 8%, #000 12%, #000 16%, #000 20%, #000 24%, #000 28%, #000 32%, #000 36%, rgba(0,0,0,0.977) 40%, rgba(0,0,0,0.909) 44%, rgba(0,0,0,0.790) 48%, rgba(0,0,0,0.632) 52%, rgba(0,0,0,0.455) 56%, rgba(0,0,0,0.285) 60%, rgba(0,0,0,0.145) 64%, rgba(0,0,0,0.051) 68%, rgba(0,0,0,0.007) 72%, transparent 76%, transparent 80%, transparent 84%, transparent 88%, transparent 92%, transparent 96%, transparent 100%); mask-image: linear-gradient(180deg, #000 0%, #000 4%, #000 8%, #000 12%, #000 16%, #000 20%, #000 24%, #000 28%, #000 32%, #000 36%, rgba(0,0,0,0.977) 40%, rgba(0,0,0,0.909) 44%, rgba(0,0,0,0.790) 48%, rgba(0,0,0,0.632) 52%, rgba(0,0,0,0.455) 56%, rgba(0,0,0,0.285) 60%, rgba(0,0,0,0.145) 64%, rgba(0,0,0,0.051) 68%, rgba(0,0,0,0.007) 72%, transparent 76%, transparent 80%, transparent 84%, transparent 88%, transparent 92%, transparent 96%, transparent 100%); }
.c-wmd__person img { position: absolute; max-width: none; width: 233.3%; height: auto; left: -2.44%; top: -36.8%; }
@media (min-width: 900px) {
  .c-wmd__sec { padding: 104px 32px 0; }
  .c-wmd__grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 96px; align-items: end; }
  .c-wmd__txt { padding-bottom: 104px; }
  .c-wmd__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-wmd__rows { margin-top: 44px; }
  .c-wmd__row { gap: 28px; padding: 26px 0; }
  .c-wmd__m { font-size: 40px; }
  .c-wmd__rt { font-size: 26px; }
  .c-wmd__rp { font-size: 21px; }
  .c-wmd__btn { margin: 44px 0 0; padding: 22px 72px; font-size: 22px; }
  .c-wmd__vis { width: min(480px, 100%); padding-top: 40px; }
}
/* ---------- 288 ---------- */
.c-wme { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #b4440f; color: #fff; }
.c-wme :where(h2, p) { margin: 0; padding: 0; }
.c-wme::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-wme__sec { display: flex; flex-direction: column; align-items: center; padding: 96px 20px 64px; }
.c-wme__card { position: relative; box-sizing: border-box; width: min(1040px, 100%); padding: 96px 24px 36px; border-radius: 32px; background: #f6ead9; color: #4a1c07; text-align: center; box-shadow: 0 14px 34px rgba(60, 20, 4, .35); }
.c-wme__face { position: absolute; top: 0; left: 50%; width: 128px; height: 128px; overflow: hidden; transform: translate(-50%, -50%); border-radius: 50%; background: #e8c8a8; box-shadow: 0 0 0 6px #b4440f; }
.c-wme__face img { position: absolute; max-width: none; width: 287.5%; height: auto; left: -14.3%; top: -89.3%; }
.c-wme__h { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.18; text-wrap: balance; color: #7c2d08; }
.c-wme__thin { display: block; font-weight: 300; }
.c-wme__bold { display: block; font-weight: 900; }
.c-wme__story { display: grid; grid-template-columns: minmax(0, 1fr); margin-top: 24px; text-align: start; }
.c-wme__p { padding: 14px 0; font-size: 18px; line-height: 1.6; color: #4a1c07; }
.c-wme__p + .c-wme__p { border-top: 1px solid rgba(124, 45, 8, .25); }
.c-wme__close { margin-top: 18px; font-size: 20px; line-height: 1.5; font-weight: 700; }
.c-wme__sig { margin-top: 16px; font-size: 20px; font-weight: 800; color: #7c2d08; }
.c-wme__btn { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; margin-top: 44px; padding: 18px 48px; border-radius: 999px; background: #f6ead9; color: #7c2d08; font-size: 19px; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none; box-shadow: 0 12px 30px rgba(60, 20, 4, .35); transition: transform .2s; }
.c-wme__btn:hover { transform: translateY(-2px); }
.c-wme__btn:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (min-width: 900px) {
  .c-wme__sec { padding: 144px 32px 104px; }
  .c-wme__card { padding: 128px 72px 52px; border-radius: 40px; }
  .c-wme__face { width: 176px; height: 176px; box-shadow: 0 0 0 8px #b4440f; }
  .c-wme__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-wme__story { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 72px; margin-top: 36px; }
  .c-wme__p { padding: 0; font-size: 21px; }
  .c-wme__p + .c-wme__p { border-top: 0; border-inline-start: 1px solid rgba(124, 45, 8, .25); padding-inline-start: 72px; margin-inline-start: -36px; }
  .c-wme__close { margin-top: 36px; font-size: 24px; }
  .c-wme__sig { font-size: 24px; }
  .c-wme__btn { margin-top: 56px; padding: 22px 72px; font-size: 22px; }
}

@media (min-width: 1440px) { .c-wmd__vis { transform: translateX(clamp(-90px, -4.5vw, -48px)); } }