/* =========================================================
   results.css — RESULTS · Luxury Editorial × Creative Agency
   המספרים הם האלמנט העיצובי. פריסה א־סימטרית, קווים דקים, הרבה אוויר.
   עברית: IBM Plex Sans Hebrew · מספרים ואנגלית: Inter Tight
   רק צבעי האתר: בורדו, שמנת ונייר.
   ========================================================= */
.rs{
  --rs-num:'Inter Tight','Heebo',sans-serif;
  --rs-ease:cubic-bezier(.16,1,.3,1);
  padding:var(--space-12) var(--gutter) var(--space-11);
  overflow:hidden;
}
.rs-wrap{max-width:var(--content-width);margin:0 auto}
.rs-en{font-family:var(--rs-num);font-weight:500;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;direction:ltr;unicode-bidi:isolate}
.rs-n{display:inline-flex;align-items:baseline;font-family:var(--rs-num);font-weight:200;line-height:.82;letter-spacing:-.055em;direction:ltr;unicode-bidi:isolate;white-space:nowrap;font-feature-settings:"lnum" 1}
.rs-n [data-count]{display:inline-block}
.rs-n .counting{font-variant-numeric:tabular-nums}
.rs h2,.rs h3{font-family:var(--font-display);text-wrap:balance}
.rs-tag{display:block;color:var(--color-plum)}
.rs-rule{display:block;height:1px;background:currentColor;opacity:.22;transform-origin:right center}

/* ---------- פתיחה: כותרת מימין, משפט קטן משמאל למטה ---------- */
.rs-top{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:var(--space-8)}
.rs-kick{display:flex;align-items:center;gap:var(--space-4);color:var(--color-plum)}
.rs-kick i{width:56px;height:1px;background:currentColor;opacity:.5}
.rs-kick span{color:var(--color-muted)}
.rs-top h2{margin-top:var(--space-6);font-weight:700;font-size:clamp(40px,4.6vw,68px);line-height:1.02;letter-spacing:-.025em;color:var(--color-choc)}
.rs-lede{max-width:28ch;justify-self:end;font-size:18px;line-height:1.65;color:var(--color-text);padding-bottom:10px}

/* ---------- 01 · מספר ענק ---------- */
.rs-feature{margin-top:var(--space-12);color:var(--color-choc)}
.rs-mask{overflow:hidden;padding-block:.06em .02em}
.rs-n-xl{font-size:clamp(104px,21.5vw,318px);color:var(--color-choc);margin-top:var(--space-4)}
.rs-feature .rs-rule{margin-top:var(--space-5)}
.rs-cap{display:grid;grid-template-columns:1fr 1fr;align-items:baseline;gap:var(--space-6);margin-top:var(--space-5)}
.rs-cap h3{font-weight:500;font-size:clamp(22px,2vw,28px);line-height:1.3;color:var(--color-choc)}
.rs-cap p{justify-self:end;font-size:15px;line-height:1.6;color:var(--color-muted)}

/* ---------- 02 + 03 · זוג א־סימטרי ---------- */
.rs-pair{display:grid;grid-template-columns:7fr 5fr;gap:var(--space-10);align-items:start;margin-top:var(--space-11)}
.rs-stat h3{margin-top:var(--space-5);font-weight:500;font-size:clamp(19px,1.6vw,23px);line-height:1.35}
.rs-stat p{margin-top:var(--space-2);font-size:15px;line-height:1.65;max-width:40ch}
.rs-stat .rs-rule{margin-top:var(--space-5)}
.rs-stat-dark{background:var(--color-choc);color:var(--color-paper);border-radius:28px;padding:var(--space-9) var(--space-9) var(--space-8)}
.rs-stat-dark .rs-tag{color:var(--color-lilac);opacity:.75}
.rs-stat-dark h3{color:var(--color-paper)}
.rs-stat-dark p{color:var(--color-paper-72)}
.rs-n-lg{font-size:clamp(96px,12.5vw,196px);color:var(--color-lilac);margin-top:var(--space-6)}
.rs-stat-light{margin-top:var(--space-12);color:var(--color-choc);padding-top:var(--space-5);border-top:1px solid var(--color-line)}
.rs-stat-light p{color:var(--color-muted)}
.rs-n-md{font-size:clamp(60px,7.4vw,118px);color:var(--color-choc);margin-top:var(--space-6)}
.rs-note{margin-top:var(--space-8);font-size:13px;color:var(--color-muted);text-align:center}

/* ---------- CASE STUDIES ---------- */
.rs-cs-head{display:flex;align-items:center;gap:var(--space-5);margin-top:var(--space-12);color:var(--color-plum)}
.rs-cs-head .rs-rule{flex:1;opacity:.3}
.rs-case{display:grid;grid-template-columns:5fr 7fr;gap:var(--space-11);padding-block:var(--space-10);border-bottom:1px solid var(--color-line)}
.rs-case-rev{grid-template-columns:7fr 5fr}
.rs-case-rev .rs-case-txt{order:2}
.rs-case-txt{display:flex;flex-direction:column;align-items:flex-start}
.rs-cat{margin-top:var(--space-3);font-size:14px;color:var(--color-muted)}
.rs-case-txt h3{margin-top:var(--space-6);font-weight:700;font-size:clamp(28px,2.8vw,42px);line-height:1.1;letter-spacing:-.02em;color:var(--color-choc);transition:color .4s}
.rs-case-txt p{margin-top:var(--space-5);font-size:17px;line-height:1.7;color:var(--color-text);max-width:38ch}
@media(hover:hover){.rs-case:hover .rs-case-txt h3{color:var(--color-plum)}}

/* לפני / אחרי: שתי שורות עם קו באורך יחסי */
.rs-ba{display:flex;flex-direction:column;gap:var(--space-7)}
.rs-row-h{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--color-muted)}
.rs-row-h .rs-en{color:var(--color-muted)}
.rs-row-after .rs-row-h .rs-en{color:var(--color-plum)}
.rs-row-v{display:flex;align-items:baseline;gap:var(--space-4);margin-top:var(--space-3)}
.rs-row-v > span{font-size:15px;color:var(--color-text)}
.rs-n-sm{font-size:clamp(44px,4.4vw,64px);font-weight:300;letter-spacing:-.04em;color:var(--color-muted)}
.rs-row-after .rs-n-sm{color:var(--color-choc)}
.rs-bar{position:relative;height:2px;margin-top:var(--space-4);background:var(--color-line)}
.rs-bar i{position:absolute;inset-block:0;right:0;width:calc(var(--w) * 1%);min-width:3px;background:var(--color-muted);transform-origin:right center}
.rs-row-after .rs-bar i{background:var(--color-plum)}
.rs-row-note{display:block;margin-top:var(--space-2);font-size:13px;color:var(--color-muted)}
.rs-legend{font-size:12px;color:var(--color-muted);opacity:.85}

.rs-key{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-top:var(--space-9);padding-top:var(--space-6);border-top:1px solid var(--color-choc)}
.rs-n-key{font-size:clamp(76px,8.6vw,136px);color:var(--color-plum)}
.rs-n-key .rs-pre{font-family:var(--font-display);font-weight:500;font-size:.3em;letter-spacing:0;margin-left:.3em;color:var(--color-choc)}
.rs-key-l{font-size:18px;font-weight:500;color:var(--color-choc)}
.rs-fine{margin-top:var(--space-4);font-size:13px;line-height:1.7;color:var(--color-muted);max-width:56ch}

/* כפתור הוכחות: קישור דק */
.rs-proof{margin-top:var(--space-7);padding:6px 0;background:none;border:0;border-bottom:1px solid currentColor;font:500 14px var(--font-body);letter-spacing:.02em;color:var(--color-choc);cursor:pointer;transition:color .3s}
.rs-proof::after{content:" ←";display:inline-block;transition:transform .35s var(--rs-ease)}
@media(hover:hover){.rs-proof:hover{color:var(--color-plum)}.rs-proof:hover::after{transform:translateX(-5px)}}
.rs-proof:focus-visible{outline:1px solid var(--color-plum);outline-offset:4px}

/* ---------- אנימציות: רק כשיש JS ולא ביקשו פחות תנועה ---------- */
@media(prefers-reduced-motion:no-preference){
  .js [data-rs] .rs-mask > .rs-n{transform:translateY(102%);transition:transform 1.3s var(--rs-ease)}
  .js [data-rs] .rs-rule{transform:scaleX(0);transition:transform 1.6s var(--rs-ease) .25s}
  .js [data-rs] .rs-tag,.js [data-rs] h3,.js [data-rs] .rs-cap,.js [data-rs] .rs-stat p,.js [data-rs] .rs-case-txt > *:not(.rs-tag),.js [data-rs] .rs-row-h,.js [data-rs] .rs-row-v > span,.js [data-rs] .rs-row-note,.js [data-rs] .rs-legend,.js [data-rs] .rs-key-l,.js [data-rs] .rs-fine{opacity:0;transform:translateY(14px);transition:opacity .9s var(--rs-ease),transform .9s var(--rs-ease);transition-delay:.35s}
  .js [data-rs] .rs-bar i{transform:scaleX(0);transition:transform 1.5s var(--rs-ease) .5s}
  .js [data-rs] .rs-row-after .rs-bar i{transition-delay:.8s}
  .js [data-rs] .rs-n-sm,.js [data-rs] .rs-n-key{opacity:0;transition:opacity 1s var(--rs-ease) .2s}

  .js [data-rs].on .rs-mask > .rs-n,
  .js [data-rs].on .rs-rule,
  .js [data-rs].on .rs-bar i{transform:none}
  .js [data-rs].on .rs-tag,.js [data-rs].on h3,.js [data-rs].on .rs-cap,.js [data-rs].on .rs-stat p,.js [data-rs].on .rs-case-txt > *:not(.rs-tag),.js [data-rs].on .rs-row-h,.js [data-rs].on .rs-row-v > span,.js [data-rs].on .rs-row-note,.js [data-rs].on .rs-legend,.js [data-rs].on .rs-key-l,.js [data-rs].on .rs-fine,
  .js [data-rs].on .rs-n-sm,.js [data-rs].on .rs-n-key{opacity:1;transform:none}
  .js [data-rs].on .rs-tag{transition-delay:.1s}

  /* ריחוף עדין על המספרים */
  @media(hover:hover){
    .rs-feature .rs-n-xl,.rs-stat .rs-n{transition:transform 1.3s var(--rs-ease),letter-spacing .8s var(--rs-ease)}
    .rs-feature:hover .rs-n-xl{letter-spacing:-.045em}
    .rs-stat:hover .rs-n{letter-spacing:-.045em}
  }
}

/* ---------- חלון צילומי המסך ---------- */
.rs-dlg{width:min(980px,calc(100% - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid var(--color-line);border-radius:18px;background:var(--color-paper);color:var(--color-ink);overflow:hidden}
.rs-dlg::backdrop{background:rgba(46,12,19,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.rs-dlg[open]{display:flex;flex-direction:column;animation:rsIn .45s var(--ease,ease)}
@keyframes rsIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.rs-dlg-top{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-line)}
.rs-dlg-top .rs-en{color:var(--color-plum)}
.rs-dlg-x{width:36px;height:36px;display:grid;place-items:center;background:none;border:1px solid var(--color-line);border-radius:50%;cursor:pointer;color:var(--color-choc)}
.rs-dlg-x svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round}
.rs-dlg-body{display:flex;gap:var(--space-5);padding:var(--space-6) var(--space-5);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior:contain}
.rs-dlg-body figure{flex:0 0 auto;max-width:min(420px,80vw);scroll-snap-align:center;display:flex;flex-direction:column;gap:var(--space-2)}
.rs-dlg-body img{display:block;width:100%;height:auto;max-height:calc(100dvh - 230px);object-fit:contain;border-radius:10px;border:1px solid var(--color-line);background:#fff}
.rs-dlg-body figcaption{font-size:13px;color:var(--color-muted)}
.rs-dlg-body .rs-missing{font-size:14px;line-height:1.7;color:var(--color-text)}
.rs-dlg-note{padding:0 var(--space-5) var(--space-5);font-size:12px;color:var(--color-muted)}

/* ---------- טאבלט ---------- */
@media(max-width:1024px){
  .rs{padding-top:var(--space-11)}
  .rs-pair{grid-template-columns:1fr;gap:var(--space-9)}
  .rs-stat-light{margin-top:0}
  .rs-case,.rs-case-rev{grid-template-columns:1fr;gap:var(--space-8)}
  .rs-case-rev .rs-case-txt{order:0}
}

/* ---------- טלפון ---------- */
@media(max-width:767px){
  .rs{padding:var(--space-10) var(--gutter) var(--space-10)}
  .rs-top{grid-template-columns:1fr;gap:var(--space-5)}
  .rs-top h2{font-size:clamp(34px,10vw,42px)}
  .rs-lede{justify-self:start;font-size:16.5px;padding-bottom:0}
  .rs-feature{margin-top:var(--space-10)}
  .rs-n-xl{font-size:clamp(84px,26vw,112px)}
  .rs-cap{grid-template-columns:1fr;gap:var(--space-2)}
  .rs-cap p{justify-self:start}
  .rs-pair{margin-top:var(--space-10);gap:var(--space-7)}
  .rs-stat-dark{border-radius:22px;padding:var(--space-7) var(--space-6)}
  .rs-n-lg{font-size:clamp(84px,27vw,116px)}
  .rs-n-md{font-size:clamp(56px,18vw,80px)}
  .rs-cs-head{margin-top:var(--space-10)}
  .rs-case{padding-block:var(--space-8);gap:var(--space-7)}
  .rs-case-txt h3{font-size:clamp(26px,7.6vw,32px)}
  .rs-case-txt p{font-size:16px}
  .rs-n-sm{font-size:clamp(40px,12vw,52px)}
  .rs-key{margin-top:var(--space-7)}
  .rs-n-key{font-size:clamp(68px,21vw,92px)}
}

/* "פי 75": המילה העברית מימין למספר */
.rs-n-key:has(.rs-pre){direction:rtl}
.rs-n-key .rs-pre{margin-left:.25em;margin-right:0}