/* Dark intro - Figma node 1:2244 (top part only: curved white edge + two-line headline). bg #031926 (site navy), font Noto Sans Hebrew.
   >=1280px: --u = viewport/1920 (1:1 at 1920). */
.c-dark-intro { --u: calc(min(100vw, 1920px) / 1920); background: #031926; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; color: #fff; overflow-x: clip; isolation: isolate; }
.c-dark-intro :where(h2) { margin: 0; padding: 0; }

.c-dark-intro__section { position: relative; padding: 70px 16px 50px; }
.c-dark-intro__curve { position: absolute; top: -1px; left: -5.53%; width: 111.07%; height: clamp(26px, 3.23vw, 62px); max-width: none; pointer-events: none; }

.c-dark-intro__inner { position: relative; width: min(1400px, 100%); margin-inline: auto; }
.c-dark-intro__title { display: flex; flex-direction: column; align-items: center; text-align: center; }
.c-dark-intro__line-1 { font-size: 30px; font-weight: 400; line-height: 1.2; color: #fff; }
.c-dark-intro__line-2 { margin-top: 4px; font-size: 32px; font-weight: 900; line-height: 1.2; color: transparent; background-image: linear-gradient(90deg, #fff, #7d7d7d); -webkit-background-clip: text; background-clip: text; }

@media (min-width: 1280px) {
  .c-dark-intro__section { padding: calc(120 * var(--u)) 0 calc(100 * var(--u)); }
  .c-dark-intro__inner { width: calc(1400 * var(--u)); }
  .c-dark-intro__line-1 { font-size: calc(45 * var(--u)); line-height: calc(54 * var(--u)); white-space: nowrap; }
  /* heading box is 26px high with the text pulled up 30px, so it tucks right under the first line (gap 20 - 30 = -10) */
  .c-dark-intro__line-2 { margin-top: calc(-10 * var(--u)); font-size: calc(46 * var(--u)); line-height: calc(55.2 * var(--u)); white-space: nowrap; }
}