/* Waterfront by Missoni skin, loaded after the shared site.css. Taken from Native Properties' brochure: warm sand
   plaster grounds (#E3EDEC, paper #F6F1E8), deep brown type (#0F3F46), the red of its silk and of Native's
   square mark (#C8102E, deep #9E1B26), headings in a light high-contrast serif ("The city never stops.",
   "Life, without the rush."), eyebrows in spaced sans capitals ("JUMEIRAH VILLAGE TRIANGLE").
   Arabic keeps normal spacing. */
:root {
  --ink: #17323A;
  --muted: #5A6B70;
  --ground: #F6F1E8;
  --band: #ECE5D8;
  --line: #D9CFBE;
  --sand: #E3EDEC;
  --brown: #0F3F46;
  --red: #9A6A3A;
  --red-pale: #F1E6D8;
  --radius: 0;
  --shadow: 0 6px 28px rgba(15, 63, 70, 0.08);
}
body { background: var(--ground); }
.hdr { background: rgba(246, 241, 232, 0.92); }
.hdr.is-solid, .hdr.is-menu, .mnav { background: var(--ground); }

/* ---------- type: a light serif for headings, spaced capitals for eyebrows ---------- */
.eyebrow { font: 600 13px/1.3 var(--sans); letter-spacing: 0.22em; text-transform: uppercase; color: var(--red); margin-bottom: 12px; }
.h2, .form__title { font: 400 36px/1.12 var(--serif); letter-spacing: -0.005em; color: var(--brown); }
.hero__title { font: 400 68px/1.0 var(--serif); letter-spacing: 0.04em; text-transform: uppercase; text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45); }
.hero__sub { font-weight: 500; text-shadow: 0 1px 10px rgba(0, 0, 0, 0.6); }
[dir="rtl"] .eyebrow, [dir="rtl"] .h2, [dir="rtl"] .form__title, [dir="rtl"] .hero__title { letter-spacing: 0; }

/* ---------- buttons: flat, red ---------- */
.btn { border-radius: 0; letter-spacing: 0.08em; text-transform: uppercase; font-size: 13px; font-weight: 700; }
[dir="rtl"] .btn { letter-spacing: 0; }
.btn--line { color: var(--brown); border-color: var(--brown); }
.btn--line:hover { background: var(--brown); }
.btn--white { color: var(--brown); }
.tab { border-radius: 0; }

/* ---------- first screen ---------- */
.hero__dev { width: 150px; }
.hcard--glass { background: rgba(15, 63, 70, 0.5); border-radius: 0; }
.hcard--solid { background: var(--red); border-radius: 0; }

/* ---------- bands in the brochure's colours ---------- */
.amen { background: var(--sand); }
.amen__text { background: var(--ground); }
.gallery { background: var(--band); }
.unit__row, .plans, .facts { background: var(--band); }
.unit.is-open .unit__row { background: var(--brown); }
.loc__card { background: var(--red-pale); }
.drive__n { background: var(--red); }
/* No per-type plan pictures (the floor plans are a PDF behind the form): the empty picture column closes up. */
.plans--0 { display: none; }

@media (max-width: 700px) {
  .hero__title { font-size: 44px; }
  .h2, .form__title { font-size: 28px; }
}

/* The location map is the briefing's whole map page (16 : 9): the box takes its shape, nothing is cut off. */
.loc__map { aspect-ratio: 4224 / 2376; align-self: center; }
.loc__map img { height: auto; object-fit: contain; }