/* Full-bleed page surface; the exact mark is a transparent matte relief. */
.hero{background:var(--navy);height:145svh;min-height:1050px}
.hero-sticky{min-height:760px;background:var(--navy)}
.hero-wordmark{top:115px;font-size:clamp(6rem,12.5vw,15rem);line-height:.94;letter-spacing:.045em;z-index:2}
.hero-scene{top:160px;left:50%;width:100%;max-width:none;height:calc(100svh - 160px);min-height:560px;mask-image:none;overflow:visible;transform-origin:72% 42%}
.hero-art{width:min(66%,950px);height:min(76svh,770px);object-fit:contain;margin-inline-start:auto;margin-inline-end:2.5%;opacity:1}
.hero-copy{top:36svh;bottom:auto;inset-inline-start:var(--gutter);inset-inline-end:auto;width:44%;display:flex;flex-direction:column;align-items:stretch;gap:1.45rem}
.hero-copy-en{max-width:600px}
.hero-title-en{font-size:clamp(3rem,4.4vw,5.25rem);line-height:1.045;letter-spacing:-.052em}
.hero-copy-ar{max-width:540px;width:100%;text-align:start;justify-self:auto}
.hero-title-ar{font-size:clamp(1.6rem,2.05vw,2.45rem);line-height:1.45;text-align:start}
.hero-disciplines{font-size:.78rem;letter-spacing:.055em;margin:1.2rem 0 1rem;color:#bfc0ca}
.hero-actions{margin-top:.4rem}
.hero-cta{min-width:240px}
.hero-scroll-row{bottom:22px}
.mobile-nav{max-height:calc(100svh - 88px);overflow-y:auto;overscroll-behavior:contain}
.together{isolation:isolate;min-height:100svh}
.together-visual{position:absolute;inset:0;width:100%;height:100%;margin:0;overflow:clip;z-index:-1;opacity:1}
.together-visual img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain;transform:translate3d(0,var(--graphic-y,0px),0) rotate(var(--graphic-turn,0deg)) scale(var(--graphic-scale,1));transform-origin:50% 50%}
.together::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#15132e75,#15132e40 48%,#15132e80);pointer-events:none}
.together>*:not(.together-visual){position:relative;z-index:1}
@media(min-width:901px) and (max-height:820px){
  .hero-sticky{min-height:690px}
  .hero-wordmark{top:108px;font-size:10.7vw}
  .hero-scene{top:110px;height:calc(100svh - 110px);min-height:0}
  .hero-art{height:calc(100svh - 115px);width:61%;margin-inline-end:1%}
  .hero-copy{top:33svh;width:44%;gap:1rem}
  .hero-title-en{font-size:clamp(2.8rem,4vw,4.7rem)}
  .hero-title-ar{font-size:clamp(1.55rem,1.85vw,2.2rem);line-height:1.4}
  .hero-disciplines{margin:.7rem 0 .7rem}
}
@media(max-width:1100px) and (min-width:901px){.hero-copy{width:46%}.hero-title-en{font-size:4.8vw}.hero-title-ar{font-size:2.5vw}}
@media(max-width:900px){
  .hero{height:auto;min-height:0}
  .hero-sticky{min-height:0;padding:116px var(--gutter) 90px;display:flex;flex-direction:column}
  .hero-wordmark{position:relative;top:auto;left:auto;width:100%;font-size:12.8vw;letter-spacing:.035em;line-height:1}
  .hero-scene{position:relative;top:auto;left:50%;width:calc(100% + 2 * var(--gutter));height:auto;min-height:0;margin:.3rem 0 .8rem;transform:translateX(-50%)!important}
  .hero-art{width:85%;height:clamp(310px,58vw,540px);margin:0 auto;object-fit:contain}
  .hero-copy{position:relative;top:auto;inset:auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:0;align-items:start}
  .hero-title-en{font-size:clamp(2.7rem,5.5vw,4rem)}
  .hero-title-ar{font-size:clamp(1.8rem,3.6vw,2.5rem);text-align:right}
  .hero-copy-ar{max-width:none;text-align:right}
  .hero-disciplines{margin:.9rem 0 1rem}
  .hero-cta{min-width:0}
  .mobile-nav{max-height:calc(100svh - 76px)}
  .together-visual{width:100%;height:100%;margin:0}
  .together-visual img{object-position:50% 50%;opacity:1}
}
@media(max-width:600px){
  .hero-sticky{padding-top:113px;padding-bottom:95px}
  .hero-wordmark{font-size:12.5vw;letter-spacing:.035em}
  .hero-scene{margin:.1rem 0 .5rem}
  .hero-art{height:clamp(255px,76vw,390px);width:93%}
  .hero-copy{display:flex;gap:1.3rem}
  .hero-title-en{font-size:clamp(2.5rem,10.3vw,3.65rem);line-height:1.045}
  .hero-title-ar{font-size:clamp(1.7rem,6.7vw,2.2rem);line-height:1.45}
  .hero-disciplines{margin:.65rem 0 .8rem}
  .hero-actions{margin-top:0}
  .hero-scroll-row{font-size:.7rem}
  .mobile-nav{max-height:calc(100svh - 72px)}
  .together-visual{width:100%;height:100%;margin:0}
}
@media(prefers-reduced-motion:reduce){.hero-scene,.together-visual img{transform:translateX(-50%)}.together-visual img{transform:none}}
.header{background:#15132e}