@font-face{font-family:"Thmanyah";src:url(/assets/fonts/thmanyahserifdisplay-Black.woff2) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"Thmanyah";src:url(/assets/fonts/thmanyahserifdisplay-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Readex";src:url(/assets/fonts/readexpro-arabic.woff2) format("woff2");font-weight:200 700;unicode-range:U+0600-06FF,U+FB50-FDFF,U+FE70-FEFF;font-display:swap}
@font-face{font-family:"Readex";src:url(/assets/fonts/readexpro-latin.woff2) format("woff2");font-weight:200 700;unicode-range:U+0000-00FF,U+2190-21FF;font-display:swap}
.nx{
  --night: #060e12; --night-2: #0a141a; --night-3: #10202a; --hair: rgba(233,237,236,.1); --hair-2: rgba(233,237,236,.18);
  --moon: #e9edec; --dune: #9db1b6; --dune-2: #7f9499; --gold: #e7cd92; --gold-2: #caa45f;
  --gut: clamp(18px, 5vw, 64px); --max: 1180px; --ease: cubic-bezier(.16, 1, .3, 1);
font:400 17px/1.85 Readex,Tahoma,sans-serif;color:var(--moon);text-align:start}
:where(.nx),:where(.nx) *,:where(.nx) *::before,:where(.nx) *::after{box-sizing:border-box;margin:0;padding:0}:where(.nx) a{color:inherit;text-decoration:none}:where(.nx) img{max-width:100%;display:block}:where(.nx) h4{font-family:inherit;letter-spacing:0;text-transform:none}:where(.nx) button{font:inherit;color:inherit;background:none;border:0}:where(.nx) nav{position:static;background:none;inset:auto;transform:none;width:auto;height:auto}:where(.nx) :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}.nx-foot .nx-wrap{width:auto}header.nx{width:auto;inset:auto}@media (max-width:999px){#wa{display:none!important}body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}
.nx-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 26px; border-radius: 999px; font-weight: 600; font-size: .98rem; white-space: nowrap; transition: transform .25s var(--ease), background .25s; }
.nx-btn--gold{ background: var(--gold); color: var(--night); }
.nx-btn--gold:hover{ background: #f0dba9; transform: translateY(-2px); }
.nx-btn--line{ border: 1.5px solid var(--hair-2); }
.nx-btn--line:hover{ border-color: var(--gold); color: var(--gold); }
.nx-bar{ position: sticky; top: 0; z-index: 30; display: flex; align-items: center; gap: 22px; padding: calc(12px + env(safe-area-inset-top, 0px)) var(--gut) 12px; background: rgba(6,14,18,.82); backdrop-filter: blur(14px); border-bottom: 1px solid var(--hair); }
.nx-bar__logo{ display: flex; align-items: center; gap: 10px; font: 900 1.4rem/1 Thmanyah, serif; }
.nx-bar__logo svg{ width: 40px; color: var(--gold); }
.nx-bar nav{ display: none; gap: 24px; font-size: .92rem; color: var(--dune); }
.nx-bar nav a[aria-current]{ color: var(--moon); }
.nx-bar nav a:hover{ color: var(--moon); }
.nx-bar__cta{ margin-inline-start: auto; }
.nx-bar .nx-btn{ min-height: 42px; padding: 0 18px; font-size: .9rem; }
@media (min-width: 1000px){.nx-bar nav{ display: flex; }}
.nx-foot{ padding: 40px var(--gut) 50px; border-top: 1px solid var(--hair); color: var(--dune-2); font-size: .88rem; text-align: center; }
.nx-btn--gold{ position: relative; overflow: hidden; }
.nx-btn--gold::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 30%, rgba(255,255,255,.45) 50%, transparent 70%); transform: translateX(120%); transition: transform .8s var(--ease); }
@media (hover: hover){.nx-btn--gold:hover::after{ transform: translateX(-120%); }}
.nx-dd{ position: relative; }
.nx-dd > button{ all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; color: var(--dune); }
.nx-dd > button:hover, .nx-dd > button[aria-expanded="true"], .nx-dd.nx-cur > button{ color: var(--moon); }
.nx-dd > button:focus-visible{ outline: 2px solid var(--gold); outline-offset: 4px; border-radius: 6px; }
.nx-dd__panel{ position: absolute; top: calc(100% + 18px); inset-inline-start: -24px; width: 620px; padding: 14px; border-radius: 20px; background: rgba(10,20,26,.98); border: 1px solid var(--hair-2);
  box-shadow: 0 40px 80px -40px rgba(0,0,0,.9); display: grid; grid-template-columns: 1fr 1fr; gap: 2px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .2s, transform .25s var(--ease), visibility 0s .25s; }
.nx-dd__panel::before{ content: ""; position: absolute; inset-inline: 0; top: -20px; height: 20px; }
.nx-dd:hover .nx-dd__panel, .nx-dd:focus-within .nx-dd__panel, .nx-dd.nx-open .nx-dd__panel{ opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.nx-dd__panel a{ display: grid; grid-template-columns: 34px 1fr; gap: 2px 12px; align-items: center; padding: 12px; border-radius: 14px; color: var(--moon); }
.nx-dd__panel a:hover{ background: rgba(231,205,146,.07); }
.nx-dd__panel svg{ grid-row: span 2; width: 28px; height: 28px; color: var(--gold); fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.nx-dd__panel b{ font-weight: 600; font-size: .95rem; }
.nx-dd__panel small{ color: var(--dune-2); font-size: .78rem; line-height: 1.5; }
.nx-dd__all{ grid-column: 1 / -1; display: flex !important; justify-content: center; gap: 8px; border-top: 1px solid var(--hair); border-radius: 0 0 12px 12px !important; margin-top: 6px; color: var(--gold) !important; font-weight: 600; }
.nx-bar nav{ align-items: center; }
.nx-bar__menu{ display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--hair-2); background: none; color: var(--moon); cursor: pointer; }
.nx-bar__menu span{ display: block; width: 18px; height: 1.5px; background: currentColor; box-shadow: 0 6px 0 currentColor, 0 -6px 0 currentColor; }
@media (min-width: 1000px){.nx-bar__menu{ display: none; }}
@media (max-width: 999px){.nx-bar__cta{ display: none; }.nx-bar{ justify-content: space-between; }}
.nx-drawer{ position: fixed; inset: 0; z-index: 60; background: var(--night); padding: calc(18px + env(safe-area-inset-top, 0px)) var(--gut) 40px; overflow: auto; display: none; }
.nx-drawer.nx-open{ display: block; }
.nx-drawer__top{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 26px; }
.nx-drawer__close{ all: unset; cursor: pointer; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; border: 1px solid var(--hair-2); font-size: 1.4rem; }
.nx-drawer h4{ color: var(--gold); font-size: .82rem; font-weight: 500; margin: 18px 0 6px; }
.nx-drawer a{ display: block; padding: 11px 0; font: 700 1.35rem/1.4 Thmanyah, serif; border-bottom: 1px solid var(--hair); }
.nx-drawer .nx-svcs a{ font: 500 1.02rem/1.5 Readex, sans-serif; color: var(--dune); }
.nx-drawer .nx-btn{ margin-top: 26px; width: 100%; font: 600 1rem Readex, sans-serif; border: 0; }
.nx-mbar{ position: fixed; z-index: 40; inset-inline: 0; bottom: 0; display: none; gap: 10px; padding: 10px var(--gut) calc(10px + env(safe-area-inset-bottom, 0px)); background: rgba(6,14,18,.92); backdrop-filter: blur(12px); border-top: 1px solid var(--hair);
  transform: translateY(110%); transition: transform .45s var(--ease); }
.nx-mbar.nx-on{ transform: none; }
.nx-mbar .nx-btn{ flex: 1; min-height: 48px; padding: 0 12px; font-size: .92rem; }
@media (max-width: 999px){.nx-mbar{ display: flex; }}
.nx-foot{ text-align: start; padding: 64px var(--gut) 40px; }
.nx-foot__in{ width: min(var(--max), 100%); margin-inline: auto; display: grid; gap: 34px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px){.nx-foot__in{ grid-template-columns: 1.4fr 1fr 1fr 1fr; }}
.nx-foot__brand p{ color: var(--dune); margin-top: 12px; max-width: 36ch; }
.nx-foot h4{ color: var(--moon); font-weight: 600; font-size: .95rem; margin-bottom: 12px; }
.nx-foot nav{ display: grid; gap: 8px; color: var(--dune); font-size: .9rem; }
.nx-foot nav a:hover{ color: var(--gold); }
.nx-foot__legal{ width: min(var(--max), 100%); margin: 40px auto 0; padding-top: 22px; border-top: 1px solid var(--hair); display: flex; flex-wrap: wrap; gap: 14px 30px; align-items: center; justify-content: space-between; color: var(--dune-2); font-size: .84rem; }
.nx-foot__sbc{ display: inline-flex; align-items: center; gap: 12px; color: var(--dune); }
.nx-foot__sbc img{ height: 34px; width: auto; }
.nx-foot__logo{ display: flex; align-items: center; gap: 10px; font: 900 1.4rem/1 Thmanyah, serif; }
.nx-foot__logo svg{ width: 40px; color: var(--gold); }
.nx-ltr{ direction: ltr; unicode-bidi: isolate; display: inline-block; }
.nx-ltr{ direction: ltr; unicode-bidi: isolate; }
.nx-bar nav .nx-lang{ color: var(--dune); }
.nx-bar__logo{ gap: 12px; }
.nx-drawer{ opacity: 0; transition: opacity .25s ease; }
.nx-drawer.nx-open{ opacity: 1; }
.nx-drawer__end{ position: sticky; bottom: calc(-40px + env(safe-area-inset-bottom, 0px)); display: grid; gap: 10px; padding: 16px 0 calc(16px + env(safe-area-inset-bottom, 0px)); margin-top: 18px; background: var(--night); }
.nx-drawer__end .nx-btn{ margin-top: 0; display: flex; align-items: center; justify-content: center; text-align: center; min-height: 52px; padding: 0 22px; border-bottom: 0; }
.nx-drawer .nx-drawer__lang{ border: 0; text-align: center; font: 500 1rem Readex, sans-serif; color: var(--dune); padding: 8px 0; }
.nx-mbar .nx-mbar__call{ flex: 0 0 52px; padding: 0; }
.nx-mbar__call svg{ width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.nx-foot nav a{ padding-block: 5px; }
.nx-foot__reach{ display: grid; gap: 4px; margin-top: 14px; }
.nx-foot__reach a{ color: var(--moon); padding-block: 4px; }
.nx-foot__reach a:hover, .nx-foot nav a:hover{ color: var(--gold); }
@media (max-width: 700px){.nx-foot__in{ grid-template-columns: 1fr 1fr; }.nx-foot__brand{ grid-column: 1 / -1; }.nx-foot__sbc{ flex-direction: column; align-items: flex-start; }}
@media (min-width: 900px){.nx-foot__in{ grid-template-columns: 1.6fr 1fr 1fr; }}
.nx-mbar .nx-btn{ min-width: 0; white-space: nowrap; }
.nx-mbar .nx-btn--gold{ flex: 0 0 auto; padding: 0 18px; }
.nx-mbar .nx-btn--line:not(.nx-mbar__call){ flex: 1 1 0; padding: 0 10px; }
.nx-mbar:not(:has(.nx-mbar__call)) .nx-btn{ flex: 1 1 0; }
@media (max-width: 360px){.nx-mbar{ gap: 8px; }.nx-mbar .nx-btn{ font-size: .86rem; }.nx-mbar .nx-btn--gold{ padding: 0 14px; }.nx-mbar .nx-mbar__call{ flex-basis: 48px; }}

/* older pages: film hero (direction A) + headings one step quieter */
.nx-fh{position:relative;overflow:hidden;isolation:isolate;min-height:min(80vh,780px);display:flex;align-items:flex-end;padding:clamp(120px,15vw,180px) 0 clamp(48px,6vw,80px)}
.nx-fh::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to top,#060e12 0%,rgba(6,14,18,0) 42%),linear-gradient(to bottom,rgba(6,14,18,.65) 0%,rgba(6,14,18,0) 22%)}
.nx-fh .fh__img{position:absolute;top:0;bottom:0;inset-inline-end:0;width:74%;z-index:-2;-webkit-mask-image:linear-gradient(to left,transparent 0%,rgba(0,0,0,.55) 26%,#000 52%);mask-image:linear-gradient(to left,transparent 0%,rgba(0,0,0,.55) 26%,#000 52%)}
[dir="ltr"] .nx-fh .fh__img{-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.55) 26%,#000 52%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.55) 26%,#000 52%)}
.nx-fh .fh__img img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 45%;animation:nxkb 28s ease-in-out infinite alternate}
.nx-fh .fh__img[data-s="call"] img{object-position:12% 45%}

[dir="ltr"] .nx-fh .fh__img img{animation-name:nxkbr}@keyframes nxkbr{from{transform:scale(-1.02,1.02)}to{transform:scale(-1.08,1.08)}}
@keyframes nxkb{from{transform:scale(1.02)}to{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.nx-fh .fh__img img{animation:none}}
.nx-fh__in{width:min(1180px,100% - clamp(18px,5vw,64px)*2);margin-inline:auto;position:relative}
.nx-fh__copy{max-width:660px}
.nx-fh .hero__kicker{display:inline-flex;margin:0 0 4px;font:500 .85rem/1.6 Readex,Tahoma,sans-serif;color:#e7cd92;letter-spacing:.02em}
.nx-fh .hero__title{font-family:"Thmanyah","Thmanyah Serif Display",serif;font-weight:900;font-size:clamp(2.15rem,5.4vw,4.1rem);line-height:1.12;margin:6px 0 0;text-wrap:balance}
.nx-fh .hero__title span{color:#e7cd92;display:block}
.nx-fh .hero__lede{color:#b6c6ca;max-width:58ch;margin-top:14px}
.nx-fh .crumbs{margin-bottom:12px}
.nx-fh .hero__stage{display:none}
.nx-fh::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to left,rgba(6,14,18,.82) 0%,rgba(6,14,18,.55) 38%,rgba(6,14,18,0) 66%)}
[dir="ltr"] .nx-fh::after{background:linear-gradient(to right,rgba(6,14,18,.82) 0%,rgba(6,14,18,.55) 38%,rgba(6,14,18,0) 66%)}
.nx-fh .scanpanel,.nx-fh .wl__out,.nx-fh .nm-out{background-color:rgba(10,20,26,.94)}
@media (max-width:760px){.nx-fh::after{display:none}}
@media (min-width:761px){.nx-fh .fh__img[data-s="moon"] img{object-position:100% 45%}}
@media (min-width:761px){[dir="ltr"] .nx-fh .fh__img[data-s="wings"] img{object-position:260px 50%}}
.nx-fh--plain{min-height:0;padding:clamp(130px,14vw,170px) 0 clamp(40px,5vw,64px)}
.nx-fh--plain::after{display:none}
.nx-fh--blog h1.h2{margin-top:8px;font-size:clamp(2.15rem,5.4vw,4.1rem)!important;line-height:1.12}
#sp-slot .hero__stage{display:grid;place-items:center;width:100%;height:100%;min-height:0;order:0}
.nx-eye{width:78%;height:auto;color:#e7cd92;overflow:visible}
.nx-eye__iris{animation:nxlook 3.6s ease-in-out infinite}
@keyframes nxlook{0%,18%{transform:translateX(0)}30%,48%{transform:translateX(9px)}60%,78%{transform:translateX(-9px)}90%,100%{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){.nx-eye__iris{animation:none}}
/* page-head effect «ب» (html.fx-b, set by script; reduced motion gets none) */
@keyframes fxIn{from{opacity:0;filter:brightness(.35) blur(6px)}to{opacity:1;filter:none}}
@keyframes fxUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
:is(.fx-a,.fx-b) .nx-fh .fh__img{animation:fxIn 1.6s cubic-bezier(.2,.7,.2,1) both}
:is(.fx-a,.fx-b) .nx-fh__copy{animation:fxUp .9s cubic-bezier(.2,.7,.2,1) .35s both}
@media (min-width:761px){.fx-b .nx-fh .fh__img{top:-16%;transform:translate3d(0,var(--fx-img,0),0);will-change:transform}.fx-b .nx-fh__in{transform:translate3d(0,var(--fx-txt,0),0)}}
.h2{font-size:clamp(1.6rem,3.3vw,2.45rem)!important}
@media (max-width:760px){
  .nx-fh{display:block;min-height:0;padding:0 0 clamp(36px,9vw,56px)}
  .nx-fh::before{display:none}
  .nx-fh .fh__img{position:relative;display:block;width:100%;height:68vw;max-height:420px;inset:auto;-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 45%);mask-image:linear-gradient(to top,transparent 0%,#000 45%)}
  .nx-fh .fh__img img{object-position:50% 35%}
  .nx-fh__in{margin-top:-16vw}
  .nx-fh--plain{padding:104px 0 40px}
  .nx-fh--plain .nx-fh__in{margin-top:0}
}
