@charset "UTF-8";
.h-languages, .v-languages { position: relative; display: block; flex-shrink: 0; }
.h-languages summary, .v-languages summary {
  display: flex; align-items: center; gap: 8px; cursor: pointer; list-style: none;
  border: 1px solid var(--line); border-radius: 4px; padding: 6px 10px;
  font: 600 13px/1.6 var(--sans);
}
.h-languages summary::-webkit-details-marker, .v-languages summary::-webkit-details-marker { display: none; }
.h-languages summary:focus-visible, .v-languages summary:focus-visible { outline: 3px solid var(--cognac); outline-offset: 4px; }
.h-language-options, .v-language-options {
  position: absolute; inset-inline-end: 0; top: calc(100% + 12px); z-index: 90;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px;
  width: min(320px, calc(100vw - 32px)); max-height: min(65vh, 480px); overflow: auto;
  padding: 12px; background: var(--paper); border: 1px solid var(--line);
  border-radius: 6px; box-shadow: 0 12px 32px #18281f22;
}
.h-language-options a, .v-language-options a {
  width: auto; height: auto; display: block; padding: 8px 10px;
  border: 0; border-radius: 3px; color: var(--ink); font: 500 14px/1.5 var(--sans);
  text-align: start; letter-spacing: normal; white-space: nowrap;
}
.h-language-options a:hover, .v-language-options a:hover,
.h-language-options a[aria-current], .v-language-options a[aria-current] { background: var(--sand); color: var(--ink); }
html[dir="rtl"] { --sans: Arial, "Noto Sans Arabic", "Noto Sans Hebrew", sans-serif; --serif: Georgia, "Noto Naskh Arabic", "Noto Serif Hebrew", serif; }
html:lang(hi) { --sans: "Noto Sans Devanagari", Arial, sans-serif; --serif: "Noto Serif Devanagari", Georgia, serif; }
html:lang(zh), html:lang(ja), html:lang(ko) { --sans: Arial, "Noto Sans CJK SC", "Microsoft YaHei", "Hiragino Sans", "Malgun Gothic", sans-serif; }
html[dir="rtl"] .h-inquiry, html[dir="rtl"] .v-inquiry,
html[dir="rtl"] .h-hero-copy, html[dir="rtl"] .v-hero-copy,
html[dir="rtl"] .h-home-residence-copy, html[dir="rtl"] .v-home-residence-copy { text-align: start; }
html[dir="rtl"] .h-brand, html[dir="rtl"] .v-brand,
html[dir="rtl"] .h-youtube-track, html[dir="rtl"] .v-youtube-track,
html[dir="rtl"] [data-story-carousel],
html[dir="rtl"] [data-masterplan], html[dir="rtl"] .h-gallery-controls,
html[dir="rtl"] .v-gallery-controls { direction: ltr; }
html[dir="rtl"] input[name="contact"], html[dir="rtl"] a[href^="tel:"] { direction: ltr; unicode-bidi: isolate; }