.company {
  height: calc(2747 * var(--u));
}
/* Homepage details shared by Arabic and English. */
.hero-property { position:absolute; left:calc(1100 * var(--u)); top:calc(620 * var(--u)); width:calc(148 * var(--u)); height:calc(126 * var(--u)); }
.client-logo .weekend { width:calc(126 * var(--u)); height:calc(100 * var(--u)); object-fit:contain; }
.footer { height:calc(400 * var(--u)); }
.footer-surface { height:calc(368 * var(--u)); }
.footer-contact { position:absolute; left:calc(62 * var(--u)); top:calc(204 * var(--u)); display:flex; flex-wrap:wrap; gap:calc(28 * var(--u)); font-size:calc(19 * var(--u)); line-height:1.5; font-style:normal; }
.footer-contact a:hover { text-decoration:underline; }
.footer-rule { top:calc(264 * var(--u)); }
.copyright { top:calc(290 * var(--u)); }
@media(max-width:760px) {
  .hero-property { left:auto; right:20px; top:408px; width:86px; height:74px; }
  .client-logo .weekend { width:96px; height:76px; }
  .footer,.footer-surface { height:auto; }
  .footer-contact { position:static; flex-direction:column; align-items:flex-start; gap:12px; font-size:17px; }
}
.services h2 {
  margin-bottom: calc(32 * var(--u));
}
.editorial-services {
  display: flex;
  flex-direction: column;
  gap: calc(32 * var(--u));
  direction: ltr;
}
.service-lead {
  display: flex;
  gap: calc(48 * var(--u));
  align-items: center;
  background: #171916;
  padding: calc(32 * var(--u));
  border-radius: calc(24 * var(--u));
  height: calc(342 * var(--u));
}
.service-lead > img {
  width: calc(516 * var(--u));
  height: calc(278 * var(--u));
  object-fit: cover;
  border-radius: calc(16 * var(--u));
}
.service-lead > div {
  flex: 1;
  direction: rtl;
}
.service-lead h3 {
  font-size: calc(36 * var(--u));
  line-height: 1.4;
  margin-block: calc(16 * var(--u));
}
.service-lead p:last-child,
.editorial-card p {
  font-size: calc(18 * var(--u));
  line-height: 1.4;
}
.service-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(24 * var(--u));
  align-items: start;
}
.editorial-card {
  display: block;
  background: #171916;
  border-radius: calc(24 * var(--u));
  overflow: hidden;
}
.service-pair:nth-child(even) .editorial-card:first-child,
.service-pair:nth-child(odd) .editorial-card:last-child {
  margin-top: calc(40 * var(--u));
}
.editorial-card > img {
  width: 100%;
  height: calc(224 * var(--u));
  object-fit: cover;
}
.editorial-card > div {
  padding: calc(28 * var(--u));
  direction: rtl;
}
.editorial-card header {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: calc(12 * var(--u));
  margin-bottom: calc(12 * var(--u));
}
.editorial-card header span {
  color: var(--gold);
  font-size: calc(16 * var(--u));
  margin-inline-start: auto;
}
.editorial-card h3 {
  font-size: calc(26 * var(--u));
  line-height: 1.4;
}
.services-close {
  background: #f3eddf;
  color: var(--ink);
  padding: calc(24 * var(--u));
  border-radius: calc(16 * var(--u));
  font-size: calc(22 * var(--u));
  font-weight: 700;
  direction: rtl;
}
.clients {
  height: calc(800 * var(--u));
  padding: calc(80 * var(--u)) calc(106 * var(--u));
}
.clients > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(40 * var(--u));
  margin-bottom: calc(36 * var(--u));
}
.clients h2 {
  font-size: calc(36 * var(--u));
  line-height: 1.4;
}
.clients header p {
  font-size: calc(18 * var(--u));
  color: var(--gold);
}
.clients-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  direction: ltr;
  gap: calc(16 * var(--u));
}
.client-tile {
  width: calc(295 * var(--u));
  height: calc(174 * var(--u));
  padding: calc(18 * var(--u));
  border-radius: calc(16 * var(--u));
  background: #fdfdfc;
  color: #6e726b;
  text-align: center;
}
.client-logo {
  height: calc(100 * var(--u));
  display: flex;
  align-items: center;
  justify-content: center;
}
.client-logo img {
  width: calc(190 * var(--u));
  max-height: 100%;
  object-fit: contain;
}
.client-logo .pu,
.client-logo .poole {
  width: calc(78 * var(--u));
  height: calc(78 * var(--u));
}
.client-logo .xtb {
  width: calc(148 * var(--u));
}
.client-logo .trust {
  width: calc(166 * var(--u));
}
.client-logo .meedar {
  width: calc(104 * var(--u));
  height: calc(100 * var(--u));
}
.client-logo .founders {
  width: calc(176 * var(--u));
  height: calc(100 * var(--u));
  object-fit: cover;
}
.client-tile p {
  font-size: calc(14 * var(--u));
  line-height: 1.8;
  margin-top: calc(12 * var(--u));
  white-space: nowrap;
}
.market-promo {
  display: flex;
  direction: ltr;
  align-items: center;
  gap: calc(64 * var(--u));
  padding: calc(80 * var(--u));
  min-height: calc(592 * var(--u));
}
.market-promo > img {
  width: calc(648 * var(--u));
  height: calc(432 * var(--u));
  border-radius: calc(32 * var(--u));
  object-fit: cover;
}
.market-promo > div {
  width: calc(568 * var(--u));
  direction: rtl;
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--u));
}
.market-promo h2 {
  font-size: calc(54 * var(--u));
  font-weight: 800;
  line-height: 1.4;
}
.market-promo p {
  font-size: calc(18 * var(--u));
  line-height: 1.4;
}
.market-promo .eyebrow {
  font-size: calc(16 * var(--u));
}
.market-actions {
  display: flex;
  gap: calc(16 * var(--u));
}
.market-actions .button {
  padding-inline: calc(24 * var(--u));
}
@media (max-width: 760px) {
  .company {
    height: auto;
    padding-bottom: 48px;
  }
  .editorial-services {
    gap: 24px;
  }
  .services h2 {
    margin-bottom: 24px;
  }
  .service-lead {
    height: auto;
    display: block;
    padding: 20px;
    border-radius: 24px;
  }
  .service-lead > img {
    width: 100%;
    height: 210px;
    border-radius: 16px;
    margin-bottom: 24px;
  }
  .service-lead h3 {
    font-size: 28px;
    margin-block: 12px;
  }
  .service-lead p:last-child,
  .editorial-card p {
    font-size: 17px;
  }
  .service-pair {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .service-pair:nth-child(n) .editorial-card {
    margin-top: 0;
    border-radius: 24px;
  }
  .editorial-card > img {
    height: 220px;
  }
  .editorial-card > div {
    padding: 24px;
  }
  .editorial-card header {
    gap: 12px;
    margin-bottom: 12px;
  }
  .editorial-card header span {
    font-size: 16px;
  }
  .editorial-card h3 {
    font-size: 25px;
  }
  .services-close {
    padding: 24px;
    font-size: 20px;
    border-radius: 16px;
  }
  .clients {
    height: auto;
    padding: 48px 20px;
  }
  .clients > header {
    display: block;
    margin-bottom: 28px;
  }
  .clients h2 {
    font-size: 30px;
    margin-bottom: 12px;
  }
  .clients header p {
    font-size: 17px;
  }
  .clients-grid {
    gap: 12px;
  }
  .client-tile {
    width: calc(50% - 6px);
    height: 136px;
    padding: 12px;
    border-radius: 16px;
  }
  .client-logo {
    height: 76px;
  }
  .client-logo img {
    width: 130px;
  }
  .client-logo .pu,
  .client-logo .poole {
    width: 60px;
    height: 60px;
  }
  .client-logo .xtb {
    width: 110px;
  }
  .client-logo .trust {
    width: 120px;
  }
  .client-logo .meedar {
    width: 76px;
    height: 76px;
  }
  .client-logo .founders {
    width: 130px;
    height: 76px;
  }
  .client-tile p {
    font-size: 10px;
    white-space: normal;
    margin-top: 12px;
    line-height: 1.3;
  }
  .market-promo {
    flex-direction: column;
    padding: 48px 20px;
    gap: 32px;
  }
  .market-promo > img {
    width: 100%;
    height: auto;
    border-radius: 24px;
  }
  .market-promo > div {
    width: 100%;
    gap: 20px;
  }
  .market-promo h2 {
    font-size: 38px;
  }
  .market-promo p {
    font-size: 18px;
  }
  .market-promo .eyebrow {
    font-size: 15px;
  }
  .market-actions {
    gap: 12px;
    flex-wrap: wrap;
  }
  .market-actions .button {
    padding: 14px 20px;
    height: auto;
  }
}
@font-face {
  font-family: Tajawal;
  src: url('/assets/optimized/Tajawal-ExtraBold.ttf?v=2e2acb3a55b0') format('truetype');
  font-weight: 800;
  font-display: swap;
}
.hero-dock .consultation {
  flex-direction: column;
  gap: 3px;
  line-height: 1.2;
}
.hero-dock .consultation small {
  font-size: 12px;
  font-weight: 500;
}

@media (max-width: 760px) {
  .service-pair > .editorial-card:last-child { order: -1; }
}