/* Berkeley Tower skin, loaded after the shared site.css. Taken from Ellington's project brief: the
   heading brown of page 3 (#5A4632), the bronze of the lobby's fins (#8C7158), the blush stone of its
   pages (#E9E1DC, pale #F6F2EF), headings in wide sans capitals ("BERKELEY TOWER", "BUILDING
   CONFIGURATION"). Arabic keeps normal spacing: spaced letters break Arabic joining. */
:root {
  --ink: #2E2620;
  --muted: #6E6158;
  --ground: #F6F2EF;
  --band: #EDE5E0;
  --line: #DCD0C8;
  --stone: #E9E1DC;
  --bronze: #8C7158;
  --brown: #5A4632;
  --radius: 0;
  --shadow: 0 6px 28px rgba(90, 70, 50, 0.08);
}
body { background: var(--ground); }
.hdr { background: rgba(246, 242, 239, 0.9); }
.hdr.is-solid, .hdr.is-menu, .mnav { background: var(--ground); }
.hdr__logo--project img { width: 84px; height: auto; }

/* ---------- type: wide sans capitals in brown, as the brief sets them ---------- */
.eyebrow { font: 500 14px/1.3 var(--sans); letter-spacing: 0.14em; text-transform: uppercase; color: var(--bronze); margin-bottom: 10px; }
.h2, .form__title { font: 600 30px/1.2 var(--sans); letter-spacing: 0.06em; text-transform: uppercase; color: var(--brown); }
.hero__title { font: 600 60px/1.08 var(--sans); letter-spacing: 0.08em; 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; text-transform: none; }

/* ---------- buttons: flat, brown ---------- */
.btn { border-radius: 0; letter-spacing: 0.08em; text-transform: uppercase; font-size: 14px; }
[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: 140px; }
.hcard--glass { background: rgba(46, 38, 32, 0.5); border-radius: 0; }
.hcard--solid { background: var(--brown); border-radius: 0; }

/* ---------- bands in the brief's colours ---------- */
.amen { background: var(--stone); }
.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(--stone); }
.drive__n { background: var(--brown); }

/* Offices carry no terrace figure in the brief's table (p20): the layouts list shows three columns,
   office, price, size; the template's fourth column is closed up. */
@media (min-width: 901px) { .units__head, .unit__row { grid-template-columns: 1.6fr 1fr 1.4fr 40px; } }
.units__head span:nth-child(4), .unit__row > span:nth-of-type(4) { display: none; }
@media (max-width: 700px) {
  .hero__title { font-size: 40px; letter-spacing: 0.05em; }
  .h2, .form__title { font-size: 24px; }
}