/* v16 — the same transparent cloud and Arabic wordmark as the globe.
   The slogan is properly shaped live Arabic. No image crop or backing card. */
#reveal.layer {
  --reveal-unit:min(1vw,.5625vh);
  display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
  width:100%; height:100vh; height:100dvh; max-height:100dvh;
  padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));
  color:#f0faff; text-align:center; isolation:isolate; touch-action:manipulation;
}
#reveal:not(.active) { visibility:hidden; pointer-events:none; }
#reveal .reveal-brand {
  position:absolute; top:18.5vh; display:flex; flex-direction:column; align-items:center; flex:none;
  width:min(84vw,92vh); max-width:100%; margin:0; padding:0; gap:calc(var(--reveal-unit) * 5.3);
  border:0; border-radius:0; background:none; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none;
  opacity:1; transform-origin:50% 50%; overflow:visible;
}
#reveal #mark.reveal-identity {
  position:relative; inset:auto; display:flex; flex-direction:column; align-items:center; flex:none;
  gap:calc(var(--reveal-unit) * 3.2); width:100%; height:auto; aspect-ratio:auto; margin:0; padding:0;
  background:none; border:0; box-shadow:none; opacity:1; transform:none; overflow:visible;
}
#reveal .reveal-cloud,
#reveal .reveal-wordmark {
  display:block; position:static; height:auto; max-width:100%; padding:0; margin:0; border:0; border-radius:0;
  object-fit:contain; object-position:center; opacity:1; filter:none; clip-path:none; mask:none; -webkit-mask:none;
  transform:none; user-select:none; -webkit-user-drag:none;
}
#reveal .reveal-cloud { width:calc(var(--reveal-unit) * 33); }
#reveal .reveal-wordmark { width:calc(var(--reveal-unit) * 58); -webkit-clip-path:inset(0 0 8% 0); clip-path:inset(0 0 8% 0); }
#reveal .brand-word-day { display:none; }
body.light #reveal .brand-word-night { display:none; }
body.light #reveal .brand-word-day { display:block; }
#reveal #tagline.tagline {
  position:relative; inset:auto; flex:none; width:100%; max-width:24em; margin:0; padding:0;
  color:#e2f3fc; font-family:Hanimation,system-ui,sans-serif; font-size:clamp(16px,calc(var(--reveal-unit) * 3.4),44px);
  font-weight:500; font-style:normal; font-synthesis:none; line-height:1.85; letter-spacing:normal; word-spacing:normal;
  text-align:center; text-wrap:balance; white-space:normal; overflow-wrap:normal; word-break:normal;
  direction:rtl; unicode-bidi:plaintext; text-shadow:0 2px 12px rgba(10,38,64,.16);
  opacity:1; filter:none; clip-path:none; transform:none; overflow:visible;
}
body.light #reveal #tagline.tagline { color:#174c76; text-shadow:none; }
@media (min-aspect-ratio:1/1) {
  #reveal.layer { --reveal-unit:min(1vw,1.2vh); }
  #reveal .reveal-brand { top:16vh; width:min(74vw,85vh); gap:3.2vh; }
  #reveal .reveal-cloud { width:27vh; }
  #reveal .reveal-wordmark { width:47vh; }
  #reveal #mark.reveal-identity { gap:3vh; }
  #reveal #tagline.tagline { font-size:clamp(15px,2.8vh,29px); max-width:28em; line-height:1.75; }
}
@media (max-width:380px) and (max-aspect-ratio:1/1) {
  #reveal .reveal-brand { top:18.5vh; width:88vw; }
  #reveal #tagline.tagline { font-size:16px; line-height:1.85; }
}