html[dir="rtl"] body {
  font-family: Arial, "Noto Sans Hebrew", "Noto Sans Arabic", sans-serif;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] .brand {
  font-family: Arial, "Noto Sans Hebrew", "Noto Sans Arabic", sans-serif;
  font-weight: 500;
  letter-spacing: -.02em;
}

html[dir="rtl"] .hero-photo {
  background-image: url('/dorke-rtl-natural-v3.png');
  background-position: center 42%;
}

html[dir="rtl"] .hero-shade {
  background:
    linear-gradient(270deg, rgba(13, 14, 14, .96) 0%, rgba(13, 14, 14, .48) 58%, rgba(13, 14, 14, .12)),
    linear-gradient(0deg, #0d0e0e 0%, transparent 30%);
}

html[dir="rtl"] .timeline li {
  border-left: 0;
  border-right: 1px solid var(--line);
  padding: 0 28px 36px 0;
}

html[dir="rtl"] .timeline li::before {
  left: auto;
  right: -5px;
}

@media (max-width: 560px) {
  html[dir="rtl"] .hero-photo {
    background-position: 78% 25%;
  }

  html[dir="rtl"] .hero-copy {
    max-width: 70%;
    margin-inline-start: 0;
    margin-inline-end: auto;
  }
}