/* Clean editorial system: typography first, decoration outside reading zones */
.page-code{display:none!important}
.v5-page-intro>.eyebrow,.dual-flow article>span{display:none!important}
.v5-page-intro>h1{max-width:980px;text-wrap:balance}
.v5-head:not(.clean-head)>span{display:none}
.v5-head:not(.clean-head){grid-template-columns:auto minmax(80px,1fr)}
.v5-head.clean-head{grid-template-columns:auto minmax(80px,1fr);gap:34px;margin-bottom:64px}
.v5-head.clean-head h2{max-width:900px;padding:0;text-wrap:balance;line-height:1.08}
.v5-head.clean-head i{background:linear-gradient(90deg,#6f4b72 0 22%,transparent 74%)}
[dir=rtl] .v5-head.clean-head i{background:linear-gradient(270deg,#6f4b72 0 22%,transparent 74%)}
.clean-hero .hero-content{background:none;width:min(55%,760px);padding:0}
.clean-hero:after{display:none!important}
.clean-hero .hero-content h1{max-width:720px;line-height:1.03;letter-spacing:-.035em;text-wrap:balance}
.clean-hero .hero-content p{max-width:680px;font-size:1.12rem;line-height:1.8}
.clean-hero .hero-monogram{width:29%;right:5%;opacity:.76}
[dir=rtl] .clean-hero .hero-monogram{right:auto;left:5%}
@media(min-width:701px){
  .clean-hero .hero-monogram:before{
    content:"";
    position:absolute;
    inset:-34%;
    z-index:-1;
    border-radius:50%;
    background:radial-gradient(circle,rgba(74,46,77,.62) 0%,rgba(74,46,77,.3) 34%,rgba(74,46,77,.1) 55%,transparent 73%);
    filter:blur(16px);
    transform:scale(1.06);
    pointer-events:none;
  }
  .clean-hero .hero-monogram img{
    position:relative;
    z-index:1;
    filter:drop-shadow(0 0 26px rgba(110,72,114,.28));
  }
}
.v7-intro{background:#f4f1f3;color:#171217}
.intro-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.intro-principles article{min-width:0;padding:34px 30px;border:1px solid #d4ccd4;border-top:4px solid #4a2e4d;background:#fff}
.intro-principles h3{font-size:1.55rem;margin:0 0 18px;line-height:1.25}
.intro-principles p{margin:0;color:#5e535e;line-height:1.8}
.v7-wins{background:#0d0a0e;color:#fff}
.wins-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.wins-grid article{grid-column:span 2;position:relative;min-width:0;padding:34px 28px;background:#171118;border:1px solid rgba(255,255,255,.11)}
.wins-grid article:nth-child(4){grid-column:2/span 2}.wins-grid article:nth-child(5){grid-column:4/span 2}
.win-mark{width:34px;height:4px;margin-bottom:30px;background:#765279}
.wins-grid h3{font-size:1.35rem;line-height:1.3;margin:0 0 12px}
.wins-grid h4{font-size:.82rem;line-height:1.5;letter-spacing:.04em;text-transform:uppercase;color:#c5adc7;margin:0 0 16px}
.wins-grid p{font-size:.98rem;line-height:1.75;color:#aaa0aa;margin:0}
.v7-sectors{background:#f4f1f3;color:#171217}
.sectors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sectors-grid article{min-width:0;padding:38px 32px 40px;background:#fff;box-shadow:0 20px 55px rgba(35,23,36,.07)}
.sector-accent{width:54px;height:5px;margin-bottom:44px;background:#4a2e4d}
.sectors-grid h3{font-size:clamp(1.65rem,2.4vw,2.5rem);line-height:1.18;margin:0 0 24px;text-wrap:balance}
.sectors-grid p{font-size:1rem;line-height:1.85;color:#625762;margin:0}
.clean-contact .contact-list article{grid-template-columns:1fr;padding:38px 0}
.clean-contact .contact-list>article>span,.contact-watermark{display:none!important}
.contact-intro>.signal-field{display:none}
.brand img,.hero-monogram img,.footer img,.profile-object>img{image-rendering:auto}
.brand img{width:118px;height:78px}
html[lang=en] body,html[lang=en] button,html[lang=en] input,html[lang=en] textarea{font-family:Georgia,"Times New Roman",serif}
html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea{font-family:"Noto Kufi Arabic","DIN Next Arabic",Tahoma,Arial,sans-serif}
.v5 h1,.v5 h2,.v5 h3,.page-intro h1{font-family:inherit;font-weight:500}
[dir=rtl] .v5 h1,[dir=rtl] .v5 h2,[dir=rtl] .v5 h3,[dir=rtl] .page-intro h1{font-weight:600}
.image-closing{position:relative;display:flex;background:#130d15 url('saudi-vision-landscape.png') center/cover no-repeat;isolation:isolate}
.image-closing:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,7,11,.97) 0%,rgba(10,7,11,.86) 35%,rgba(10,7,11,.25) 67%,rgba(10,7,11,.08) 100%);z-index:0}
[dir=rtl] .image-closing:before{background:linear-gradient(90deg,rgba(10,7,11,.97) 0%,rgba(10,7,11,.86) 35%,rgba(10,7,11,.25) 67%,rgba(10,7,11,.08) 100%)}
.image-closing>div{position:relative;z-index:1;width:min(55%,830px);margin-right:auto}
[dir=rtl] .image-closing>div{margin-right:auto;margin-left:0;text-align:right}
.capability-intro,.contact-intro,.about-intro{isolation:isolate;background-position:center;background-size:cover;background-repeat:no-repeat}
.capability-intro{background-image:linear-gradient(90deg,rgba(9,7,10,.97) 0%,rgba(9,7,10,.82) 38%,rgba(9,7,10,.18) 72%),url('defense-capabilities-hero.png')}
.contact-intro{background-image:linear-gradient(90deg,rgba(9,7,10,.97) 0%,rgba(9,7,10,.82) 38%,rgba(9,7,10,.18) 72%),url('contact-brand-hero.png')}
.about-intro{background-image:linear-gradient(90deg,rgba(9,7,10,.97) 0%,rgba(9,7,10,.82) 38%,rgba(9,7,10,.18) 72%),url('about-integration-hero.png')}
[dir=rtl] .capability-intro{background-image:linear-gradient(270deg,rgba(9,7,10,.97) 0%,rgba(9,7,10,.82) 38%,rgba(9,7,10,.18) 72%),url('defense-capabilities-hero-rtl.png')}
[dir=rtl] .contact-intro{background-image:linear-gradient(270deg,rgba(9,7,10,.97) 0%,rgba(9,7,10,.82) 38%,rgba(9,7,10,.18) 72%),url('contact-brand-hero-rtl.png')}
[dir=rtl] .about-intro{background-image:linear-gradient(270deg,rgba(9,7,10,.97) 0%,rgba(9,7,10,.82) 38%,rgba(9,7,10,.18) 72%),url('about-integration-hero-rtl.png')}
.capability-intro:before,.contact-intro:before,.about-intro:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,7,10,.7),transparent 45%);z-index:0;pointer-events:none}
.capability-intro>*,.contact-intro>*,.about-intro>*{position:relative;z-index:2}
.capability-intro .signal-field,.contact-intro .signal-field,.about-intro .signal-field{display:none}
.image-profile-stage{background:#0a080b}
.image-profile-stage .profile-stage-copy{position:relative;z-index:2;background:linear-gradient(90deg,#0a080b 0%,#120d13 100%)}
[dir=rtl] .image-profile-stage .profile-stage-copy{background:linear-gradient(270deg,#0a080b 0%,#120d13 100%)}
.image-profile-stage .profile-stage-copy h1{font-size:clamp(3rem,6.5vw,6.4rem);line-height:1.02;margin:0 0 30px;text-wrap:balance}
.profile-image-panel{min-height:620px;background:url('profile-document-hero.png') center/cover no-repeat}
[dir=rtl] .profile-image-panel{background-image:url('profile-document-hero-rtl.png')}
.ordered-business{background:#0c090d}
.business-narrative{max-width:1120px;margin:auto}
.business-opening{max-width:950px;margin:0;font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.65;color:#f1eaf1}
.business-bridge{max-width:820px;margin:48px 0 24px;font-size:1.1rem;line-height:1.8;color:#c9bec9}
.business-narrative ol{counter-reset:business;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.business-narrative li{counter-increment:business;position:relative;padding:28px 28px 28px 74px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);font-size:1.05rem;line-height:1.65}
.business-narrative li:before{content:counter(business,decimal-leading-zero);position:absolute;left:26px;top:30px;color:#a984ac;font-size:.72rem}
[dir=rtl] .business-narrative li{padding:28px 74px 28px 28px}[dir=rtl] .business-narrative li:before{left:auto;right:26px}
.business-conclusion{max-width:900px;margin:42px 0 0;padding-top:32px;border-top:1px solid rgba(255,255,255,.16);font-size:1.12rem;line-height:1.85;color:#d4c9d4}
.footer small{font-size:.85rem;line-height:1.7;word-spacing:.08em}
[dir=rtl] .footer small{letter-spacing:0}
@media(max-width:1000px){.clean-hero .hero-content{width:70%}.clean-hero .hero-monogram{width:26%;opacity:.28}.intro-principles,.sectors-grid{grid-template-columns:1fr}.wins-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wins-grid article,.wins-grid article:nth-child(4),.wins-grid article:nth-child(5){grid-column:auto}.wins-grid article:last-child{grid-column:1/-1}}
@media(max-width:700px){.v5-head.clean-head{grid-template-columns:1fr;margin-bottom:42px}.v5-head.clean-head i{display:none}.clean-hero .hero-content{width:100%}.clean-hero .hero-content h1{font-size:clamp(2.65rem,13vw,4.2rem);line-height:1.08}.clean-hero .hero-content p{font-size:1rem;line-height:1.7}.clean-hero .hero-monogram{display:none}.wins-grid{grid-template-columns:1fr}.wins-grid article:last-child{grid-column:auto}.intro-principles article,.wins-grid article,.sectors-grid article{padding:28px 24px}.brand img{width:94px;height:64px}.business-narrative ol{grid-template-columns:1fr}.image-closing{min-height:72vh;background-position:62% center}.image-closing>div{width:100%}.image-closing:before,[dir=rtl] .image-closing:before{background:linear-gradient(0deg,rgba(10,7,11,.96) 0%,rgba(10,7,11,.72) 55%,rgba(10,7,11,.15) 100%)}.capability-intro,.contact-intro,[dir=rtl] .capability-intro,[dir=rtl] .contact-intro{background-position:center;background-size:cover}.capability-intro:before,.contact-intro:before{background:rgba(9,7,10,.58)}}

/* Mobile composition: keep the brand mark visible and give Arabic and English
   their own clear reading zones. */
@media(max-width:700px){
  .v7-home .clean-hero{min-height:100svh;align-items:flex-start;padding:190px 26px 58px;overflow:hidden}
  .v7-home .clean-hero .hero-monogram{display:none}
  html[lang=en] .v7-home .clean-hero .hero-monogram{right:22px;left:auto}
  html[lang=ar] .v7-home .clean-hero .hero-monogram{left:22px;right:auto}
  .v7-home .clean-hero .hero-monogram img{width:100%;max-width:none;filter:drop-shadow(0 8px 24px rgba(0,0,0,.35))}
  .v7-home .clean-hero .hero-content{max-width:none;padding:0;background:none;z-index:2}
  .v7-home .clean-hero .eyebrow{max-width:100%;gap:10px;font-size:.66rem;line-height:1.9;letter-spacing:.12em}
  .v7-home .clean-hero .eyebrow:before{width:30px;flex:0 0 30px}
  .v7-home .clean-hero .hero-content h1{font-size:clamp(2.55rem,11.5vw,3.45rem);line-height:1.18;letter-spacing:-.025em;margin:20px 0 22px;text-wrap:balance}
  html[lang=ar] .v7-home .clean-hero .hero-content h1{font-size:clamp(2.6rem,11.8vw,3.55rem);line-height:1.28;letter-spacing:0}
  .v7-home .clean-hero .hero-content p{font-size:1rem;line-height:1.95;margin:0;max-width:100%}
  .v7-home .clean-hero .actions{margin-top:28px;gap:12px}
  .v7-home .clean-hero .button{gap:14px;padding:15px 18px;font-size:.76rem;letter-spacing:.05em}
  html[lang=ar] .v7-home .clean-hero .button{letter-spacing:0}
  .v7-home .v5-section{padding-top:72px;padding-bottom:72px}
  .v7-home .v5-head.clean-head{margin-bottom:34px}
  .v7-home .v5-head.clean-head h2{font-size:clamp(2rem,8.8vw,2.85rem);line-height:1.25}
  .v7-home .image-closing{min-height:auto;padding:72px 26px calc(56.3vw + 42px);align-items:flex-start;background-size:100% auto;background-position:center bottom;background-repeat:no-repeat}
  html[lang=ar] .v7-home .image-closing{background-position:center bottom}
  .v7-home .image-closing:before,[dir=rtl] .v7-home .image-closing:before{background:linear-gradient(180deg,#0a070b 0%,rgba(10,7,11,.96) 46%,rgba(10,7,11,.18) 78%,rgba(10,7,11,.04) 100%)}
  .v7-home .image-closing h2{font-size:clamp(2.45rem,10.8vw,3.35rem);line-height:1.28;margin:18px 0 30px;text-wrap:balance}
  .v7-home .image-closing span{font-size:.72rem;letter-spacing:.12em}
  html[lang=ar] .v7-home .image-closing span{letter-spacing:0}

  /* Landscape artwork is presented as a full frame on portrait screens instead
     of being enlarged and cropped. */
  .capability-intro,.contact-intro,.about-intro,
  [dir=rtl] .capability-intro,[dir=rtl] .contact-intro,[dir=rtl] .about-intro{
    min-height:auto;
    justify-content:flex-start;
    padding:145px 26px 285px;
    background-size:100% 100%,100% auto;
    background-position:center,center bottom;
    background-color:#09070a;
  }
  .capability-intro:before,.contact-intro:before,.about-intro:before{
    background:linear-gradient(180deg,#09070a 0%,rgba(9,7,10,.96) 58%,rgba(9,7,10,.18) 100%);
  }
  .capability-intro h1,.contact-intro h1,.about-intro h1{font-size:clamp(2.55rem,11vw,3.45rem);line-height:1.16;margin-bottom:22px}
  .capability-intro p,.contact-intro p,.about-intro p{font-size:1rem;line-height:1.8}
  .image-profile-stage .profile-stage-copy{padding-top:130px;padding-bottom:58px}
  .image-profile-stage .download-row .button:not(.primary){color:#fff;border-color:rgba(255,255,255,.42)}
  .image-profile-stage .download-row .button{width:100%;justify-content:space-between;letter-spacing:.06em}
  html[lang=ar] .image-profile-stage .download-row .button{letter-spacing:0}
  .profile-image-panel,[dir=rtl] .profile-image-panel{
    min-height:260px;
    background-size:100% auto;
    background-position:center;
    background-repeat:no-repeat;
    background-color:#0a080b;
  }
}

/* Portrait tablets and large phones need their own composition. Their width can
   look desktop-like while the available vertical canvas is fundamentally mobile. */
@media(orientation:portrait) and (min-width:701px) and (max-width:1100px){
  .topbar{height:82px}
  .brand img{width:94px;height:66px}
  .v7-home .clean-hero{min-height:100svh;align-items:flex-start;padding:180px 7vw 78px}
  .v7-home .clean-hero .hero-content{width:100%;max-width:760px}
  .v7-home .clean-hero .hero-monogram{display:none}
  .v7-home .clean-hero .hero-content h1{font-size:clamp(3.7rem,9vw,5.8rem);line-height:1.08;max-width:760px}
  .v7-home .clean-hero .hero-content p{max-width:720px;font-size:1.12rem;line-height:1.85}
  .v7-home .clean-hero .eyebrow{max-width:760px;line-height:1.8;letter-spacing:.13em}
  .v7-home .image-closing{min-height:auto;padding:88px 7vw calc(56.3vw + 54px);align-items:flex-start;background-size:100% auto;background-position:center bottom;background-repeat:no-repeat}
  .v7-home .image-closing:before,[dir=rtl] .v7-home .image-closing:before{background:linear-gradient(180deg,#0a070b 0%,rgba(10,7,11,.96) 43%,rgba(10,7,11,.2) 77%,rgba(10,7,11,.04) 100%)}
  .v7-home .image-closing>div{width:100%;max-width:760px}
  .v7-home .image-closing h2{font-size:clamp(3.2rem,7.5vw,5rem);line-height:1.17;margin:22px 0 34px}
  .capability-intro,.contact-intro,.about-intro,
  [dir=rtl] .capability-intro,[dir=rtl] .contact-intro,[dir=rtl] .about-intro{
    min-height:auto;
    justify-content:flex-start;
    padding:155px 7vw calc(56.3vw + 38px);
    background-size:100% 100%,100% auto;
    background-position:center,center bottom;
    background-color:#09070a;
  }
  .capability-intro:before,.contact-intro:before,.about-intro:before{background:linear-gradient(180deg,#09070a 0%,rgba(9,7,10,.96) 48%,rgba(9,7,10,.16) 100%)}
  .capability-intro h1,.contact-intro h1,.about-intro h1{font-size:clamp(3.3rem,7vw,4.8rem);line-height:1.12;margin-bottom:26px}
  .capability-intro p,.contact-intro p,.about-intro p{max-width:760px;font-size:1.08rem;line-height:1.8}
  .image-profile-stage{grid-template-columns:1fr}
  .image-profile-stage .profile-stage-copy{padding:145px 7vw 72px}
  .profile-image-panel,[dir=rtl] .profile-image-panel{min-height:56.3vw;background-size:100% auto;background-position:center;background-repeat:no-repeat;background-color:#0a080b}
  .image-profile-stage .download-row .button:not(.primary){color:#fff;border-color:rgba(255,255,255,.42)}
}
