/* @u */
/* Figma qbsXbJkHKKVl0JlNXJ8ESH node 45:11: 114 gold story card (photo on the left, 3 paragraphs, gold CTA). Frame 1920. Fonts: Noto Sans Hebrew.
   Type reduced (title 63/81 to 46/58, body 21 to 20). CTA text is dark on gold for contrast (design is white). */
.c-gb { --u: calc(min(100vw, 1920px) / 1920); --gold: linear-gradient(100deg, #ffd742 12%, #ffcc30 40%, #deb335 75%, #e3a701 106%); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: #141200; color: #fffce6; overflow-x: clip; display: flow-root; }
.c-gb :where(h2, p) { margin: 0; padding: 0; }
.c-gb__sec { box-sizing: border-box; padding: 46px 16px 60px; text-align: center; }
.c-gb__h { font-weight: 900; }
.c-gb__a, .c-gb__b { display: block; }
.c-gb__a { font-size: clamp(24px, 6.4vw, 32px); line-height: 1.25; background: var(--gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-gb__b { margin-top: 4px; font-size: clamp(28px, 7.6vw, 40px); line-height: 1.2; color: #fff; }
.c-gb__card { display: flex; flex-direction: column; position: relative; box-sizing: border-box; max-width: 600px; margin: 34px auto 0; overflow: hidden; border: 3px solid #ffd742; border-radius: 60px 9px 60px 9px; text-align: right; }
.c-gb__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: bottom; opacity: .27; }
.c-gb__photo { position: relative; display: block; width: 100%; height: 320px; object-fit: cover; object-position: 50% 30%; order: 2; }
.c-gb__txt { position: relative; padding: 30px 22px 34px; }
.c-gb__txt p { margin-top: 24px; font-size: 18px; font-weight: 400; line-height: 1.8; color: #fffce6; }
.c-gb__txt p:first-child { margin-top: 0; }
.c-gb__txt b { font-weight: 800; color: #fff; }
.c-gb__txt strong { font-weight: 900; }
.c-gb__btn { display: block; box-sizing: border-box; width: fit-content; margin: 34px auto 0; padding: 12px 30px; border-radius: 45px; background: var(--gold); color: #141200; text-decoration: none; font-size: 20px; font-weight: 900; line-height: 1.3; }
.c-gb__btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

@media (min-width: 1280px) {
  .c-gb__sec { width: calc(1920 * var(--u)); max-width: none; height: calc(965 * var(--u)); margin: 0 auto; padding: 0; position: relative; }
  .c-gb__h { position: absolute; top: calc(62 * var(--u)); left: 0; right: 0; }
  .c-gb__a { font-size: calc(52 * var(--u)); line-height: calc(60 * var(--u)); }
  .c-gb__b { margin-top: calc(6 * var(--u)); font-size: calc(64 * var(--u)); line-height: calc(70 * var(--u)); }
  .c-gb__card { position: absolute; top: calc(249 * var(--u)); left: calc(173 * var(--u)); width: calc(1573 * var(--u)); height: calc(680 * var(--u)); max-width: none; margin: 0; border-radius: calc(153 * var(--u)) calc(9 * var(--u)) calc(153 * var(--u)) calc(9 * var(--u)); }
  .c-gb__photo { position: absolute; left: 0; top: 0; width: calc(467 * var(--u)); height: calc(680 * var(--u)); border-radius: calc(153 * var(--u)) 0 0 calc(9 * var(--u)); object-position: 50% 20%; }
  .c-gb__txt { position: absolute; top: calc(56 * var(--u)); right: calc(100 * var(--u)); left: auto; width: calc(980 * var(--u)); padding: 0; }
  .c-gb__txt p { margin-top: calc(32 * var(--u)); font-size: max(13px, calc(22 * var(--u))); line-height: calc(40 * var(--u)); }
  .c-gb__btn { position: static; margin: calc(40 * var(--u)) 0 0; width: calc(334 * var(--u)); padding: 0; height: calc(54 * var(--u)); display: grid; place-items: center; font-size: calc(27 * var(--u)); line-height: calc(30 * var(--u)); }
}