/* HADEED HDX — About HADEED deployment page v10.0
   Page-only styles. Global HDX navigation, footer and brand assets remain unchanged. */
:root{--about-blue:#113AA5;--about-navy:#071A3D;--about-paper:#F4F4F0;--about-ink:#0B1020;--about-grey:#727987;--about-line:rgba(11,16,32,.14)}
.about-page{background:#fff;color:var(--about-ink);overflow:hidden}
.about-page .wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}
.about-hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;background:var(--about-navy);isolation:isolate}
.about-hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden}
.about-hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 46%;display:block;filter:saturate(.84) contrast(1.02)}
.about-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,16,40,.92) 0%,rgba(5,16,40,.76) 44%,rgba(5,16,40,.2) 76%,rgba(5,16,40,.12) 100%)}
.about-hero-inner{padding:160px 0 82px;color:#fff;max-width:820px}
.about-eyebrow{font-size:12px;letter-spacing:.2em;font-weight:700;text-transform:uppercase;margin:0 0 28px;color:inherit}
.about-hero h1{font-size:clamp(54px,7vw,104px);line-height:.9;letter-spacing:-.055em;font-weight:600;margin:0;max-width:780px}
.about-hero .lead{margin:32px 0 0;max-width:710px;font-size:clamp(18px,2vw,24px);line-height:1.48;color:rgba(255,255,255,.88)}
.about-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.about-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid transparent;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.04em;transition:.2s ease}
.about-btn.primary{background:#fff;color:var(--about-navy)}
.about-btn.primary:hover{background:var(--about-paper)}
.about-btn.secondary{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.04)}
.about-btn.secondary:hover{background:rgba(255,255,255,.1)}
.about-section{padding:110px 0;border-bottom:1px solid var(--about-line)}
.about-grid{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:8vw;align-items:start}
.about-index{position:sticky;top:120px}
.about-num{font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--about-blue);margin-bottom:22px}
.about-kicker{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--about-grey);margin-bottom:18px}
.about-section h2{font-size:clamp(42px,5.4vw,76px);line-height:.96;letter-spacing:-.045em;font-weight:500;margin:0;max-width:860px}
.about-copy{margin-top:36px;max-width:760px}
.about-copy p{font-size:clamp(17px,1.7vw,21px);line-height:1.62;color:#313847;margin:0 0 20px}
.about-copy .highlight{font-size:clamp(24px,2.8vw,38px);line-height:1.22;letter-spacing:-.028em;color:var(--about-ink);font-weight:500;margin:34px 0}
.about-inline-cta{display:inline-flex;gap:9px;align-items:center;margin-top:12px;text-decoration:none;color:var(--about-blue);font-weight:700;font-size:13px;letter-spacing:.04em;border-bottom:1px solid rgba(17,58,165,.35);padding-bottom:4px}
.about-inline-cta:after{content:"→";transition:transform .2s ease}.about-inline-cta:hover:after{transform:translateX(4px)}
.about-approach{background:var(--about-paper)}
.approach-principles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:48px 0 42px;border-top:1px solid var(--about-line);border-bottom:1px solid var(--about-line)}
.approach-principles span{padding:20px 14px 20px 0;font-size:12px;letter-spacing:.14em;font-weight:700;border-right:1px solid var(--about-line)}
.approach-principles span:last-child{border-right:0}
.about-tech-line{height:1px;background:linear-gradient(90deg,var(--about-blue),rgba(17,58,165,0));margin:48px 0 0;position:relative}
.about-tech-line:before{content:"";position:absolute;left:0;top:-4px;width:9px;height:9px;background:var(--about-blue)}
.open-doors{position:relative;min-height:720px;display:flex;align-items:center;background:var(--about-navy);color:#fff;isolation:isolate}
.open-doors-media{position:absolute;inset:0;z-index:-2;overflow:hidden}
.open-doors-media img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;opacity:.46;transform:scale(1.015)}
.open-doors:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,26,61,.62),rgba(7,26,61,.88))}
.open-doors-inner{padding:110px 0;max-width:900px}
.open-doors h2{font-size:clamp(64px,10vw,148px);line-height:.84;letter-spacing:-.06em;margin:0 0 40px;font-weight:600}
.open-doors .manifesto{font-size:clamp(20px,2.4vw,30px);line-height:1.46;max-width:840px;color:rgba(255,255,255,.88)}
.open-doors .balances{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}
.open-doors .balances div{padding:24px 26px 24px 0;border-right:1px solid rgba(255,255,255,.2);font-size:14px;line-height:1.45}.open-doors .balances div:last-child{border-right:0;padding-left:26px}.open-doors .balances div:nth-child(2){padding-left:26px}
.open-doors .brand-line{margin-top:44px;font-size:16px;letter-spacing:.12em;font-weight:700}
.capabilities-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;margin-bottom:58px}
.capability-list{border-top:1px solid var(--about-line)}
.capability-row{display:grid;grid-template-columns:64px minmax(220px,.7fr) minmax(0,1.3fr) 30px;gap:26px;align-items:start;padding:30px 0;border-bottom:1px solid var(--about-line);text-decoration:none;color:inherit}
.capability-row .n{font-size:12px;color:var(--about-blue);font-weight:700;letter-spacing:.16em;padding-top:6px}.capability-row h3{font-size:clamp(24px,2.7vw,37px);line-height:1.05;letter-spacing:-.03em;margin:0;font-weight:500}.capability-row p{margin:2px 0 0;font-size:16px;line-height:1.6;color:#4c5360}.capability-row .arrow{font-size:22px;transition:transform .2s ease}.capability-row:hover .arrow{transform:translateX(5px)}
.regional{background:#fff}.regional-statements{margin-top:42px;border-top:1px solid var(--about-line)}.regional-statements div{font-size:clamp(28px,3.8vw,54px);letter-spacing:-.035em;line-height:1.08;padding:20px 0;border-bottom:1px solid var(--about-line)}
.regional-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px}.regional-actions .about-btn.primary{background:var(--about-blue);color:#fff}.regional-actions .about-btn.secondary{border-color:var(--about-line);color:var(--about-ink);background:#fff}
.about-final{padding:84px 0;background:var(--about-blue);color:#fff}.about-final .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}.about-final h2{font-size:clamp(44px,6vw,80px);line-height:.92;letter-spacing:-.05em;margin:0;font-weight:500}.about-final p{font-size:18px;line-height:1.6;color:rgba(255,255,255,.82);margin:0 0 24px}.about-final .about-btn.primary{background:#fff;color:var(--about-blue)}
@media (max-width:900px){.about-page .wrap{width:min(100% - 34px,1180px)}.about-hero{min-height:72svh}.about-hero-inner{padding:130px 0 60px}.about-hero h1{font-size:clamp(50px,13vw,76px)}.about-grid,.capabilities-intro,.about-final .wrap{grid-template-columns:1fr;gap:34px}.about-index{position:static}.about-section{padding:78px 0}.approach-principles{grid-template-columns:1fr}.approach-principles span{border-right:0;border-bottom:1px solid var(--about-line);padding:15px 0}.approach-principles span:last-child{border-bottom:0}.open-doors{min-height:680px}.open-doors .balances{grid-template-columns:1fr}.open-doors .balances div,.open-doors .balances div:nth-child(2),.open-doors .balances div:last-child{padding:17px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.open-doors .balances div:last-child{border-bottom:0}.capability-row{grid-template-columns:44px 1fr 24px;gap:14px}.capability-row p{grid-column:2/4}.about-final{padding:68px 0}}
@media (max-width:560px){.about-page .wrap{width:calc(100% - 28px)}.about-hero{min-height:700px}.about-hero:after{background:linear-gradient(180deg,rgba(5,16,40,.38),rgba(5,16,40,.9) 68%)}.about-hero-media img{object-position:58% 50%}.about-hero-inner{padding:130px 0 52px}.about-hero .lead{font-size:17px}.about-hero-actions{display:grid;grid-template-columns:1fr}.about-btn{width:100%}.about-section h2{font-size:42px}.about-copy .highlight{font-size:26px}.open-doors{min-height:700px}.open-doors h2{font-size:68px}.capability-row{padding:24px 0}.capability-row h3{font-size:27px}.regional-statements div{font-size:32px}.regional-actions{display:grid}.about-final h2{font-size:48px}}
@media (prefers-reduced-motion:reduce){.about-inline-cta:after,.capability-row .arrow{transition:none}}