/* ═══════════════════════════════════════════════════════════
   rtl.css — Hebrew layer. Loaded only by /he/index.html,
   after base.css and style.css. Two jobs:
   1. swap the Latin type stack for a Hebrew one
   2. mirror every physical left/right rule in style.css
   ═══════════════════════════════════════════════════════════ */

/* ── 1. Hebrew type stack ───────────────────────────────── */
:root{
  --font-display:'Frank Ruhl Libre','Newsreader','Iowan Old Style',Georgia,serif;
  --font-body:'Assistant','Satoshi','Inter',-apple-system,'Helvetica Neue',sans-serif;
}

/* Hebrew has no italic form. Slanted Hebrew is a faux-oblique
   artefact, so emphasis is re-expressed with weight and colour. */
html[dir="rtl"] *{font-style:normal !important}
html[dir="rtl"] em{font-weight:600;color:var(--color-text-strong)}
html[dir="rtl"] .hero-title em{font-weight:400;color:var(--color-accent-strong)}
html[dir="rtl"] .tier-line,
html[dir="rtl"] .card-index,
html[dir="rtl"] .grid-figure figcaption em,
html[dir="rtl"] .mpc-list em{font-weight:500}

/* Hebrew is unicase: uppercase transforms are inert and wide
   letter-spacing only pulls the letters apart. */
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .kicker,
html[dir="rtl"] .tier-tag,
html[dir="rtl"] .founders-label,
html[dir="rtl"] .domains-label,
html[dir="rtl"] .tl-phase,
html[dir="rtl"] .p-role{letter-spacing:.03em}

/* Display type is set tight for Latin; Hebrew needs the room back. */
html[dir="rtl"] .hero-title{letter-spacing:0;line-height:1.12;max-width:20ch}
html[dir="rtl"] .section-title,
html[dir="rtl"] .tier-name,
html[dir="rtl"] .p-name,
html[dir="rtl"] .pull{letter-spacing:0}
html[dir="rtl"] .pull{line-height:1.45}

/* Latin brand words and codes stay left-to-right inside Hebrew runs. */
html[dir="rtl"] .lang-switch{direction:ltr}

/* ── 2. Mirrored geometry ───────────────────────────────── */

html[dir="rtl"] .skip{left:auto;right:-9999px}
html[dir="rtl"] .skip:focus{right:var(--space-4);left:auto}

/* nav underline grows from the right */
html[dir="rtl"] .site-nav a::after{
  left:100%;right:0;
  transition-property:left;
}
html[dir="rtl"] .site-nav a:hover::after{left:0;right:0}
html[dir="rtl"] .site-nav a.is-current::after{left:0;right:0}
html[dir="rtl"] .mobile-nav a.is-current{box-shadow:inset -3px 0 0 var(--color-accent)}

/* hero facts */
html[dir="rtl"] .fact{padding:var(--space-6) 0 var(--space-6) var(--space-4)}
html[dir="rtl"] .fact + .fact{
  border-left:0;
  border-right:1px solid rgba(255,255,255,.1);
  padding-left:0;padding-right:var(--space-5);
}

/* pull quote rule */
html[dir="rtl"] .pull{
  border-left:0;
  border-right:2px solid var(--color-accent);
  padding-left:0;
  padding-right:clamp(var(--space-5),2.5vw,var(--space-8));
}

/* bulleted tier lists */
html[dir="rtl"] .tier-list li{padding-left:0;padding-right:var(--space-5)}
html[dir="rtl"] .tier-list li::before{left:auto;right:0}

/* founder card accent */
html[dir="rtl"] .founder-lead{
  border-left:0;
  border-right:2px solid var(--color-accent);
}

/* team grid cells */
html[dir="rtl"] .team-list li{padding:var(--space-6) 0 var(--space-8) var(--space-6)}

/* timeline */
html[dir="rtl"] .timeline li{padding:var(--space-8) 0 0 var(--space-6)}
html[dir="rtl"] .timeline li + li{
  border-left:0;
  border-right:1px solid rgba(255,255,255,.12);
  padding-left:0;padding-right:var(--space-6);
}
html[dir="rtl"] .timeline li::before{left:auto;right:0}
html[dir="rtl"] .timeline li + li::before{left:auto;right:-4.5px}

/* ── 3. Mirrored responsive overrides ───────────────────── */

@media (max-width:1000px){
  html[dir="rtl"] .pull{border-right-width:2px}
  html[dir="rtl"] .timeline li + li{
    border-right:0;padding-right:0;
  }
  html[dir="rtl"] .timeline li + li::before{right:0}
}

@media (max-width:860px){
  html[dir="rtl"] .fact:nth-child(2n)+.fact{
    border-right:0;padding-right:0;
  }
}

@media (max-width:520px){
  html[dir="rtl"] .fact + .fact{
    border-right:0;padding-right:0;
    border-top:1px solid rgba(255,255,255,.1);
  }
}

/* Numeric stat values are LTR runs: keep +, %, and ranges on the correct side. */
html[dir="rtl"] .stat-n{direction:ltr;unicode-bidi:isolate-override;text-align:right}

/* Directional illustration: the grid flows from the source outward, so mirror it for RTL reading. */
html[dir="rtl"] .grid-figure img{transform:scaleX(-1)}