/* @u */
/* About + team (Figma 717tIYkclDyNXTsHrJIc6e frame 32:4) and orange FAQ (node 2:6441). Real text/images from the design.
   FAQ: the open answer card is brand orange with dark text (user request); only the first answer exists in the design, the rest are placeholders.
   >=1280px: the block at the bottom is in Figma px, converted by build.js (1:1 at 1920). Fonts: Noto Sans Hebrew. */
.c-ab, .c-lf { --u: calc(min(100vw, 1920px) / 1920); background: #101010; color: #fff; direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; overflow-x: clip; }
.c-ab :where(h2, p, ul, li, b), .c-lf :where(h2, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-ab__grad { background: linear-gradient(180deg, #fff 20%, #fff 65%, #999 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.c-ab__orange { color: #fe602e; }

.c-ab__about { position: relative; display: flex; flex-direction: column; gap: 28px; padding: 56px 20px 0; }
.c-ab__col { display: flex; flex-direction: column; gap: 28px; }
.c-ab__name { font-size: clamp(36px, 8vw, 60px); font-weight: 900; line-height: 1.25; }
.c-ab__sub { margin-top: -20px; font-size: clamp(22px, 5vw, 36px); line-height: 1.3; background: linear-gradient(180deg, #fff 20%, #fff 65%, #999 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-ab__text { display: flex; flex-direction: column; gap: 14.5px; font-size: clamp(16px, 2.8vw, 19px); line-height: 1.6; font-weight: 400; }
.c-ab__text b { font-weight: 900; }
.c-ab__photo { align-self: center; width: min(100%, 460px); height: auto; margin-top: 8px; }

.c-ab__team { padding: 64px 16px 56px; text-align: center; }
.c-ab__team-title { display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: clamp(36px, 8vw, 60px); font-weight: 900; line-height: 1.25; }
.c-ab__sticker { width: min(70vw, 260px); height: auto; transform: rotate(-4deg); }
.c-ab__card { margin-top: 34px; padding: 32px 12px 20px; border: 1px solid rgba(255, 255, 255, .19); border-radius: 17px; background: linear-gradient(180deg, #181717 0%, #121212 100%); }
.c-ab__row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px 8px; }
.c-ab__row + .c-ab__row { margin-top: 28px; }
.c-ab__member { display: flex; flex-direction: column; align-items: center; }
.c-ab__member img { width: min(100%, 150px); height: auto; aspect-ratio: 1; }
.c-ab__member b { margin-top: 2px; font-size: 20px; font-weight: 900; line-height: 1.3; }
.c-ab__member span { font-size: 17px; line-height: 1.3; }

.c-lf__section { padding: 56px 16px 64px; }
.c-lf__title { text-align: center; font-size: clamp(32px, 7.4vw, 56px); font-weight: 900; line-height: 1.25; background: linear-gradient(180deg, #fff 20%, #fff 65%, #999 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-lf__list { display: flex; flex-direction: column; gap: 16px; width: min(100%, 1388px); margin: 36px auto 0; }
.c-lf__q { position: relative; box-sizing: border-box; display: flex; align-items: center; min-height: 64px; padding: 14px 52px 14px 16px; border: 1px solid rgba(255, 255, 255, .52); border-radius: 25px; background: #101010; font-size: clamp(17px, 4.4vw, 23px); line-height: 1.3; cursor: pointer; list-style: none; }
.c-lf__q::-webkit-details-marker { display: none; }
.c-lf__q:focus-visible { outline: 2px solid #fe602e; outline-offset: 3px; }
.c-lf__icon { position: absolute; top: 50%; right: 18px; width: 21px; height: 18px; transform: translateY(-50%); background: url("../assets/faq-arrow.svg") center / contain no-repeat; }
.c-lf__item[open] .c-lf__icon { width: 15.75px; right: 20.6px; background-image: url("../assets/faq-open.svg"); }
.c-lf__a { box-sizing: border-box; padding: 22px 52px 24px 18px; border-radius: 25px; background: #ff8c55; color: #101010; font-size: clamp(16px, 4.2vw, 23px); font-weight: 600; line-height: 1.5; }

@media (min-width: 1280px) {
  .c-ab__about { display: block; height: calc(960.81 * var(--u)); padding: 0; }
  .c-ab__col { position: absolute; display: block; top: calc(192.3 * var(--u)); right: calc(940.6 * var(--u)); width: calc(797 * var(--u)); }
  .c-ab__name { font-size: calc(73 * var(--u)); line-height: calc(72.96 * var(--u)); }
  .c-ab__sub { margin-top: calc(1 * var(--u)); font-size: calc(44.2 * var(--u)); line-height: calc(44.16 * var(--u)); }
  .c-ab__text { gap: calc(14.5 * var(--u)); margin-top: calc(76.7 * var(--u)); font-size: max(13px, calc(21.1 * var(--u))); line-height: calc(27.46 * var(--u)); }
  .c-ab__photo { position: absolute; left: calc(1102.09 * var(--u)); top: calc(172.79 * var(--u)); width: calc(618.22 * var(--u)); height: calc(788.02 * var(--u)); margin: 0; }
  .c-ab__team { position: relative; height: calc(1206 * var(--u)); padding: 0; }
  .c-ab__team-title { position: absolute; z-index: 2; left: 0; right: 0; top: calc(161.4 * var(--u)); display: block; height: calc(93 * var(--u)); font-size: calc(73 * var(--u)); line-height: calc(72.96 * var(--u)); }
  .c-ab__sticker { position: absolute; left: 50%; top: calc(122.1 * var(--u)); width: calc(307.19 * var(--u)); height: calc(76.28 * var(--u)); transform: translate(-50%, -50%) rotate(-4deg); }
  .c-ab__card { position: absolute; left: calc(96 * var(--u)); right: calc(96 * var(--u)); top: calc(283.22 * var(--u)); height: calc(823.81 * var(--u)); margin: 0; padding: 0; box-sizing: border-box; }
  .c-ab__row { position: absolute; left: 50%; display: flex; grid-template-columns: none; gap: 0; width: calc(1248 * var(--u)); margin: 0; transform: translateX(-50%); }
  .c-ab__row--1 { top: calc(114.2 * var(--u)); }
  .c-ab__row--2 { top: calc(457.9 * var(--u)); width: calc(998.4 * var(--u)); margin-top: 0; transform: translateX(calc(-50% + calc(22.99 * var(--u)))); }
  .c-ab__member { width: calc(249.6 * var(--u)); height: calc(247.72 * var(--u)); }
  .c-ab__member img { width: calc(192 * var(--u)); height: calc(192 * var(--u)); }
  .c-ab__member b { margin-top: calc(-4.2 * var(--u)); font-size: max(13px, calc(23 * var(--u))); line-height: calc(29.95 * var(--u)); }
  .c-ab__member span { font-size: max(13px, calc(23 * var(--u))); line-height: calc(29.95 * var(--u)); white-space: nowrap; }

  .c-lf__section { position: relative; height: calc(1054 * var(--u)); padding: 0; }
  .c-lf__title { position: absolute; left: 0; right: 0; top: calc(62.8 * var(--u)); height: calc(93 * var(--u)); font-size: calc(72.96 * var(--u)); line-height: calc(93 * var(--u)); }
  .c-lf__list { position: absolute; left: calc(266 * var(--u)); right: calc(266 * var(--u)); top: calc(242.78 * var(--u)); width: auto; gap: calc(32 * var(--u)); margin: 0; }
  .c-lf__q { min-height: calc(81.95 * var(--u)); padding: 0 calc(89.55 * var(--u)) 0 calc(24 * var(--u)); border-radius: calc(25 * var(--u)); font-size: max(13px, calc(23 * var(--u))); line-height: calc(29.95 * var(--u)); }
  .c-lf__icon { right: calc(47 * var(--u)); width: calc(21 * var(--u)); height: calc(18 * var(--u)); }
  .c-lf__item[open] .c-lf__icon { right: calc(47 * var(--u)); width: calc(15.75 * var(--u)); }
  .c-lf__a { min-height: calc(99.34 * var(--u)); padding: calc(38 * var(--u)) calc(87.79 * var(--u)) 0 calc(24 * var(--u)); font-size: max(13px, calc(23 * var(--u))); line-height: calc(29.95 * var(--u)); }
}
.c-ab-br { display: none; }
@media (min-width: 1280px) { .c-ab .c-ab-br { display: inline; } }
@media (min-width: 600px) and (max-width: 1279px) { .c-ab .c-ab__row { grid-template-columns: repeat(5, 1fr); } .c-ab .c-ab__row--2 { grid-template-columns: repeat(4, 1fr); } .c-ab .c-ab__member img { width: min(100%, 130px); } .c-ab .c-ab__member span { font-size: 14px; } .c-ab .c-ab__member b { font-size: 17px; } }
@media (max-width: 599px) { .c-ab .c-ab__row { grid-template-columns: repeat(2, 1fr); } .c-ab .c-ab__row > :last-child:nth-child(odd) { grid-column: 1 / -1; } }
