/* About NIMAD — one continuous story, independently composed in Arabic and English. */
.about-page{overflow-x:clip;background:#07162a;color:#fff}
.about-page .site-footer{margin-top:0}
.about-page .site-header{background:rgba(7,22,42,.58);border-color:transparent;box-shadow:none;backdrop-filter:blur(14px)}
.about-page .site-header.is-scrolled{background:rgba(7,22,42,.96);border-bottom-color:rgba(255,255,255,.16);box-shadow:0 1.2rem 3rem rgba(0,0,0,.2)}
.about-scroll{position:relative;height:300svh;background:#07162a}
.about-scroll__stage{position:sticky;top:0;height:100svh;margin:0;overflow:hidden;isolation:isolate}
.about-scroll__image,.about-scroll__veil,.about-scroll__grid{position:absolute;inset:0;margin:0;pointer-events:none}
.about-scroll__image{z-index:-3;background:#07162a}
.about-scroll__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:40% center;filter:saturate(.72) contrast(1.06) brightness(.72)}
.about-scroll__veil{z-index:-2;background:linear-gradient(90deg,rgba(7,22,42,.22) 0%,rgba(7,22,42,.56) 39%,rgba(7,22,42,.94) 72%,#07162a 100%)}
.about-scroll__grid{z-index:-1;opacity:.3;background:linear-gradient(90deg,transparent 49.92%,rgba(183,123,24,.5) 50%,transparent 50.08%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:100% 100%,100% 8rem}
.about-scroll__step{position:absolute;right:0;left:0;width:1px;height:100svh;pointer-events:none}.about-scroll__step[data-about-step="0"]{top:0}.about-scroll__step[data-about-step="1"]{top:100svh}.about-scroll__step[data-about-step="2"]{top:200svh}
.about-beat{position:absolute;inset:0;display:flex;align-items:center;padding:clamp(8rem,12vw,12rem) max(2rem,calc((100vw - var(--container))/2)) clamp(4rem,7vw,7rem);opacity:0;pointer-events:none;transform:translateY(2.5rem);transition:opacity .58s ease,transform .68s cubic-bezier(.22,1,.36,1)}
.about-beat.is-active{opacity:1;pointer-events:auto;transform:none}
.about-copy{max-width:35rem;text-align:right}
.about-copy p:not(.eyebrow){margin:0;color:#edf2f8;font-size:clamp(1rem,1.25vw,1.2rem);line-height:2}
.about-copy h1,.about-copy h2{max-width:9ch;margin:.8rem 0 1.25rem;color:#fff;font-size:clamp(3.8rem,5.7vw,6.35rem);font-weight:500;line-height:1.09;letter-spacing:-.06em}
.about-copy h2{font-size:clamp(3.15rem,4.8vw,5.4rem)}
.about-copy h1 em,.about-copy h2 em{font-style:normal;color:#d99d32}
.about-copy h1::after,.about-copy h2::after{display:block;width:3.4rem;height:1px;margin-top:1.1rem;background:#b77b18;content:""}
.eyebrow{margin:0;color:#e0a93b;font-size:.76rem;font-weight:800;letter-spacing:.025em}
.about-opening__layout{position:relative;align-self:stretch;flex:1;width:100%;min-width:0}
.about-opening__layout::before{position:absolute;top:16%;bottom:16%;left:50%;width:1px;background:linear-gradient(transparent,rgba(217,157,50,.62),transparent);content:""}
.about-opening__layout::after{position:absolute;top:50%;left:50%;width:.55rem;height:.55rem;border:1px solid #d99d32;box-shadow:0 0 0 .25rem rgba(217,157,50,.08);content:"";transform:translate(-50%,-50%) rotate(45deg)}
.about-copy--about,.about-copy--why{position:absolute;top:50%;width:min(37vw,35rem);margin:0;transform:translateY(-50%)}
html[lang="ar"] .about-copy--about{right:0;left:auto}
html[lang="ar"] .about-copy--why{right:auto;left:0;max-width:29rem}
.about-copy--why h2{font-size:clamp(2.85rem,4.15vw,4.7rem)}
.about-beat--opening .about-copy{text-align:center}
.about-beat--opening .about-copy h1,.about-beat--opening .about-copy h2{margin-inline:auto}
.about-beat--opening .about-copy h1::after,.about-beat--opening .about-copy h2::after{margin-inline:auto}
.about-copy--single{margin-left:auto}
.about-beat--direction .about-copy{max-width:38rem;padding-inline:.35rem}
.about-beat--direction .about-copy h2{max-width:11ch;line-height:1.14;letter-spacing:-.04em}
.about-scroll__cue{position:absolute;right:max(2rem,calc((100vw - var(--container))/2));bottom:2rem;display:flex;align-items:center;gap:.75rem;margin:0;color:#fff;font-size:.75rem}
.about-scroll__cue span{color:#d99d32;font-weight:800}.about-scroll__cue i{display:block;width:2.6rem;height:1px;background:#b77b18}.about-scroll__cue b{font-weight:600}
.about-principles{display:grid;gap:1rem;margin-top:1.8rem}
.about-principles p{display:grid;grid-template-columns:7.25rem 1fr;gap:1rem;margin:0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.27);color:#edf2f8;line-height:1.8}
.about-principles b{color:#e0a93b;font-size:.8rem}
.about-credentials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.7rem 0 1rem;padding:1rem 0;border-top:1px solid rgba(217,157,50,.6);border-bottom:1px solid rgba(255,255,255,.24)}
.about-credentials div{min-width:0}.about-credentials dt{color:#d5deea;font-size:.78rem}.about-credentials dd{margin:.4rem 0 0;color:#fff;font-size:1rem;font-weight:800;direction:ltr;text-align:right}
.about-note{max-width:35rem!important;margin-bottom:1.25rem!important;color:#c9d5e2!important;font-size:.8rem!important;line-height:1.75!important}
.about-scroll .button{margin-top:.15rem}
.about-beat--references .about-copy{max-width:39rem}.about-beat--references .button{min-height:3.4rem;border-radius:var(--radius);font-family:var(--font-body);box-shadow:none}

/* Work is a deliberate holding page, not a broken heading at the edge of the canvas. */
.maintenance-page{display:grid;min-height:calc(100svh - 15rem);padding:12rem max(2rem,calc((100vw - var(--container))/2)) 7rem;background:#07162a;color:#fff}
.maintenance-page::before{display:none}
.maintenance-stage{display:grid;place-items:center;width:100%;min-height:28rem;padding:clamp(2rem,5vw,4.5rem);text-align:center}
.maintenance-stage__mark{position:absolute;inset:1.3rem 1.3rem auto auto;display:flex;align-items:center;gap:.55rem;color:#e0a93b;font-size:.68rem;font-weight:800;direction:ltr}
.maintenance-stage__mark i{width:3rem;height:1px;background:#b77b18}.maintenance-stage__mark b{display:grid;width:1.8rem;height:1.8rem;place-items:center;border:1px solid rgba(224,169,59,.7);color:#fff;font-size:.72rem}
.maintenance-stage h1{max-width:none;margin:0;font-size:clamp(2.4rem,5vw,5rem);font-weight:500;line-height:1.12;letter-spacing:-.035em}

html[lang="en"] .about-scroll__image img{transform:scaleX(-1)}
html[lang="en"] .about-scroll__veil{background:linear-gradient(90deg,#07162a 0%,rgba(7,22,42,.94) 28%,rgba(7,22,42,.56) 61%,rgba(7,22,42,.22) 100%)}
html[lang="en"] .about-copy{text-align:left}
html[lang="en"] .about-copy h1,html[lang="en"] .about-copy h2{font-family:var(--font-display-en);font-weight:400;letter-spacing:-.052em;line-height:.98}
html[lang="en"] .about-copy h1::after,html[lang="en"] .about-copy h2::after{margin-left:0;margin-right:auto}
html[lang="en"] .about-opening__layout{direction:ltr}
html[lang="en"] .about-copy--about{right:auto;left:0}
html[lang="en"] .about-copy--why{right:0;left:auto;text-align:left}
html[lang="en"] .about-copy--single{margin-left:0;margin-right:auto}
html[lang="en"] .about-scroll__cue{right:auto;left:max(2rem,calc((100vw - var(--container))/2));direction:ltr}
html[lang="en"] .about-credentials dd{text-align:left}

@media (max-width:760px){
  .about-page .site-header{background:rgba(7,22,42,.86)}
  .about-scroll__image img{object-position:32% center}
  .about-scroll__veil{background:linear-gradient(180deg,rgba(7,22,42,.2) 0%,rgba(7,22,42,.72) 42%,#07162a 100%)}
  .about-scroll__grid{background:linear-gradient(90deg,transparent 49.88%,rgba(183,123,24,.38) 50%,transparent 50.12%);opacity:.48}
  .about-beat{padding:6.25rem 1.25rem 4.5rem;align-items:center}
  .about-opening__layout{display:grid;grid-template-columns:1fr;gap:1.5rem;align-self:auto;flex:auto}
  .about-opening__layout::before,.about-opening__layout::after{display:none}
  .about-copy,.about-copy--about,.about-copy--why,.about-copy--single{width:100%;max-width:31rem;margin:0;justify-self:auto}
  .about-copy--about,.about-copy--why{position:relative;top:auto;right:auto!important;left:auto!important;grid-column:1;transform:none}
  .about-copy h1,.about-copy h2{max-width:8.5ch;margin-bottom:.85rem;font-size:clamp(2.35rem,11.7vw,3.7rem);line-height:1.12}
  .about-copy h2,.about-copy--why h2{font-size:clamp(2.18rem,10.6vw,3.4rem)}
  .about-copy p:not(.eyebrow){font-size:.91rem;line-height:1.82}
  .about-principles{gap:.7rem;margin-top:1.25rem}
  .about-principles p{grid-template-columns:1fr;gap:.3rem;padding-top:.7rem;font-size:.87rem;line-height:1.7}
  .about-credentials{grid-template-columns:1fr;gap:.55rem}
  .about-credentials div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.about-credentials dd{margin:0}
  .about-scroll__cue{right:1.25rem;bottom:1.35rem}.about-scroll__cue b{font-size:.68rem}
  html[lang="en"] .about-scroll__veil{background:linear-gradient(180deg,rgba(7,22,42,.2) 0%,rgba(7,22,42,.72) 42%,#07162a 100%)}
  html[lang="en"] .about-scroll__image img{transform:scaleX(-1);object-position:68% center}
  html[lang="en"] .about-opening__layout{direction:ltr}
  html[lang="en"] .about-copy--about,html[lang="en"] .about-copy--why{text-align:left}
  html[lang="en"] .about-scroll__cue{right:auto;left:1.25rem}
  html[lang="en"] .about-credentials dd{text-align:right}
  .maintenance-page{min-height:calc(100svh - 12rem);padding:8rem 1.25rem 4rem}.maintenance-stage{min-height:28rem;margin:0;padding:4.75rem 1.25rem 2rem}.maintenance-stage__mark{inset:1.2rem 1.25rem auto auto}.maintenance-stage h1{font-size:clamp(2.8rem,13vw,4.25rem)}
}

@media (prefers-reduced-motion:reduce){
  .about-scroll{height:auto;background:#07162a}
  .about-scroll__stage{position:relative;height:auto;margin:0;overflow:visible}
  .about-scroll__image,.about-scroll__veil,.about-scroll__grid{position:absolute}
  .about-beat{position:relative;min-height:100svh;opacity:1;transform:none;pointer-events:auto}
  .about-scroll__step{display:none}
}