/* @u */
/* Figma hsxftd3Zi8PsYWvCYS4XYa node 23:51: 118 dark gold hero (note box, silver + gold headline, outlined CTA, big weights glow, man photo, 3 gold stat badges). Frame 1920. Fonts: Noto Sans Hebrew, Poppins (numbers).
   Type reduced (headline 63 to 50). Badge text and numbers are DARK (#191508) on gold because the design's white fails contrast. */
.c-mh { --u: calc(min(100vw, 1920px) / 1920); --silver: linear-gradient(270deg, #8b8c90 0%, #f8f9fa 30%, #b8b9be 55%, #f8f9fa 80%, #d1d2d6 100%); --gold: linear-gradient(270deg, #8f5c1a 0%, #fce277 25%, #9e6f22 55%, #fad652 80%, #b88528 100%); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: #191508; color: #f1f2f4; overflow-x: clip; display: flow-root; }
.c-mh :where(h1, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-mh__sec { position: relative; box-sizing: border-box; padding: 40px 16px 60px; text-align: center; overflow: hidden; }
.c-mh__w { display: none; }
.c-mh__note { position: relative; max-width: 520px; margin: 0 auto; padding: 14px 18px; border-radius: 12px; background: rgba(74, 74, 0, .12); font-size: clamp(18px, 4.8vw, 24px); font-weight: 400; line-height: 1.45; background-image: none; color: #fad652; }
.c-mh__note::before, .c-mh__note::after { content: ""; position: absolute; left: 6%; right: 6%; height: 3px; background: linear-gradient(90deg, transparent, #fce277 25%, #b88528 55%, #fad652 80%, transparent); }
.c-mh__note::before { top: 0; }
.c-mh__note::after { bottom: 0; }
.c-mh__h { max-width: 600px; margin: 30px auto 0; font-size: clamp(26px, 7vw, 40px); font-weight: 900; line-height: 1.35; background: var(--silver); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-mh__h b { font-weight: 900; background: var(--gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-mh__sub { max-width: 560px; margin: 22px auto 0; font-size: clamp(18px, 4.8vw, 24px); font-weight: 300; line-height: 1.6; background: var(--silver); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-mh__sub br { display: none; }
.c-mh__sub b { font-weight: 400; background: var(--gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-mh__btn { display: inline-flex; flex-direction: row-reverse; align-items: center; justify-content: center; gap: 14px; box-sizing: border-box; max-width: 100%; margin-top: 30px; padding: 14px 22px; border: 3px solid transparent; background: linear-gradient(#191508, #191508) padding-box, linear-gradient(100deg, rgba(255, 238, 0, 0) 0%, #ffee00 30%, #ffee00 70%, rgba(255, 238, 0, 0) 100%) border-box; border-radius: 60px; color: #e6b830; text-decoration: none; white-space: nowrap; font-size: clamp(16px, 4.6vw, 26px); font-weight: 900; line-height: 1.3; }
.c-mh__btn img { width: 34px; height: auto; }
.c-mh__fig { position: relative; width: min(100%, 360px); aspect-ratio: 683 / 900; margin: 30px auto 0; }
.c-mh__glow { position: absolute; left: -10%; right: -10%; bottom: 0; height: 40%; background: radial-gradient(ellipse, rgba(255, 208, 16, .35), transparent 70%); }
.c-mh__shadow { position: absolute; left: 0; bottom: 0; width: 100%; filter: blur(14px); opacity: .6; }
.c-mh__man { position: absolute; top: 0; left: 50%; height: 100%; width: auto; max-width: none; transform: translateX(-67%); }
.c-mh__badges { display: flex; flex-direction: column; gap: 16px; max-width: 420px; margin: 26px auto 0; }
.c-mh__badge { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 16px; box-sizing: border-box; padding: 14px 20px; border-radius: 16px; background: linear-gradient(270deg, #cfa500, #ffd010 25%, #d5a700 80%, #d4a900); color: #191508; text-align: right; }
.c-mh__badge b { flex: none; min-width: 84px; font-family: "Poppins", sans-serif; font-size: 36px; font-weight: 900; line-height: 1; text-align: center; }
.c-mh__badge span { font-size: 16px; font-weight: 700; line-height: 1.4; }
.c-mh__badge br { display: none; }
.c-mh__btn:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }

@media (min-width: 1280px) {
  .c-mh__sec { width: calc(1920 * var(--u)); max-width: none; height: calc(1927 * var(--u)); margin: 0 auto; padding: 0; }
  .c-mh__w { display: block; position: absolute; opacity: .75; }
  .c-mh__w--a { left: calc(1637 * var(--u)); top: calc(88 * var(--u)); width: calc(203 * var(--u)); transform: rotate(-22deg); }
  .c-mh__w--b { left: calc(349 * var(--u)); top: calc(893 * var(--u)); width: calc(1224 * var(--u)); opacity: .35; transform: rotate(-22deg); }
  .c-mh__w--c { left: calc(151 * var(--u)); top: calc(689 * var(--u)); width: calc(234 * var(--u)); transform: rotate(-32deg); }
  .c-mh__note { position: absolute; top: calc(88 * var(--u)); left: calc(518 * var(--u)); width: calc(883 * var(--u)); height: calc(154 * var(--u)); max-width: none; margin: 0; padding: 0 calc(60 * var(--u)); box-sizing: border-box; display: grid; place-items: center; font-size: calc(32 * var(--u)); line-height: calc(46 * var(--u)); }
  .c-mh__h { position: absolute; top: calc(320 * var(--u)); left: calc(330 * var(--u)); right: calc(330 * var(--u)); max-width: none; margin: 0; font-size: calc(56 * var(--u)); line-height: calc(78 * var(--u)); }
  .c-mh__sub { position: absolute; top: calc(540 * var(--u)); left: 0; right: 0; max-width: none; margin: 0 auto; width: calc(903 * var(--u)); font-size: calc(32 * var(--u)); line-height: calc(54 * var(--u)); }
  .c-mh__sub br { display: inline; }
  .c-mh__btn { position: absolute; top: calc(743 * var(--u)); left: calc(565 * var(--u)); width: calc(790 * var(--u)); height: calc(123 * var(--u)); margin: 0; padding: 0; justify-content: center; border-radius: calc(98 * var(--u)); font-size: calc(40 * var(--u)); line-height: calc(43 * var(--u)); }
  .c-mh__btn img { width: calc(62 * var(--u)); }
  .c-mh__fig { position: absolute; top: calc(913 * var(--u)); left: calc(638 * var(--u)); width: calc(683 * var(--u)); height: calc(1014 * var(--u)); margin: 0; aspect-ratio: auto; overflow: visible; }
  .c-mh__glow { left: calc(-90 * var(--u)); right: calc(-90 * var(--u)); bottom: 0; height: calc(320 * var(--u)); }
  .c-mh__badges { display: block; max-width: none; margin: 0; }
  .c-mh__badge { position: absolute; width: calc(527 * var(--u)); height: calc(144 * var(--u)); padding: 0 calc(44 * var(--u)); border-radius: calc(20 * var(--u)); gap: calc(20 * var(--u)); }
  .c-mh__badge--1 { left: calc(1114 * var(--u)); top: calc(1301 * var(--u)); }
  .c-mh__badge--2 { left: calc(1114 * var(--u)); top: calc(1608 * var(--u)); }
  .c-mh__badge--3 { left: calc(209 * var(--u)); top: calc(1462 * var(--u)); }
  .c-mh__badge b { min-width: calc(150 * var(--u)); font-size: calc(54 * var(--u)); }
  .c-mh__badge span { font-size: calc(25 * var(--u)); line-height: calc(38 * var(--u)); }
  .c-mh__badge br { display: inline; }
}
