/* @u */
/* Figma GlmA8Imvvz1h39NlsK5M4u node 2014:376: 111 "nice to meet you" (portrait fading into the dark, tilted amber name tag, three centred paragraphs). Frame 1920. Fonts: Noto Sans Hebrew. Body 20 to 21px. */
.c-dm { --u: calc(min(100vw, 1920px) / 1920); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: #1a1100; color: #fff; overflow-x: clip; display: flow-root; }
.c-dm :where(h2, p) { margin: 0; padding: 0; }
.c-dm__sec { position: relative; box-sizing: border-box; padding: 0 16px 56px; overflow: hidden; }
.c-dm__bg { position: absolute; top: 0; left: 0; width: 100%; height: 220px; object-fit: cover; opacity: .12; }
.c-dm__hero { position: relative; display: flex; flex-direction: column; align-items: center; }
.c-dm__man { display: block; width: min(320px, 82vw); height: auto; -webkit-mask-image: linear-gradient(180deg, #000 55%, transparent 100%); mask-image: linear-gradient(180deg, #000 55%, transparent 100%); }
.c-dm__k { margin-top: -44px; font-size: 34px; font-weight: 900; line-height: 1.2; color: #fff6e3; text-shadow: 0 3px 3px rgba(0, 0, 0, .75); }
.c-dm__tag { margin-top: 8px; transform: rotate(-2deg); }
.c-dm__tag span { display: inline-block; padding: 8px 34px; border: 1px solid #fff6e3; border-radius: 24px 5px 24px 5px; background: #ffac00; font-size: 34px; font-weight: 900; line-height: 1.2; color: #1a1100; }
.c-dm__txt { position: relative; max-width: 600px; margin: 34px auto 0; text-align: center; }
.c-dm__txt p { margin-top: 18px; font-size: 17px; font-weight: 400; line-height: 1.65; color: #fff; }
.c-dm__txt p:first-child { margin-top: 0; }
.c-dm__txt b { font-weight: 700; }

@media (min-width: 1280px) {
  .c-dm__sec { width: calc(1920 * var(--u)); max-width: none; height: calc(1143 * var(--u)); margin: 0 auto; padding: 0; }
  .c-dm__bg { height: calc(390 * var(--u)); opacity: .12; }
  .c-dm__hero { display: block; position: absolute; left: calc(715.5 * var(--u)); top: 0; width: calc(489 * var(--u)); height: calc(728 * var(--u)); }
  .c-dm__man { width: calc(489 * var(--u)); height: calc(701 * var(--u)); object-fit: cover; -webkit-mask-image: linear-gradient(180deg, #000 67%, transparent 100%); mask-image: linear-gradient(180deg, #000 67%, transparent 100%); }
  .c-dm__k { position: absolute; top: calc(569 * var(--u)); left: 0; right: 0; margin: 0; text-align: center; font-size: calc(49 * var(--u)); line-height: calc(57 * var(--u)); }
  .c-dm__tag { position: absolute; top: calc(630 * var(--u)); left: calc(49 * var(--u)); margin: 0; }
  .c-dm__tag span { width: calc(390 * var(--u)); height: calc(73 * var(--u)); box-sizing: border-box; padding: 0; display: grid; place-items: center; font-size: calc(52 * var(--u)); line-height: calc(52 * var(--u)); }
  .c-dm__txt { position: absolute; left: 0; right: 0; top: calc(790 * var(--u)); max-width: none; margin: 0; display: flex; flex-direction: column; align-items: center; gap: calc(38 * var(--u)); }
  .c-dm__txt p { position: static; margin: 0; font-size: max(13px, calc(21 * var(--u))); line-height: calc(34 * var(--u)); transform: none; }
  .c-dm__txt p:nth-child(1) { width: calc(932 * var(--u)); }
  .c-dm__txt p:nth-child(2) { width: calc(1072 * var(--u)); }
  .c-dm__txt p:nth-child(3) { width: calc(700 * var(--u)); }
}
