/* alm-about-v1: About page */
.ab{--ink:#151415;--wine:#DC1F26;--wine-hi:#B3161C;--surface:#f5f4f4;--line:#e4e1e1;--mute:#6b6666;font-family:var(--sans,"IBM Plex Sans Arabic",Tahoma,sans-serif);color:var(--ink);line-height:1.8;-webkit-font-smoothing:antialiased}
.ab *{box-sizing:border-box}
.ab h1,.ab h2,.ab h3{font-family:var(--kufi,"Noto Kufi Arabic",sans-serif);margin:0;line-height:1.25}
:where(.ab) p{margin:0}
.ab-w{width:min(var(--wrap,1280px),100% - 2*var(--gut,40px));margin-inline:auto}
.ab-hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:clamp(72px,11vw,150px) 0 clamp(64px,9vw,120px)}
.ab-num{position:absolute;inset-inline-end:-2vw;bottom:-.16em;font:800 clamp(170px,29vw,420px)/.8 var(--kufi,"Noto Kufi Arabic",sans-serif);direction:ltr;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.2);letter-spacing:-.03em;pointer-events:none;user-select:none;animation:ab-in 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes ab-in{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
.ab-hero .ab-w{position:relative}
.ab-hero h1{font-size:clamp(46px,8vw,104px);font-weight:800;letter-spacing:-.01em}
.ab-kick{display:flex;align-items:center;gap:14px;margin-top:22px;font-size:17px;color:#ffffffc7;font-weight:500}
.ab-kick::before{content:"";width:44px;height:3px;background:var(--wine)}
.ab-lead{max-width:30em;margin-top:clamp(28px,4vw,48px);font-size:clamp(19px,2.2vw,26px);line-height:1.9;color:#ffffffe0}
.ab-facts{border-bottom:1px solid var(--line)}
.ab-facts .ab-w{display:grid;grid-template-columns:repeat(4,1fr)}
.ab-fact{padding:34px 28px;border-inline-start:1px solid var(--line)}
.ab-fact:first-child{border-inline-start:0;padding-inline-start:0}
.ab-fact b{display:block;font-family:var(--kufi,"Noto Kufi Arabic",sans-serif);font-size:clamp(26px,3.2vw,42px);font-weight:800;line-height:1.2;color:var(--ink)}
.ab-fact span{display:block;margin-top:8px;font-size:15px;color:var(--mute);line-height:1.6}
.ab-grow{padding:clamp(64px,9vw,120px) 0}
.ab-grow p{max-width:27em;font-size:clamp(22px,2.9vw,34px);line-height:1.75;font-weight:500;color:var(--ink)}
.ab-pil{background:var(--surface);padding:clamp(56px,8vw,104px) 0}
.ab-pil .ab-w{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px)}
.ab-col{border-top:4px solid var(--wine);padding-top:26px}
.ab-col h2{font-size:clamp(30px,4vw,48px);font-weight:800;margin-bottom:18px}
.ab-col ul{list-style:none;margin:0;padding:0}
.ab-col li{display:flex;gap:16px;align-items:baseline;padding:18px 0;border-top:1px solid var(--line);font-size:19px;font-weight:500}
.ab-col li::before{content:"";flex:none;width:9px;height:9px;background:var(--wine);transform:translateY(-1px)}
.ab-part{background:var(--wine);color:#fff;padding:clamp(56px,8vw,104px) 0}
.ab-part p{max-width:24em;font-family:var(--kufi,"Noto Kufi Arabic",sans-serif);font-size:clamp(24px,3.6vw,44px);font-weight:700;line-height:1.6}
.ab-vm{padding:clamp(56px,8vw,112px) 0}
.ab-vm .ab-w{display:grid;grid-template-columns:1fr 1fr;gap:0}
.ab-vm article{padding-inline-end:clamp(24px,5vw,80px)}
.ab-vm article+article{padding-inline-end:0;padding-inline-start:clamp(24px,5vw,80px);border-inline-start:1px solid var(--line)}
.ab-vm h2{font-size:clamp(30px,4vw,50px);font-weight:800;margin-bottom:20px}
.ab-vm p{font-size:clamp(19px,2vw,24px);line-height:1.95;color:#2b2829}
.ab-val{background:var(--surface);padding:clamp(48px,7vw,88px) 0}
.ab-val-h{display:flex;align-items:baseline;gap:20px 32px;flex-wrap:wrap;margin-bottom:clamp(24px,4vw,44px)}
.ab-val-h h2{font-size:clamp(30px,4vw,50px);font-weight:800}
.ab-val-h p{font-size:19px;color:var(--mute)}
.ab-vals{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));border-top:1px solid #cfcaca}
.ab-v{padding:28px 0 8px;padding-inline-end:28px}
.ab-v h3{font-size:clamp(34px,5vw,64px);font-weight:800;color:var(--ink)}
.ab-v p{margin-top:10px;font-size:17px;color:var(--mute);max-width:22em}
.ab-gm{padding:clamp(56px,8vw,112px) 0}
.ab-gm .ab-w{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:clamp(28px,6vw,88px);align-items:start}
.ab-gm .ph{aspect-ratio:4/5;background:var(--surface) center/cover no-repeat;border-bottom:4px solid var(--wine)}
.ab-gm.nophoto .ab-w{grid-template-columns:1fr}
.ab-gm h2{font-size:clamp(30px,4vw,50px);font-weight:800;margin-bottom:24px}
.ab-gm .msg{font-size:clamp(19px,2.1vw,25px);line-height:2;max-width:34em;white-space:pre-line}
.ab-gm .who{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.ab-gm .who b{font-family:var(--kufi,"Noto Kufi Arabic",sans-serif);font-size:20px}
.ab-gm .who span{color:var(--mute);font-size:16px}
.ab-cta{background:var(--ink);color:#fff;padding:clamp(52px,7vw,92px) 0}
.ab-cta .ab-w{display:flex;align-items:center;justify-content:space-between;gap:28px 48px;flex-wrap:wrap}
.ab-cta h2{font-size:clamp(28px,4vw,48px);font-weight:800;max-width:14em}
.ab-btns{display:flex;gap:14px;flex-wrap:wrap}
.ab a.ab-b{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;border-radius:3px;font-weight:700;font-size:16px;text-decoration:none;border:1.5px solid #ffffff59;color:#fff;background:transparent;transition:background .18s,border-color .18s}
.ab a.ab-b.pri{background:var(--wine);border-color:var(--wine)}
.ab a.ab-b.pri:hover{background:var(--wine-hi);border-color:var(--wine-hi);color:#fff}
.ab a.ab-b:hover{border-color:#fff;color:#fff}
.ab a.ab-b:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:900px){
 .ab-facts .ab-w{grid-template-columns:1fr 1fr}
 .ab-fact{padding:26px 20px}
 .ab-fact:nth-child(odd){border-inline-start:0;padding-inline-start:0}
 .ab-fact:nth-child(n+3){border-top:1px solid var(--line)}
 .ab-pil .ab-w,.ab-vm .ab-w,.ab-gm .ab-w{grid-template-columns:1fr}
 .ab-vm article,.ab-vm article+article{padding-inline:0;border-inline-start:0}
 .ab-vm article+article{margin-top:40px;padding-top:40px;border-top:1px solid var(--line)}
 .ab-gm .ph{max-width:320px}
}
@media(max-width:480px){.ab-btns,.ab a.ab-b{width:100%}.ab-fact b{font-size:26px}}
@media(prefers-reduced-motion:reduce){.ab-num{animation:none}.ab a.ab-b{transition:none}}

.ab .ab-hero h1,.ab .ab-cta h2{color:#fff!important}