/* @u */
/* Figma hsxftd3Zi8PsYWvCYS4XYa node 32:36: 119 pain text (gold headline, centred paragraphs, faint photo, two tilted yellow speech bubbles). Frame 1920. Fonts: Noto Sans Hebrew.
   Bubble text is dark on yellow (design white fails contrast). Body 23 to 21px. */
.c-mq { --u: calc(min(100vw, 1920px) / 1920); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: #191508; color: #fff; overflow-x: clip; display: flow-root; }
.c-mq :where(h2, p) { margin: 0; padding: 0; }
.c-mq__sec { position: relative; box-sizing: border-box; padding: 46px 16px 60px; text-align: center; overflow: hidden; }
.c-mq__h { max-width: 600px; margin: 0 auto; font-size: clamp(24px, 6.4vw, 34px); font-weight: 900; line-height: 1.3; background: linear-gradient(270deg, #8f5c1a 0%, #fce277 25%, #9e6f22 55%, #fad652 80%, #b88528 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-wrap: balance; }
.c-mq__txt { max-width: 560px; margin: 26px auto 0; }
.c-mq__txt p, .c-mq__end p { margin-top: 14px; font-size: 17px; font-weight: 400; line-height: 1.65; color: #fff; }
.c-mq__txt p:first-child { margin-top: 0; }
.c-mq b { font-weight: 700; }
.c-mq__img { display: block; width: min(100%, 420px); height: auto; margin: 26px auto 0; border-radius: 12px; opacity: .3; mix-blend-mode: exclusion; }
.c-mq__bub { position: relative; display: block; width: fit-content; margin: 18px auto 0; padding: 14px 24px; border-radius: 15px; background: #ffcd13; color: #191508; font-size: 20px; font-weight: 800; line-height: 1.3; }
.c-mq__bub img { display: none; }
.c-mq__bub--l { transform: rotate(-4deg); }
.c-mq__bub--r { transform: rotate(4deg); }
.c-mq__end { max-width: 560px; margin: 34px auto 0; }

@media (min-width: 1280px) {
  .c-mq__sec { width: calc(1920 * var(--u)); max-width: none; height: calc(1080 * var(--u)); margin: 0 auto; padding: 0; }
  .c-mq__h { position: absolute; top: calc(73 * var(--u)); left: 0; right: 0; max-width: none; font-size: calc(48 * var(--u)); line-height: calc(85 * var(--u)); }
  .c-mq__txt { position: absolute; top: calc(195 * var(--u)); left: 0; right: 0; max-width: none; margin: 0; }
  .c-mq__txt p { margin: 0 auto; width: calc(1500 * var(--u)); font-size: max(13px, calc(22 * var(--u))); line-height: calc(44 * var(--u)); }
  .c-mq__txt p:nth-child(2) { margin-top: calc(18 * var(--u)); width: calc(1560 * var(--u)); }
  .c-mq__img { position: absolute; top: calc(436 * var(--u)); left: calc(599 * var(--u)); width: calc(722 * var(--u)); height: calc(344 * var(--u)); margin: 0; object-fit: cover; }
  .c-mq__bub { position: absolute; width: calc(340 * var(--u)); height: calc(69 * var(--u)); margin: 0; padding: 0; display: grid; place-items: center; font-size: calc(28 * var(--u)); line-height: calc(40 * var(--u)); }
  .c-mq__bub--l { left: calc(96 * var(--u)); top: calc(428 * var(--u)); transform: rotate(-13deg); }
  .c-mq__bub--r { left: calc(1505 * var(--u)); top: calc(690 * var(--u)); transform: rotate(11.8deg); }
  .c-mq__end { position: absolute; top: calc(850 * var(--u)); left: 0; right: 0; max-width: none; margin: 0; }
  .c-mq__end p { margin: 0 auto; font-size: max(13px, calc(22 * var(--u))); line-height: calc(50 * var(--u)); }
}