/* 284 who am I A (zebra blue, pop-out), 285 B (zebra violet, centred), 286 C (zebra terracotta, tilted backing card). Session 101.
   The person cutout assets/ab2-man.png is 1148x1370 and the person fills only x 12-504, y 368-1368 (rule 22.8): inside a wrapper of aspect 492/1000 the
   image is 233.3 percent wide, left -2.44 percent, top -36.8 percent, so the wrapper box IS the person. */
/* ---------- 284 ---------- */
.c-wma { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #1d4ed8; color: #fff; }
.c-wma :where(h2, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-wma::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-wma__sec { padding: 56px 20px 0; }
.c-wma__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; width: min(1160px, 100%); margin-inline: auto; align-items: end; }
.c-wma__txt { padding-bottom: 0; }
.c-wma__h { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.18; text-wrap: balance; color: #fff; }
.c-wma__thin { display: block; font-weight: 300; }
.c-wma__bold { display: block; font-weight: 900; }
.c-wma__p { margin-top: 18px; font-size: 18px; line-height: 1.6; color: #e6eeff; }
.c-wma__p--key { font-weight: 800; color: #fff; }
.c-wma__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 32px; }
.c-wma__fact { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
.c-wma__n { font-family: "Poppins", sans-serif; font-size: 34px; font-weight: 900; line-height: 1; color: #fff; direction: ltr; unicode-bidi: isolate; text-align: center; }
.c-wma__fl { font-size: 16px; line-height: 1.4; color: #e6eeff; }
.c-wma__vis { position: relative; width: min(380px, 92%); margin-inline: auto; padding-top: 48px; }
.c-wma__panel { position: absolute; inset: 88px 0 0 0; border-radius: 32px 32px 0 0; background: #163aa8; }
.c-wma__person { position: relative; width: 64%; 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%, #000 40%, rgba(0,0,0,0.993) 44%, rgba(0,0,0,0.949) 48%, rgba(0,0,0,0.855) 52%, rgba(0,0,0,0.715) 56%, rgba(0,0,0,0.545) 60%, rgba(0,0,0,0.368) 64%, rgba(0,0,0,0.210) 68%, rgba(0,0,0,0.091) 72%, rgba(0,0,0,0.023) 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%, #000 40%, rgba(0,0,0,0.993) 44%, rgba(0,0,0,0.949) 48%, rgba(0,0,0,0.855) 52%, rgba(0,0,0,0.715) 56%, rgba(0,0,0,0.545) 60%, rgba(0,0,0,0.368) 64%, rgba(0,0,0,0.210) 68%, rgba(0,0,0,0.091) 72%, rgba(0,0,0,0.023) 76%, transparent 80%, transparent 84%, transparent 88%, transparent 92%, transparent 96%, transparent 100%); }
.c-wma__person img { position: absolute; max-width: none; width: 233.3%; height: auto; left: -2.44%; top: -36.8%; }
@media (min-width: 900px) {
  .c-wma__sec { padding: 104px 32px 0; }
  .c-wma__grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 96px; align-items: center; }
  .c-wma__txt { padding-bottom: 104px; }
  .c-wma__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-wma__p { margin-top: 22px; font-size: 21px; }
  .c-wma__facts { gap: 28px; margin-top: 44px; }
  .c-wma__n { font-size: clamp(44px, 4vw, 64px); }
  .c-wma__fl { font-size: 20px; }
  .c-wma__vis { width: min(480px, 100%); padding-top: 56px; align-self: end; }
  .c-wma__panel { inset: 104px 0 0 0; border-radius: 40px 40px 0 0; }
}
/* ---------- 285 ---------- */
.c-wmb { 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-wmb :where(h2, p) { margin: 0; padding: 0; }
.c-wmb::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-wmb__sec { display: flex; flex-direction: column; align-items: center; padding: 56px 20px 64px; text-align: center; }
.c-wmb__ring { padding: 6px; border: 2px solid rgba(255, 255, 255, .7); border-radius: 50%; }
.c-wmb__face { position: relative; width: 150px; height: 150px; overflow: hidden; border-radius: 50%; background: #7c3aed; }
.c-wmb__face img { position: absolute; max-width: none; width: 287.5%; height: auto; left: -14.3%; top: -89.3%; }
.c-wmb__h { margin-top: 32px; font-size: clamp(28px, 7.4vw, 36px); line-height: 1.18; text-wrap: balance; color: #fff; }
.c-wmb__thin { display: block; font-weight: 300; }
.c-wmb__bold { display: block; font-weight: 900; }
.c-wmb__story { display: grid; grid-template-columns: minmax(0, 1fr); width: min(980px, 100%); margin-top: 32px; text-align: start; }
.c-wmb__p { padding: 18px 0; font-size: 18px; line-height: 1.6; color: #ede9fe; }
.c-wmb__p + .c-wmb__p { border-top: 1px solid rgba(255, 255, 255, .35); }
.c-wmb__close { margin-top: 24px; font-size: 20px; line-height: 1.5; }
.c-wmb__btn { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; margin-top: 36px; 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-wmb__btn:hover { transform: translateY(-2px); }
.c-wmb__btn:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (min-width: 900px) {
  .c-wmb__sec { padding: 104px 32px 112px; }
  .c-wmb__face { width: 200px; height: 200px; }
  .c-wmb__h { margin-top: 44px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-wmb__story { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 72px; margin-top: 48px; }
  .c-wmb__p { padding: 0; font-size: 21px; }
  .c-wmb__p + .c-wmb__p { border-top: 0; border-inline-start: 1px solid rgba(255, 255, 255, .35); padding-inline-start: 72px; margin-inline-start: -36px; }
  .c-wmb__close { margin-top: 44px; font-size: 24px; }
  .c-wmb__btn { margin-top: 44px; padding: 22px 72px; font-size: 22px; }
}
/* ---------- 286 ---------- */
.c-wmc { 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-wmc :where(h2, p) { margin: 0; padding: 0; }
.c-wmc::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-wmc__sec { padding: 56px 20px 72px; }
.c-wmc__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 56px; width: min(1160px, 100%); margin-inline: auto; align-items: center; }
.c-wmc__qm { display: block; width: 56px; height: 56px; margin-bottom: 16px; background: #ffd9c2; -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-wmc__h { font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.25; text-wrap: balance; color: #fff; }
.c-wmc__p { margin-top: 20px; font-size: 18px; line-height: 1.6; color: #ffe9dc; }
.c-wmc__btn { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; margin-top: 36px; 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-wmc__btn:hover { transform: translateY(-2px); }
.c-wmc__btn:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.c-wmc__vis { position: relative; isolation: isolate; width: min(360px, 88%); margin-inline: auto; }
.c-wmc__back { position: absolute; z-index: -1; inset: 0; border-radius: 30px; background: #8a3009; transform: rotate(-5deg); }
.c-wmc__card { position: relative; aspect-ratio: 5 / 6; border-radius: 30px; background: #f6ead9; box-shadow: 0 14px 34px rgba(60, 20, 4, .35); }
.c-wmc__person { position: absolute; bottom: 0; left: 50%; height: 92%; aspect-ratio: 492 / 1000; transform: translateX(-50%); }
.c-wmc__person img { position: absolute; max-width: none; width: 233.3%; height: auto; left: -2.44%; top: -36.8%; }
@media (min-width: 900px) {
  .c-wmc__sec { padding: 104px 32px 112px; }
  .c-wmc__grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 96px; }
  .c-wmc__qm { width: 72px; height: 72px; margin-bottom: 24px; }
  .c-wmc__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-wmc__p { margin-top: 24px; font-size: 21px; }
  .c-wmc__btn { margin-top: 48px; padding: 22px 72px; font-size: 22px; }
  .c-wmc__vis { width: min(440px, 100%); }
}