/* 290 who am I F (zebra terracotta, angled split). Session 101, v2: the person stands in the MIDDLE on both shapes (deeper block and the lighter terracotta), the bottom of the person fades out, text and button further right. */
.c-wmf { 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-wmf :where(h2, p) { margin: 0; padding: 0; }
.c-wmf__sec { display: flex; flex-direction: column; }
.c-wmf__txt { padding: 56px 20px 48px; }
.c-wmf__h { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.18; text-wrap: balance; color: #fff; }
.c-wmf__thin { display: block; font-weight: 300; }
.c-wmf__bold { display: block; font-weight: 900; }
.c-wmf__p { margin-top: 18px; font-size: 18px; line-height: 1.6; color: #ffe9dc; }
.c-wmf__close { margin-top: 24px; font-size: 20px; line-height: 1.5; font-weight: 700; }
.c-wmf__btn { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; margin-top: 32px; 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-wmf__btn:hover { transform: translateY(-2px); }
.c-wmf__btn:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.c-wmf__vis { position: relative; height: 400px; }
.c-wmf__vis::before { content: ""; position: absolute; inset: 0; z-index: -1; background: #8a3009; clip-path: polygon(0 14%, 100% 0, 100% 100%, 0 100%); }
.c-wmf__person { position: absolute; bottom: 0; left: 50%; height: 88%; aspect-ratio: 492 / 1000; transform: translateX(-50%); -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.973) 40%, rgba(0,0,0,0.896) 44%, rgba(0,0,0,0.765) 48%, rgba(0,0,0,0.593) 52%, rgba(0,0,0,0.407) 56%, rgba(0,0,0,0.235) 60%, rgba(0,0,0,0.104) 64%, rgba(0,0,0,0.027) 68%, transparent 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.973) 40%, rgba(0,0,0,0.896) 44%, rgba(0,0,0,0.765) 48%, rgba(0,0,0,0.593) 52%, rgba(0,0,0,0.407) 56%, rgba(0,0,0,0.235) 60%, rgba(0,0,0,0.104) 64%, rgba(0,0,0,0.027) 68%, transparent 72%, transparent 76%, transparent 80%, transparent 84%, transparent 88%, transparent 92%, transparent 96%, transparent 100%); }
.c-wmf__person img { position: absolute; max-width: none; width: 233.3%; height: auto; left: -2.44%; top: -36.8%; }
@media (min-width: 900px) {
  .c-wmf__sec { position: relative; display: block; min-height: 640px; }
  .c-wmf__txt { box-sizing: border-box; width: 48%; padding: 104px clamp(40px, 3.5vw, 72px) 104px clamp(32px, 4vw, 80px); }
  .c-wmf__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-wmf__p { margin-top: 22px; font-size: 21px; }
  .c-wmf__close { margin-top: 32px; font-size: 24px; }
  .c-wmf__btn { margin-top: 44px; padding: 22px 72px; font-size: 22px; }
  .c-wmf__vis { position: absolute; inset: 0; z-index: 0; height: auto; pointer-events: none; }
  .c-wmf__vis::before { clip-path: polygon(0 0, 46% 0, 36% 100%, 0 100%); }
  .c-wmf__person { left: 41%; height: 88%; }
  .c-wmf__txt { position: relative; z-index: 1; }
}