.about-page{overflow:hidden;background:#0c111b;color:#f7f3ed}
.about-hero{position:relative;min-height:690px;background:#0c111b;color:#f8f4ed;border-bottom:1px solid #ffffff16;isolation:isolate;overflow:hidden}
.about-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 45%,#1bcbd42c,transparent 31%),radial-gradient(circle at 79% 22%,#ff9c2525,transparent 27%),linear-gradient(115deg,transparent 47%,#ffffff05 48%,transparent 49%);z-index:-2}
.about-noise{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#000,transparent 90%);z-index:-1}
.about-hero-grid{min-height:690px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:34px;padding-top:70px;padding-bottom:92px}
.about-hero-copy{position:relative;z-index:3}
.about-hero .breadcrumb{display:inline-flex;color:#aeb7c4;margin:0 0 28px;font-size:13px}
.about-kicker{display:flex;align-items:center;gap:10px;color:#ffb13d;font:700 12px/1.3 Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase}
.about-kicker i{width:30px;height:1px;background:currentColor;box-shadow:0 0 9px currentColor}
.about-kicker.dark{color:#c27813}
.about-hero h1{font-size:clamp(58px,6vw,94px);line-height:.98;letter-spacing:-4px;margin:25px 0 26px;max-width:800px}
.about-hero h1 em,.belief-head h2 em,.story-heading h2 em,.voices-intro h2 em,.about-close h2 em{font-style:normal;color:#ffad32}
.about-hero-copy>p{max-width:630px;color:#b9c1cd;font-size:19px;line-height:1.9;margin:0}
.about-actions{display:flex;align-items:center;gap:16px;margin-top:34px;flex-wrap:wrap}
.about-primary,.about-secondary{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:0 23px;border-radius:100px;font-weight:800;transition:.35s ease}
.about-primary{color:#111722;background:#ffad32;box-shadow:0 10px 34px #ffad322f}
.about-primary span{font-size:20px;animation:aboutArrow 1.5s ease-in-out infinite}
.about-secondary{color:#f8f4ed;border:1px solid #ffffff22;background:#ffffff09;backdrop-filter:blur(10px)}
.about-primary:hover{transform:translateY(-4px);box-shadow:0 16px 42px #ffad3252}.about-secondary:hover{background:#ffffff14;border-color:#ffffff4d}
.about-since{display:flex;align-items:center;gap:14px;margin-top:38px;color:#8f9aa9}.about-since b{font:800 28px Arial;color:#fff;border-inline-end:1px solid #ffffff28;padding-inline-end:14px}.about-since span{font-size:12px;line-height:1.5}
.about-logo-stage{position:relative;min-height:520px;display:grid;place-items:center;perspective:1200px;transform-style:preserve-3d}
.about-logo-stage:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,#ffae3447,transparent 61%);filter:blur(14px);animation:aboutPulse 3.5s ease-in-out infinite}
.about-logo-stage:after{content:"";position:absolute;width:390px;height:55px;border-radius:50%;background:#000;filter:blur(22px);bottom:44px;opacity:.7;transform:rotateX(70deg)}
.about-orbit{position:absolute;border:1px solid #ffffff1c;border-radius:50%;transform-style:preserve-3d}.orbit-a{width:455px;height:455px;animation:orbitTilt 14s linear infinite}.orbit-b{width:335px;height:335px;border-color:#ffad3247;transform:rotateX(68deg);animation:orbitFlat 9s linear infinite}
.orbit-a i{position:absolute;width:10px;height:10px;border-radius:50%;background:#54e0e3;box-shadow:0 0 20px #54e0e3}.orbit-a i:nth-child(1){top:32px;left:98px}.orbit-a i:nth-child(2){right:-5px;top:50%}.orbit-a i:nth-child(3){bottom:30px;left:115px;background:#ffad32;box-shadow:0 0 20px #ffad32}
.about-logo-perspective{position:relative;width:275px;height:275px;display:grid;place-items:center;perspective:850px;z-index:2;filter:drop-shadow(0 26px 30px #0008)}
.about-logo-rotor{position:relative;width:250px;height:250px;transform-style:preserve-3d;animation:logoTurn 10s cubic-bezier(.5,.08,.5,.92) infinite}
.about-logo-rotor img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:visible}
.about-logo-depth{transform:translateZ(calc(var(--layer) * -3px));filter:brightness(.36) saturate(1.8) sepia(.25)}
.about-logo-face{transform:translateZ(4px);filter:drop-shadow(0 0 9px #ffad3275) drop-shadow(0 0 30px #ffad323b)}
.about-stage-label{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);direction:ltr;font:700 10px Arial;letter-spacing:3px;color:#7f8b9d;white-space:nowrap}
.about-stage-note{position:absolute;right:0;bottom:82px;display:flex;align-items:center;gap:10px;color:#aab4c1;font-size:12px}.about-stage-note i{width:7px;height:7px;background:#53dce0;border-radius:50%;box-shadow:0 0 15px #53dce0}.about-stage-note b{color:#fff;font-size:15px}
.about-hero-strip{position:absolute;right:-5%;left:-5%;bottom:0;background:#ffad32;color:#151922;transform:rotate(-1.2deg);height:48px;display:flex;align-items:center;overflow:hidden;z-index:4}.about-hero-strip>div{display:flex;align-items:center;gap:34px;min-width:max-content;animation:stripFlow 18s linear infinite;font-weight:900}.about-hero-strip span{font-size:15px}.about-hero-strip b{font-size:12px}

.story-section{background:#0e1521;color:#f7f3ed;padding:125px 0;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10;position:relative}.story-layout{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(500px,1.22fr);gap:100px;align-items:start}.story-heading{position:sticky;top:135px}.story-heading h2,.belief-head h2,.voices-intro h2{font-size:clamp(43px,5vw,72px);line-height:1.08;letter-spacing:-2px;margin:25px 0}.story-heading p,.belief-head>p,.voices-intro>p{max-width:450px;color:#99a6b7;font-size:17px;line-height:1.85}.story-track{position:relative}.story-line{position:absolute;top:35px;bottom:35px;right:24px;width:2px;background:#2b3545}.story-line i{display:block;width:100%;height:var(--story-progress,0%);background:linear-gradient(#ffad32,#36cbd0);box-shadow:0 0 13px #ffad3273;transition:height .15s linear}.story-step{position:relative;display:grid;grid-template-columns:50px 110px 1fr;gap:24px;padding:10px 0 72px;opacity:.36;transform:translateY(28px);transition:opacity .65s,transform .65s}.story-step.is-visible{opacity:1;transform:none}.story-step>span{position:relative;z-index:2;width:48px;height:48px;border:1px solid #334055;border-radius:50%;background:#0e1521;display:grid;place-items:center;font:700 11px Arial;color:#8491a3;transition:.4s}.story-step.is-visible>span{background:#ffad32;color:#101722;border-color:#ffad32;box-shadow:0 0 28px #ffad3247}.story-step time{font:900 clamp(30px,3vw,45px) Arial;color:#f7f3ed;letter-spacing:-1px}.story-step h3{margin:0 0 10px;font-size:25px;color:#f7f3ed}.story-step p{margin:0;color:#98a5b6;line-height:1.8}

.belief-section{background:#10151f;color:#f7f3eb;padding:120px 0;position:relative;isolation:isolate}.belief-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,#ffad321c,transparent 28%),radial-gradient(circle at 10% 85%,#43d5da17,transparent 32%);z-index:-1}.belief-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:58px}.belief-head h2{margin-bottom:0}.belief-head>p{color:#98a3b2;margin:0 0 8px}.belief-deck{display:flex;gap:12px;min-height:390px}.belief-card{flex:0 0 96px;position:relative;overflow:hidden;border:1px solid #ffffff18;border-radius:28px;background:#171e2a;transition:flex .75s cubic-bezier(.2,.75,.2,1),background .5s;isolation:isolate}.belief-card:before{content:"";position:absolute;inset:auto -20% -40% auto;width:270px;height:270px;background:var(--accent);border-radius:50%;filter:blur(70px);opacity:.13;transition:.6s;z-index:-1}.belief-card.is-active{flex:1 1 470px;background:#1a212e}.belief-card.is-active:before{opacity:.29}.belief-card button{border:0;background:transparent;color:inherit;width:96px;height:100%;min-height:390px;padding:24px 0;display:flex;flex-direction:column;align-items:center;gap:24px;cursor:pointer}.belief-card button span{font:700 11px Arial;color:var(--accent)}.belief-card button h3{writing-mode:vertical-rl;margin:auto;font-size:23px;letter-spacing:2px}.belief-card button i{font-style:normal;font-size:24px;color:var(--accent);transition:transform .45s}.belief-card.is-active button i{transform:rotate(90deg)}.belief-copy{position:absolute;top:0;right:112px;bottom:0;left:0;padding:55px 44px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateX(25px);pointer-events:none;transition:.4s .15s}.belief-card.is-active .belief-copy{opacity:1;transform:none}.belief-copy p{font-size:clamp(22px,2.1vw,32px);line-height:1.65;margin:0 0 32px;max-width:560px}.belief-copy b{color:var(--accent);font-size:14px}

.sectors-motion{background:#ffad32;color:#111722;padding:16px 0;overflow:hidden;transform:rotate(.7deg);margin:-1px -2% 0;width:104%;position:relative;z-index:3}.sector-marquee{overflow:hidden}.sector-marquee>div{display:flex;align-items:center;gap:28px;width:max-content;min-width:100%;animation:sectorMove 20s linear infinite;white-space:nowrap}.sector-marquee span{font-size:clamp(24px,3vw,44px);font-weight:950}.sector-marquee b{font-size:18px}.sector-marquee.reverse{margin-top:11px;border-top:1px solid #1117223d;padding-top:10px}.sector-marquee.reverse>div{animation-direction:reverse;animation-duration:24s}.sector-marquee.reverse span{font:700 12px Arial,sans-serif;letter-spacing:2px}.sector-marquee.reverse b{font-size:14px}

.voices-section{padding:140px 0;background:#0b111b;color:#f7f3ed;position:relative}.voices-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr);gap:90px;align-items:center}.voices-intro h2{margin-bottom:24px}.voice-controls{display:flex;gap:10px;margin-top:35px}.voice-controls button{width:54px;height:54px;border-radius:50%;border:1px solid #344054;background:#151e2b;color:#f7f3ed;font-size:22px;cursor:pointer;transition:.3s}.voice-controls button:hover{background:#ffad32;color:#101722;border-color:#ffad32;transform:translateY(-3px)}.voice-stage{position:relative;min-height:410px;border-radius:38px;background:#151e2b;color:#fff;padding:62px 66px 38px;overflow:hidden;isolation:isolate;box-shadow:0 25px 70px #0000005c,0 0 0 1px #ffffff0b}.voice-stage:before{content:"";position:absolute;width:190px;height:190px;border:1px solid #ffffff17;border-radius:50%;top:-65px;left:-55px;box-shadow:0 0 0 35px #ffffff05,0 0 0 70px #ffffff03;animation:voiceOrbit 11s linear infinite}.voice-glow{position:absolute;width:340px;height:340px;border-radius:50%;right:-120px;bottom:-170px;background:#ffad32;filter:blur(80px);opacity:.22;transition:background .6s}.voice-card{position:absolute;inset:62px 66px 80px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(35px) rotateX(8deg);pointer-events:none;transition:.6s cubic-bezier(.2,.8,.2,1)}.voice-card.is-active{opacity:1;transform:none;pointer-events:auto}.voice-quote{position:absolute;top:-35px;right:0;color:#ffad32;font:900 92px Georgia;line-height:1}.voice-card p{font-size:clamp(23px,2.5vw,34px);line-height:1.7;margin:20px 0 38px;max-width:680px}.voice-author{display:flex;flex-direction:column;gap:5px}.voice-author b{font-size:16px}.voice-author small{color:#8f9aa8}.voice-meta{position:absolute;right:66px;left:66px;bottom:32px;display:flex;align-items:center;gap:18px;direction:ltr;font:700 11px Arial;color:#a3adbb}.voice-meta>div{height:2px;flex:1;background:#ffffff1b;overflow:hidden}.voice-meta i{display:block;width:25%;height:100%;background:#ffad32;transition:transform .5s ease;transform-origin:left}

.about-close{background:#ffad32;color:#121823;padding:95px 0 110px;position:relative;overflow:hidden}.about-close:before{content:"AL ARABIYA";position:absolute;left:-2%;bottom:-15%;font:900 13vw/1 Arial;color:#ffffff25;white-space:nowrap;direction:ltr}.about-close-grid{position:relative;display:flex;justify-content:space-between;align-items:end;gap:40px}.about-close span{font:800 11px Arial;letter-spacing:2px}.about-close h2{font-size:clamp(50px,6vw,88px);line-height:1;margin:22px 0 0;letter-spacing:-3px}.about-close h2 em{color:#fff}.about-close a{width:170px;height:170px;border-radius:50%;background:#111823;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:0 0 auto;box-shadow:0 18px 40px #1118232d;transition:.4s}.about-close a:hover{transform:rotate(-8deg) scale(1.06)}.about-close a b{font-size:34px;color:#ffad32}

@keyframes aboutArrow{50%{transform:translateY(5px)}}@keyframes aboutPulse{50%{transform:scale(1.1);opacity:.72}}@keyframes orbitTilt{to{transform:rotateZ(360deg) rotateX(62deg)}}@keyframes orbitFlat{from{transform:rotateX(68deg) rotateZ(0)}to{transform:rotateX(68deg) rotateZ(-360deg)}}@keyframes logoTurn{0%,12%{transform:rotateY(0) rotateX(3deg)}48%,62%{transform:rotateY(180deg) rotateX(-3deg)}100%{transform:rotateY(360deg) rotateX(3deg)}}@keyframes stripFlow{to{transform:translateX(50%)}}@keyframes sectorMove{to{transform:translateX(50%)}}@keyframes voiceOrbit{to{transform:rotate(360deg)}}

body.motion-paused .about-page *,body.motion-paused .about-page *:before,body.motion-paused .about-page *:after{animation-play-state:paused!important}
@media(max-width:1000px){.about-hero-grid{grid-template-columns:1fr minmax(330px,.75fr)}.about-logo-stage{min-height:440px}.orbit-a{width:390px;height:390px}.story-layout,.voices-grid{gap:50px}.belief-card{flex-basis:82px}.belief-card button{width:82px}.belief-copy{right:96px;padding:40px 28px}}
@media(max-width:760px){.about-hero{min-height:auto}.about-hero-grid{grid-template-columns:1fr;padding-top:45px;padding-bottom:90px}.about-hero-copy{text-align:center}.about-hero .breadcrumb{margin-bottom:20px}.about-kicker,.about-actions,.about-since{justify-content:center}.about-hero h1{font-size:53px;letter-spacing:-2px}.about-hero-copy>p{font-size:16px}.about-logo-stage{min-height:385px}.about-logo-perspective{width:205px;height:205px}.about-logo-rotor{width:190px;height:190px}.orbit-a{width:320px;height:320px}.orbit-b{width:255px;height:255px}.about-stage-note{display:none}.about-stage-label{bottom:14px}.story-section,.belief-section,.voices-section{padding:80px 0}.story-layout,.voices-grid{grid-template-columns:1fr}.story-heading{position:static}.story-heading h2,.belief-head h2,.voices-intro h2{font-size:42px}.story-step{grid-template-columns:48px 76px 1fr;gap:12px}.story-step time{font-size:26px}.story-step h3{font-size:20px}.belief-head{display:block}.belief-head>p{margin-top:25px}.belief-deck{display:grid;min-height:0}.belief-card,.belief-card.is-active{width:100%;flex:auto;min-height:76px;border-radius:20px}.belief-card button{width:100%;min-height:76px;height:76px;padding:0 20px;display:grid;grid-template-columns:38px 1fr 30px;text-align:right}.belief-card button h3{writing-mode:horizontal-tb;margin:0;font-size:20px;letter-spacing:0}.belief-copy{position:relative;top:auto;right:auto;bottom:auto;left:auto;display:none;padding:10px 25px 30px;opacity:1;transform:none}.belief-card.is-active .belief-copy{display:block}.belief-copy p{font-size:18px;margin-bottom:16px}.sectors-motion{width:106%;margin-inline:-3%}.voices-grid{gap:38px}.voice-stage{min-height:440px;padding:45px 28px 30px;border-radius:26px}.voice-card{inset:58px 28px 80px}.voice-card p{font-size:22px}.voice-meta{right:28px;left:28px}.about-close{padding:70px 0}.about-close-grid{align-items:center}.about-close a{width:120px;height:120px}.about-close h2{font-size:45px;letter-spacing:-1px}}
@media(max-width:480px){.about-hero h1{font-size:44px}.about-logo-stage{min-height:340px}.orbit-a{width:280px;height:280px}.orbit-b{width:225px;height:225px}.about-logo-rotor{width:165px;height:165px}.about-logo-perspective{width:180px;height:180px}.about-actions{flex-direction:column}.about-actions a{width:100%}.story-step{grid-template-columns:42px 1fr}.story-step time{grid-column:2}.story-step>div{grid-column:2}.story-line{right:20px}.about-close-grid{display:block}.about-close a{margin-top:35px}.about-close h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.about-page *,.about-page *:before,.about-page *:after{animation:none!important;scroll-behavior:auto!important}.story-step{opacity:1;transform:none}}

.story-section:before,.voices-section:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.13}.story-section:before{left:-180px;top:12%;background:#42d8dc}.voices-section:before{right:-190px;bottom:3%;background:#ffad32}.story-section>.wrap,.voices-section>.wrap{position:relative;z-index:1}