@font-face{font-family:"Readex Pro";src:url("../fonts/ReadexPro-VariableFont_HEXP,wght.ttf") format("truetype");font-style:normal;font-weight:100 700;font-display:swap}
:root{
  --ink:#080806;--ink-2:#10100e;--ink-3:#181713;--paper:#f2eee6;--muted:#b9b2a7;
  --gold:#c59a4f;--gold-2:#e0be78;--gold-dark:#7c5b28;--line:rgba(197,154,79,.34);
  --shell:min(1220px,calc(100vw - 48px));--header-h:88px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Readex Pro","Segoe UI",Tahoma,Arial,sans-serif;overflow-x:hidden}body[data-lang="ar"] .lang-en{display:none!important}body[data-lang="en"] .lang-ar{display:none!important}body[data-lang="en"]{direction:ltr}a{color:inherit;text-decoration:none}.shell{width:var(--shell);margin-inline:auto}.topbar{position:fixed;inset:0 0 auto 0;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:10px max(24px,calc((100vw - 1220px)/2));z-index:80;transition:.35s;background:linear-gradient(to bottom,rgba(4,4,3,.82),rgba(4,4,3,0));border-bottom:1px solid transparent}.topbar.is-scrolled{background:rgba(8,8,6,.9);backdrop-filter:blur(14px);border-bottom-color:rgba(197,154,79,.15)}.brand{height:78px;width:96px;display:flex;align-items:center;justify-content:center;overflow:visible;flex:0 0 auto}.brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(.98) contrast(1.04)}.nav{display:flex;gap:30px;font-size:13px;letter-spacing:.03em;color:#d9d1c5}.nav a{position:relative;padding:10px 0}.nav a:after{content:"";position:absolute;inset:auto 0 4px 0;height:1px;background:var(--gold);transform:scaleX(0);transition:.25s}.nav a:hover:after{transform:scaleX(1)}.top-actions{display:flex;align-items:center;gap:12px}.language-toggle,.top-cta{border:1px solid var(--line);background:rgba(10,10,8,.55);color:var(--paper);height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.08em;cursor:pointer}.language-toggle:hover,.top-cta:hover{border-color:var(--gold)}.top-cta{background:linear-gradient(135deg,#8d662d,#c89d52);color:#100d08;border-color:transparent;font-weight:700}
.hero{height:100svh;min-height:650px;position:relative;background:#060604;overflow:hidden}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;visibility:hidden;transition:opacity 1.25s ease,visibility 1.25s;pointer-events:none}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}.hero-media,.hero-media picture,.hero-media img{position:absolute;inset:0;width:100%;height:100%}.hero-media img{object-fit:cover;object-position:var(--focus-x) var(--focus-y);transform:scale(1.03)}.hero-slide.is-active .hero-media img{animation:kenburns var(--slide-duration,7s) ease-out both}.hero-media--fallback{background:radial-gradient(circle at 68% 38%,rgba(197,154,79,.12),transparent 31%),linear-gradient(120deg,#050504,#16140f 60%,#080806)}.fallback-art{position:absolute;inset:0;overflow:hidden}.fallback-line{position:absolute;border:1px solid rgba(197,154,79,.38);transform:rotate(-16deg);width:70vw;height:70vw}.fallback-line-a{right:-26vw;top:-31vw}.fallback-line-b{left:-42vw;bottom:-38vw}.fallback-seal{position:absolute;right:10vw;top:22vh;width:230px;height:230px;border:1px solid rgba(197,154,79,.28);border-radius:50%;display:grid;place-items:center;color:rgba(197,154,79,.16);font-family:"Readex Pro","Segoe UI",Tahoma,Arial,sans-serif;font-size:54px;letter-spacing:.08em}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.72) 76%),linear-gradient(0deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.05) 54%),radial-gradient(circle at center,transparent 20%,rgba(0,0,0,.34) 100%)}body[data-lang="en"] .hero-shade{background:linear-gradient(-90deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.72) 76%),linear-gradient(0deg,rgba(0,0,0,.68),rgba(0,0,0,.05) 54%),radial-gradient(circle at center,transparent 20%,rgba(0,0,0,.34))}.hero-content{height:100%;display:flex;align-items:center;padding-top:70px;position:relative;z-index:4}.hero-copy{width:min(760px,72vw);margin-inline-start:auto}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);margin:0 0 20px}.hero-copy h1{font-family:"Readex Pro","Segoe UI",Tahoma,Arial,sans-serif;font-size:clamp(46px,6.2vw,94px);line-height:1.02;margin:0;max-width:950px;font-weight:500;text-wrap:balance}.hero-copy .hero-body{max-width:680px;font-size:clamp(15px,1.4vw,19px);line-height:1.9;color:#d0cabf;margin:24px 0 34px}.hero-slide .hero-copy>*{opacity:0;transform:translateY(24px)}.hero-slide.is-active .hero-copy>*{animation:copyIn .85s cubic-bezier(.22,.7,.2,1) forwards}.hero-slide.is-active .hero-copy h1{animation-delay:.1s}.hero-slide.is-active .hero-copy .hero-body{animation-delay:.2s}.hero-slide.is-active .hero-copy .gold-button{animation-delay:.3s}.gold-button{display:inline-flex;align-items:center;gap:24px;border:1px solid var(--gold);padding:15px 22px;background:rgba(6,6,5,.42);backdrop-filter:blur(6px);font-size:13px;letter-spacing:.04em;transition:.25s}.gold-button:hover{background:var(--gold);color:#0c0a06}.gold-button .arrow{font-size:19px}.gold-button.large{padding:18px 28px;font-size:15px}.hero-controls{position:absolute;z-index:8;left:50%;transform:translateX(-50%);bottom:34px;display:flex;align-items:center;gap:18px;direction:ltr}.hero-dots{display:flex;gap:11px}.hero-dot{border:0;background:none;color:#d8d1c5;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 0;opacity:.5}.hero-dot.is-active{opacity:1}.dot-number{font:500 11px/1 "Readex Pro",sans-serif}.dot-track{width:52px;height:1px;background:rgba(255,255,255,.26);overflow:hidden}.dot-progress{display:block;width:0;height:100%;background:var(--gold-2)}.hero-dot.is-active .dot-progress{animation:progress var(--active-duration,6.5s) linear forwards}.hero-arrow{width:38px;height:38px;border:1px solid rgba(255,255,255,.18);background:rgba(5,5,4,.32);color:#fff;border-radius:50%;font-size:25px;cursor:pointer}.scroll-cue{position:absolute;z-index:7;bottom:32px;right:max(24px,calc((100vw - 1220px)/2));width:28px;height:48px;border:1px solid rgba(255,255,255,.24);border-radius:18px;display:flex;justify-content:center;padding-top:8px}.scroll-cue span{display:block;width:3px;height:7px;background:var(--gold);border-radius:4px;animation:scrollcue 1.6s infinite}
.section{padding:120px 0;position:relative}.section-intro{background:#ebe6dc;color:#15130f}.two-col{display:grid;grid-template-columns:260px 1fr;gap:70px}.section-label{border-top:1px solid rgba(30,25,16,.25);padding-top:18px;display:flex;justify-content:space-between;gap:20px}.chapter{font-family:"Readex Pro","Segoe UI",Tahoma,Arial,sans-serif;color:var(--gold-dark);font-size:15px}.section-label p{margin:0;font-size:12px;letter-spacing:.14em}.section-copy h2,.section-head h2,.final-inner h2{font-family:"Readex Pro","Segoe UI",Tahoma,Arial,sans-serif;font-size:clamp(38px,5vw,72px);line-height:1.12;font-weight:500;margin:0}.section-copy .lead{font-size:18px;line-height:2;max-width:870px;margin-top:34px;color:#464035}.principles{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(90,69,33,.35);border-bottom:1px solid rgba(90,69,33,.35);margin-top:50px}.principles span{padding:18px 10px;text-align:center;border-inline-end:1px solid rgba(90,69,33,.2);font-family:"Readex Pro","Segoe UI",Tahoma,Arial,sans-serif;color:#5c492d}.principles>span:last-child{border-inline-end:0}.section-dark{background:linear-gradient(135deg,#080806,#12110e);border-top:1px solid rgba(197,154,79,.14);border-bottom:1px solid rgba(197,154,79,.14)}.section-head{display:grid;grid-template-columns:230px 1fr;gap:55px;align-items:start;margin-bottom:60px}.section-head>div{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;gap:20px}.section-head .eyebrow{margin:0}.section-head h2{font-size:clamp(34px,4.2vw,62px)}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}.solution-card{min-height:320px;padding:30px;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.35s;background:rgba(255,255,255,0)}.solution-card:hover{background:rgba(197,154,79,.06);transform:translateY(-4px)}.card-no{position:absolute;top:25px;inset-inline-start:28px;color:var(--gold);font-family:"Readex Pro","Segoe UI",Tahoma,Arial,sans-serif}.card-symbol{font-size:62px;color:var(--gold);margin:46px 0 30px}.solution-card h3,.experience-card h3{font-family:"Readex Pro","Segoe UI",Tahoma,Arial,sans-serif;font-size:24px;line-height:1.35;font-weight:500;margin:0 0 18px;color:#ead9b7}.solution-card p,.experience-card p{margin:0;color:#aaa296;line-height:1.8;font-size:14px}.framework{background:#eee9df;color:#15130f}.framework .section-head>div{border-color:rgba(90,69,33,.3)}.framework-list{border-top:1px solid rgba(92,73,45,.3)}.framework-step{display:grid;grid-template-columns:110px 260px 1fr;gap:28px;align-items:center;min-height:130px;border-bottom:1px solid rgba(92,73,45,.24);transition:.3s}.framework-step:hover{padding-inline:18px;background:rgba(118,84,35,.05)}.step-no{font-family:"Readex Pro","Segoe UI",Tahoma,Arial,sans-serif;font-size:40px;color:#8b672e}.step-title h3{font-family:"Readex Pro","Segoe UI",Tahoma,Arial,sans-serif;font-size:28px;margin:0;color:#4d3a20;font-weight:500}.step-title small{font-size:12px;color:#8b795c;letter-spacing:.08em}.framework-step p{font-size:17px;line-height:1.7;color:#514b41;max-width:640px}.framework-quote{text-align:center;font-family:"Readex Pro","Segoe UI",Tahoma,Arial,sans-serif;color:#7d5c2d;font-size:25px;margin:55px 0 0}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.experience-card{border:1px solid var(--line);padding:30px;min-height:240px;background:linear-gradient(145deg,rgba(255,255,255,.02),rgba(197,154,79,.025))}.experience-card>span{font-family:"Readex Pro","Segoe UI",Tahoma,Arial,sans-serif;color:var(--gold);display:block;margin-bottom:44px}.final-cta{min-height:680px;display:flex;align-items:center;text-align:center;overflow:hidden}.final-backdrop{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(197,154,79,.12),transparent 35%),linear-gradient(135deg,#070706,#15130f)}.final-backdrop:before,.final-backdrop:after{content:"";position:absolute;width:65vw;height:65vw;border:1px solid rgba(197,154,79,.18);transform:rotate(28deg)}.final-backdrop:before{left:-38vw;top:-35vw}.final-backdrop:after{right:-42vw;bottom:-42vw}.final-inner{position:relative;z-index:2}.final-inner h2{font-size:clamp(48px,7vw,88px)}.final-inner>p:not(.eyebrow){font-size:18px;color:#c8c0b4;line-height:1.9;margin:25px auto 34px;max-width:700px}.contact-strip{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:45px;font-size:13px;color:#c6bdaF}.contact-strip>*{padding-inline:20px;border-inline-end:1px solid var(--line)}.contact-strip>*:last-child{border-inline-end:0}.footer{background:#050504;border-top:1px solid rgba(197,154,79,.12);padding:24px 0;color:#817b71;font-size:11px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer p{margin:0}.footer a:hover{color:var(--gold)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,.65,.25,1)}.reveal.is-visible{opacity:1;transform:none}
@keyframes kenburns{from{transform:scale(1.03)}to{transform:scale(1.11)}}@keyframes copyIn{to{opacity:1;transform:none}}@keyframes progress{to{width:100%}}@keyframes scrollcue{0%{transform:translateY(0);opacity:.3}50%{opacity:1}100%{transform:translateY(17px);opacity:0}}
@media(max-width:900px){:root{--shell:min(100% - 34px,720px);--header-h:74px}.topbar{height:74px;padding:8px 17px}.brand{width:72px;height:62px}.brand img{width:100%;height:100%;object-fit:contain}.nav{display:none}.top-cta{display:none}.language-toggle{height:38px;padding:0 14px}.hero{min-height:620px}.hero-copy{width:100%;margin-inline-start:0;padding-bottom:80px}.hero-copy h1{font-size:clamp(42px,12vw,68px)}.hero-shade,body[data-lang="en"] .hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.34) 66%,rgba(0,0,0,.18) 100%)}.hero-content{align-items:flex-end;padding-bottom:95px}.hero-controls{bottom:28px;gap:10px}.hero-arrow{display:none}.dot-track{width:30px}.scroll-cue{display:none}.section{padding:82px 0}.two-col,.section-head{grid-template-columns:1fr;gap:32px}.section-label{justify-content:flex-start}.section-label .chapter{margin-inline-end:30px}.section-copy h2,.section-head h2{font-size:clamp(34px,10vw,50px)}.section-copy .lead{font-size:16px}.principles{grid-template-columns:repeat(2,1fr)}.principles span:nth-child(2){border-inline-end:0}.principles span:nth-child(-n+2){border-bottom:1px solid rgba(90,69,33,.2)}.solution-grid,.experience-grid{grid-template-columns:1fr}.solution-card{min-height:250px}.framework-step{grid-template-columns:74px 1fr;gap:18px;padding:22px 0}.framework-step p{grid-column:2;font-size:15px;margin:0 0 5px}.step-title h3{font-size:25px}.step-no{font-size:32px}.framework-quote{font-size:20px}.contact-strip{flex-direction:column;gap:12px}.contact-strip>*{border-inline-end:0}.footer-inner{flex-direction:column;text-align:center}.fallback-seal{right:12vw;top:16vh;width:160px;height:160px;font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slide,.hero-media img,.hero-slide .hero-copy>*,.reveal,.scroll-cue span{animation:none!important;transition:none!important}.hero-slide.is-active .hero-copy>*{opacity:1;transform:none}.reveal{opacity:1;transform:none}.dot-progress{display:none}}

/* AHDC v2 typography + brand refinements */
body[data-lang="ar"] h1,body[data-lang="ar"] h2,body[data-lang="ar"] h3{letter-spacing:0;font-variation-settings:"wght" 520}
body[data-lang="en"] h1,body[data-lang="en"] h2,body[data-lang="en"] h3{font-variation-settings:"wght" 520}
.brand{transition:transform .25s ease,opacity .25s ease}.brand:hover{transform:translateY(-1px);opacity:.96}
@media(max-width:720px){.brand{width:76px;height:64px}.topbar{height:78px;padding-inline:16px}.hero-content{padding-top:64px}}

.section-photo{position:relative;margin:42px 0 55px;aspect-ratio:16/7;overflow:hidden;border:1px solid rgba(92,73,45,.22);background:#dcd6cb}.section-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.22,.65,.25,1)}.section-photo:hover img{transform:scale(1.025)}.section-photo span{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.18))}.section-photo-dark{border-color:var(--line);background:#0a0a08}.section-photo-dark span{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.48))}.final-backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.46;filter:saturate(.78) contrast(1.04)}.final-backdrop:after{z-index:1}.final-backdrop:before{z-index:1}.final-backdrop::selection{background:transparent}.final-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.42)),radial-gradient(circle at center,transparent 18%,rgba(0,0,0,.42));z-index:1;pointer-events:none}.final-inner{z-index:2}.section-photo+ .solution-grid,.section-photo+ .framework-list,.section-photo+ .experience-grid{margin-top:0}
@media(max-width:900px){.section-photo{aspect-ratio:4/3;margin:30px 0 38px}.final-backdrop img{opacity:.38}}

/* AHDC v3 typography refinement — Readex Pro */
.hero-copy{width:min(720px,70vw)}
.hero-copy h1{font-size:clamp(40px,5.1vw,78px);line-height:1.14;font-weight:500;max-width:860px}
body[data-lang="ar"] .hero-copy h1{line-height:1.24}
body[data-lang="en"] .hero-copy h1{line-height:1.08}
.section-copy h2,.section-head h2,.final-inner h2{font-size:clamp(34px,4.25vw,60px);line-height:1.20}
body[data-lang="ar"] .section-copy h2,body[data-lang="ar"] .section-head h2,body[data-lang="ar"] .final-inner h2{line-height:1.30}
.section-head h2{font-size:clamp(32px,3.7vw,54px)}
.final-inner h2{font-size:clamp(42px,5.5vw,72px)}
@media(max-width:900px){
  .hero-copy h1{font-size:clamp(35px,9.7vw,54px);line-height:1.16}
  body[data-lang="ar"] .hero-copy h1{line-height:1.27}
  .section-copy h2,.section-head h2{font-size:clamp(31px,8.5vw,44px);line-height:1.24}
  body[data-lang="ar"] .section-copy h2,body[data-lang="ar"] .section-head h2{line-height:1.32}
  .final-inner h2{font-size:clamp(38px,10vw,56px);line-height:1.18}
}

/* AHDC v4 — larger header logo */
.topbar{height:104px;padding-top:6px;padding-bottom:6px}
.brand{width:136px;height:104px}
.brand img{width:100%;height:100%;object-fit:contain}
.hero-content{padding-top:88px}
@media(max-width:900px){
  .topbar{height:88px;padding-top:5px;padding-bottom:5px}
  .brand{width:104px;height:80px}
  .hero-content{padding-top:78px}
}

/* AHDC v5 — logo visibility + stronger sizing */
.topbar{height:110px!important;padding-top:4px!important;padding-bottom:4px!important}
.brand{width:138px!important;height:138px!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important}
.brand img{width:116px!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:contain!important;display:block!important}
.hero-content{padding-top:96px!important}
@media(max-width:900px){
  .topbar{height:90px!important;padding-top:3px!important;padding-bottom:3px!important}
  .brand{width:106px!important;height:106px!important}
  .brand img{width:90px!important;height:auto!important}
  .hero-content{padding-top:82px!important}
}

/* AHDC v6 — logo vertical position + responsive header sizing */
/* Desktop */
.topbar{
  height:118px!important;
  padding-top:10px!important;
  padding-bottom:4px!important;
}
.brand{
  width:136px!important;
  height:118px!important;
  overflow:visible!important;
}
.brand img{
  width:118px!important;
  height:auto!important;
  transform:translateY(9px);
  transform-origin:center;
}
.hero-content{padding-top:104px!important}

/* Tablet landscape / smaller laptops */
@media (min-width:901px) and (max-width:1100px){
  .topbar{
    height:100px!important;
    padding-top:8px!important;
    padding-bottom:4px!important;
    padding-inline:22px!important;
  }
  .brand{width:112px!important;height:100px!important}
  .brand img{width:98px!important;transform:translateY(7px)}
  .nav{gap:20px;font-size:12px}
  .top-actions{gap:9px}
  .language-toggle,.top-cta{height:40px;padding-inline:13px}
  .hero-content{padding-top:92px!important}
}

/* Tablet portrait */
@media (min-width:721px) and (max-width:900px){
  .topbar{
    height:92px!important;
    padding-top:7px!important;
    padding-bottom:3px!important;
  }
  .brand{width:100px!important;height:92px!important}
  .brand img{width:88px!important;transform:translateY(6px)}
  .hero-content{padding-top:84px!important}
}

/* Mobile */
@media (max-width:720px){
  .topbar{
    height:82px!important;
    padding-top:6px!important;
    padding-bottom:2px!important;
    padding-inline:14px!important;
  }
  .brand{width:84px!important;height:82px!important}
  .brand img{width:74px!important;transform:translateY(5px)}
  .language-toggle{height:36px;padding-inline:12px;font-size:11px}
  .hero-content{padding-top:76px!important}
}
