/* Arabic unified visual language — shared across all Arabic page families */
:root{
  --aym-unified-ink:#07101d;
  --aym-unified-navy:#040b16;
  --aym-unified-paper:#f2efe8;
  --aym-unified-gold:#c9a75f;
  --aym-unified-shell:1216px;
  --type-display-lg:clamp(40px,28.8px + 2.4vw,64px);
  --type-display-md:clamp(36px,28.8px + 1.75vw,56px);
  --type-section:clamp(28px,23.2px + 1.15vw,42px);
  --type-card:clamp(18px,16.8px + .3vw,22px);
  --type-lead:clamp(17px,16px + .25vw,18px);
  --type-body:max(16px,1rem);
  --type-small:max(14px,.875rem);
  --type-micro:max(12px,.75rem);
  --type-action:15px;
}

html[dir="rtl"] body{
  --paper:var(--aym-unified-paper);
  --brand-gold:var(--aym-unified-gold);
  font-family:"Tajawal",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;
  font-size:var(--type-body,16px);
  font-weight:400;
  line-height:1.85;
}

html[dir="rtl"] body.aym-subpage-body{
  background:var(--aym-unified-paper);
}

/* Remove the framed-page feeling used by the older inner-page template. */
html[dir="rtl"] body.aym-subpage-body .aym-page-stack{
  gap:0;
  padding-block:0;
}

/* General pages now open with the same full-width editorial hero language. */
html[dir="rtl"] body.aym-subpage-body .aym-page-hero{
  box-sizing:border-box;
  width:100vw;
  min-height:600px;
  margin-inline:calc(50% - 50vw);
  padding:clamp(74px,7vw,96px) max(32px,calc((100vw - var(--aym-unified-shell))/2));
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    linear-gradient(90deg,transparent 0 72%,rgba(201,167,95,.055) 72% 72.15%,transparent 72.15%),
    linear-gradient(0deg,transparent 0 62%,rgba(255,255,255,.025) 62% 62.15%,transparent 62.15%),
    linear-gradient(115deg,#07111f,#030914);
  border-top:1px solid rgba(201,167,95,.48);
  border-bottom:0;
}

html[dir="rtl"] body.aym-subpage-body .aym-page-hero .aym-hero-grid{
  width:100%;
  max-width:var(--aym-unified-shell);
  margin-inline:auto;
  grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);
  gap:clamp(60px,8vw,130px);
  align-items:center;
}

/* Service and insight templates share the same hero height and content width. */
html[dir="rtl"] body.aym-subpage-body .sv-page-header{
  min-height:600px;
  padding-block:clamp(74px,7vw,96px);
}

html[dir="rtl"] body.aym-subpage-body .ins-page-header{
  min-height:500px;
  padding-block:clamp(68px,6vw,88px);
}

html[dir="rtl"] body.aym-subpage-body .sv-page-header>.aym-container,
html[dir="rtl"] body.aym-subpage-body .ins-page-header>.aym-container{
  width:min(var(--aym-unified-shell),calc(100% - 64px));
  max-width:none;
  margin-inline:auto;
  padding-inline:0;
}

/* One display scale for Arabic subpage titles. */
html[dir="rtl"] body.aym-subpage-body .aym-page-title,
html[dir="rtl"] body.aym-subpage-body .sv-ph-title,
html[dir="rtl"] body.aym-subpage-body .ins-title{
  max-width:15ch;
  font-size:clamp(36px,28.8px + 1.75vw,56px);
  font-size:var(--type-display-md,clamp(36px,28.8px + 1.75vw,56px));
  font-weight:700;
  line-height:1.16;
  letter-spacing:0;
}

html[dir="rtl"] body.aym-subpage-body .ins-title{
  max-width:18ch;
}

html[dir="rtl"] body.aym-subpage-body .aym-section-title,
html[dir="rtl"] body.aym-subpage-body .aym-panel-title,
html[dir="rtl"] body.aym-subpage-body .sv-h2,
html[dir="rtl"] body.aym-subpage-body .ins-list-title{
  font-size:clamp(28px,23.2px + 1.15vw,42px);
  font-size:var(--type-section,clamp(28px,23.2px + 1.15vw,42px));
  font-weight:700;
  line-height:1.28;
  letter-spacing:0;
}

html[dir="rtl"] body.aym-subpage-body .aym-service-card h3,
html[dir="rtl"] body.aym-subpage-body .aym-value-card h3,
html[dir="rtl"] body.aym-subpage-body .aym-team-card h3,
html[dir="rtl"] body.aym-subpage-body .sv-card-title,
html[dir="rtl"] body.aym-subpage-body .ins-card-title{
  font-size:clamp(18px,16.8px + .3vw,22px);
  font-size:var(--type-card,clamp(18px,16.8px + .3vw,22px));
  font-weight:700;
  line-height:1.4;
  letter-spacing:0;
}

/* The portfolio title is long; keep its full call-to-action inside the first view. */
html[dir="rtl"] body.aym-portfolio-page .aym-portfolio-hero{
  min-height:620px;
  padding-block:54px;
}

html[dir="rtl"] body.aym-portfolio-page .aym-portfolio-hero .aym-page-title{
  max-width:18ch;
  font-size:clamp(36px,28.8px + 1.75vw,56px);
  font-size:var(--type-display-md,clamp(36px,28.8px + 1.75vw,56px));
}

/* Shared eyebrow language across page families. */
html[dir="rtl"] body.aym-subpage-body .aym-kicker,
html[dir="rtl"] body.aym-subpage-body .sv-kicker,
html[dir="rtl"] body.aym-subpage-body .ins-tag,
html[dir="rtl"] body.aym-subpage-body .aym-section-kicker{
  color:var(--aym-unified-gold);
  font-family:"Tajawal",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:12px;
  font-size:var(--type-micro,12px);
  font-weight:700;
  letter-spacing:.04em;
}

/* Keep content width and section rhythm aligned with home and services. */
html[dir="rtl"] body.aym-subpage-body .aym-panel,
html[dir="rtl"] body.aym-subpage-body .aym-about-story,
html[dir="rtl"] body.aym-subpage-body .aym-founder-spotlight,
html[dir="rtl"] body.aym-subpage-body .aym-council,
html[dir="rtl"] body.aym-subpage-body .aym-responsibility,
html[dir="rtl"] body.aym-subpage-body .aym-portfolio-cases,
html[dir="rtl"] body.aym-subpage-body .aym-projects-gallery,
html[dir="rtl"] body.aym-subpage-body .aym-portfolio-disclosure,
html[dir="rtl"] body.aym-subpage-body .aym-strip{
  border-radius:0;
}

html[dir="rtl"] body.aym-subpage-body .aym-page-stack>.aym-panel,
html[dir="rtl"] body.aym-subpage-body .aym-page-stack>.aym-council,
html[dir="rtl"] body.aym-subpage-body .aym-page-stack>.aym-portfolio-cases,
html[dir="rtl"] body.aym-subpage-body .aym-page-stack>.aym-projects-gallery,
html[dir="rtl"] body.aym-subpage-body .aym-page-stack>.aym-portfolio-disclosure{
  margin-top:0;
}

@media(max-width:900px){
  html[dir="rtl"] body.aym-subpage-body .aym-page-hero{
    min-height:auto;
    padding:56px max(20px,calc((100vw - var(--aym-unified-shell))/2));
  }

  html[dir="rtl"] body.aym-subpage-body .aym-page-hero .aym-hero-grid{
    grid-template-columns:1fr;
    gap:36px;
  }

  html[dir="rtl"] body.aym-subpage-body .sv-page-header,
  html[dir="rtl"] body.aym-subpage-body .ins-page-header{
    min-height:auto;
    padding-block:56px;
  }
}

@media(max-width:700px){
  html[dir="rtl"] body.aym-subpage-body .aym-page-hero{
    padding:44px 20px 50px;
  }

  html[dir="rtl"] body.aym-subpage-body .sv-page-header,
  html[dir="rtl"] body.aym-subpage-body .ins-page-header{
    padding-block:44px 50px;
  }

  html[dir="rtl"] body.aym-subpage-body .sv-page-header>.aym-container,
  html[dir="rtl"] body.aym-subpage-body .ins-page-header>.aym-container{
    width:calc(100% - 28px);
  }

  html[dir="rtl"] body.aym-subpage-body .aym-page-title,
  html[dir="rtl"] body.aym-subpage-body .sv-ph-title,
  html[dir="rtl"] body.aym-subpage-body .ins-title{
    max-width:none;
    font-size:clamp(36px,28.8px + 1.75vw,56px);
    font-size:var(--type-display-md,clamp(36px,28.8px + 1.75vw,56px));
    line-height:1.16;
  }

  html[dir="rtl"] body.aym-portfolio-page .aym-portfolio-hero{
    min-height:auto;
    padding-block:44px 50px;
  }

  html[dir="rtl"] body.aym-portfolio-page .aym-portfolio-hero .aym-page-title{
    max-width:none;
    font-size:clamp(36px,28.8px + 1.75vw,56px);
    font-size:var(--type-display-md,clamp(36px,28.8px + 1.75vw,56px));
  }
}
/* Arabic readability and interaction baseline — 2026 review */
html[dir="rtl"] body.aym-subpage-body .aym-btn,
html[dir="rtl"] body.aym-subpage-body .aym-filter-btn,
html[dir="rtl"] body.aym-subpage-body .sv-faq-q{
  min-height:44px;
  font-family:"Tajawal",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px;
  font-size:var(--type-action,15px);
  font-weight:700;
}

html[dir="rtl"] body.aym-subpage-body .aym-page-lead,
html[dir="rtl"] body.aym-subpage-body .sv-ph-desc,
html[dir="rtl"] body.aym-subpage-body .ins-desc{
  font-size:clamp(17px,16px + .25vw,18px);
  font-size:var(--type-lead,clamp(17px,16px + .25vw,18px));
  font-weight:400;
  line-height:1.85;
}

html[dir="rtl"] body.aym-subpage-body .aym-project-cover-label,
html[dir="rtl"] body.aym-subpage-body .aym-project-status,
html[dir="rtl"] body.aym-subpage-body .aym-project-facts dt,
html[dir="rtl"] body.aym-subpage-body .aym-filter-result{
  font-size:12px;
  font-size:var(--type-micro,12px);
  font-weight:700;
}

html[dir="rtl"] body.aym-subpage-body .aym-project-cover-text,
html[dir="rtl"] body.aym-subpage-body .aym-project-facts dd,
html[dir="rtl"] body.aym-subpage-body .aym-project-link{
  font-size:14px;
  font-size:var(--type-small,14px);
}

html[dir="rtl"] body.aym-subpage-body .aym-project-cover-status{position:absolute;inset-block-start:14px;inset-inline-end:14px;z-index:4;padding:.42rem .62rem;border:1px solid rgba(243,208,130,.56);background:rgba(7,16,29,.88);color:#f3d082;font-size:12px;font-size:var(--type-micro,12px);font-weight:700;line-height:1;backdrop-filter:blur(8px)}
html[dir="rtl"] body.aym-subpage-body .aym-portfolio-disclosure--early{margin-block:0;border-block-start:1px solid rgba(201,167,95,.35);border-block-end:1px solid rgba(148,163,184,.2)}

@media(max-width:700px){
  html[dir="rtl"] body.aym-subpage-body .aym-page-lead,
  html[dir="rtl"] body.aym-subpage-body .sv-ph-desc,
  html[dir="rtl"] body.aym-subpage-body .ins-desc{
    font-size:17px;
    font-size:var(--type-lead,17px);
  }
  html[dir="rtl"] body.aym-subpage-body .aym-project-cover-status{inset-block-start:10px;inset-inline-end:10px}

  html[dir="rtl"] body.aym-subpage-body .aym-breadcrumb,
  html[dir="rtl"] body.aym-subpage-body .aym-breadcrumb *,
  html[dir="rtl"] body.aym-subpage-body .aym-kicker,
  html[dir="rtl"] body.aym-subpage-body .aym-section-kicker,
  html[dir="rtl"] body.aym-subpage-body .aym-portfolio-focus-label,
  html[dir="rtl"] body.aym-subpage-body .aym-case-study-type,
  html[dir="rtl"] body.aym-subpage-body .aym-case-study-sector,
  html[dir="rtl"] body.aym-subpage-body .aym-case-study-meta li,
  html[dir="rtl"] body.aym-subpage-body .aym-belief>span,
  html[dir="rtl"] body.aym-subpage-body .aym-process li>span,
  html[dir="rtl"] body.aym-subpage-body sup{
    font-size:12px!important;
    font-size:var(--type-micro,12px)!important;
    font-weight:700;
  }
}