/* =========================================================
   TAQA LOADER V15 — RESPONSIVE LOGOS
   01 Boot shield
   02 Tokens
   03 Root & panels
   04 Center typography
   05 Earth
   06 Progress
   07 Responsive
   08 Reduced motion
   ========================================================= */

/* 01 — BOOT SHIELD */
/* Covers the server-rendered page BEFORE the deferred loader JS runs.
   Always upload this stylesheet together with the matching JS. */
html:not(.tl14-loader-released)::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:2147482999;
  background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFB 60%,#EEF3F5 100%);
  pointer-events:auto;
  animation:tl14BootSafety 0s 15s forwards;
}
@keyframes tl14BootSafety{
  to{visibility:hidden;opacity:0;pointer-events:none}
}

/* 02 — TOKENS */
@font-face{
  font-family:"TaqaDune";
  src:url("https://fonts.cdnfonts.com/s/84958/Dune_Rise.woff") format("woff");
  font-style:normal;
  font-weight:400;
  font-display:block;
}

:root{
  --tl14-bg-top:#FFFFFF;
  --tl14-bg-bottom:#EEF3F5;
  --tl14-ink:#0B1720;
  --tl14-muted:#718591;
  --tl14-orange:#C06024;
  --tl14-orange-soft:#E1844B;
}

html.tl14-scroll-lock,
body.tl14-scroll-lock{
  overflow:hidden;
  overscroll-behavior:none;
}

/* 03 — ROOT & PANELS */
#taqaLoaderV14{
  position:fixed;
  inset:0;
  z-index:2147483000;
  overflow:hidden;
  isolation:isolate;
  background:transparent;
  color:var(--tl14-ink);
  font-family:"DM Sans","Cairo",system-ui,sans-serif;
  pointer-events:auto;
}

#taqaLoaderV14 .tl14-panel{
  position:absolute;
  top:0;
  bottom:0;
  width:50.1%;
  z-index:0;
  background:linear-gradient(
    180deg,
    var(--tl14-bg-top) 0%,
    #F8FAFB 60%,
    var(--tl14-bg-bottom) 100%
  );
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
  contain:paint;
}

#taqaLoaderV14 .tl14-panel-left{left:0}
#taqaLoaderV14 .tl14-panel-right{right:0}

#taqaLoaderV14 .tl14-seam{
  position:absolute;
  z-index:8;
  left:50%;
  top:0;
  bottom:0;
  width:1px;
  opacity:0;
  transform:translate3d(-50%,0,0) scaleY(0);
  transform-origin:center;
  background:linear-gradient(
    180deg,
    transparent 0%,
    rgba(77,113,131,.14) 20%,
    rgba(192,96,36,.56) 50%,
    rgba(77,113,131,.14) 80%,
    transparent 100%
  );
}

/* 04 — CENTER TYPOGRAPHY */
#taqaLoaderV14 .tl14-brand{
  position:absolute;
  z-index:4;
  left:50%;
  top:50%;
  width:min(860px,92vw);
  opacity:0;
  transform:translate3d(-50%,calc(-50% + 14px),0);
  text-align:center;
}


#taqaLoaderV14 .tl14-brand-logos{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(18px,2.2vw,34px);
  width:min(420px,72vw);
  margin:0 auto clamp(16px,2vh,22px);
}

#taqaLoaderV14 .tl14-brand-logo{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
}

#taqaLoaderV14 .tl14-brand-logo-esp{
  height:clamp(30px,3.2vw,50px);
}

#taqaLoaderV14 .tl14-brand-logo-taqa{
  height:clamp(28px,3vw,46px);
}

#taqaLoaderV14 .tl14-kicker{
  display:block;
  color:var(--tl14-muted);
  font-size:9px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.22em;
}

#taqaLoaderV14 .tl14-wordmark,
#taqaLoaderV14 .tl14-wordmark span,
#taqaLoaderV14 .tl14-percent{
  font-family:"TaqaDune","Dune Rise",sans-serif;
  font-style:normal;
  font-weight:400;
  font-synthesis:none;
}

#taqaLoaderV14 .tl14-wordmark{
  display:flex;
  justify-content:center;
  align-items:baseline;
  gap:.22em;
  width:max-content;
  max-width:100%;
  margin:22px auto 0;
  white-space:nowrap;
  font-size:clamp(36px,4.8vw,80px);
  line-height:.92;
  letter-spacing:.03em;
}

#taqaLoaderV14 .tl14-wordmark-accent{
  color:var(--tl14-orange);
}

#taqaLoaderV14 .tl14-tagline{
  margin-top:14px;
  color:var(--tl14-muted);
  font-size:clamp(8px,.7vw,11px);
  font-weight:700;
  letter-spacing:.15em;
}

/* 05 — EARTH */
#taqaLoaderV14 .tl14-earth-stage{
  position:absolute;
  z-index:2;
  left:50%;
  bottom:0;
  width:min(112vw,1680px);
  height:min(57vh,600px);
  transform:translateX(-50%);
  pointer-events:none;
}

#taqaLoaderV14 .tl14-earth{
  position:absolute;
  left:50%;
  bottom:-8%;
  width:min(112vw,1680px);
  max-width:none;
  height:auto;
  opacity:0;
  transform:translate3d(-50%,42%,0) scale(.97);
  transform-origin:center bottom;
  backface-visibility:hidden;
  user-select:none;
  -webkit-user-drag:none;
}

/* 06 — PROGRESS */
#taqaLoaderV14 .tl14-status{
  position:absolute;
  z-index:6;
  left:14px;
  right:14px;
  bottom:11px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  pointer-events:none;
}

#taqaLoaderV14 .tl14-status-label{
  color:#728793;
  font-size:8px;
  font-weight:800;
  letter-spacing:.2em;
}

#taqaLoaderV14 .tl14-percent{
  min-width:68px;
  color:var(--tl14-ink);
  font-size:clamp(17px,1.35vw,23px);
  line-height:1;
  text-align:right;
  font-variant-numeric:tabular-nums;
}

#taqaLoaderV14 .tl14-rail{
  position:absolute;
  z-index:7;
  left:0;
  right:0;
  bottom:0;
  height:4px;
  overflow:hidden;
  background:rgba(77,113,131,.15);
}

#taqaLoaderV14 .tl14-rail-fill{
  position:absolute;
  inset:0;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(
    90deg,
    #A74E1B,
    var(--tl14-orange) 62%,
    var(--tl14-orange-soft)
  );
}

/* 07 — RESPONSIVE */
@media(max-width:700px){
  #taqaLoaderV14 .tl14-brand{
    width:94vw;
  }

  #taqaLoaderV14 .tl14-brand-logos{
    width:min(300px,78vw);
    gap:16px;
    margin-bottom:14px;
  }

  #taqaLoaderV14 .tl14-brand-logo-esp{
    height:28px;
  }

  #taqaLoaderV14 .tl14-brand-logo-taqa{
    height:26px;
  }

  #taqaLoaderV14 .tl14-kicker{
    font-size:7px;
    letter-spacing:.16em;
  }

  #taqaLoaderV14 .tl14-wordmark{
    gap:.10em;
    width:max-content;
    max-width:92vw;
    margin-top:16px;
    font-size:clamp(21px,6.6vw,31px);
    letter-spacing:.005em;
  }

  #taqaLoaderV14 .tl14-tagline{
    margin-top:11px;
    font-size:7px;
    letter-spacing:.10em;
  }

  #taqaLoaderV14 .tl14-earth-stage{
    width:170vw;
    height:51vh;
  }

  #taqaLoaderV14 .tl14-earth{
    width:170vw;
  }
}

/* 08 — REDUCED MOTION */
@media(prefers-reduced-motion:reduce){
  #taqaLoaderV14{
    scroll-behavior:auto;
  }
}