/* ── Urdu / RTL layout polish ─────────────────────────── */

html[lang="ur"] body {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
  line-height: 1.85;
}

html[lang="ur"] .section-heading h2,
html[lang="ur"] .hero-heading,
html[lang="ur"] .pm-card h3,
html[lang="ur"] #dividends .widget-header h3,
html[lang="ur"] .pillar-card__title,
html[lang="ur"] .ltv-card h3 {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
  font-weight: 700;
  line-height: 1.55;
}

html[lang="ur"] #hero .hero-heading {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
  font-weight: 700;
  font-size: clamp(2.125rem, 5.5vw, 3.5rem);
  line-height: 1.65;
  letter-spacing: 0;
}

html[lang="ur"] #hero .hero-heading .blue {
  color: var(--blue);
}

html[lang="ur"] #hero .hero-sub {
  font-size: 1.125rem;
  line-height: 2;
  max-width: 34rem;
}

html[lang="ur"] #hero .hero-tagline {
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.9;
}

html[lang="ur"] .section-heading h2 {
  font-size: clamp(1.75rem, 3.5vw, 3.25rem);
}

html[lang="ur"] .compare-header,
html[lang="ur"] .footer-col h4 {
  text-transform: none;
  letter-spacing: 0;
}

/* ── Hero ───────────────────────────────────────────── */
html.is-rtl .hero-inner {
  direction: rtl;
  grid-template-columns: 1.15fr 0.8fr;
}

html.is-rtl .hero-waves {
  transform: scaleX(-1);
}

html.is-rtl .hero-text {
  text-align: right;
}

html.is-rtl .hero-sub {
  margin-inline-start: auto;
  margin-inline-end: 0;
}

html.is-rtl .hero-btns {
  justify-content: flex-start;
}

html.is-rtl #hero .btn-primary svg {
  transform: scaleX(-1);
}

@media (max-width: 1024px) {
  html.is-rtl .hero-inner {
    grid-template-columns: 1fr;
  }

  html.is-rtl .hero-text {
    text-align: center;
  }

  html.is-rtl .hero-sub {
    margin-inline: auto;
  }

  html.is-rtl .hero-btns {
    justify-content: center;
  }
}

html.is-rtl .btn-primary,
html.is-rtl .btn-outline {
  direction: rtl;
}

/* ── Profit Model ─────────────────────────────────────── */
html[lang="ur"] #profit-model .section-heading p {
  font-size: 1.0625rem;
  line-height: 1.95;
  max-width: 40rem;
  margin-inline: auto;
}

html[lang="ur"] #profit-model .pm-card h3 {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.55;
  letter-spacing: 0;
}

html[lang="ur"] #profit-model .pm-item h4 {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.0625rem;
  line-height: 1.6;
  margin-bottom: 4px;
}

html[lang="ur"] #profit-model .pm-item p {
  font-size: 0.9375rem;
  line-height: 1.85;
}

html.is-rtl #profit-model .pm-item {
  align-items: flex-start;
  gap: 14px;
}

html.is-rtl #profit-model .pm-icon {
  margin-top: 4px;
}

/* RTL: swap columns so reading order matches EN (bad → good) */
html.is-rtl #profit-model .pm-grid {
  direction: rtl;
}

/* Cards slide in from reading direction in RTL */
html.is-rtl #profit-model.pm-visible .pm-card:nth-child(1) {
  animation-name: pm-slide-right;
}

html.is-rtl #profit-model.pm-visible .pm-card:nth-child(2) {
  animation-name: pm-slide-left;
}

/* ── Comparison ───────────────────────────────────────── */
/* RTL: mirror columns → read order matches EN (label → bad → good) */
html.is-rtl #comparison .compare-table {
  direction: rtl;
}

html[lang="ur"] #comparison .section-heading p {
  font-size: 1.0625rem;
  line-height: 1.95;
  max-width: 40rem;
  margin-inline: auto;
}

html[lang="ur"] #comparison .compare-header {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.9375rem;
}

html[lang="ur"] #comparison .compare-cell {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.75;
}

html[lang="ur"] #comparison .compare-cell.feature {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.65;
}

html.is-rtl #comparison .compare-cell.feature {
  display: flex;
  width: 100%;
  text-align: right;
  direction: rtl;
}

/* ── Dividends ────────────────────────────────────────── */
/* RTL: steps first (right), calculator second (left) — matches EN read order */
html.is-rtl #dividends .calc-grid {
  direction: rtl;
}

html[lang="ur"] #dividends .section-heading p {
  font-size: 1.0625rem;
  line-height: 1.95;
  max-width: 40rem;
  margin-inline: auto;
}

html[lang="ur"] #dividends .step-badge {
  letter-spacing: 0;
  font-size: 0.6875rem;
}

html[lang="ur"] #dividends .step-header h4,
html[lang="ur"] #dividends .formula-box label,
html[lang="ur"] #dividends .widget-header h3,
html[lang="ur"] #dividends .r-label,
html[lang="ur"] #dividends .result-label,
html[lang="ur"] #dividends .calc-note {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
}

html[lang="ur"] #dividends .formula-box label {
  font-size: 0.6875rem;
  line-height: 1.5;
  direction: rtl;
}

html[lang="ur"] #dividends .widget-header h3 {
  font-size: 1.1875rem;
  line-height: 1.55;
}

html[lang="ur"] #dividends .widget-header p {
  font-size: 0.9375rem;
  line-height: 1.85;
}

html[lang="ur"] #dividends .slider-label span:first-child {
  font-size: 1rem;
  line-height: 1.65;
}

html[lang="ur"] #dividends .result-amount {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
  letter-spacing: 0;
}

html[lang="ur"] #dividends .calc-note {
  font-size: 0.875rem;
  line-height: 1.9;
}

html.is-rtl #dividends .calc-note {
  text-align: center;
}

html.is-rtl #dividends .calc-results {
  direction: rtl;
}

html.is-rtl #dividends .slider-label {
  direction: rtl;
}

html.is-rtl #dividends.div-visible .calc-steps-1 {
  animation-name: div-slide-right;
}

html.is-rtl #dividends.div-visible .calc-widget {
  animation-name: div-slide-left;
}

/* Formula area: LTR + centered like EN; only step titles stay RTL */
html.is-rtl #dividends .calc-steps-1,
html.is-rtl #dividends .calc-steps-2 {
  direction: ltr;
  text-align: center;
}

html.is-rtl #dividends .step-header {
  direction: rtl;
  text-align: right;
  justify-content: flex-start;
  width: 100%;
}

html.is-rtl #dividends .formula-row {
  direction: ltr;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-inline: auto;
  flex-wrap: wrap;
}

html.is-rtl #dividends .result-banner {
  direction: ltr;
  text-align: center;
}

html.is-rtl #dividends .result-banner .result-label {
  direction: rtl;
}

html[lang="ur"] #dividends .calc-steps-2 .formula-box {
  min-width: 76px;
  padding: 10px 10px;
}

html[lang="ur"] #dividends .calc-steps-2 .formula-row {
  gap: 8px;
}

/* ── Turnover ───────────────────────────────────────────── */
html[lang="ur"] #turnover .slider-label span:first-child,
html[lang="ur"] #turnover .r-label,
html[lang="ur"] #turnover .calc-note {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
}

html[lang="ur"] #turnover .slider-label span:first-child {
  font-size: 1rem;
  line-height: 1.65;
}

html[lang="ur"] #turnover .r-label {
  font-size: 0.8125rem;
  line-height: 1.7;
  direction: rtl;
}

html[lang="ur"] #turnover .calc-note {
  font-size: 0.875rem;
  line-height: 1.9;
}

html.is-rtl #turnover .calc-widget {
  direction: rtl;
}

html.is-rtl #turnover .slider-label {
  direction: rtl;
}

/* RTL: own turnover → total (matches EN read order) */
html.is-rtl #turnover .calc-results {
  direction: rtl;
}

html.is-rtl #turnover .calc-note {
  text-align: center;
}

html.is-rtl #turnover .calc-result-box {
  text-align: center;
}

html.is-rtl #turnover .r-val,
html.is-rtl #turnover .val-badge {
  direction: ltr;
  unicode-bidi: isolate;
}

/* ── Retention ──────────────────────────────────────────── */
/* RTL: mirror columns → chart first (right), then cards (left) like EN flow */
html.is-rtl #retention .ltv-grid {
  direction: rtl;
}

html.is-rtl #retention.ret-visible .ltv-chart-card {
  animation-name: ret-slide-right;
}

html.is-rtl #retention.ret-visible .ltv-grid > .ltv-cards > .ltv-card,
html.is-rtl #retention.ret-visible .ltv-grid > .ltv-cards > .ltv-cards > .ltv-card:nth-child(1),
html.is-rtl #retention.ret-visible .ltv-grid > .ltv-cards > .ltv-cards > .ltv-card:nth-child(2) {
  animation-name: ret-slide-left;
}

html[lang="ur"] #retention .section-heading p {
  font-size: 1.0625rem;
  line-height: 1.95;
  max-width: 42rem;
  margin-inline: auto;
}

html[lang="ur"] #retention .ltv-card h3,
html[lang="ur"] #retention .chart-legend span {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.55;
}

html[lang="ur"] #retention .ltv-card p,
html[lang="ur"] #retention .ltv-list li,
html[lang="ur"] #retention .ltv-list-other li {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.8;
}

html.is-rtl #retention .chart-legend {
  direction: rtl;
  gap: 20px;
}

html.is-rtl #retention .legend-item-1,
html.is-rtl #retention .legend-item-2 {
  direction: rtl;
}

html.is-rtl #retention .ltv-list li {
  align-items: flex-start;
  gap: 12px;
}

html.is-rtl #retention .ltv-list li > span {
  flex: 1;
  text-align: right;
}

html.is-rtl #retention .ltv-list .cell-no,
html.is-rtl #retention .ltv-list .cell-yes {
  margin-top: 3px;
  flex-shrink: 0;
}

html.is-rtl #retention .ltv-list-other li {
  text-align: right;
  align-items: flex-start;
}

html.is-rtl #retention .retention-chart {
  direction: ltr;
}

/* ── Growth ─────────────────────────────────────────────── */
/* Desktop RTL: diagram right, cards left (matches EN read flow).
   growth-grid must stay LTR so grid-column 1/2 map to physical left/right
   (main is already direction:rtl, which would flip column numbers otherwise). */
@media (min-width: 1024px) {
  html.is-rtl #growth .growth-grid {
    direction: ltr;
    align-items: center; /* match EN: diagram vertically centered beside cards */
    grid-template-columns: 1.2fr 1fr;
  }

  html.is-rtl #growth .pillars-diagram-wrap {
    grid-column: 2;
    grid-row: 1;
  }

  html.is-rtl #growth .pillars-cards {
    grid-column: 1;
    grid-row: 1;
    /* RTL grid: 01 top-right → 02 top-left (natural Urdu read order) */
    direction: rtl;
    text-align: right;
  }
}

html.is-rtl #growth .pillars-cards {
  direction: rtl;
}

html.is-rtl #growth .pillar-card--wide {
  grid-column: 1 / -1;
}

html.is-rtl #growth .pillar-card {
  direction: rtl;
  text-align: right;
}

html.is-rtl #growth .pillar-card__title,
html.is-rtl #growth .pillar-card__desc {
  text-align: right;
  direction: rtl;
}

html.is-rtl #growth .pillar-card__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  direction: rtl;
  gap: 0.75rem;
  width: 100%;
}

html[lang="ur"] #growth .section-heading p {
  font-size: 1.0625rem;
  line-height: 1.95;
  max-width: 42rem;
  margin-inline: auto;
}
html[lang="ur"] #growth .pillar-card__title,
html[lang="ur"] #growth .pillar-node__label {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
  line-height: 1.55;
}

html[lang="ur"] #growth .pillar-card__title {
  min-height: 2.75em;
}

html[lang="ur"] #growth .pillar-card__desc {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.8;
}

html[lang="ur"] #growth .pillar-node {
  width: 5rem;
  margin-left: -2.5rem;
}

html[lang="ur"] #growth .pillar-node__label {
  max-width: 6.5rem;
  line-height: 1.35;
  min-height: 2.7em;
}

html[lang="ur"] #growth .pillars-hub__num {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
  letter-spacing: 0;
}

html[lang="ur"] #growth .pillars-hub__label {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.6875rem;
}

html.is-rtl #growth .pillars-diagram-wrap {
  direction: ltr;
  width: 100%;
  max-width: 28rem;
  margin-inline: auto;
}

html.is-rtl #growth.growth-visible .pillars-diagram-wrap {
  animation-name: gr-slide-right;
}

/* ── Keep multi-column section shells in stable column positions ── */
html.is-rtl .calc-grid,
html.is-rtl .ltv-grid {
  direction: ltr;
}

/* ── RTL text blocks inside shells ────────────────────── */
html.is-rtl .pm-card,
html.is-rtl .compare-row,
html.is-rtl .compare-table,
html.is-rtl .calc-widget,
html.is-rtl .calc-steps,
html.is-rtl .ltv-chart-card,
html.is-rtl .ltv-cards,
html.is-rtl .ltv-card {
  direction: rtl;
  text-align: right;
}

html.is-rtl .pm-card h3,
html.is-rtl .ltv-card h3,
html.is-rtl .ltv-card p,
html.is-rtl .pillar-card__desc,
html.is-rtl .calc-note,
html.is-rtl #dividends .widget-header p {
  text-align: right;
}

/* Icon + text rows: RTL flex puts icon on the right (no row-reverse) */
html.is-rtl .pm-item,
html.is-rtl .compare-cell,
html.is-rtl .ltv-list li,
html.is-rtl #dividends .widget-header,
html.is-rtl #dividends .step-header,
html.is-rtl .doc-carousel-header,
html.is-rtl .ltv-card h3 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  direction: rtl;
}

html.is-rtl .compare-cell {
  align-items: center;
  gap: 10px;
}

html.is-rtl .ltv-card h3 {
  align-items: center;
}

html.is-rtl .pm-item > div,
html.is-rtl .compare-cell span {
  flex: 1;
  text-align: right;
}

html.is-rtl .compare-cell.feature {
  text-align: right;
  direction: rtl;
  display: block;
  width: 100%;
}

html.is-rtl .chart-legend {
  direction: rtl;
}

/* Bullet lists without icons */
html.is-rtl .ltv-list-other li {
  text-align: right;
}

/* ── Sliders & numeric UI stay LTR ──────────────────── */
html.is-rtl .slider-label {
  direction: rtl;
}

html.is-rtl .formula-row,
html.is-rtl .result-banner,
html.is-rtl .val-badge,
html.is-rtl .formula-box .val,
html.is-rtl .r-val,
html.is-rtl .result-amount {
  direction: ltr;
}

/* turnover + dividends result grids: dividends mirrors in its own block above */
html.is-rtl .calc-results {
  direction: ltr;
}

html.is-rtl #dividends input[type="range"],
html.is-rtl #turnover input[type="range"] {
  direction: rtl;
  background: linear-gradient(to left, var(--blue) var(--pct, 10%), var(--card-border) var(--pct, 10%));
}

html.is-rtl .slider-label .val-badge {
  direction: ltr;
  unicode-bidi: isolate;
}

/* ── Growth diagram (absolute positioning — keep clockwise LTR) ── */
html.is-rtl #growth .pillars-diagram-wrap,
html.is-rtl #growth .pillars-diagram {
  direction: ltr;
}

html.is-rtl .pillar-node__label {
  direction: rtl;
  unicode-bidi: plaintext;
}

/* ── Footer ─────────────────────────────────────────── */
/* RTL grid: brand on the right, link columns flow right → left */
html.is-rtl .footer-grid {
  direction: rtl;
}

html[lang="ur"] footer .footer-brand p,
html[lang="ur"] footer .footer-col a,
html[lang="ur"] footer .footer-bottom p,
html[lang="ur"] footer .footer-badge-item {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
  line-height: 1.85;
}

html[lang="ur"] footer .footer-col h4 {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
  font-weight: 700;
  line-height: 1.55;
}

html[lang="ur"] footer .footer-badge span:not(.badge-18) {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
  line-height: 1.4;
}

html.is-rtl .footer-brand {
  direction: rtl;
  text-align: right;
}

html.is-rtl .footer-brand .footer-logo {
  display: flex;
  justify-content: flex-start;
}

html.is-rtl .footer-brand p {
  text-align: right;
}

html.is-rtl .footer-col {
  direction: rtl;
  text-align: right;
}

html.is-rtl .footer-col h4 {
  text-align: right;
}

html.is-rtl .footer-col a {
  text-align: right;
}

html.is-rtl .footer-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  direction: rtl;
}

html.is-rtl .footer-badge .badge-18 {
  direction: ltr;
  unicode-bidi: isolate;
}

html.is-rtl .footer-bottom {
  direction: rtl;
  text-align: center;
}

html.is-rtl .footer-badges {
  direction: rtl;
  text-align: center;
}

/* ── Nav bar mirrors for RTL ─────────────────────────── */
html.is-rtl .nav-wrap nav {
  direction: rtl;
}

html.is-rtl .nav-links {
  margin-left: 0;
  margin-right: auto;
}

html.is-rtl .btn-shareholders,
html.is-rtl .btn-shareholders span,
html.is-rtl .nav-links a {
  direction: rtl;
  unicode-bidi: plaintext;
}

html.is-rtl .lang-menu {
  right: auto;
  left: 0;
}

/* ── Documents ──────────────────────────────────────────── */
html[lang="ur"] #documents .section-heading p {
  font-size: 1.0625rem;
  line-height: 1.95;
  max-width: 42rem;
  margin-inline: auto;
}

html[lang="ur"] #documents .doc-carousel-title,
html[lang="ur"] #documents .doc-badge span {
  font-family: 'Noto Naskh Urdu', 'Inter', system-ui, sans-serif;
  line-height: 1.55;
}

html.is-rtl #documents .doc-carousel-card {
  text-align: right;
}

html.is-rtl #documents .doc-carousel-header {
  direction: rtl;
  align-items: center;
  justify-content: space-between;
}

html.is-rtl #documents .doc-download-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  direction: rtl;
}

html.is-rtl #documents .doc-download-link svg {
  flex-shrink: 0;
}

html.is-rtl #documents .doc-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  direction: rtl;
}

html.is-rtl #documents .doc-badge svg {
  flex-shrink: 0;
}

html.is-rtl #documents .doc-badges {
  direction: rtl;
  justify-content: center;
  align-items: center;
}

/* Carousel shows LTR document pages — isolate from RTL shell */
html.is-rtl #documents .shareholder-splide,
html.is-rtl #documents .shareholder-splide .splide__track,
html.is-rtl #documents .shareholder-splide .splide__list,
html.is-rtl #documents .shareholder-splide .splide__slide {
  direction: ltr;
}

/* ── Section headings stay centred ──────────────────── */
html.is-rtl .section-heading,
html.is-rtl .section-heading p {
  text-align: center;
}

/* ── Simplified Chinese typography ───────────────────── */

html[lang="zh"] body {
  font-family: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif;
  line-height: 1.75;
}

html[lang="zh"] .section-heading h2,
html[lang="zh"] .hero-heading,
html[lang="zh"] .pm-card h3,
html[lang="zh"] #dividends .widget-header h3,
html[lang="zh"] .pillar-card__title,
html[lang="zh"] .ltv-card h3,
html[lang="zh"] .compare-header,
html[lang="zh"] .footer-col h4 {
  font-family: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0;
}

html[lang="zh"] #hero .hero-heading {
  font-family: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 900;
  font-size: clamp(2.25rem, 5.5vw, 3.5rem);
  line-height: 1.35;
  letter-spacing: 0;
}

html[lang="zh"] #hero .hero-sub {
  font-size: 1.125rem;
  line-height: 1.85;
  letter-spacing: 0;
}

html[lang="zh"] #hero .hero-tagline {
  letter-spacing: 0;
  line-height: 1.7;
}

html[lang="zh"] .section-heading p {
  font-size: 1.125rem;
  line-height: 1.85;
  letter-spacing: 0;
}

html[lang="zh"] #profit-model .pm-item h4 {
  font-weight: 600;
}

html[lang="zh"] #profit-model .pm-item p,
html[lang="zh"] #comparison .compare-cell,
html[lang="zh"] #dividends .calc-note,
html[lang="zh"] #turnover .calc-note,
html[lang="zh"] #retention .ltv-card p,
html[lang="zh"] #retention .ltv-list li,
html[lang="zh"] .pillar-card__desc {
  line-height: 1.8;
  letter-spacing: 0;
}

html[lang="zh"] .btn-primary,
html[lang="zh"] .btn-outline,
html[lang="zh"] .btn-shareholders {
  letter-spacing: 0;
}

/* ── Mobile typography tweaks ─────────────────────────── */
@media (max-width: 768px) {
  html[lang="ur"] #profit-model .section-heading p,
  html[lang="ur"] #comparison .section-heading p,
  html[lang="ur"] #dividends .section-heading p,
  html[lang="ur"] #turnover .section-heading p,
  html[lang="ur"] #retention .section-heading p,
  html[lang="ur"] #growth .section-heading p,
  html[lang="ur"] #documents .section-heading p {
    font-size: .9375rem;
    line-height: 1.85;
  }

  html[lang="ur"] .nav-drawer__links a {
    font-size: .9375rem;
    font-weight: 500;
    padding: 12px 0;
  }

  html.is-rtl .hero-sub {
    max-width: 100%;
  }

  html[lang="ur"] #hero .hero-heading,
  html[lang="zh"] #hero .hero-heading {
    font-size: clamp(1.5rem, 6.5vw, 2rem);
    max-width: 100%;
  }

  html[lang="ur"] #hero .hero-sub {
    font-size: 0.9375rem;
    line-height: 1.85;
  }

  html[lang="zh"] #hero .hero-sub {
    font-size: 0.9375rem;
    line-height: 1.7;
  }

  html.is-rtl .hero-heading-logo {
    margin-inline: 0.15em;
  }
}