@font-face{font-family:"18 Khebrat Musamim";src:url("fonts/18-khebrat-musamim-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}

:root{--bg:#060708;--bg2:#0b0d0f;--panel:#101316;--panel2:#15191d;--text:#f3f0e8;--muted:#a5a7a7;--gold:#c79a3b;--gold2:#8c6422;--line:rgba(255,255,255,.10);--max:1240px;--radius:24px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 78% 2%,rgba(199,154,59,.10),transparent 25%),var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.6;overflow-x:hidden}html[dir="rtl"] body{font-family:"18 Khebrat Musamim",Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:440px;height:440px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(199,154,59,.075),transparent 66%);transform:translate(-50%,-50%)}
.site-header{height:92px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - var(--max))/2));border-bottom:1px solid transparent;transition:.35s var(--ease)}.site-header.scrolled{height:74px;background:rgba(6,7,8,.82);backdrop-filter:blur(18px);border-color:var(--line)}.brand{display:flex;flex-direction:column;gap:2px;min-width:210px}.brand img{width:190px;height:auto}.brand small{font-size:9px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.desktop-nav{display:flex;align-items:center;gap:28px}.nav-link{font-size:13px;color:#c4c4c2;position:relative;padding:8px 0}.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--gold);transition:.3s}.nav-link:hover,.nav-link.active{color:#fff}.nav-link:hover:after,.nav-link.active:after{right:0}.header-actions{display:flex;align-items:center;gap:10px}.lang-toggle,.menu-toggle{border:1px solid var(--line);background:rgba(255,255,255,.03);color:#fff;min-width:42px;height:42px;border-radius:50%;cursor:pointer}.lang-toggle{font-size:11px;letter-spacing:.08em}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;background:var(--gold);color:#090909;border-radius:999px;padding:14px 22px;font-size:13px;font-weight:650;transition:.3s var(--ease);cursor:pointer}.button:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(199,154,59,.20)}.button-outline{background:transparent;color:#fff;border-color:rgba(199,154,59,.38)}.button-outline:hover{background:rgba(199,154,59,.08)}.button-small{padding:10px 15px;font-size:11px}.menu-toggle{display:none;position:relative}.menu-toggle span{position:absolute;left:12px;right:12px;height:1px;background:#fff}.menu-toggle span:first-child{top:16px}.menu-toggle span:last-child{top:24px}.mobile-menu{display:none}
main{position:relative;z-index:1}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.section{padding:120px 0;position:relative}.section-tight{padding:78px 0}.eyebrow{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:18px}.display{font-size:clamp(48px,7vw,105px);line-height:.96;letter-spacing:-.055em;margin:0;font-weight:620;max-width:1100px}.display .accent{color:var(--gold)}.headline{font-size:clamp(34px,5vw,68px);line-height:1.02;letter-spacing:-.045em;margin:0 0 24px;font-weight:580}.subhead{font-size:clamp(20px,2.5vw,32px);line-height:1.3;margin:0;color:#d9d6ce}.lead{font-size:clamp(18px,2vw,25px);max-width:820px;color:#c8c7c2;margin:24px 0 0}.muted{color:var(--muted)}.gold{color:var(--gold)}.hairline{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.hero{min-height:100svh;padding-top:124px;display:flex;align-items:center;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:54px}.hero-copy{position:relative;z-index:3}.hero-copy .hero-actions{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}.hero-visual{min-height:650px;position:relative}.portrait-stack{position:absolute;inset:0}.portrait-card{position:absolute;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 100px rgba(0,0,0,.45);background:#111}.portrait-card img{width:100%;height:100%;object-fit:cover}.portrait-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.8))}.portrait-card.tareq{width:70%;height:68%;top:2%;right:0;transform:rotate(2deg)}.portrait-card.khaled{width:61%;height:60%;left:0;bottom:0;transform:rotate(-3deg)}.portrait-label{position:absolute;left:24px;bottom:20px;z-index:2}.portrait-label strong{display:block;font-size:18px}.portrait-label span{font-size:11px;color:#d9c69e;letter-spacing:.08em;text-transform:uppercase}.orbit{position:absolute;border:1px solid rgba(199,154,59,.15);border-radius:50%;width:510px;height:510px;right:-80px;top:50px;animation:spin 36s linear infinite}.orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold);top:47%;left:-4px;box-shadow:0 0 30px var(--gold)}@keyframes spin{to{transform:rotate(360deg)}}
.signal-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.015)}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr)}.signal{padding:28px;border-right:1px solid var(--line)}html[dir=rtl] .signal{border-right:0;border-left:1px solid var(--line)}.signal:last-child{border:0}.signal strong{display:block;font-size:20px;color:#fff;margin-bottom:3px}.signal span{font-size:12px;color:var(--muted)}
.split{display:grid;grid-template-columns:.78fr 1.22fr;gap:100px;align-items:start}.sticky-label{position:sticky;top:120px}.statement{font-size:clamp(31px,4vw,58px);line-height:1.14;letter-spacing:-.035em;margin:0}.statement em{font-style:normal;color:var(--gold)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:260px;position:relative;overflow:hidden;transition:.35s var(--ease)}.card:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-70px;top:-70px;background:radial-gradient(circle,rgba(199,154,59,.16),transparent 70%);transition:.4s}.card:hover{transform:translateY(-7px);border-color:rgba(199,154,59,.3)}.card:hover:before{transform:scale(1.8)}.card-number{font-size:11px;color:var(--gold);letter-spacing:.18em}.card h3{font-size:22px;line-height:1.2;margin:42px 0 14px}.card p{font-size:14px;color:var(--muted);margin:0}.card ul{padding-left:18px;color:var(--muted);font-size:13px}.card-link{position:absolute;bottom:25px;font-size:12px;color:#d8c69f}.wide-card{grid-column:span 2}
.dark-panel{border:1px solid var(--line);border-radius:36px;background:linear-gradient(130deg,#111417,#090b0d);padding:64px;position:relative;overflow:hidden}.dark-panel:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-260px;bottom:-300px;background:radial-gradient(circle,rgba(199,154,59,.13),transparent 70%)}.method-row{display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;border-top:1px solid var(--line);padding:30px 0;align-items:start}.method-row:first-child{border-top:0}.method-number{font-size:13px;color:var(--gold)}.method-row h3{font-size:24px;margin:0}.method-row p{margin:0;color:var(--muted)}
.founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.founder-card{position:relative;border:1px solid var(--line);border-radius:30px;overflow:hidden;min-height:680px;background:#101214}.founder-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:1s var(--ease)}.founder-card:hover img{transform:scale(1.035)}.founder-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.92))}.founder-info{position:absolute;left:34px;right:34px;bottom:32px;z-index:2}.founder-info h3{font-size:35px;letter-spacing:-.03em;margin:0 0 3px}.founder-info .role{color:#d8c28f;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.founder-info p{color:#c4c4bf;max-width:540px;font-size:14px}.social-link{font-size:12px;color:#fff;border-bottom:1px solid rgba(199,154,59,.5);padding-bottom:4px}.cta-panel{padding:90px 8%;border:1px solid rgba(199,154,59,.25);border-radius:40px;background:radial-gradient(circle at 85% 15%,rgba(199,154,59,.18),transparent 28%),linear-gradient(120deg,#14120e,#090a0c);text-align:center}.cta-panel h2{font-size:clamp(38px,6vw,80px);letter-spacing:-.05em;line-height:1;margin:0}.cta-panel p{max-width:720px;margin:25px auto 34px;color:#c8c7c2;font-size:18px}
.page-hero{padding:180px 0 92px;min-height:66vh;display:flex;align-items:end;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:680px;height:680px;border:1px solid rgba(199,154,59,.10);border-radius:50%;right:-260px;top:-280px}.page-hero .lead{max-width:850px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px}.prose p{font-size:18px;color:#bebfbc}.value-list{display:grid;gap:12px}.value{padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02)}.value h3{margin:0 0 8px;font-size:19px}.value p{margin:0;color:var(--muted);font-size:14px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden}.metric{padding:30px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric strong{display:block;font-size:38px;color:var(--gold);font-weight:500}.metric span{color:var(--muted);font-size:13px}.capability-detail{border-top:1px solid var(--line);padding:52px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.capability-detail .big-number{font-size:70px;line-height:1;color:rgba(199,154,59,.45)}.capability-detail h2{font-size:42px;line-height:1.1;margin:20px 0}.capability-detail p{color:#b9bab7;font-size:17px}.chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.chip{border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:11px;color:#cfcfc9;background:rgba(255,255,255,.02)}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:35px;top:20px;bottom:20px;width:1px;background:linear-gradient(var(--gold),rgba(255,255,255,.08))}html[dir=rtl] .timeline:before{left:auto;right:35px}.timeline-step{display:grid;grid-template-columns:70px 1fr;gap:28px;padding:0 0 52px}.step-dot{width:70px;height:70px;border:1px solid rgba(199,154,59,.45);border-radius:50%;display:grid;place-items:center;background:#090a0b;color:var(--gold);z-index:1}.timeline-step h3{font-size:30px;margin:5px 0 10px}.timeline-step p{color:var(--muted);margin:0;max-width:700px}.engagement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.engagement{border:1px solid var(--line);padding:30px;border-radius:22px;background:#0e1012}.engagement h3{font-size:21px}.engagement p{color:var(--muted);font-size:14px}.profile-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.profile-photo{position:sticky;top:110px;border-radius:30px;overflow:hidden;border:1px solid var(--line);height:680px}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-content h2{font-size:54px;margin:0;line-height:1}.profile-content .role{color:var(--gold);margin:10px 0 28px;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.profile-content p{color:#bebfbc;font-size:18px}.responsibility-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.responsibility{border:1px solid var(--line);border-radius:15px;padding:18px;font-size:13px;color:#d1d1cb}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.contact-links{display:grid;gap:12px}.contact-link{border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;justify-content:space-between;align-items:center;transition:.3s}.contact-link:hover{border-color:rgba(199,154,59,.4);transform:translateX(5px)}html[dir=rtl] .contact-link:hover{transform:translateX(-5px)}.contact-link span{color:var(--muted);font-size:12px}.brief-form{border:1px solid var(--line);border-radius:28px;padding:36px;background:#0c0e10}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:13px}.field label{font-size:11px;color:#b8b8b4}.field input,.field textarea,.field select{background:#090a0b;border:1px solid var(--line);border-radius:13px;padding:14px;color:#fff;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(199,154,59,.55)}.field textarea{min-height:130px;resize:vertical}.note{font-size:12px;color:var(--muted);margin-top:14px}.confidential-box{border-left:2px solid var(--gold);padding:8px 0 8px 24px;margin-top:30px}html[dir=rtl] .confidential-box{border-left:0;border-right:2px solid var(--gold);padding:8px 24px 8px 0}.confidential-box strong{display:block;margin-bottom:5px}.confidential-box p{margin:0;color:var(--muted);font-size:13px}
.site-footer{border-top:1px solid var(--line);padding:64px max(24px,calc((100vw - var(--max))/2)) 24px;background:#050607;position:relative;z-index:1}.footer-top{display:grid;grid-template-columns:.8fr 1.1fr .8fr;gap:60px;align-items:start}.footer-brand img{width:190px}.footer-brand p{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.footer-line p{font-size:20px;margin:0}.footer-socials{display:flex;flex-direction:column;align-items:flex-end;gap:9px;font-size:12px;color:#c6c6c2}html[dir=rtl] .footer-socials{align-items:flex-start}.footer-bottom{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;color:#6f7171;font-size:10px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.desktop-nav,.profile-link{display:none}.menu-toggle{display:block}.mobile-menu{display:flex;position:fixed;inset:74px 0 auto 0;background:rgba(6,7,8,.97);backdrop-filter:blur(18px);padding:24px;flex-direction:column;gap:15px;transform:translateY(-130%);opacity:0;transition:.35s;pointer-events:none;border-bottom:1px solid var(--line)}.site-header.menu-open .mobile-menu{transform:none;opacity:1;pointer-events:auto}.hero-grid,.split,.profile-layout,.contact-grid{grid-template-columns:1fr}.hero{padding-top:145px}.hero-visual{min-height:580px}.sticky-label{position:static}.cards{grid-template-columns:1fr 1fr}.wide-card{grid-column:auto}.founder-card{min-height:570px}.two-col{gap:34px}.capability-detail{grid-template-columns:1fr;gap:16px}.profile-photo{position:relative;top:auto;height:620px}.footer-top{grid-template-columns:1fr 1fr}.footer-socials{grid-column:span 2;align-items:flex-start}.engagement-grid{grid-template-columns:1fr}.contact-grid{gap:42px}}
@media(max-width:720px){.container{width:min(100% - 30px,var(--max))}.section{padding:82px 0}.site-header{height:74px;padding:0 15px}.brand{min-width:auto}.brand img{width:145px}.brand small{display:none}.display{font-size:clamp(43px,14vw,70px)}.headline{font-size:40px}.hero-grid{gap:20px}.hero-visual{min-height:480px}.portrait-card.tareq{width:73%;height:65%}.portrait-card.khaled{width:64%;height:58%}.portrait-label{left:16px;bottom:13px}.portrait-label strong{font-size:14px}.signal-grid{grid-template-columns:1fr 1fr}.signal:nth-child(2){border-right:0}.signal:nth-child(-n+2){border-bottom:1px solid var(--line)}.cards,.founder-grid,.two-col,.metric-grid,.responsibility-list,.form-row{grid-template-columns:1fr}.founder-card{min-height:560px}.dark-panel{padding:28px 22px}.method-row{grid-template-columns:44px 1fr}.method-row p{grid-column:2}.page-hero{padding:145px 0 65px;min-height:55vh}.capability-detail h2{font-size:34px}.profile-photo{height:520px}.profile-content h2{font-size:42px}.footer-top{grid-template-columns:1fr}.footer-socials{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.cta-panel{padding:65px 20px}.contact-link{align-items:flex-start;gap:10px}.metric{border-right:0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.cursor-glow{display:none}}


/* Homepage hero visual only — founder imagery remains unchanged everywhere else. */
.regional-vision{position:absolute;inset:10px 0 0;border:1px solid rgba(199,154,59,.20);border-radius:38px;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(199,154,59,.14),transparent 24%),radial-gradient(circle at 16% 76%,rgba(37,99,125,.18),transparent 32%),linear-gradient(145deg,#12151a 0%,#080a0c 54%,#111009 100%);box-shadow:0 42px 110px rgba(0,0,0,.48)}
.regional-vision:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 12%,rgba(255,255,255,.035) 38%,transparent 62%);transform:translateX(-75%);animation:regionalSweep 9s ease-in-out infinite}
.regional-vision:after{content:"";position:absolute;inset:auto -5% -18% -5%;height:58%;background:radial-gradient(ellipse at center,rgba(199,154,59,.12),transparent 65%);border-top:1px solid rgba(199,154,59,.12);transform:perspective(360px) rotateX(63deg);transform-origin:center bottom}
.vision-grid{position:absolute;inset:0;opacity:.23;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent 4%,#000 38%,#000 72%,transparent 98%)}
.vision-orbit{position:absolute;border:1px solid rgba(199,154,59,.16);border-radius:50%;animation:spin 34s linear infinite}.vision-orbit-one{width:470px;height:470px;left:50%;top:50%;transform:translate(-50%,-50%)}.vision-orbit-two{width:630px;height:260px;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-12deg);animation-direction:reverse;animation-duration:42s}
.region-card{position:absolute;width:185px;min-height:238px;border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:22px;background:linear-gradient(145deg,rgba(25,29,33,.94),rgba(8,10,12,.84));box-shadow:0 24px 60px rgba(0,0,0,.34);backdrop-filter:blur(12px);z-index:3}.region-card strong{display:block;font-size:24px;line-height:1.05;margin-top:45px}.region-card small{display:block;font-size:10px;letter-spacing:.10em;text-transform:uppercase;color:#b9b8b2;margin-top:7px}.region-code{position:absolute;top:18px;right:18px;font-size:10px;letter-spacing:.16em;color:var(--gold);border:1px solid rgba(199,154,59,.28);border-radius:999px;padding:5px 8px}.region-jordan{left:38px;top:72px;transform:rotate(-3deg)}.region-gulf{right:36px;bottom:66px;transform:rotate(3deg)}
.petra-mark{height:72px;margin-top:24px;display:flex;align-items:flex-end;justify-content:center;gap:5px;border-bottom:1px solid rgba(199,154,59,.25)}.petra-mark i{display:block;width:18px;background:linear-gradient(#d3a94e,#76521c);clip-path:polygon(18% 100%,18% 30%,35% 30%,35% 8%,65% 8%,65% 30%,82% 30%,82% 100%)}.petra-mark i:nth-child(1),.petra-mark i:nth-child(5){height:37px}.petra-mark i:nth-child(2),.petra-mark i:nth-child(4){height:52px}.petra-mark i:nth-child(3){height:68px}
.gulf-skyline{height:76px;margin-top:20px;display:flex;align-items:flex-end;justify-content:center;gap:7px;border-bottom:1px solid rgba(199,154,59,.25)}.gulf-skyline i{display:block;width:16px;background:linear-gradient(#e0b857,#674716);border-radius:2px 2px 0 0;box-shadow:0 0 18px rgba(199,154,59,.10)}.gulf-skyline i:nth-child(1){height:30px}.gulf-skyline i:nth-child(2){height:48px}.gulf-skyline i:nth-child(3){height:72px;clip-path:polygon(42% 0,58% 0,100% 100%,0 100%)}.gulf-skyline i:nth-child(4){height:40px}.gulf-skyline i:nth-child(5){height:60px}.gulf-skyline i:nth-child(6){height:34px}
.regional-links{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible}.link-path{fill:none;stroke:url(#regionalGold);stroke-width:2;stroke-linecap:round;stroke-dasharray:8 10;filter:url(#regionalGlow);animation:regionalDash 8s linear infinite}.link-b{animation-duration:11s;opacity:.72}.link-c{animation-duration:6s;opacity:.50}.link-node{fill:#f0c15d;filter:url(#regionalGlow);animation:regionalPulse 2.6s ease-in-out infinite}.node-b{animation-delay:.5s}.node-c{animation-delay:1s}.node-d{animation-delay:1.5s}
.vision-core{position:absolute;left:50%;top:48%;width:142px;height:142px;transform:translate(-50%,-50%);border:1px solid rgba(199,154,59,.35);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(28,25,17,.96),rgba(8,10,12,.94));z-index:4;box-shadow:0 0 0 13px rgba(199,154,59,.035),0 0 80px rgba(199,154,59,.13)}.vision-core img{width:46px;height:46px;object-fit:contain;margin-bottom:9px}.vision-core span{font-size:9px;letter-spacing:.18em;color:#f2d084}.vision-core small{font-size:10px;color:#999b9b;margin-top:4px}
.vision-caption{position:absolute;left:32px;bottom:24px;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#9fa19f;z-index:5}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px var(--gold);animation:regionalPulse 2s ease-in-out infinite}
@keyframes regionalDash{to{stroke-dashoffset:-180}}@keyframes regionalPulse{50%{opacity:.38;transform:scale(.82)}}@keyframes regionalSweep{0%,18%{transform:translateX(-80%)}55%,100%{transform:translateX(110%)}}
@media(max-width:1050px){.regional-vision{inset:0 6%}.region-jordan{left:8%;top:12%}.region-gulf{right:8%;bottom:10%}}
@media(max-width:720px){.regional-vision{inset:0;border-radius:28px}.region-card{width:145px;min-height:185px;padding:16px}.region-card strong{font-size:19px;margin-top:33px}.region-card small{font-size:8px}.region-jordan{left:14px;top:42px}.region-gulf{right:14px;bottom:42px}.petra-mark,.gulf-skyline{height:50px;margin-top:14px}.petra-mark i:nth-child(1),.petra-mark i:nth-child(5){height:26px}.petra-mark i:nth-child(2),.petra-mark i:nth-child(4){height:36px}.petra-mark i:nth-child(3){height:48px}.gulf-skyline i:nth-child(3){height:48px}.vision-core{width:108px;height:108px}.vision-core img{width:34px;height:34px}.vision-core span{font-size:7px}.vision-caption{left:18px;bottom:15px;font-size:8px}.vision-orbit-one{width:330px;height:330px}.vision-orbit-two{width:440px;height:190px}}

/* === HERO VIDEO AND CINEMATIC PRELOADER START === */

/* منع السكرول خلال البريلودر */
body.is-preloading {
    overflow: hidden !important;
}

/* ==========================================================
   CINEMATIC PRELOADER — 5 SECONDS
   ========================================================== */

.cinematic-preloader {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(199, 154, 59, 0.12),
            transparent 35%
        ),
        #050607;
    opacity: 1;
    visibility: visible;
    transition:
        opacity 700ms cubic-bezier(.7, 0, .2, 1),
        visibility 700ms cubic-bezier(.7, 0, .2, 1);
}

.cinematic-preloader.is-leaving {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.preloader-atmosphere {
    position: absolute;
    inset: -20%;
    background:
        linear-gradient(
            115deg,
            transparent 32%,
            rgba(199, 154, 59, 0.06) 48%,
            transparent 63%
        );
    animation: firmPreloaderSweep 4.5s ease-in-out forwards;
}

.preloader-atmosphere::before,
.preloader-atmosphere::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(199, 154, 59, 0.13);
    border-radius: 50%;
}

.preloader-atmosphere::before {
    width: min(80vw, 900px);
    height: min(80vw, 900px);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.preloader-atmosphere::after {
    width: min(55vw, 620px);
    height: min(55vw, 620px);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.preloader-content {
    position: relative;
    z-index: 2;
    width: min(520px, calc(100vw - 48px));
    text-align: center;
}

.preloader-logo-wrap {
    position: relative;
    width: min(390px, 75vw);
    min-height: 150px;
    margin: 0 auto;
    display: grid;
    place-items: center;
}

.preloader-logo {
    position: relative;
    z-index: 3;
    width: min(320px, 65vw);
    opacity: 0;
    transform: translateY(18px) scale(0.96);
    animation: firmPreloaderLogo 1.35s 250ms forwards;
}

.preloader-ring {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    border: 1px solid rgba(199, 154, 59, 0.22);
}

.preloader-ring-one {
    width: 175px;
    height: 175px;
    animation: firmPreloaderRingOne 4.5s linear infinite;
}

.preloader-ring-two {
    width: 230px;
    height: 230px;
    border-color: rgba(255, 255, 255, 0.07);
    animation: firmPreloaderRingTwo 5.5s linear infinite reverse;
}

.preloader-tagline {
    margin-top: 14px;
    color: rgba(243, 240, 232, 0.65);
    font-size: 10px;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    opacity: 0;
    animation: firmPreloaderText 900ms 1.2s forwards;
}

.preloader-progress {
    position: relative;
    width: min(310px, 70vw);
    height: 1px;
    margin: 34px auto 15px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.09);
}

.preloader-progress span {
    position: absolute;
    inset: 0;
    transform: scaleX(0);
    transform-origin: left;
    background: linear-gradient(
        90deg,
        #8c6422,
        #e2b95e,
        #fff0ba
    );
    box-shadow: 0 0 22px rgba(199, 154, 59, 0.55);
    animation: firmPreloaderProgress 4.45s 200ms forwards
        cubic-bezier(.2, .75, .2, 1);
}

.preloader-counter {
    width: min(310px, 70vw);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    color: rgba(243, 240, 232, 0.42);
    font-size: 8px;
    letter-spacing: 0.17em;
}

@keyframes firmPreloaderLogo {
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes firmPreloaderText {
    to {
        opacity: 1;
    }
}

@keyframes firmPreloaderProgress {
    to {
        transform: scaleX(1);
    }
}

@keyframes firmPreloaderSweep {
    0% {
        transform: translateX(-12%) rotate(-2deg);
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    100% {
        transform: translateX(12%) rotate(2deg);
        opacity: 0.5;
    }
}

@keyframes firmPreloaderRingOne {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes firmPreloaderRingTwo {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* ==========================================================
   HERO BACKGROUND VIDEO
   ========================================================== */

.hero {
    position: relative;
    isolation: isolate;
    background: #050607;
}

.hero-video-layer {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    background: #050607;
}

.hero-background-video {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center center;
    opacity: 0.72;
    filter:
        brightness(0.68)
        contrast(1.12)
        saturate(0.88);
    transform: scale(1.025);
}

.hero-video-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(5, 6, 7, 0.94) 0%,
            rgba(5, 6, 7, 0.70) 34%,
            rgba(5, 6, 7, 0.34) 66%,
            rgba(5, 6, 7, 0.58) 100%
        ),
        linear-gradient(
            180deg,
            rgba(5, 6, 7, 0.42) 0%,
            rgba(5, 6, 7, 0.03) 48%,
            rgba(5, 6, 7, 0.88) 100%
        );
}

html[dir="rtl"] .hero-video-overlay {
    background:
        linear-gradient(
            270deg,
            rgba(5, 6, 7, 0.94) 0%,
            rgba(5, 6, 7, 0.70) 34%,
            rgba(5, 6, 7, 0.34) 66%,
            rgba(5, 6, 7, 0.58) 100%
        ),
        linear-gradient(
            180deg,
            rgba(5, 6, 7, 0.42) 0%,
            rgba(5, 6, 7, 0.03) 48%,
            rgba(5, 6, 7, 0.88) 100%
        );
}

.hero-video-vignette {
    position: absolute;
    inset: 0;
    box-shadow:
        inset 0 0 170px rgba(0, 0, 0, 0.72),
        inset 0 -160px 160px rgba(0, 0, 0, 0.72);
}

.hero-video-grid {
    position: absolute;
    inset: 0;
    opacity: 0.08;
    background-image:
        linear-gradient(
            rgba(199, 154, 59, 0.18) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(199, 154, 59, 0.18) 1px,
            transparent 1px
        );
    background-size: 80px 80px;
    mask-image: linear-gradient(
        to bottom,
        transparent,
        black 40%,
        transparent
    );
}

.hero .hero-grid {
    position: relative;
    z-index: 2;
}

.hero .hero-copy {
    text-shadow: 0 3px 35px rgba(0, 0, 0, 0.75);
}

.hero .portrait-card {
    background: rgba(10, 11, 12, 0.72);
    backdrop-filter: blur(8px);
    box-shadow:
        0 40px 100px rgba(0, 0, 0, 0.65),
        0 0 0 1px rgba(199, 154, 59, 0.08);
}

.hero .portrait-card img {
    filter:
        contrast(1.03)
        saturate(0.94);
}

@media (max-width: 720px) {
    .hero-background-video {
        object-position: 57% center;
        opacity: 0.58;
    }

    .hero-video-overlay,
    html[dir="rtl"] .hero-video-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(5, 6, 7, 0.76) 0%,
                rgba(5, 6, 7, 0.35) 44%,
                rgba(5, 6, 7, 0.92) 100%
            );
    }

    .preloader-logo-wrap {
        min-height: 125px;
    }

    .preloader-ring-one {
        width: 145px;
        height: 145px;
    }

    .preloader-ring-two {
        width: 195px;
        height: 195px;
    }
}

/* === HERO VIDEO AND CINEMATIC PRELOADER END === */

/* === CLEAN VIDEO HERO START === */

.hero.hero-video-only {
    position: relative;
    isolation: isolate;
    min-height: 100svh;
    padding: 124px 0 70px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #000;
}

/*
 * الفيديو نفسه فقط.
 * لا يوجد Overlay element أو Grid أو رموز أو رسومات.
 */
.hero-video-only .hero-background-video {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
    opacity: 1;
    filter:
        brightness(0.52)
        contrast(1.08)
        saturate(0.95);
    transform: none;
    pointer-events: none;
}

.hero-video-only .hero-content {
    position: relative;
    z-index: 2;
    min-height: calc(100svh - 194px);
    display: flex;
    align-items: center;
}

.hero-video-only .hero-copy {
    position: relative;
    z-index: 2;
    width: min(900px, 100%);
    text-shadow:
        0 3px 20px rgba(0, 0, 0, 0.95),
        0 10px 50px rgba(0, 0, 0, 0.75);
}

html[dir="ltr"] .hero-video-only .hero-copy {
    margin-right: auto;
    text-align: left;
}

html[dir="rtl"] .hero-video-only .hero-copy {
    margin-left: auto;
    text-align: right;
}

.hero-video-only .hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 36px;
}

/* إخفاء أي عناصر قديمة كانت موجودة فوق الفيديو */
.hero-video-only .hero-visual,
.hero-video-only .portrait-stack,
.hero-video-only .portrait-card,
.hero-video-only .portrait-label,
.hero-video-only .orbit,
.hero-video-only .hero-video-layer,
.hero-video-only .hero-video-overlay,
.hero-video-only .hero-video-vignette,
.hero-video-only .hero-video-grid,
.hero-video-only .hero-backdrop,
.hero-video-only .hero-atmosphere,
.hero-video-only .regional-vision,
.hero-video-only .hero-region-card,
.hero-video-only .hero-proof,
.hero-video-only .hero-scroll-cue {
    display: none !important;
}

.hero-video-only::before,
.hero-video-only::after {
    content: none !important;
    display: none !important;
}

/* منع إضافة رموز على الأزرار */
.hero-video-only .button::before,
.hero-video-only .button::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 720px) {
    .hero.hero-video-only {
        padding: 110px 0 48px;
    }

    .hero-video-only .hero-content {
        min-height: calc(100svh - 158px);
    }

    .hero-video-only .hero-background-video {
        object-position: 55% center;
        filter:
            brightness(0.45)
            contrast(1.08)
            saturate(0.92);
    }

    .hero-video-only .hero-copy,
    html[dir="ltr"] .hero-video-only .hero-copy,
    html[dir="rtl"] .hero-video-only .hero-copy {
        margin-inline: auto;
        text-align: center;
    }

    .hero-video-only .hero-actions {
        justify-content: center;
    }
}

/* === CLEAN VIDEO HERO END === */