/* Homepage motion stays separate from the public site's shared styles. */
body.home{
  --home-ease:cubic-bezier(.22,1,.36,1);
  --home-header:124px;
  --home-topbar:34px;
  --home-nav-height:calc(var(--home-header) + var(--home-topbar));
}
body.home .topbar{
  position:fixed;
  inset:0 0 auto;
  z-index:70;
  background:transparent;
  border:0;
  transition:transform .35s var(--home-ease),opacity .25s ease,visibility 0s;
}
body.home .topbar-inner,body.home .arabic-brand{color:#e3e3df}
body.home .site-header{
  position:fixed;
  inset:var(--home-topbar) 0 auto;
  z-index:69;
  background:transparent;
  border-bottom:1px solid transparent;
  backdrop-filter:none;
  transition:top .35s var(--home-ease),background-color .35s ease,border-color .35s ease;
}
body.home .header-inner{
  height:var(--home-header);
  min-height:0;
  transition:height .35s var(--home-ease);
}
body.home .brand{width:380px}
body.home .brand img{
  height:calc(var(--home-header) - 8px);
  filter:none;
  transition:height .35s var(--home-ease);
}
body.home .main-nav{grid-template-columns:minmax(0,1fr) 400px minmax(0,1fr)}
body.home .nav-side>a:not(.button){color:#efefea}
body.home.hero-scrolled{--home-topbar:0px}
body.home.hero-scrolled .topbar{
  transform:translateY(-100%);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:transform .35s var(--home-ease),opacity .25s ease,visibility 0s .35s;
}
body.home.hero-scrolled .site-header{
  background:rgba(10,16,13,.62);
  backdrop-filter:blur(14px);
  border-bottom-color:rgba(255,255,255,.12);
}
body.home .cinematic-hero{
  height:250svh;
  min-height:0;
  overflow:visible;
  background:#101312;
  --hero-progress:0;
  --hero-copy-y:0px;
  --hero-copy-opacity:1;
  --hero-media-scale:1.035;
}
.home .cinematic-hero:before{display:none}
.hero-sticky{
  position:sticky;
  top:0;
  height:100svh;
  width:100%;
  overflow:hidden;
  isolation:isolate;
}
.hero-media,.hero-video,.hero-poster,.hero-vignette{position:absolute;inset:0;width:100%;height:100%}
.hero-media{z-index:-1;background:#101312;overflow:hidden}
.hero-video,.hero-poster{
  object-fit:cover;
  object-position:60% center;
  transform:scale(var(--hero-media-scale));
  filter:saturate(.88);
}
.hero-video{opacity:0}
.is-video-ready .hero-video{opacity:1}
.is-video-ready .hero-poster{opacity:0}
.hero-vignette{
  background:linear-gradient(90deg,rgba(6,10,9,.86),rgba(6,10,9,.51) 44%,rgba(6,10,9,.08) 78%),linear-gradient(0deg,#101312,transparent 28%,transparent 78%,rgba(0,0,0,.35));
}
.hero-cinematic-content{
  height:100%;
  display:grid;
  grid-template-rows:1fr auto;
  gap:40px;
  padding-top:190px;
  padding-bottom:32px;
}
.hero-copy{
  align-self:center;
  max-width:700px;
  transform:translateY(var(--hero-copy-y));
  opacity:var(--hero-copy-opacity);
}
.hero-copy:focus-within{opacity:1}
.hero-chapters{display:grid;overflow:hidden}
.hero-chapter{grid-area:1/1;min-width:0;opacity:var(--chapter-opacity,1);transform:translateY(var(--chapter-y,0px))}
.hero-chapter:not(:first-child){visibility:hidden}
.hero-chapter .hero-description{max-width:490px;margin:26px 0 0;color:#e0e2de;font-size:14px;line-height:1.85}
.hero-kicker{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  margin:0 0 26px;
  font-size:11px;
  font-weight:600;
  line-height:1.6;
  text-transform:uppercase;
  color:#f7d280;
}
.hero-kicker span+span{color:#e1e3df;border-left:1px solid #ffffff55;padding-left:16px}
.hero-statement{
  font-size:68px;
  font-weight:700;
  line-height:1.14;
  text-transform:none;
  color:#fff;
  letter-spacing:0;
}
.hero-line{display:block;overflow:hidden;padding-block:2px}
.hero-line>span{display:block}
.hero-line-two{
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  font-weight:400;
  font-size:64px;
  color:#f6d695;
}
.hero-editorial{margin-top:26px;max-width:600px}
.hero-editorial p{max-width:490px;color:#e0e2de;font-size:14px;line-height:1.85}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 26px;margin-top:0}
.hero-actions .button{min-height:48px;padding:12px 20px;font-size:11px;box-shadow:none}
.hero-actions .text-link{font-size:10px;min-height:44px}
.hero-actions a{transition:background-color .25s ease,color .25s ease}
.hero-actions .icon{transition:transform .3s var(--home-ease)}
.hero-actions a:hover .icon{transform:translateX(4px)}
.hero-secondary:hover{color:#f6d695}
.hero-foot{display:flex;justify-content:space-between;align-items:end;gap:28px;border-top:1px solid #ffffff30;padding-top:24px}
.hero-meta{display:flex;gap:40px;margin:0}
.hero-meta div{min-width:0}
.hero-meta dt{color:#c3c6c0;text-transform:uppercase;font-size:9px;margin-bottom:6px}
.hero-meta dd{font-size:11px;font-weight:600;margin:0;color:#f6f7f3}
.hero-scroll-indicator{display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:center;font-size:10px;color:#e0e2de;min-width:175px;padding:6px 0}
.hero-scroll-indicator .icon{width:16px;height:16px;transition:transform .3s var(--home-ease)}
.hero-scroll-indicator:hover .icon{transform:translateY(4px)}
.hero-scroll-indicator i{position:relative;grid-column:1/-1;height:1px;background:#ffffff3d;overflow:hidden}
.hero-scroll-indicator i:after{content:"";position:absolute;inset:0;background:#fbae10;transform:scaleX(var(--hero-progress));transform-origin:left}
.hero-enter .hero-chapter:first-child .hero-line>span{animation:home-line-in .95s var(--home-ease) both}
.hero-enter .hero-chapter:first-child .hero-line-two>span{animation-delay:.14s}
.hero-enter .hero-editorial{animation:home-copy-in .85s var(--home-ease) .3s both}
@keyframes home-line-in{from{transform:translateY(105%)}to{transform:translateY(0)}}
@keyframes home-copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

.hero-handoff{position:relative;overflow:hidden;scroll-margin-top:132px}
.frame-window{position:relative;aspect-ratio:4/3;overflow:hidden;background:#1d2520;isolation:isolate}
.frame-window img{width:100%;height:100%;object-fit:cover;transform:translateY(var(--frame-drift,0px)) scale(1.09)}

body.home .presentation-section{background:#f1f3ef;color:#1b2720;padding:100px 0;scroll-margin-top:100px}
body.home .presentation-section:before{display:none}
.presentation-section .about-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:90px;align-items:center}
.about-portrait{margin:0;min-width:0}
.portrait-mat{position:relative;padding:16px;border:1px solid #abb7aa}
.portrait-mat:after{content:"";position:absolute;left:-1px;top:-1px;width:64px;height:64px;border-top:2px solid #285548;border-left:2px solid #285548;pointer-events:none}
.about-portrait .frame-window{aspect-ratio:1/1.05;background:#17241d}
.about-portrait .frame-window img{object-fit:cover;object-position:center top}
.about-portrait figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:18px;font-size:10px;color:#47584b}
.about-portrait figcaption span:first-child{font-weight:700;text-transform:uppercase}
.presentation-section .eyebrow{color:#285548;font-size:10px;margin-bottom:22px}
.presentation-section .about-copy h2{font-size:40px;line-height:1.23;text-transform:none;font-weight:600;color:#1b2720;margin-bottom:28px}
.presentation-section .about-copy h2 em{display:inline-block;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:#285548;margin-top:8px}
.presentation-section .about-copy p:not(.eyebrow){color:#46554b;font-size:14px;line-height:1.9}
.presentation-section .values-row{border-color:#cbd4c9;gap:24px;flex-wrap:wrap;margin:28px 0 20px}
.presentation-section .values-row span{font-size:10px;color:#285548;text-transform:none}
.presentation-section .values-row .icon{color:#285548}
.presentation-section .text-link{color:#1b2720;min-height:44px;font-size:11px}
.presentation-section .text-link:hover{color:#285548}
.about-progress{display:none}
body.home .presentation-section.is-pinned{height:220svh;padding:0;overflow:visible}
.is-pinned .about-sticky{position:sticky;top:0;height:100svh;overflow:hidden}
.presentation-section.is-pinned .about-grid{height:100%;padding-top:calc(var(--home-header) + 28px);padding-bottom:36px}
.is-pinned .about-portrait{width:100%;max-width:min(100%,calc((100svh - 230px) / 1.05));justify-self:start}
.is-pinned .about-stories{display:grid;overflow:hidden}
.is-pinned .about-story{grid-area:1/1;min-width:0;opacity:var(--chapter-opacity,1);transform:translateY(var(--chapter-y,0px))}
.is-pinned .about-progress{display:block;height:1px;background:#bdcbbb;margin-bottom:26px;overflow:hidden}
.about-progress:after{content:"";display:block;width:100%;height:100%;background:#285548;transform-origin:left;transform:scaleX(var(--about-progress,0))}
.is-pinned [data-scroll-reveal]{--scroll-reveal:1!important}
.motion-enabled .is-pinned .about-portrait .frame-window{clip-path:inset(calc((1 - var(--about-progress,0)) * 5%) 0 0)}
.motion-enabled .is-pinned .about-portrait .frame-window img{transform:scale(calc(1.12 - var(--about-progress,0) * .08))}
.is-pinned .portrait-mat:after{width:calc(64px + var(--about-progress,0) * 64px);height:calc(64px + var(--about-progress,0) * 64px)}

.motion-enabled .intro-grid [data-scroll-reveal]>*,
.motion-enabled .scroll-reveal-content{
  opacity:calc(.2 + var(--scroll-reveal,1) * .8);
  transform:translateY(calc((1 - var(--scroll-reveal,1)) * 12px));
}
.motion-enabled .about-portrait .frame-window{
  clip-path:inset(0 0 calc((1 - var(--scroll-reveal,1)) * 14%) 0);
}
.motion-enabled .about-portrait .frame-window img{
  transform:translateY(var(--frame-drift,0px)) scale(calc(1.04 + (1 - var(--scroll-reveal,1)) * .08));
}
.motion-enabled .about-portrait figcaption{opacity:calc(.2 + var(--scroll-reveal,1) * .8)}
.motion-enabled [data-scroll-reveal]:focus-within{--scroll-reveal:1!important}

@media(min-width:1600px){
  .hero-statement{font-size:76px}
  .hero-line-two{font-size:70px}
  .hero-copy{max-width:780px}
}
@media(max-width:1240px){
  body.home .main-nav{position:fixed;inset:var(--home-nav-height) 0 auto;transform:none;max-height:calc(100svh - var(--home-nav-height));overflow-y:auto;background:#101312}
  .hero-statement{font-size:60px}
  .hero-line-two{font-size:58px}
  .hero-meta{gap:28px}
  .presentation-section .about-grid{gap:48px}
  .presentation-section .about-copy h2{font-size:34px}
}
@media(min-width:761px) and (max-height:760px){
  body.home{--home-header:112px}
  .hero-cinematic-content{padding-top:170px;padding-bottom:24px;gap:24px}
  .hero-statement{font-size:52px}
  .hero-line-two{font-size:50px}
  .hero-kicker{margin-bottom:18px}
  .hero-editorial{margin-top:18px}
  .hero-editorial p{max-width:570px;font-size:13px}
  .hero-chapter .hero-description{margin-top:18px;font-size:13px}
  .hero-foot{padding-top:18px}
}
@media(max-width:960px){
  .hero-meta{gap:20px}
  .hero-scroll-indicator{min-width:130px;max-width:150px}
}
@media(max-width:760px){
  body.home{--home-header:104px}
  body.home .brand{width:280px;max-width:calc(100% - 64px)}
  body.home .cinematic-hero{height:auto;min-height:100svh}
  .hero-sticky{position:relative;height:auto;min-height:100svh}
  .hero-video{display:none}
  .hero-poster{opacity:1!important;object-position:60% center}
  .hero-vignette{background:linear-gradient(90deg,rgba(6,10,9,.8),rgba(6,10,9,.4)),linear-gradient(0deg,#101312,transparent 65%)}
  .hero-cinematic-content{height:auto;min-height:100svh;padding-top:166px;padding-bottom:28px;gap:48px}
  .hero-copy{transform:none;opacity:1}
  .hero-kicker{font-size:10px;gap:6px 10px;margin-bottom:24px}
  .hero-statement{font-size:46px;line-height:1.18}
  .hero-line-two{font-size:44px}
  .hero-editorial{margin-top:24px}
  .hero-editorial p{font-size:13px}
  .hero-actions{gap:12px 20px}
  .hero-chapter .hero-description{font-size:13px;margin-top:24px}
  .hero-foot{align-items:start;gap:24px;flex-direction:column}
  .hero-meta{width:100%;display:grid;grid-template-columns:.6fr 1fr 1.3fr;gap:18px}
  .hero-meta dd{font-size:10px;line-height:1.6}
  .hero-scroll-indicator{max-width:none;width:100%;grid-template-columns:1fr auto}
  .hero-scroll-indicator i{display:none}
  body.home .presentation-section{padding:64px 0}
  .presentation-section .about-grid{grid-template-columns:1fr;gap:42px}
  .about-portrait{width:100%;max-width:470px;margin-inline:auto}
  .presentation-section .about-copy h2{font-size:34px}
}
@media(max-width:400px){
  .hero-statement{font-size:36px}
  .hero-line-two{font-size:35px}
  .hero-kicker{display:block}
  .hero-kicker span{display:block}
  .hero-kicker span+span{border:0;padding:0;margin-top:6px}
  .hero-actions{flex-direction:column;align-items:start}
  .hero-actions .button{width:100%}
  .hero-cinematic-content{padding-top:150px;gap:32px}
  .hero-meta{gap:12px}
  .presentation-section .about-copy h2{font-size:30px}
  .about-portrait figcaption{flex-wrap:wrap;gap:5px}
}
body.home .cinematic-hero.is-static{height:auto;min-height:100svh}
.is-static .hero-sticky{position:relative;height:auto;min-height:100svh}
.is-static .hero-cinematic-content{height:auto;min-height:100svh}
.is-static .hero-copy{transform:none;opacity:1}
.is-static .hero-chapter:not(:first-child){display:none}
.is-static .hero-video{display:none}
.is-static .hero-poster{opacity:1}
html:not(.js) .cinematic-hero{height:auto}
html:not(.js) .hero-sticky{position:relative;height:auto;min-height:100svh}
html:not(.js) .hero-cinematic-content{height:auto;min-height:100svh}
html:not(.js) .hero-chapter:not(:first-child){display:none}
@media(prefers-reduced-motion:reduce){
  body.home .cinematic-hero{height:auto;min-height:100svh}
  .hero-sticky{position:relative;height:auto;min-height:100svh}
  .hero-cinematic-content{height:auto;min-height:100svh}
  .hero-video{display:none}
  .hero-chapter:not(:first-child){display:none}
  .hero-poster{opacity:1!important;transform:none}
  .hero-copy,.frame-window img{transform:none!important;opacity:1}
  [data-scroll-reveal],.scroll-reveal-content,.frame-window,figcaption{clip-path:none!important;opacity:1!important;transform:none!important}
}