/* QAWWAK V43 — Pure White UAE Tail Signature
   Pure #fff canvas, Montserrat hierarchy, a refined thin Q and a UAE-flag
   gradient reserved for the oblique Q tail. The exit remains a compositor-only
   centre curtain reveal. */

html.uae-intro-pending,
html.uae-intro-pending body {
  background:#fff !important;
}

html.uae-intro-pending body {
  overflow:hidden;
  overscroll-behavior:none;
}

.uae-intro[hidden],
html.uae-intro-seen .uae-intro {
  display:none !important;
}

.uae-intro {
  --paper:#fff;
  --ink:#08090b;
  --graphite:#666970;
  --line:rgba(8,9,11,.105);
  --line-soft:rgba(8,9,11,.052);
  --uae-red:#ef3340;
  --uae-green:#009739;
  position:fixed;
  z-index:10000;
  inset:0;
  min-height:100vh;
  min-height:100svh;
  overflow:hidden;
  color:var(--ink);
  background:transparent;
  isolation:isolate;
  contain:layout paint style;
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

/* Pure-white curtain panels. The page is already loaded beneath them. */
.uae-intro__curtain {
  position:absolute;
  z-index:-5;
  top:0;
  bottom:0;
  width:53%;
  background:#fff;
  will-change:transform;
  transition:transform 1.08s cubic-bezier(.78,0,.14,1);
  backface-visibility:hidden;
}
.uae-intro__curtain--left {
  left:0;
  clip-path:polygon(0 0,100% 0,94% 100%,0 100%);
  transform-origin:left center;
}
.uae-intro__curtain--right {
  right:0;
  clip-path:polygon(6% 0,100% 0,100% 100%,0 100%);
  transform-origin:right center;
}
.uae-intro__curtain--left::after,
.uae-intro__curtain--right::after {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:1px;
  background:rgba(8,9,11,.08);
  box-shadow:0 0 22px rgba(8,9,11,.11);
}
.uae-intro__curtain--left::after { right:4.7%; transform:skewX(-3deg); }
.uae-intro__curtain--right::after { left:4.7%; transform:skewX(3deg); }
.uae-intro.is-exiting .uae-intro__curtain--left {
  transform:translate3d(-108%,0,0) skewX(-1.1deg);
}
.uae-intro.is-exiting .uae-intro__curtain--right {
  transform:translate3d(108%,0,0) skewX(1.1deg);
}

.uae-intro__seam {
  position:absolute;
  z-index:7;
  left:50%;
  top:50%;
  width:1px;
  height:0;
  background:linear-gradient(180deg,transparent 0%,rgba(8,9,11,.44) 18%,rgba(8,9,11,.44) 82%,transparent 100%);
  transform:translate(-50%,-50%);
  opacity:0;
  transition:height .36s ease,opacity .24s ease,transform .9s cubic-bezier(.78,0,.14,1);
}
.uae-intro.is-exiting .uae-intro__seam {
  height:110%;
  opacity:1;
  animation:uaeSeamRelease 1.08s .12s cubic-bezier(.78,0,.14,1) forwards;
}

/* Fine-line geometry only; the canvas remains pure white. */
.uae-intro__field {
  position:absolute;
  z-index:-2;
  left:50%;
  top:50%;
  width:min(70vw,760px);
  aspect-ratio:1;
  transform:translate(-50%,-50%) scale(.82);
  opacity:0;
  animation:uaeFieldIn 1.25s .12s cubic-bezier(.2,.8,.18,1) forwards;
  pointer-events:none;
}
.uae-intro__field::before,
.uae-intro__field::after {
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid var(--line-soft);
}
.uae-intro__field::before { inset:0; }
.uae-intro__field::after { inset:22%; border-color:var(--line); }
.uae-intro__axis {
  position:absolute;
  left:50%;
  top:50%;
  width:118%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(8,9,11,.075) 18%,rgba(8,9,11,.075) 82%,transparent);
  transform:translate(-50%,-50%) rotate(var(--axis-angle));
  transform-origin:center;
}
.uae-intro__axis--a { --axis-angle:0deg; }
.uae-intro__axis--b { --axis-angle:60deg; }
.uae-intro__axis--c { --axis-angle:-60deg; }

.uae-intro__stage {
  position:absolute;
  z-index:4;
  inset:0;
  display:grid;
  place-items:center;
  padding:36px 24px;
  text-align:center;
  transition:opacity .34s ease,transform .58s cubic-bezier(.5,0,.2,1);
}
.uae-intro__lockup {
  display:grid;
  justify-items:center;
  gap:0;
}
.uae-intro.is-exiting .uae-intro__stage {
  opacity:0;
  transform:scale(.965);
}
.uae-intro.is-exiting .uae-intro__field,
.uae-intro.is-exiting .uae-intro__skip,
.uae-intro.is-exiting .uae-intro__progress {
  opacity:0;
  animation:none;
  transition:opacity .18s ease;
}

.uae-intro__brand {
  display:flex;
  align-items:center;
  gap:18px;
  opacity:0;
  transform:translate3d(0,14px,0) scale(.96);
  animation:uaeBrandReveal .82s .28s cubic-bezier(.16,.88,.2,1) forwards;
}
.uae-intro__mark-wrap {
  position:relative;
  width:clamp(78px,7.7vw,108px);
  aspect-ratio:1;
}
.uae-intro__mark {
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.uae-intro__mark-main,
.uae-intro__mark-accent-shadow,
.uae-intro__mark-accent {
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.uae-intro__mark-main {
  stroke:var(--ink);
  stroke-width:19;
  stroke-dasharray:520;
  stroke-dashoffset:520;
  animation:uaeLogoDraw 1.08s .34s cubic-bezier(.56,0,.18,1) forwards;
}
.uae-intro__mark-accent-shadow {
  stroke:rgba(8,9,11,.18);
  stroke-width:21;
  stroke-dasharray:110;
  stroke-dashoffset:110;
  animation:uaeLogoDraw .55s 1.04s cubic-bezier(.2,.8,.18,1) forwards;
}
.uae-intro__mark-accent {
  stroke:url(#qawwakUaeTailV43);
  stroke-width:18;
  stroke-dasharray:110;
  stroke-dashoffset:110;
  animation:uaeLogoDraw .55s 1.04s cubic-bezier(.2,.8,.18,1) forwards;
  filter:drop-shadow(0 3px 5px rgba(8,9,11,.10));
}
.uae-intro__spark {
  position:absolute;
  right:2px;
  bottom:2px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 1px rgba(8,9,11,.14),0 0 16px rgba(0,151,57,.24),0 0 23px rgba(239,51,64,.18);
  opacity:0;
  transform:scale(.3);
  animation:uaeSpark .62s 1.34s ease forwards,uaeSparkBreathe 2.2s 1.96s ease-in-out infinite;
}
.uae-intro__wordmark {
  display:inline-block;
  color:var(--ink);
  font-size:clamp(40px,5.1vw,72px);
  font-weight:500;
  letter-spacing:-.058em;
  line-height:1;
  clip-path:inset(0 100% 0 0);
  animation:uaeWordmarkReveal .82s .82s cubic-bezier(.2,.82,.2,1) forwards;
}

.uae-intro__headline {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  column-gap:.31em;
  row-gap:.06em;
  margin-top:clamp(32px,3.7vw,50px);
  color:var(--ink);
  font-size:clamp(33px,5.7vw,80px);
  font-weight:600;
  letter-spacing:.02em;
  line-height:.95;
  text-transform:uppercase;
}
.uae-intro__word { display:inline-flex; }
.uae-intro__headline i {
  display:inline-block;
  font-style:normal;
  opacity:0;
  transform:translate3d(0,22px,0) rotateX(-62deg);
  transform-origin:center bottom;
  animation:uaeLetterIn .62s var(--letter-delay) cubic-bezier(.16,.88,.2,1) forwards;
}
.uae-intro__word:nth-child(1) i:nth-child(1){--letter-delay:1.28s}
.uae-intro__word:nth-child(1) i:nth-child(2){--letter-delay:1.34s}
.uae-intro__word:nth-child(1) i:nth-child(3){--letter-delay:1.40s}
.uae-intro__word:nth-child(1) i:nth-child(4){--letter-delay:1.46s}
.uae-intro__word:nth-child(1) i:nth-child(5){--letter-delay:1.52s}
.uae-intro__word:nth-child(2) i:nth-child(1){--letter-delay:1.61s}
.uae-intro__word:nth-child(2) i:nth-child(2){--letter-delay:1.67s}
.uae-intro__word:nth-child(3) i:nth-child(1){--letter-delay:1.76s}
.uae-intro__word:nth-child(3) i:nth-child(2){--letter-delay:1.82s}
.uae-intro__word:nth-child(3) i:nth-child(3){--letter-delay:1.88s}

.uae-intro__rule {
  position:relative;
  width:min(58vw,460px);
  height:1px;
  margin-top:clamp(25px,3vw,36px);
  overflow:visible;
  background:rgba(8,9,11,.10);
  transform:scaleX(0);
  transform-origin:center;
  animation:uaeRuleIn .82s 1.92s cubic-bezier(.2,.82,.2,1) forwards;
}
.uae-intro__rule::before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:58px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--uae-red) 0 25%,var(--uae-green) 25% 50%,#fff 50% 75%,#050505 75% 100%);
  box-shadow:0 0 0 1px rgba(8,9,11,.10);
  transform:translate(-50%,-50%) scaleX(0);
  animation:uaeAccentRule .68s 2.25s cubic-bezier(.2,.82,.2,1) forwards;
}

/* Restored Emirates signature: seven points, the original footer and Arabic line. */
.uae-intro__heritage {
  display:grid;
  justify-items:center;
  margin-top:21px;
  opacity:0;
  transform:translate3d(0,9px,0);
  animation:uaeHeritageIn .72s 2.12s cubic-bezier(.2,.82,.2,1) forwards;
}
.uae-intro__emirates {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:7px;
}
.uae-intro__emirates i {
  display:block;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#0a0b0d;
  opacity:.22;
  transform:scale(.45);
  animation:uaeEmiratePoint .44s var(--point-delay) ease forwards;
}
.uae-intro__emirates i:nth-child(1){--point-delay:2.18s}
.uae-intro__emirates i:nth-child(2){--point-delay:2.23s}
.uae-intro__emirates i:nth-child(3){--point-delay:2.28s}
.uae-intro__emirates i:nth-child(4){--point-delay:2.33s;background:var(--uae-red);opacity:.55}
.uae-intro__emirates i:nth-child(5){--point-delay:2.38s}
.uae-intro__emirates i:nth-child(6){--point-delay:2.43s}
.uae-intro__emirates i:nth-child(7){--point-delay:2.48s}
.uae-intro__footer {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:12px;
  color:rgba(8,9,11,.52);
  font-size:8px;
  font-weight:600;
  letter-spacing:.25em;
  text-transform:uppercase;
  white-space:nowrap;
}
.uae-intro__footer i {
  display:block;
  width:34px;
  height:1px;
  background:rgba(8,9,11,.16);
}
.uae-intro__arabic {
  margin-top:10px;
  color:rgba(8,9,11,.38);
  font-family:"Montserrat","Segoe UI",Tahoma,Arial,sans-serif;
  font-size:14px;
  font-weight:400;
  letter-spacing:.02em;
  line-height:1.4;
  direction:rtl;
}

.uae-intro__skip {
  position:absolute;
  z-index:9;
  top:max(18px,env(safe-area-inset-top));
  right:max(20px,env(safe-area-inset-right));
  padding:10px 0;
  border:0;
  background:transparent;
  color:rgba(8,9,11,.42);
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  cursor:pointer;
  opacity:0;
  animation:uaeSkipIn .4s .7s ease forwards;
  transition:color .2s ease;
}
.uae-intro__skip:hover,
.uae-intro__skip:focus-visible { color:var(--ink); }
.uae-intro__skip:focus-visible {
  outline:1px solid rgba(8,9,11,.45);
  outline-offset:7px;
  border-radius:2px;
}

.uae-intro__progress {
  position:absolute;
  z-index:8;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:transparent;
  overflow:hidden;
}
.uae-intro__progress::after {
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,rgba(8,9,11,.18),rgba(8,9,11,.52) 50%,rgba(8,9,11,.18));
  transform:scaleX(0);
  transform-origin:left;
  animation:uaeProgress 4.05s .08s linear forwards;
}

@keyframes uaeFieldIn { to { opacity:1; transform:translate(-50%,-50%) scale(1); } }
@keyframes uaeBrandReveal { to { opacity:1; transform:translate3d(0,0,0) scale(1); } }
@keyframes uaeLogoDraw { to { stroke-dashoffset:0; } }
@keyframes uaeWordmarkReveal { to { clip-path:inset(0 0 0 0); } }
@keyframes uaeSpark {
  70% { opacity:1; transform:scale(1.3); }
  100% { opacity:1; transform:scale(1); }
}
@keyframes uaeSparkBreathe {
  0%,100% { box-shadow:0 0 0 1px rgba(8,9,11,.12),0 0 12px rgba(0,151,57,.17),0 0 20px rgba(239,51,64,.13); }
  50% { box-shadow:0 0 0 1px rgba(8,9,11,.12),0 0 20px rgba(0,151,57,.27),0 0 28px rgba(239,51,64,.19); }
}
@keyframes uaeLetterIn { to { opacity:1; transform:translate3d(0,0,0) rotateX(0); } }
@keyframes uaeRuleIn { to { transform:scaleX(1); } }
@keyframes uaeAccentRule { to { transform:translate(-50%,-50%) scaleX(1); } }
@keyframes uaeHeritageIn { to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes uaeEmiratePoint { to { opacity:.58; transform:scale(1); } }
@keyframes uaeSkipIn { to { opacity:1; } }
@keyframes uaeProgress { to { transform:scaleX(1); } }
@keyframes uaeSeamRelease {
  0% { opacity:1; transform:translate(-50%,-50%) scaleX(1); }
  38% { opacity:1; transform:translate(-50%,-50%) scaleX(1.8); }
  100% { opacity:0; transform:translate(-50%,-50%) scaleX(8); }
}

@media (max-width:760px) {
  .uae-intro__field { width:112vw; }
  .uae-intro__axis { width:104%; }
  .uae-intro__stage { padding:26px 18px; }
  .uae-intro__brand { gap:12px; }
  .uae-intro__mark-wrap { width:68px; }
  .uae-intro__mark-main { stroke-width:18; }
  .uae-intro__mark-accent-shadow { stroke-width:20; }
  .uae-intro__mark-accent { stroke-width:17; }
  .uae-intro__wordmark { font-size:40px; }
  .uae-intro__headline {
    flex-wrap:nowrap;
    max-width:none;
    margin-top:29px;
    column-gap:.24em;
    font-size:clamp(27px,8.4vw,35px);
    letter-spacing:.01em;
    line-height:.96;
    white-space:nowrap;
  }
  .uae-intro__rule { width:min(76vw,292px); margin-top:27px; }
  .uae-intro__heritage { margin-top:18px; }
  .uae-intro__emirates { gap:7px; }
  .uae-intro__footer { gap:9px; margin-top:11px; font-size:6.5px; letter-spacing:.20em; }
  .uae-intro__footer i { width:25px; }
  .uae-intro__arabic { margin-top:8px; font-size:13px; }
  .uae-intro__curtain--left::after { right:5.6%; }
  .uae-intro__curtain--right::after { left:5.6%; }
}

@media (max-height:680px) {
  .uae-intro__lockup { transform:scale(.86); }
  .uae-intro__headline { margin-top:24px; }
  .uae-intro__rule { margin-top:21px; }
  .uae-intro__heritage { margin-top:15px; }
}

@media (prefers-reduced-motion:reduce) {
  .uae-intro *,
  .uae-intro *::before,
  .uae-intro *::after {
    animation-duration:.01ms !important;
    animation-delay:0ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
  }
  .uae-intro__curtain { transition-duration:.18s; }
  .uae-intro__stage { transition-duration:.12s; }
  .uae-intro__headline i,
  .uae-intro__brand,
  .uae-intro__field,
  .uae-intro__heritage { opacity:1; transform:none; }
  .uae-intro__wordmark { clip-path:none; }
  .uae-intro__rule { transform:none; }
}