@font-face {
  font-family:"Noto Sans Arabic";
  src:url("../fonts/noto-sans-arabic-400.woff2") format("woff2");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face {
  font-family:"Noto Sans Arabic";
  src:url("../fonts/noto-sans-arabic-500.woff2") format("woff2");
  font-style:normal;
  font-weight:500;
  font-display:swap;
}
@font-face {
  font-family:"Noto Sans Arabic";
  src:url("../fonts/noto-sans-arabic-600.woff2") format("woff2");
  font-style:normal;
  font-weight:600;
  font-display:swap;
}
@font-face {
  font-family:"Noto Sans Arabic";
  src:url("../fonts/noto-sans-arabic-700.woff2") format("woff2");
  font-style:normal;
  font-weight:700;
  font-display:swap;
}

:root {
  --navy:#041936;
  --navy-2:#08254f;
  --gold:#c98e29;
  --gold-light:#e2bb67;
  --ink:#071b3e;
  --line:#d9dce2;
  --white:#fff;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:Arial,"Noto Sans Arabic",sans-serif; }
button,input,textarea { font:inherit; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
main { overflow:hidden; }

.siteHeader {
  height:218px; display:flex; align-items:center; gap:45px;
  padding:14px clamp(28px,4.5vw,72px); background:#fff;
  position:sticky; top:0; z-index:50; border-bottom:1px solid rgba(7,27,62,.04);
}
.logo { width:250px; height:190px; overflow:hidden; flex:none; }
.logo img { width:100%; height:100%; object-fit:cover; object-position:center 55%; }
.mainNav { display:flex; align-items:center; gap:clamp(32px,4.3vw,70px); margin-inline-start:auto; }
.mainNav a { font-size:17px; padding:18px 0 11px; position:relative; }
.mainNav a::after { content:""; position:absolute; inset-inline:0; bottom:2px; height:2px; background:var(--gold); transform:scaleX(0); transition:.25s; }
.mainNav a:hover::after,.mainNav a:focus-visible::after { transform:scaleX(1); }
.languageToggle { min-width:92px; height:48px; border:1px solid var(--navy); background:#fff; color:var(--navy); display:flex; justify-content:center; align-items:center; gap:12px; cursor:pointer; }
.menuToggle { display:none; }

.aboutSection { min-height:806px; position:relative; padding:98px clamp(28px,4.2vw,68px) 0; background:#fff; }
.aboutCopy { width:68%; position:relative; z-index:2; }
h1,h2 { font-family:Georgia,"Times New Roman",serif; font-weight:500; letter-spacing:-.045em; line-height:1.06; margin:0; }
.aboutCopy h1 { font-size:clamp(64px,5.8vw,94px); }
em { color:var(--gold); font-style:normal; }
.aboutCopy>p { font-size:clamp(20px,1.55vw,25px); line-height:1.55; max-width:650px; margin:38px 0 0; }
.aboutArtwork { position:absolute; z-index:1; width:85%; max-width:none; inset-inline-start:19%; bottom:150px; mix-blend-mode:multiply; pointer-events:none; }
.pillarRow { position:absolute; inset-inline:0; bottom:0; height:165px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); background:#fff; z-index:3; }
.pillarRow article { display:grid; grid-template-columns:110px 1fr; align-items:center; gap:10px; padding:28px clamp(18px,3vw,46px); border-inline-end:1px solid var(--line); }
.pillarRow article:last-child { border-inline-end:0; }
.pillarRow svg { width:65px; height:65px; stroke:var(--gold); stroke-width:1.35; }
.pillarRow h2 { font:700 21px/1.3 Arial,sans-serif; letter-spacing:0; margin:0 0 9px; }
.pillarRow p { margin:0; font-size:16px; line-height:1.55; }

.trainingSection { background:#fff; }
.trainingHero { min-height:420px; position:relative; padding:30px clamp(28px,3.5vw,55px); overflow:hidden; }
.trainingCopy { width:43%; position:relative; z-index:2; }
.trainingCopy h2 { font-size:clamp(58px,4.8vw,78px); line-height:1.02; }
.trainingCopy p { font-size:clamp(18px,1.6vw,25px); line-height:1.55; max-width:520px; margin:26px 0 0; }
.trainingHero>img { position:absolute; width:62%; max-width:1000px; right:0; bottom:0; mix-blend-mode:multiply; }
[dir="rtl"] .trainingHero>img { right:auto; left:-5%; transform:scaleX(-1); }
.trackRow { min-height:175px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; position:relative; z-index:3; }
.trackRow article { display:grid; grid-template-columns:92px 1fr 30px; align-items:center; gap:12px; padding:24px 34px; border-inline-end:1px solid var(--line); }
.trackRow article:last-child { border:0; }.trackRow article>svg:first-child { width:58px; height:58px; color:var(--gold); stroke-width:1.3; }
.trackRow article>svg:last-child { width:27px; color:var(--gold); }
.trackRow h3 { font:500 clamp(24px,2.1vw,34px)/1.15 Georgia,serif; margin:0 0 8px; }
.trackRow p { margin:0; font-size:17px; line-height:1.45; }
.academyBand { min-height:209px; background:linear-gradient(115deg,#04162f,#062755); color:#fff; display:flex; align-items:center; gap:5vw; padding:30px 6vw 30px 26vw; position:relative; overflow:hidden; }
.academyBand h3 { font:500 clamp(42px,4vw,64px)/1.05 Georgia,serif; margin:0; color:var(--gold); position:relative; z-index:2; }
.academyBand h3 strong { color:#fff; font-weight:500; white-space:nowrap; }
.academyBand a { margin-inline-start:auto; border:1px solid var(--gold); min-width:335px; height:92px; padding:0 30px; display:flex; align-items:center; justify-content:space-between; font-size:20px; position:relative; z-index:2; }
.academyLines { position:absolute; inset-inline-start:3%; bottom:-45%; width:300px; height:330px; border:1px solid var(--gold); transform:skewY(-30deg); opacity:.55; box-shadow:60px -35px 0 -59px var(--gold),120px -65px 0 -119px var(--gold); }
[dir="rtl"] .academyBand { padding:35px 26vw 35px 6vw; }

.servicesSection { min-height:806px; position:relative; padding:40px clamp(28px,4vw,64px); display:grid; grid-template-columns:50% 50%; background:#fff; }
.servicesCopy { position:relative; z-index:3; }
.servicesCopy h2 { font-size:clamp(60px,4.65vw,75px); line-height:1.05; }
.servicesCopy>p { font-size:20px; margin:25px 0 28px; }
.serviceList { border-top:1px solid var(--gold); }
.serviceList article { display:grid; grid-template-columns:70px 1.2fr .8fr; align-items:center; gap:14px; min-height:88px; border-bottom:1px solid var(--gold); }
.serviceList span { font:500 42px/1 Georgia,serif; color:var(--gold); }
.serviceList h3 { font:500 clamp(22px,2vw,31px)/1.15 Georgia,serif; margin:0; padding-inline-end:18px; border-inline-end:1px solid var(--gold); }
.serviceList p { margin:0; line-height:1.4; }
.darkButton { margin-top:28px; width:280px; height:70px; background:var(--navy); color:#fff; display:flex; align-items:center; justify-content:center; gap:22px; font-size:18px; }
.darkButton svg { color:var(--gold); }
.servicesArtwork { position:absolute; width:62%; max-width:none; inset-inline-end:0; bottom:0; mix-blend-mode:multiply; }
[dir="rtl"] .servicesArtwork { transform:scaleX(-1); }

.contactSection { min-height:1024px; background:radial-gradient(circle at 65% 45%,#082c5c 0,#041936 55%,#021127 100%); color:#fff; padding:110px 6vw 0; position:relative; }
.contactSection::after { content:""; position:absolute; top:0; inset-inline-end:0; width:20%; height:34%; background:#fff; clip-path:polygon(0 0,100% 0,100% 100%); border-inline-start:1px solid var(--gold); }
.contactSection::before { content:""; position:absolute; top:36px; inset-inline-end:2.7%; width:150px; height:240px; z-index:2; background:radial-gradient(circle,var(--navy) 0 6px,transparent 7px) 0 0/38px 38px; opacity:.95; }
.contactCopy { width:44%; position:relative; z-index:2; }
.contactCopy h2 { font-size:clamp(72px,6.4vw,104px); line-height:1.03; color:#fff; }
.contactCopy p { font-size:21px; line-height:1.65; max-width:530px; margin:35px 0 52px; }
address { display:grid; gap:30px; font-style:normal; font-size:20px; }
address span,address a { display:flex; align-items:center; gap:25px; } address svg { width:40px; height:40px; color:var(--gold); stroke-width:1.5; }
.contactForm { position:absolute; z-index:3; top:110px; inset-inline-end:17%; width:33%; display:grid; gap:21px; }
.contactForm label { display:grid; gap:10px; font-size:17px; }
.contactForm input,.contactForm textarea { width:100%; border:1px solid var(--gold); background:rgba(0,0,0,.04); color:#fff; padding:14px; outline:none; resize:vertical; }
.contactForm input { height:58px; }.contactForm textarea { min-height:120px; }
.contactForm input:focus,.contactForm textarea:focus { border-color:var(--gold-light); box-shadow:0 0 0 1px var(--gold-light); }
.contactForm button { height:64px; border:0; background:linear-gradient(90deg,#d3a242,#e0ba64); color:var(--navy); display:flex; align-items:center; justify-content:center; gap:40px; font-weight:700; cursor:pointer; }
.contactForm button:disabled { opacity:.7; }.formStatus { margin:0; font-size:15px; }.formStatus.success { color:#f1c96e; }.formStatus.error { color:#ffafaf; }
.contactSection footer { position:absolute; inset-inline:0; bottom:0; min-height:255px; border-top:1px solid var(--gold); display:grid; grid-template-columns:260px 1fr 160px; align-items:center; gap:30px; padding:25px 6vw 45px; }
.footerBrand { width:245px; display:flex; align-items:center; justify-content:center; }
.footerBrand img { width:100%; height:auto; object-fit:contain; }
.contactSection footer nav { display:flex; justify-content:center; gap:55px; }
.contactSection footer nav a { padding-inline-end:38px; border-inline-end:1px solid var(--gold); }
.contactSection footer nav a:last-child { border:0; }.contactSection footer .footerLanguage { border:1px solid var(--gold); background:transparent; color:#fff; padding:15px 20px; }
.contactSection footer p { grid-column:2; text-align:center; color:#b9c1cd; margin:-35px 0 0; }

[dir="rtl"] {
  font-family:"Noto Sans Arabic","Geeza Pro",Tahoma,Arial,sans-serif;
  text-align:right;
}
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3 {
  font-family:"Noto Sans Arabic","Geeza Pro",Tahoma,Arial,sans-serif;
  letter-spacing:0;
  line-height:1.35;
}
[dir="rtl"] .mainNav a,
[dir="rtl"] .languageToggle,
[dir="rtl"] button,
[dir="rtl"] input,
[dir="rtl"] textarea {
  font-family:"Noto Sans Arabic","Geeza Pro",Tahoma,Arial,sans-serif;
}
[dir="rtl"] .aboutCopy {
  width:43%;
  margin-left:auto;
  margin-right:0;
  text-align:right;
}
[dir="rtl"] .aboutCopy h1 {
  font-size:clamp(52px,4.35vw,70px);
}
[dir="rtl"] .aboutCopy>p {
  max-width:600px;
  margin-left:0;
  margin-right:0;
  font-size:clamp(19px,1.4vw,23px);
  line-height:1.9;
}
[dir="rtl"] .aboutArtwork {
  width:68%;
  left:-10%;
  right:auto;
}
[dir="rtl"] .pillarRow article {
  text-align:right;
}
[dir="rtl"] .pillarRow h2 {
  font-family:"Noto Sans Arabic","Geeza Pro",Tahoma,Arial,sans-serif;
  line-height:1.55;
}
[dir="rtl"] .pillarRow p {
  line-height:1.8;
}
[dir="rtl"] .trainingCopy {
  margin-left:auto;
  margin-right:0;
  text-align:right;
}
[dir="rtl"] .trainingCopy h2,
[dir="rtl"] .servicesCopy h2,
[dir="rtl"] .contactCopy h2 {
  line-height:1.4;
}
[dir="rtl"] .trainingCopy p,
[dir="rtl"] .servicesCopy>p,
[dir="rtl"] .contactCopy p {
  line-height:1.9;
}
[dir="rtl"] .trainingHero>img {
  right:auto;
  left:-4%;
  transform:none;
}
[dir="rtl"] .trackRow article,
[dir="rtl"] .serviceList article {
  text-align:right;
}
[dir="rtl"] .trackRow h3,
[dir="rtl"] .academyBand h3,
[dir="rtl"] .serviceList h3 {
  line-height:1.55;
}
[dir="rtl"] .contactCopy {
  margin-left:auto;
  margin-right:0;
  text-align:right;
}
[dir="rtl"] .contactForm {
  text-align:right;
}
[dir="rtl"] address span,
[dir="rtl"] address a {
  justify-content:flex-start;
}

@media (max-width:1050px) {
  .siteHeader { height:98px; padding:10px 24px; }.logo { width:160px; height:78px; }
  .mainNav { gap:24px; }.mainNav a { font-size:15px; }
  .aboutCopy { width:70%; }.aboutArtwork { width:72%; opacity:.76; }
  .pillarRow article { grid-template-columns:70px 1fr; padding:24px 18px; }.pillarRow svg { width:50px; }
  .trainingHero>img { opacity:.63; }.trainingCopy { width:56%; }
  .trackRow article { grid-template-columns:65px 1fr 22px; padding:20px 18px; }.trackRow article>svg:first-child { width:45px; }
  .academyBand { padding-inline-start:12vw; }.academyLines { opacity:.25; }
  .servicesSection { grid-template-columns:56% 44%; }.servicesArtwork { opacity:.5; }
  .contactForm { inset-inline-end:7%; width:42%; }.contactCopy { width:46%; }
}

@media (max-width:760px) {
  .siteHeader { position:sticky; height:84px; }.logo { width:126px; height:64px; }
  .logo img { object-fit:contain; }
  .menuToggle { display:grid; gap:7px; border:0; background:none; margin-inline-start:auto; z-index:52; padding:10px; }
  .menuToggle span { width:27px; height:1px; background:var(--navy); }
  .mainNav { position:fixed; inset:0; background:#fff; display:flex; flex-direction:column; justify-content:center; gap:30px; transform:translateY(-105%); transition:.3s; z-index:51; }
  .mainNav.open { transform:translateY(0); }.mainNav a { font-size:24px; }
  .languageToggle { min-width:64px; height:42px; z-index:52; }
  .aboutSection { min-height:980px; padding:70px 24px 0; }
  .aboutCopy { width:100%; }.aboutCopy h1 { font-size:50px; }.aboutCopy>p { font-size:18px; }
  .aboutArtwork { width:130%; max-width:none; inset-inline-end:-42%; bottom:420px; opacity:1; }
  .pillarRow { height:auto; grid-template-columns:1fr; }.pillarRow article { min-height:135px; border-inline-end:0; border-bottom:1px solid var(--line); }
  .trainingHero { min-height:710px; padding:55px 24px; }.trainingCopy { width:100%; }.trainingCopy h2 { font-size:51px; }
  .trainingHero>img { width:150%; max-width:none; right:-46%; opacity:1; }.trackRow { grid-template-columns:1fr; }
  .trackRow article { min-height:130px; border-inline-end:0; border-bottom:1px solid var(--line); }
  .academyBand { min-height:310px; display:block; padding:45px 24px; }.academyBand h3 { font-size:44px; }.academyBand a { min-width:0; width:100%; height:72px; margin-top:35px; }
  .servicesSection { min-height:1130px; display:block; padding:60px 24px; }.servicesCopy h2 { font-size:49px; }.servicesCopy>p { font-size:18px; }
  .serviceList article { grid-template-columns:48px 1fr; padding:16px 0; }.serviceList p { grid-column:2; }.serviceList h3 { border:0; font-size:23px; }
  .darkButton { width:100%; }.servicesArtwork { width:145%; max-width:none; inset-inline-end:-44%; opacity:1; }
  .contactSection { min-height:1320px; padding:70px 24px 0; }.contactSection::after { width:38%; height:15%; }
  .contactCopy { width:100%; }.contactCopy h2 { font-size:61px; }.contactCopy p { font-size:18px; margin-bottom:35px; }
  .contactForm { position:relative; top:auto; inset-inline-end:auto; width:100%; margin-top:60px; }
  .contactSection footer { min-height:310px; grid-template-columns:1fr; text-align:center; padding:20px 24px 35px; }
  .footerBrand { width:180px; margin:auto; }.contactSection footer nav { flex-wrap:wrap; gap:16px; }
  .contactSection footer nav a { padding-inline-end:14px; }.contactSection footer p { grid-column:1; margin:0; }.contactSection footer .footerLanguage { justify-self:center; }
  [dir="rtl"] .aboutCopy,
  [dir="rtl"] .trainingCopy,
  [dir="rtl"] .contactCopy {
    width:100%;
  }
  [dir="rtl"] .aboutCopy h1 {
    font-size:43px;
    line-height:1.5;
  }
  [dir="rtl"] .aboutArtwork {
    width:125%;
    left:-44%;
    right:auto;
  }
  [dir="rtl"] .trainingHero>img {
    width:145%;
    left:-48%;
    right:auto;
  }
  [dir="rtl"] .trainingCopy h2,
  [dir="rtl"] .servicesCopy h2,
  [dir="rtl"] .contactCopy h2 {
    font-size:43px;
    line-height:1.5;
  }
}

@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }

.honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }