.about-page-content{
  color-scheme: dark;
  --navy-950: #09182b;
  --navy-900: #10233c;
  --navy-850: #12243c;
  --navy-800: #1a385a;
  --gold: #e7b448;
  --gold-light: #f0cd84;
  --gold-deep: #d6aa54;
  --paper: #f6f1e8;
  --paper-2: #ece5da;
  --ink: #102641;
  --copy: #a9bbce;
  --line-light: #e0e5ed;
  --font: "Cairo", "Noto Sans Arabic", Tahoma, sans-serif;
}
.about-page-content *,.about-page-content *::before,.about-page-content *::after{ box-sizing: border-box; }
.about-page-content{ margin: 0; direction: rtl; font-family: var(--font); color: var(--ink); background: var(--navy-950); font-size: 15px; -webkit-font-smoothing: antialiased; }
.about-page-content a{ color: inherit; text-decoration: none; }
.about-page-content a:focus-visible{ outline: 3px solid var(--gold); outline-offset: 5px; border-radius: 8px; }
.about-page-content button,.about-page-content a{ -webkit-tap-highlight-color: transparent; }
.about-page-content img,.about-page-content svg{ max-width: 100%; }
.about-page-content .page-container{ width: min(1220px, calc(100% - 80px)); margin-inline: auto; position: relative; z-index: 2; }
.about-page-content .section-dark{ color: #f8f9ff; background: var(--navy-950); }
.about-page-content .section-light{ background: var(--navy-950); color: #f8f9ff; }
.about-page-content .text-gold{ color: var(--gold-light); }
.about-page-content .text-gold-dark{ color: var(--gold-light); }
.about-page-content .section-kicker{ display: inline-flex; align-items: center; gap: 10px; color: #e7b448; font-size: 12px; font-weight: 800; letter-spacing: .15px; }
.about-page-content .section-kicker.kicker-light{ color: var(--gold); }
.about-page-content .kicker-line{ width: 26px; height: 1.5px; border-radius: 5px; background: currentColor; flex: 0 0 auto; }
.about-page-content .kicker-dash{ opacity: .8; }
.about-page-content h1,.about-page-content h2,.about-page-content h3,.about-page-content p,.about-page-content figure{ margin: 0; }
.about-page-content .section-heading h2{ font-size: clamp(29px, 3.2vw, 47px); line-height: 1.55; font-weight: 900; letter-spacing: -.85px; }
.about-page-content .section-heading p{ margin-top: 10px; font-size: 14px; line-height: 2; color: var(--copy); }
.about-page-content .about-hero{ position: relative; min-height: 695px; isolation: isolate; display: flex; align-items: center; overflow: hidden; padding: 85px 0 89px; background: radial-gradient(ellipse 600px 500px at 12% 25%, rgba(36,76,114,.31), transparent 70%), linear-gradient(115deg, #0e2742, #09182b 74%); }
.about-page-content .about-hero::before{ content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(430px circle at var(--pointer-x,65%) var(--pointer-y,45%), rgba(225,174,79,.07), transparent 75%); z-index: 1; }
.about-page-content .hero-ambient{ position: absolute; border: 1px solid rgba(217,177,100,.07); border-radius: 50%; pointer-events: none; }
.about-page-content .hero-ambient-one{ width: 610px; height: 610px; inset-inline-start: -265px; top: -305px; }
.about-page-content .hero-ambient-two{ width: 360px; height: 360px; inset-inline-end: -95px; bottom: -155px; }
.about-page-content .hero-lines{ position: absolute; inset: 0; opacity: .27; background-image: linear-gradient(to left, rgba(180,204,225,.07) 1px, transparent 1px), linear-gradient(to bottom, rgba(180,204,225,.04) 1px, transparent 1px); background-size: 90px 90px; mask-image: linear-gradient(to bottom, black, transparent 94%); pointer-events: none; }
.about-page-content .hero-layout{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .93fr); align-items: center; gap: clamp(55px, 7vw, 115px); }
.about-page-content .hero-copy{ max-width: 600px; }
.about-page-content .hero-copy h1{ font-size: clamp(47px, 5.6vw, 77px); line-height: 1.42; font-weight: 900; letter-spacing: -1.7px; margin: 22px 0 14px; white-space: nowrap; }
.about-page-content .hero-promise{ font-size: clamp(18px, 1.8vw, 24px); color: #f3f3f3; font-weight: 800; line-height: 1.75; margin-bottom: 14px; }
.about-page-content .hero-description{ color: #adc1d4; line-height: 2.16; font-size: 15px; max-width: 530px; }
.about-page-content .hero-actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 32px; }
.about-page-content .action-btn{ min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; padding: 10px 22px; border-radius: 12px; font-size: 13px; font-weight: 900; transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease, border-color .25s ease; }
.about-page-content .action-btn > span:not(.hero-action-arrow){ font-size: inherit; line-height: 1.5; }
.about-page-content .action-btn .hero-action-arrow{ font-size: 17px; line-height: 1; transition: transform .25s ease; }
.about-page-content .action-btn .hero-action-icon{ width: 20px; height: 20px; flex: 0 0 auto; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.about-page-content .action-btn:hover .hero-action-arrow{ transform: translate(-2px,-2px); }
.about-page-content .action-btn:focus-visible{ outline: 3px solid var(--gold-light); outline-offset: 5px; }
@media  (max-width: 650px) {.about-page-content .hero-actions .action-btn{ padding-inline: 12px; gap: 8px; }
.about-page-content .hero-actions .hero-action-icon{ width: 17px; height: 17px; }}
.about-page-content .action-btn:hover{ transform: translateY(-3px); }
.about-page-content .action-btn-gold{ background: linear-gradient(135deg,#f0cd84,#d6aa54); color: #081b2e; box-shadow: 0 10px 29px rgba(229,175,65,.13); }
.about-page-content .action-btn-gold:hover{ box-shadow: 0 15px 30px rgba(229,175,65,.24); }
.about-page-content .action-btn-outline{ background: rgba(22,46,74,.83); color: #f1f5fb; border: 1px solid rgba(188,210,234,.26); }
.about-page-content .action-btn-outline:hover{ background: rgba(255,255,255,.08); border-color: rgba(231,180,72,.5); }
.about-page-content .hero-footnotes{ margin-top: 30px; display: flex; flex-wrap: wrap; gap: 18px; color: #91a6bc; font-size: 12px; font-weight: 700; }
.about-page-content .hero-footnotes span{ display: inline-flex; align-items: center; gap: 8px; }
.about-page-content .hero-footnotes i{ display: block; background: #e2ae48; width: 5px; height: 5px; border-radius: 50%; }
.about-page-content .hero-art-wrap{ width: 100%; position: relative; max-width: 535px; justify-self: start; transform: perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transition: transform .35s cubic-bezier(.2,.8,.2,1); will-change: transform; }
.about-page-content .hero-art-glow{ position: absolute; inset: 11% -3% -3% 6%; border-radius: 50%; background: radial-gradient(ellipse, rgba(206,157,63,.19), rgba(83,119,167,.07) 45%, transparent 74%); filter: blur(32px); z-index: -1; }
.about-page-content .hero-art-frame{ width: 100%; border: 1px solid rgba(241,202,122,.32); border-radius: 26px; padding: 12px; background: linear-gradient(138deg,rgba(225,178,87,.12),rgba(255,255,255,.025) 35%,rgba(31,65,97,.18)); box-shadow: 0 30px 70px rgba(0,4,13,.4), 0 0 0 7px rgba(255,255,255,.015); overflow: hidden; }
.about-page-content .hero-art-frame > img{ display: block; width: 100%; aspect-ratio: 481/374; height: auto; object-fit: cover; border-radius: 17px; background: #1c1410; }
.about-page-content .art-caption{ padding: 16px 10px 7px; display: flex; align-items: center; gap: 9px; color: #d8e1eb; font-weight: 700; font-size: 12px; }
.about-page-content .caption-spark{ color: var(--gold); font-size: 15px; }
.about-page-content .caption-english{ margin-inline-start: auto; font-family: Arial, sans-serif; font-size: 10px; color: #8e9fb3; letter-spacing: 1.1px; }
.about-page-content .floating-seal{ position: absolute; z-index: 2; display: flex; align-items: center; gap: 11px; inset-inline-end: -29px; bottom: 65px; padding: 10px 17px 10px 14px; border: 1px solid rgba(241,202,122,.33); background: #10243a; border-radius: 14px; box-shadow: 0 20px 28px rgba(0,0,0,.25); font-weight: 900; font-size: 13px; color: #f0c566; line-height: 1.3; animation: bob 5s ease-in-out infinite; }
.about-page-content .floating-seal img{ height: 43px; width: auto; }
.about-page-content .art-orbit{ border: 1px solid rgba(230,184,93,.15); border-radius: 50%; position: absolute; pointer-events: none; z-index: -1; }
.about-page-content .art-orbit-one{ width: 135px; height: 135px; top: -50px; inset-inline-start: -55px; }
.about-page-content .art-orbit-two{ width: 78px; height: 78px; bottom: -35px; inset-inline-start: 30px; }
.about-page-content .hero-lower-border{ position: absolute; height: 1px; inset-inline: 0; bottom: 0; background: linear-gradient(90deg,transparent,rgba(216,178,99,.23),transparent); }
.about-page-content .purpose-section{ padding: 104px 0 113px; background: radial-gradient(ellipse 560px 410px at 12% 6%,rgba(33,70,110,.21),transparent 70%),#09182b; border-top:1px solid rgba(193,212,234,.055); }
.about-page-content .heading-centered{ text-align: center; max-width: 850px; margin: 0 auto 43px; }
.about-page-content .heading-centered .section-kicker{ justify-content: center; }
.about-page-content .purpose-grid{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.about-page-content .purpose-card{ position: relative; min-height: 276px; background: #f6f1e8; padding: 27px 27px 31px; border: 1px solid #e1d9cb; border-radius: 16px; box-shadow: 0 22px 46px rgba(0,6,17,.18); overflow: hidden; transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease; }
.about-page-content .purpose-card:hover{ transform: translateY(-7px); border-color: rgba(225,173,73,.65); box-shadow: 0 26px 50px rgba(0,6,17,.31); }
.about-page-content .purpose-card-top{ display: flex; align-items: center; justify-content: space-between; }
.about-page-content .purpose-icon{ height: 45px; width: 45px; display: grid; place-items: center; background: #102641; border: 1px solid #314c6d; border-radius: 12px; }
.about-page-content .purpose-icon svg{ width: 23px; height: 23px; stroke: #f0cd84; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.about-page-content .card-numeral{ font-size: 49px; font-family: Georgia,serif; font-weight: normal; line-height: 1; color: #d9c5a1; letter-spacing: -.8px; }
.about-page-content .purpose-card h3{ font-size: 23px; font-weight: 900; color: #102641; margin: 21px 0 8px; }
.about-page-content .purpose-card p{ font-size: 13px; line-height: 2.05; color: #566a7d; }
.about-page-content .card-edge{ position: absolute; bottom: 0; inset-inline-start: 0; width: 90px; height: 3px; background: linear-gradient(90deg,#dca845,#f5d995); border-radius: 5px; transition: width .3s ease; }
.about-page-content .purpose-card:hover .card-edge{ width: 100%; }
.about-page-content .story-section{ padding: 104px 0; background: radial-gradient(ellipse 560px 300px at 5% 80%,rgba(46,93,132,.17), transparent 70%), #10233c; border-top:1px solid rgba(193,212,234,.055); border-bottom:1px solid rgba(193,212,234,.055); }
.about-page-content .story-panel{ border: 1px solid rgba(207,222,239,.12); border-radius: 21px; overflow: hidden; background: linear-gradient(135deg,#132b47,#0b2038); padding: 29px; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,.65fr); gap: 43px; align-items: stretch; box-shadow: 0 30px 60px rgba(2,7,15,.22); }
.about-page-content .story-copy{ padding: 29px 24px 30px 16px; align-self: center; }
.about-page-content .story-copy h2{ font-size: clamp(30px,3.4vw,48px); font-weight: 900; line-height: 1.55; margin: 12px 0 19px; }
.about-page-content .story-copy p{ max-width: 670px; color: #b6c6d5; line-height: 2.17; font-size: 14px; }
.about-page-content .story-copy p + p{ margin-top: 12px; }
.about-page-content .story-values{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 27px; }
.about-page-content .story-values span{ background: rgba(255,255,255,.055); border: 1px solid rgba(180,206,232,.16); border-radius: 9px; padding: 9px 13px; font-size: 11px; font-weight: 800; color: #d9e3ef; }
.about-page-content .story-values b{ color: #f1c66f; font-family: Arial,sans-serif; font-size: 10px; margin-inline-end: 5px; }
.about-page-content .story-identity{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: linear-gradient(140deg,#efd183,#dba543 70%,#ca8e31); color: #0d2137; border-radius: 19px; min-height: 335px; padding: 30px; position: relative; overflow: hidden; isolation: isolate; }
.about-page-content .story-identity::before{ content: ""; position: absolute; width: 320px; height: 320px; border: 1px solid rgba(10,35,58,.18); border-radius: 50%; bottom: -190px; left: -80px; z-index: -1; }
.about-page-content .story-identity::after{ content: ""; position: absolute; width: 270px; height: 270px; border: 1px solid rgba(10,35,58,.14); border-radius: 50%; top: -175px; right: -80px; z-index: -1; }
.about-page-content .identity-mark{ width: 47px; height: 94px; display: grid; place-items: center; border-radius: 22px; margin-bottom: 9px; filter: drop-shadow(0 4px 12px rgba(40,26,12,.2)); }
.about-page-content .identity-mark img{ width: 42px; height: 96px; object-fit: contain; filter: brightness(0) saturate(100%) invert(10%) sepia(15%) saturate(2809%) hue-rotate(176deg) brightness(82%) contrast(99%); }
.about-page-content .story-identity strong{ font-size: 28px; font-weight: 900; }
.about-page-content .identity-line{ width: 58px; height: 1px; background: rgba(10,28,48,.4); margin: 12px 0; }
.about-page-content .story-identity > span:not(.identity-line):not(.identity-corner){ font-weight: 700; font-size: 13px; }
.about-page-content .story-identity small{ letter-spacing: 2px; font: 700 11px Arial,sans-serif; margin-top: 28px; }
.about-page-content .identity-corner{ position: absolute; width: 28px; height: 28px; border-color: rgba(23,42,58,.26); border-style: solid; }
.about-page-content .identity-corner-top{ top: 18px; inset-inline-start: 18px; border-width: 2px 0 0 2px; }
.about-page-content .identity-corner-bottom{ bottom: 18px; inset-inline-end: 18px; border-width: 0 2px 2px 0; }
.about-page-content .journey-section{ padding: 102px 0 112px; background: radial-gradient(ellipse 640px 370px at 92% 12%,rgba(31,68,102,.17),transparent 72%),#09182b; }
.about-page-content .journey-heading{ max-width: 700px; margin-bottom: 64px; }
.about-page-content .journey-timeline{ display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; position: relative; }
.about-page-content .journey-timeline::before{ content: ""; position: absolute; top: -18px; inset-inline: 0; border-top: 1px dashed rgba(234,191,110,.44); }
.about-page-content .journey-card{ position: relative; border-radius: 18px; background: #f6f1e8; border: 1px solid #e1d9cb; padding: 25px 22px 29px; min-height: 265px; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; box-shadow: 0 15px 30px rgba(0,5,16,.12); }
.about-page-content .journey-card:hover{ transform: translateY(-6px); box-shadow: 0 24px 42px rgba(0,5,16,.24); border-color: #c69b51; }
.about-page-content .timeline-top{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.about-page-content .timeline-dot{ width: 12px; height: 12px; border-radius: 50%; border: 3px solid #edbe66; box-shadow: 0 0 0 5px #09182b,0 0 0 6px rgba(235,191,110,.52); position: absolute; top: -24px; inset-inline-start: 27px; background: #edbe66; }
.about-page-content .timeline-number{ font: 400 41px Georgia,serif; color: #b78e49; }
.about-page-content .timeline-period{ display: inline-block; color: #946b2c; font-weight: 800; font-size: 11px; margin-top: 5px; }
.about-page-content .journey-card h3{ font-size: 18px; font-weight: 900; color: #102641; margin: 10px 0; }
.about-page-content .journey-card p{ color: #52677c; line-height: 2.05; font-size: 12.5px; }
.about-page-content .closing-section{ background: #10233c; padding: 68px 0 82px; border-top:1px solid rgba(193,212,234,.055); }
.about-page-content .closing-box{ padding: 37px 44px; border: 1px solid rgba(222,174,81,.3); border-radius: 19px; background: linear-gradient(110deg,rgba(22,49,81,.96),rgba(13,36,62,.96)); display: flex; align-items: center; justify-content: space-between; gap: 30px; position: relative; overflow: hidden; }
.about-page-content .closing-box::after{ content: ""; position: absolute; border: 1px solid rgba(235,198,121,.12); width: 290px; height: 290px; border-radius: 50%; bottom: -210px; left: 0; pointer-events: none; }
.about-page-content .closing-copy h2{ font-weight: 900; font-size: clamp(23px,2.7vw,35px); margin: 7px 0 8px; line-height: 1.6; }
.about-page-content .closing-copy p{ color: #abc0d2; font-size: 12.5px; line-height: 2; }
.about-page-content .closing-actions{ display: flex; flex-wrap: wrap; flex-shrink: 0; justify-content: center; align-items: center; gap: 20px; position: relative; z-index: 1; }
.about-page-content .closing-actions .action-btn{ min-width: 160px; }
.about-page-content .closing-text-link{ font-size: 12px; font-weight: 800; color: #dce5ed; white-space: nowrap; }
.about-page-content .closing-text-link span{ color: var(--gold); font-size: 16px; }
.about-page-content .closing-text-link:hover{ color: var(--gold); }
@keyframes  bob {0%,100%{transform:translateY(0)}
50%{transform:translateY(-9px)}}
@keyframes  comeIn {from{opacity:0;transform:translateY(23px)}
to{opacity:1;transform:translateY(0)}}
html.use-reveal .about-page-content .reveal:not(.is-visible){ opacity: 0; transform: translateY(26px); }
html.use-reveal .about-page-content .reveal{ transition: opacity .72s ease var(--reveal-delay,0ms), transform .72s cubic-bezier(.2,.85,.22,1) var(--reveal-delay,0ms); }
html.use-reveal .about-page-content .reveal.is-visible{ opacity: 1; transform: translateY(0); }
html.use-reveal .about-page-content .hero-art-wrap.is-visible{ transform: perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); }
@media (max-width:1100px) {.about-page-content .page-container{ width: min(1100px, calc(100% - 56px)); }
.about-page-content .hero-layout{ gap: 38px; }
.about-page-content .hero-copy h1{ font-size: clamp(43px,5.4vw,62px); }
.about-page-content .floating-seal{ inset-inline-end: -10px; }
.about-page-content .story-panel{ grid-template-columns: minmax(0,1.2fr) minmax(0,.75fr); gap: 15px; }
.about-page-content .story-copy{ padding-inline: 7px; }}
@media (max-width:860px) {.about-page-content .about-hero{ min-height: 0; padding: 76px 0 82px; }
.about-page-content .hero-layout{ grid-template-columns: 1fr; gap: 40px; }
.about-page-content .hero-copy{ max-width: 650px; }
.about-page-content .hero-art-wrap{ max-width: 550px; justify-self: center; }
.about-page-content .purpose-grid{ gap: 12px; }
.about-page-content .purpose-card{ padding: 22px; min-height: 275px; }
.about-page-content .story-panel{ grid-template-columns: 1fr; gap: 20px; }
.about-page-content .story-identity{ min-height: 300px; }
.about-page-content .journey-timeline{ grid-template-columns: repeat(2,minmax(0,1fr)); gap: 35px 16px; }
.about-page-content .journey-timeline::before{ display: none; }
.about-page-content .journey-card{ min-height: 230px; }
.about-page-content .closing-box{ flex-direction: column; align-items: flex-start; }}
@media (max-width:650px) {.about-page-content .page-container{ width: calc(100% - 34px); }
.about-page-content .section-kicker{ font-size: 11px; gap: 7px; }
.about-page-content .section-kicker .kicker-line{ width: 19px; }
.about-page-content .about-hero{ padding: 49px 0 57px; }
.about-page-content .hero-layout{ gap: 34px; }
.about-page-content .hero-copy h1{ white-space: normal; font-size: clamp(38px,10vw,49px); letter-spacing: -.6px; margin: 13px 0 11px; }
.about-page-content .hero-promise{ font-size: 17px; margin-bottom: 8px; }
.about-page-content .hero-description{ font-size: 12.5px; line-height: 2.1; }
.about-page-content .hero-actions{ margin-top: 22px; gap: 8px; }
.about-page-content .action-btn{ min-height: 47px; padding: 9px 14px; font-size: 11px; border-radius: 10px; gap: 10px; }
.about-page-content .hero-footnotes{ margin-top: 21px; gap: 14px; font-size: 10px; }
.about-page-content .hero-art-wrap{ max-width: calc(100% - 14px); }
.about-page-content .hero-art-frame{ padding: 8px; border-radius: 18px; }
.about-page-content .hero-art-frame > img{ border-radius: 11px; }
.about-page-content .art-caption{ padding: 10px 6px 5px; font-size: 10px; }
.about-page-content .caption-english{ font-size: 8px; }
.about-page-content .floating-seal{ bottom: 56px; inset-inline-end: -9px; padding: 8px 10px; gap: 7px; font-size: 11px; }
.about-page-content .floating-seal img{ height: 31px; }
.about-page-content .purpose-section{ padding: 70px 0 79px; }
.about-page-content .section-heading h2{ font-size: 30px; line-height: 1.58; }
.about-page-content .section-heading p{ font-size: 12px; }
.about-page-content .heading-centered{ margin-bottom: 30px; }
.about-page-content .purpose-grid{ grid-template-columns: 1fr; gap: 12px; }
.about-page-content .purpose-card{ min-height: 0; padding: 20px 22px 25px; }
.about-page-content .purpose-card h3{ font-size: 20px; margin: 12px 0 5px; }
.about-page-content .purpose-card p{ font-size: 12px; }
.about-page-content .card-numeral{ font-size: 39px; }
.about-page-content .purpose-icon{ height: 40px; width: 40px; }
.about-page-content .story-section{ padding: 60px 0; }
.about-page-content .story-panel{ padding: 12px; border-radius: 20px; }
.about-page-content .story-copy{ padding: 17px 11px; }
.about-page-content .story-copy h2{ font-size: 29px; }
.about-page-content .story-copy p{ font-size: 12.5px; }
.about-page-content .story-values{ gap: 7px; }
.about-page-content .story-values span{ font-size: 10px; padding: 8px; }
.about-page-content .story-identity{ min-height: 265px; padding: 25px; }
.about-page-content .story-identity strong{ font-size: 24px; }
.about-page-content .journey-section{ padding: 73px 0 82px; }
.about-page-content .journey-heading{ margin-bottom: 38px; }
.about-page-content .journey-timeline{ grid-template-columns: 1fr; gap: 16px; }
.about-page-content .journey-card{ min-height: 0; padding: 21px 23px; }
.about-page-content .timeline-dot{ display: none; }
.about-page-content .timeline-number{ font-size: 34px; }
.about-page-content .journey-card h3{ font-size: 17px; }
.about-page-content .closing-section{ padding: 40px 0 54px; }
.about-page-content .closing-box{ padding: 24px 21px; border-radius: 17px; gap: 21px; }
.about-page-content .closing-copy h2{ font-size: 26px; }
.about-page-content .closing-copy p{ font-size: 11px; }
.about-page-content .closing-actions{ justify-content: flex-start; gap: 19px; }}
@media (max-width:360px) {.about-page-content .hero-copy h1{ font-size: 35px; }
.about-page-content .hero-actions{ flex-direction: column; align-items: stretch; }
.about-page-content .art-caption .caption-english{ display: none; }}
.about-page-content .purpose-section .section-heading h2,.about-page-content .journey-section .section-heading h2{ color:#f8f9ff; }
.about-page-content .purpose-section .section-heading p,.about-page-content .journey-section .section-heading p{ color:#acbed1; }
.about-page-content .purpose-section .heading-centered{ margin-bottom:47px; }
.about-page-content .purpose-card:nth-child(2){ background:#efe8da; }
.about-page-content .purpose-card:nth-child(3){ background:#f6f1e8; }
.about-page-content .hero-action-icon{ width:19px; height:19px; flex-shrink:0; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.about-page-content .hero-actions .action-btn{ min-height:56px; gap:10px; }
.about-page-content .hero-actions .hero-action-arrow{ font:700 18px Arial,sans-serif; margin-inline-start:4px; transition: transform .2s ease; }
.about-page-content .hero-actions .action-btn:hover .hero-action-arrow{ transform:translate(-2px,-2px); }
.about-page-content .hero-actions .action-btn-gold{ box-shadow:0 12px 28px rgba(3,11,22,.2); }
.about-page-content .hero-actions .action-btn-outline{ border-color:rgba(170,199,226,.34); }
@media (max-width:650px){.about-page-content .hero-actions .action-btn{ min-height:50px; font-size:11px; }
.about-page-content .hero-action-icon{ width:16px; height:16px; }}
@media (prefers-reduced-motion: reduce) {.about-page-content *,.about-page-content *::before,.about-page-content *::after{ animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
html.use-reveal .about-page-content .reveal{ opacity: 1 !important; transform: none !important; }}
/* Integration alignment with the shared V80 navigation/footer. */
html[data-theme="dark"] .about-page-content{color:#f8f9ff;background:#09182b;direction:rtl;font-family:"Cairo",sans-serif}
html[lang="en"] .about-page-content{direction:ltr;font-family:"Inter","Cairo",sans-serif}
html[lang="en"] .about-page-content .hero-copy h1{white-space:normal;line-height:1.22}
html[lang="en"] .about-page-content .hero-promise{line-height:1.45}
html[lang="en"] .about-page-content .section-heading h2{letter-spacing:-.02em}
html[lang="en"] .about-page-content .story-copy h2{letter-spacing:-.02em}
html[lang="en"] .about-page-content .hero-actions .action-btn{font-size:12px}
@media(max-width:860px){html[data-theme="dark"] .about-page-content .about-hero{padding-top:84px}}
@media(max-width:650px){html[data-theme="dark"] .about-page-content .about-hero{padding-top:48px}}