/* The Hebrew pages: right to left, set in Rubik, the app's Hebrew face (D104). Objects (the booklet, stamps, the map) keep
   their physical sides; only the reading order turns. */
@font-face { font-family: "Rubik"; src: url("../fonts/rubik-hebrew.woff2") format("woff2"); font-weight: 300 900; font-style: normal; font-display: swap; }

:root {
  --serif: "Rubik", "Arial Hebrew", "Noto Sans Hebrew", sans-serif;
  --sans: "Rubik", "Arial Hebrew", "Noto Sans Hebrew", sans-serif;
}
body { font-feature-settings: normal; line-height: 1.6; }
.display { font-weight: 500; letter-spacing: -0.01em; line-height: 1.14; }
.hero-copy h1 { font-size: clamp(38px, 4.3vw, 62px); line-height: 1.12; }
h2.display { font-size: clamp(32px, 4.1vw, 56px); line-height: 1.14; }
h3.display { font-size: clamp(24px, 2.2vw, 30px); }
.ladder .name, .covers-grid .nm, .friend figcaption b, .pstamp h3, .fin-stage .what, .figures .n, .atlas-count .n, .promise strong { font-weight: 500; }
.ladder .name { font-size: 21px; }
.covers-grid .nm { font-size: 18px; }
.pstamp h3 { font-size: 23px; }
.promise strong { font-size: clamp(21px, 2vw, 27px); }
.page-head { letter-spacing: 0.06em; font-size: 12px; }
.site-foot .mrz, .ltr { direction: ltr; unicode-bidi: isolate; }
.site-foot .mrz { text-align: left; }

/* The booklet's stage: its first page on the right, the cover opening into the left half, as in the English page. */
.booklet-frame { margin-inline-start: 0; margin-inline-end: var(--page-w); }
@media (max-width: 1100px) { .booklet-frame { margin-inline-end: 0; } }

/* The rosette sits behind the booklet, which is on the left in Hebrew. */
.hero::before { right: auto; left: -16%; }