:root{--cream:#F2EDE3;--paper:#FBF7EE;--ink:#0A1628;--ink-deep:#050B14;--mut:#6B5E47;--mut2:#7A7268;--rule:#D8CFB8;--rule-dark:rgba(251,247,238,.14);--lav:#967BB6;--lav-deep:#614A78;--lav-soft:#D3C6E0;--ar:'Tajawal',sans-serif;--mono:'JetBrains Mono',monospace}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--cream);color:var(--ink);font-family:var(--ar);overflow-x:hidden}
img{display:block}a{text-decoration:none;color:inherit}
.nav{position:fixed;inset-inline:0;top:0;z-index:50;background:rgba(242,237,227,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.nav-in{max-width:1380px;margin:0 auto;padding:0 56px;height:72px;display:flex;align-items:center;gap:24px}
.nav img{height:30px}
.back{font-size:15px;font-weight:700;color:var(--mut)}
.back:hover{color:var(--ink)}
.nav-cta{margin-inline-start:auto;background:var(--ink);color:var(--paper);font-weight:700;font-size:15px;padding:11px 22px;border-radius:99px}
.nav-cta:hover{background:var(--lav-deep)}
.ahead{padding:170px 0 56px;border-bottom:1px solid var(--rule)}
.col{max-width:840px;margin:0 auto;padding:0 28px}
.colw{max-width:1140px;margin:0 auto;padding:0 28px}
.kind{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.05em;color:var(--lav-deep);margin-bottom:20px}
.kind i{width:8px;height:8px;border-radius:50%;background:var(--lav);font-style:normal}
h1{font-size:clamp(36px,4.6vw,60px);font-weight:800;line-height:1.2;margin-bottom:18px}
.meta{font-size:14px;color:var(--mut2);line-height:1.7}
.facts{display:flex;gap:36px;flex-wrap:wrap;margin-top:30px}
.fact b{font-size:24px;font-weight:800;display:block}
.fact span{font-size:13px;color:var(--mut2)}
.body{padding:56px 0 90px}
.body p{font-size:18px;line-height:1.8;color:#2A3548;margin-bottom:26px;text-wrap:pretty}
.body p strong{color:var(--ink)}
.body h2{font-size:26px;font-weight:800;margin:44px 0 16px;display:flex;align-items:baseline;gap:12px}
.body h2 span{font-family:var(--mono);font-size:13px;color:var(--lav)}
.pull{border-inline-start:4px solid var(--lav);background:var(--paper);border-radius:0 14px 14px 0;padding:26px 30px;margin:36px 0;font-size:22px;font-weight:700;line-height:1.65;text-wrap:balance}
.lens{background:var(--ink);color:var(--paper);border-radius:20px;padding:38px 40px;margin:44px 0}
.lens .lt{font-size:13px;font-weight:700;letter-spacing:.05em;color:var(--lav-soft);margin-bottom:14px}
.lens h3{font-size:26px;font-weight:800;margin-bottom:14px}
.lens p{color:rgba(251,247,238,.72);margin-bottom:14px;line-height:1.8}
.lens p:last-child{margin-bottom:0}
.lens p b{color:var(--paper)}
.takes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:36px 0}
.take{background:var(--paper);border:1px solid var(--rule);border-radius:16px;padding:22px 24px}
.take .tn{width:32px;height:32px;border-radius:50%;background:rgba(150,123,182,.15);color:var(--lav-deep);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;margin-bottom:12px}
.take b{display:block;font-size:17px;margin-bottom:6px}
.take p{font-size:14px;line-height:1.65;color:var(--mut);margin:0}
.endmark{width:11px;height:11px;border-radius:50%;background:var(--lav);margin:46px auto 0}
.next{background:var(--ink);color:var(--paper);padding:64px 0}
.next .col{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.next h3{font-size:24px;font-weight:800;line-height:1.5}
.next a{background:var(--lav);color:var(--ink-deep);font-weight:700;font-size:15px;padding:13px 26px;border-radius:99px;white-space:nowrap}
.foot{background:var(--ink-deep);color:rgba(251,247,238,.5);padding:28px 0;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.14em}
@media (max-width:840px){.takes{grid-template-columns:1fr}}
/* video poster — opens on YouTube (these official films disable embedding) */
.ytblock{margin:0}
.ytvideo{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;border:1px solid var(--rule);background:#0A1628 center/cover no-repeat;text-decoration:none;cursor:pointer;padding:0;margin:0;font:inherit;text-align:start;color:inherit}
.ytvideo iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ytvideo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,22,40,.04),rgba(10,22,40,.4))}
.ytplay{position:absolute;inset:0;margin:auto;width:78px;height:78px;border-radius:50%;background:rgba(150,123,182,.94);display:flex;align-items:center;justify-content:center;z-index:1;transition:transform .2s,background .2s}
.ytvideo:hover .ytplay{transform:scale(1.08);background:var(--lav)}
.ytplay span{width:0;height:0;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent #fff;margin-inline-start:5px}
.ytbadge{position:absolute;inset-block-end:14px;inset-inline-start:14px;z-index:1;background:rgba(10,22,40,.82);color:#fff;font-family:var(--ar);font-weight:700;font-size:13px;padding:7px 14px;border-radius:99px}
.ytcap{font-size:13px;color:var(--mut2);margin:12px 0 0}