/* Access Global preview: additions loaded after styles.css (language bar, three-section nav, Arabic RTL). */

/* Arabic script: Cairo (SIL Open Font License, see ../fonts/OFL-Cairo.txt), Arabic subset only.
   Mapped onto the existing family names, so it downloads only when Arabic characters are on the page. */
@font-face{font-family:"Inter";src:url("../fonts/cairo-arabic.woff2") format("woff2");font-weight:200 1000;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"Manrope";src:url("../fonts/cairo-arabic.woff2") format("woff2");font-weight:200 1000;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}

/* Language bar at the top of the sticky header */
.lang-bar{background:var(--navy-950);color:#c7d1ea;font-size:.82rem;line-height:1}
.lang-bar .container{display:flex;justify-content:flex-end;align-items:center;height:32px}
.lang-switch{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.lang-switch li{display:flex;align-items:center}
.lang-switch li+li::before{content:"|";color:rgba(255,255,255,.35);padding:0 .6rem}
.lang-switch a{color:#c7d1ea;text-decoration:none;font-weight:600;padding:.35rem .1rem}
.lang-switch a:hover{color:#fff;text-decoration:underline}
.lang-switch a[aria-current="true"]{color:var(--amber)}
.lang-switch a[lang="ar"]{font-size:.9rem}
/* header is 32px taller: keep the mobile menu panel directly under it */
@media (max-width:1060px){.primary-nav{inset:108px 0 0 0}}
@media (max-width:520px){.primary-nav{inset:100px 0 0 0}}

/* Six-item nav with long labels */
@media (min-width:1061px) and (max-width:1250px){
  .site-header .brand-sub{display:none}
  .primary-nav ul{gap:.1rem}
  .primary-nav a{font-size:.9rem;padding-inline:.48rem}
}

/* Small layout helpers */
.grid--start{align-items:start}
.locations--3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.locations--3{grid-template-columns:1fr}}
.timeline .when{font-family:var(--font-head);font-weight:800;font-size:1.3rem;color:var(--amber-600);text-align:right;line-height:1.5}
@media (max-width:640px){.timeline .when{text-align:left;font-size:1.1rem}}
.contact-grid > .contact-list{margin:0}
.aside-contact{font-size:.95rem}
a[href^="tel:"]{white-space:nowrap}

/* ---------- Arabic, right to left ---------- */
html[dir="rtl"] body{line-height:1.8}
html[dir="rtl"] *{letter-spacing:0!important}   /* letter-spacing breaks Arabic letter joining */
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4{line-height:1.4}
html[dir="rtl"] .hero h1{max-width:16ch}
html[dir="rtl"] .eyebrow,html[dir="rtl"] .card__meta,html[dir="rtl"] .site-footer h2,html[dir="rtl"] .contact-list small,html[dir="rtl"] .facts-list dt,html[dir="rtl"] .timeline .region,html[dir="rtl"] .hero__focus-tag,html[dir="rtl"] .brand-sub{text-transform:none}
html[dir="rtl"] .eyebrow{font-size:.9rem}
html[dir="rtl"] .brand-sub{font-size:.74rem}
html[dir="rtl"] .primary-nav a{font-size:1rem}
html[dir="rtl"] .lang-switch a[lang="en"]{font-size:.8rem}
/* lists */
ul,ol{padding-left:0;padding-inline-start:1.2em}
html[dir="rtl"] .prose ul{padding-right:0}
html[dir="rtl"] .prose ul li{padding-left:0;padding-right:1.7rem}
html[dir="rtl"] .prose ul li::before{left:auto;right:0}
html[dir="rtl"] .prose .tags li{padding-right:.6rem}
/* skip link */
html[dir="rtl"] .skip-link{left:auto;right:1rem}
/* nav */
@media (min-width:1061px){html[dir="rtl"] .primary-nav .nav-cta{margin-left:0;margin-right:.4rem}}
@media (max-width:1060px){html[dir="rtl"] .primary-nav a[aria-current="page"]{box-shadow:inset -3px 0 0 var(--brand);padding-left:.25rem;padding-right:.9rem}}
/* arrows and chevrons point the reading direction */
html[dir="rtl"] svg.flip{transform:scaleX(-1)}
html[dir="rtl"] .text-link:hover svg.flip,html[dir="rtl"] .hero__focus:hover svg.flip{transform:scaleX(-1) translateX(3px)}
/* hero overlays: dark side under the text, which now sits on the right */
@media (min-width:701px){
  html[dir="rtl"] .hero::before{background:linear-gradient(270deg,rgba(7,16,38,.96) 0%,rgba(10,22,51,.88) 38%,rgba(16,33,77,.55) 70%,rgba(16,33,77,.25) 100%),linear-gradient(0deg,rgba(7,16,38,.6),transparent 40%)}
  html[dir="rtl"] .page-hero--image::before{background:linear-gradient(270deg,rgba(7,16,38,.95) 0%,rgba(10,22,51,.85) 45%,rgba(16,33,77,.45) 100%)}
}
html[dir="rtl"] .hero__media img{object-position:30% 30%}
html[dir="rtl"] .hero__focus{padding:.35rem .35rem .35rem .9rem}
/* decorative globes and frames */
html[dir="rtl"] .page-hero__globe{right:auto;left:-80px}
@media (max-width:700px){html[dir="rtl"] .page-hero__globe{left:-120px}}
html[dir="rtl"] .cta-band__globe{right:auto;left:-60px}
html[dir="rtl"] .focus-card__globe{right:auto;left:-70px}
html[dir="rtl"] .img-frame::after{inset:auto auto -14px -14px}
/* facts band dividers */
html[dir="rtl"] .fact{border-left:0;border-right:1px solid var(--line)}
html[dir="rtl"] .fact:first-child{border-right:0}
@media (max-width:900px){html[dir="rtl"] .fact:nth-child(3){border-right:0}}
@media (max-width:460px){html[dir="rtl"] .fact{border-right:0}}
/* breadcrumb separator */
html[dir="rtl"] .breadcrumb li+li::before{margin-right:0;margin-left:.4rem}
/* timelines */
html[dir="rtl"] .timeline::before{left:auto;right:7.1rem}
html[dir="rtl"] .timeline li::before{left:auto;right:calc(7.1rem - 7px)}
html[dir="rtl"] .timeline time,html[dir="rtl"] .timeline .when{text-align:left}
@media (max-width:640px){
  html[dir="rtl"] .timeline::before{right:7px}
  html[dir="rtl"] .timeline li{padding-left:0;padding-right:2.2rem}
  html[dir="rtl"] .timeline li::before{right:0}
  html[dir="rtl"] .timeline time,html[dir="rtl"] .timeline .when{text-align:right}
}
html[dir="rtl"] .milestones li{padding:2.2rem 0 0 1rem}
html[dir="rtl"] .milestones li::before{left:auto;right:0}
/* drawn icons keep their geometry */
html[dir="rtl"] svg{direction:ltr}
/* emails, phone numbers and URLs stay left to right */
html[dir="rtl"] a[dir="ltr"],html[dir="rtl"] bdi{unicode-bidi:isolate}
html[dir="rtl"] input[type="email"]{text-align:right}
html[dir="rtl"] .footer-contact a[dir="ltr"]{text-align:right}
.nw{white-space:nowrap}

/* Spaced collage of modest card-sized images (replaces full-bleed page heroes) */
.photo-collage{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  margin:0 0 2rem;
}
.photo-collage--2{grid-template-columns:repeat(2,1fr);max-width:720px}
.photo-collage__item{margin:0;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:var(--bg-tint)}
.photo-collage__item img{display:block;width:100%;height:180px;object-fit:cover}
@media (max-width:700px){
  .photo-collage,.photo-collage--2{grid-template-columns:1fr;max-width:none}
  .photo-collage__item img{height:200px}
}
.section > .container > .photo-collage:first-child{margin-top:0}
/* Team cards: names only, linked; no monogram badges */
.team-card{padding:1.5rem 1.2rem}
.team-card h3{margin:0;font-size:1.05rem}
.team-card h3 a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}
.team-card h3 a:hover{color:var(--brand);border-bottom-color:var(--brand)}
.lead--soft{opacity:.92;font-size:1.05rem;max-width:42rem}
.section--collage{padding-block:1.5rem}
.section--collage + .section{padding-top:1.5rem}
/* About split: collage sits in the media column */
.split .photo-collage{margin:0}
.split .photo-collage__item img{height:140px}
@media (max-width:900px){.split .photo-collage{margin-top:1rem}}