/* Logical properties handle shared spacing;
only directional differences live here. */
[dir="rtl"] body {
  font-family:Cairo,Tahoma,Arial,sans-serif
}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] .brand-name {
  letter-spacing:0;
  line-height:1.5
}
[dir="rtl"] .eyebrow,[dir="rtl"] .brand-tagline {
  letter-spacing:0
}
[dir="rtl"] .hero {
  background-image:linear-gradient(270deg,rgba(7,29,20,.86),rgba(7,29,20,.42)),url("../images/forest-canopy.jpg")
}
[dir="rtl"] .hero h1 {
  font-size:clamp(2.5rem,4.8vw,4rem);
  max-width:900px
}
[dir="rtl"] .arrow,[dir="rtl"] .nature-mark {
  transform:scaleX(-1)
}
[dir="rtl"] .language-switch {
  padding:6px 21px 6px 0;
  font-family:Inter,Arial,sans-serif
}
[dir="rtl"] .site-notice {
  padding:22px 22px 22px 50px
}
[dir="rtl"] .nav-list a {
  font-size:.85rem
}
@media(max-width:991.98px) {
  [dir="rtl"] .language-switch {
    padding:10px
  }
  [dir="rtl"] .nav-list a {
    font-size:.95rem
  }
}
@media(max-width:575.98px) {
  [dir="rtl"] .hero h1 {
    font-size:2.45rem
  }
  [dir="rtl"] .hero-content {
    padding-top:40px
  }
}