/* ============================================================ CornerStone — Hebrew (RTL) typography overrides Loaded AFTER styles.css on the Hebrew edition only. Layout direction (mirrored grids, separators, bullets, text alignment) is handled in styles.css via logical properties that respond to . This file swaps in the self-hosted Hebrew typefaces and relaxes Latin letter-spacing. Fonts (self-hosted, Hebrew page only — no Google Fonts): • Keter Aram Tsova — headings, brand, display numerals, card glyphs • Keter YG — nav items (top + footer) + CTA buttons • Shofar — body text All three are Culmus "taamim" fonts (support cantillation marks). Files + licenses live in /assets/fonts/. ============================================================ */ /* ---------- Self-hosted Hebrew faces ---------- */ /* Keter Aram Tsova ships a single weight; cover the 400–700 range with it. */ @font-face { font-family: "Keter Aram Tsova"; src: url("/assets/fonts/KeterAramTsova.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; } @font-face { font-family: "Shofar"; src: url("/assets/fonts/Shofar-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Shofar"; src: url("/assets/fonts/Shofar-Bold.woff2") format("woff2"); /* ShofarDemi-Bold */ font-weight: 700; font-style: normal; font-display: swap; } /* (Keter YG @font-face lives in styles.css — shared by both editions.) */ /* ---------- Apply ---------- */ body { font-family: var(--he-body); } /* Keter Aram Tsova — only the brand link, section headings (h2), and card glyphs. */ .brand-name, h2, .card-glyph { font-family: var(--he-aram); } /* Keter YG everywhere else Hebrew display type appears. Nav items + FAQ question titles stay Medium; headings, footer brand, spec labels, strip numerals, materials, and the CTA buttons use Bold. */ .site-nav > a, .footer-nav a, .faq summary, h1, h3, .footer-brand, .spec dt, .strip-num, .material, .btn-primary { font-family: var(--he-yg); } h1, h3, .footer-brand, .spec dt, .strip-num, .material, .btn-primary { font-weight: 700; } /* Small label text reads better in the body face than the display face. */ .eyebrow { font-family: var(--he-body); letter-spacing: 0.12em; } /* Hebrew has no uppercase and reads poorly with wide Latin tracking. */ .brand-name, .material, .hero-note, .hero-link { letter-spacing: normal; }