/* Hebrew /he only. Loaded after the shared stylesheet. Palanquin and Aboreto have no Hebrew. */
html[lang="he"] {
  --font-sans: "Heebo", system-ui, sans-serif;
  --font-display: "Heebo", system-ui, sans-serif;
}

html[lang="he"] body,
html[lang="he"] .display,
html[lang="he"] .label,
html[lang="he"] .eyebrow,
html[lang="he"] .big-num {
  font-family: "Heebo", system-ui, sans-serif;
}

html[lang="he"] .display,
html[lang="he"] .label,
html[lang="he"] .eyebrow {
  text-transform: none;
  letter-spacing: 0.02em;
}

html[lang="he"] .display {
  line-height: 1.35;
  font-weight: 500;
}

html[lang="he"] .label,
html[lang="he"] .eyebrow {
  font-weight: 500;
  line-height: 1.45;
}

html[lang="he"] :where(section[id], footer) {
  scroll-margin-top: 8.5rem;
}

/* Keep prices, phone numbers and years in published order. */
html[lang="he"] .num {
  direction: ltr;
  unicode-bidi: isolate;
}

/* A block that is itself left-to-right still belongs on the Hebrew start edge. */
html[lang="he"] .he-figure {
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: 0;
}

.he-hero {
  min-height: 100svh;
}

/* Darken the start edge (the right side in RTL), where the heading sits. */
.he-shade {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.28) 42%, transparent 72%);
}

.he-subnav {
  display: flex;
  gap: 1.25rem;
  overflow-x: auto;
  padding: 0 1.25rem 0.85rem;
  scrollbar-width: none;
}

.he-subnav::-webkit-scrollbar {
  display: none;
}

@media (min-width: 1024px) {
  .he-subnav {
    display: none;
  }
}

/* English utilities are physical. On this page they mean start and end. */
[dir="rtl"] .text-left {
  text-align: right;
}

[dir="rtl"] .text-right {
  text-align: left;
}

[dir="rtl"] .he-line {
  left: auto;
  right: 39px;
}

@media (min-width: 1024px) {
  [dir="rtl"] .he-line {
    right: 0;
    left: 0;
  }

  [dir="rtl"] .he-dot {
    margin-left: 0;
    margin-right: 22px;
  }
}

[dir="rtl"] .he-badge {
  left: auto;
  right: 1rem;
}

.he-video {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: #1d1511;
}

.he-map {
  direction: ltr;
}