/* Keep the shared site layouts, adapting only direction and Arabic type. */
.arabic-page {
  font-family: Arial, "Noto Sans Arabic", sans-serif;
}
.arabic-page :is(h1,h2,h3,.eyebrow,.number,.btn,.signature-label,.signature-social-label) {
  letter-spacing: normal;
}
.arabic-page :is(h1,h2,h3) {line-height: 1.35}
.arabic-page :is(h1,h2) em {
  font-family: "Noto Naskh Arabic", Arial, serif;
  font-style: normal;
  letter-spacing: normal;
}
.arabic-page .cinema h1 {letter-spacing: normal; line-height: 1.23; margin-block: 24px}
.arabic-page .cinema h1 em {font-size: 1.06em}
.arabic-page .cinema-shade {
  background: linear-gradient(270deg,#111d 0%,#171616b8 36%,#13131330 73%,#00000018 100%),
    linear-gradient(0deg,#000b,transparent 34%);
}
.arabic-page .slide-label > .number {
  direction: ltr;
  border-right: 0;
  border-inline-start: 1px solid #ffffff40;
  padding-right: 0;
  padding-inline-start: 27px;
}
.arabic-page .slide-tabs button span {left: auto; inset-inline-start: 0}
.arabic-page .slide-label > div {min-width: 0}
.arabic-page :is(.slide-next,.hero-link,.text-link) svg {transform: scaleX(-1)}
.arabic-page .eyebrow::before {margin-right: 0; margin-inline-end: 12px}
.arabic-page .skip {left: auto; inset-inline-start: 10px}
.arabic-page .site-header > .main-nav {margin-left: 0; margin-inline-start: auto}
.arabic-page .site-header > .language-switch {margin-inline-start: 10px}
.arabic-page .nav-group > summary::after {margin-left: 0; margin-inline-start: 7px}
.arabic-page .nav-dropdown {left: auto; inset-inline-start: -20px}
.arabic-page .main-nav a::after {left: auto; inset-inline-start: 0}
.arabic-page .detail-hero figcaption,.arabic-page .project-cover figcaption,.arabic-page .detail-gallery figcaption {
  margin-block-start: 8px;
  color: var(--muted);
  font-size: .875rem;
}
.arabic-page .detail-hero-copy .actions,.arabic-page .index-heading .actions {margin-block-start: 24px}
.arabic-page .detail-section > .detail-heading + p {margin-block: 0 28px}
.arabic-page .portfolio-grid .eyebrow {margin-block-start: 14px}
.arabic-page .portfolio-grid .eyebrow + h3 {margin-block-start: 8px}
.arabic-page .project-facts dt {color: var(--muted); font-size: .875rem}
.arabic-page .project-facts dd {margin: 8px 0 0; overflow-wrap: anywhere}
.arabic-page .dialog-close {right: auto; inset-inline-end: 14px}
.arabic-page .quote-page-form .quote-heading {padding-inline: 0}
.arabic-page .quote-fields [dir=ltr] {text-align: left}
.arabic-page .quote-page-brief ul {padding-left: 0; padding-inline-start: 20px}
.arabic-page .quote-status {border-left: 0; border-inline-start: 3px solid var(--red)}
.arabic-page :is(.contact-directory,.signature-footer) address[dir=ltr] {text-align: right; overflow-wrap: anywhere}
.arabic-page .signature-brand img {margin-left: 0; margin-inline-start: -20px}
.arabic-page .signature-whatsapp span {margin-left: 0; margin-inline-start: auto}
.arabic-page .signature-bottom strong {margin-left: 0; margin-inline-start: 9px}
.arabic-page .signature-bottom > a:last-child {margin-left: 0; margin-inline-start: auto}
.arabic-page .signature-footer .signature-grid h3 {letter-spacing: normal}
.arabic-page .signature-wordmark {font-size: clamp(2.3rem,8vw,8rem); letter-spacing: normal}
.arabic-page .signature-grid > * {min-width: 0}
.arabic-page .signature-email {overflow-wrap: anywhere}
@media (max-width: 1220px) {
  .arabic-page .site-header > .main-nav {margin: 0}
  .arabic-page .site-header > .language-switch {margin-inline-start: auto}
  .arabic-page .main-nav .nav-dropdown {padding-inline: 14px 0 !important}
}
@media (max-width: 900px) {
  .arabic-page .slide-label > .number {padding-inline-start: 12px}
}
@media (max-width: 700px) {
  .arabic-page .cinema-shade {background: linear-gradient(270deg,#111c,#1119 80%),linear-gradient(0deg,#111e,transparent 60%)}
  .arabic-page .signature-brand img {margin-inline-start: 0}
  .arabic-page .contact-opening h1 {font-size: clamp(2.35rem,10vw,3.5rem)}
  .arabic-page .quote-page-hero h1 {font-size: clamp(2.2rem,9vw,3.6rem)}
}

.arabic-page .service-index > article {display:block; min-width:0; padding:38px; border:1px solid #ccc; background:#fff}
@media (max-width: 700px) {.arabic-page .service-index > article {padding:25px}}

.arabic-page .detail-hero h1 {text-wrap:balance}

/* On the Arabic home page, give both Dubai projects equal visual weight. */
.arabic-page.home-updated-photos #hakkimizda {padding-block: clamp(48px, 6vw, 96px)}
.arabic-page.home-updated-photos #hakkimizda h2 {text-wrap: balance}
.arabic-page.home-updated-photos #projeler {background: #efefe9; padding-block: clamp(56px, 7vw, 104px)}
.arabic-page.home-updated-photos #projeler .project-grid {align-items: stretch}
.arabic-page.home-updated-photos #projeler .project {grid-column: auto; min-width: 0; display: flex; flex-direction: column; align-items: start}
.arabic-page.home-updated-photos #projeler .project-photo {aspect-ratio: 4/3; width: 100%; max-height: none}
.arabic-page.home-updated-photos #projeler .project-photo img {object-fit: cover; object-position: center}
.arabic-page.home-updated-photos #projeler .project-desc {margin-block-end: 18px}
.arabic-page.home-updated-photos #projeler .project > .text-link {margin-block-start: auto}

@media (max-width: 700px) {
  .arabic-page.home-updated-photos .cinema .slide img {object-position: center top}
  .arabic-page.home-updated-photos .cinema-shade {
    background: linear-gradient(270deg,#111b,#1115 78%),
      linear-gradient(to bottom,transparent 18vw,#141414 calc(58vw + 8px));
  }
  .arabic-page.home-updated-photos .cinema {min-height: 0}
  .arabic-page.home-updated-photos .cinema-content {padding-top: clamp(126px, 36vw, 225px)}
  .arabic-page.home-updated-photos .cinema-content .actions {
    flex-flow: row wrap;
    align-items: center;
    gap: 12px 18px;
    margin-top: 22px;
  }
}