.projects-hero{position:relative;padding:150px 0 0;overflow:hidden;border-bottom:1px solid var(--wa-line);background:radial-gradient(circle at 82% 24%,rgba(50,72,142,.14),transparent 31%),radial-gradient(circle at 18% 68%,rgba(186,255,52,.05),transparent 27%),#050809}
.projects-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000 15%,transparent 96%);opacity:.75}
.hero-aura{position:absolute;border-radius:50%;filter:blur(80px);opacity:.22;pointer-events:none}.hero-aura-a{width:380px;height:380px;right:8%;top:7%;background:#3b54c5}.hero-aura-b{width:320px;height:320px;left:12%;bottom:4%;background:#8ec429;opacity:.08}
.projects-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;min-height:540px;padding-bottom:70px}
.projects-hero-copy{max-width:900px}.projects-hero .wa-eyebrow{margin-bottom:24px}.projects-hero h1{font-size:clamp(76px,8.6vw,148px);line-height:.9;letter-spacing:-.065em;margin:0;max-width:1000px}.projects-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px rgba(230,238,240,.66);text-stroke:1.5px rgba(230,238,240,.66)}html[dir="rtl"] .projects-hero h1{letter-spacing:-.015em;line-height:1.12;font-size:clamp(70px,8vw,132px)}html[dir="rtl"] .projects-hero h1 em{line-height:1.3}
.projects-hero-text{max-width:650px;color:#97a4a7;font-size:18px;line-height:1.9;margin:34px 0 0}html[dir="rtl"] .projects-hero-text{line-height:2.1}
.projects-hero-index{display:grid;place-items:center;min-height:380px;position:relative}.archive-label{position:absolute;right:0;top:28px;display:flex;align-items:center;gap:10px;color:#879398;font-size:9px;letter-spacing:.16em}.archive-label span{width:34px;height:34px;border:1px solid rgba(186,255,52,.45);border-radius:10px;display:grid;place-items:center;color:var(--wa-accent);font-size:8px;font-weight:800}.archive-orbit{position:relative;width:310px;height:310px;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(186,255,52,.05),transparent 56%)}.archive-orbit::before,.archive-orbit::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(186,255,52,.17)}.archive-orbit::before{inset:42px}.archive-orbit::after{inset:88px;border-color:rgba(49,199,242,.18)}.archive-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--wa-accent);box-shadow:0 0 18px rgba(186,255,52,.45)}.archive-orbit i:nth-child(1){animation:pOrbit1 26s linear infinite}.archive-orbit i:nth-child(2){background:var(--wa-cyan);animation:pOrbit2 35s linear infinite}.archive-orbit i:nth-child(3){background:#fff;animation:pOrbit3 48s linear infinite}@keyframes pOrbit1{from{transform:rotate(0) translateX(152px)}to{transform:rotate(360deg) translateX(152px)}}@keyframes pOrbit2{from{transform:rotate(110deg) translateX(108px)}to{transform:rotate(470deg) translateX(108px)}}@keyframes pOrbit3{from{transform:rotate(220deg) translateX(72px)}to{transform:rotate(580deg) translateX(72px)}}.archive-orbit b{font-size:64px;line-height:1;color:#f5f7f5}.archive-orbit small{position:absolute;top:62%;font-size:9px;color:#7c898d;letter-spacing:.12em;text-transform:uppercase}
.project-filter-wrap{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:92px;border-top:1px solid var(--wa-line)}.project-filter{display:flex;gap:9px;flex-wrap:wrap}.project-filter button{border:1px solid var(--wa-line);border-radius:999px;padding:10px 15px;color:#8f9b9f;font-size:11px;transition:.2s}.project-filter button:hover,.project-filter button.is-active{border-color:rgba(186,255,52,.46);background:rgba(186,255,52,.08);color:#eff5f1}.project-filter button.is-active::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--wa-accent);display:inline-block;margin-inline-end:8px;vertical-align:1px}.project-count{font-size:10px;letter-spacing:.12em;color:#6f7d81;text-transform:uppercase}
.projects-showcase{padding:84px 0 100px;background:linear-gradient(180deg,#06090a,#040606)}
.project-feature{display:grid;grid-template-columns:.68fr 1.32fr;border:1px solid var(--wa-line);border-radius:32px;overflow:hidden;min-height:570px;background:#080c0e}.project-feature-copy{padding:58px;display:flex;flex-direction:column;justify-content:center}.project-feature-index{color:var(--wa-accent);font-size:10px;letter-spacing:.14em}.project-feature-copy h2{font-size:clamp(40px,4.2vw,66px);line-height:1.05;letter-spacing:-.05em;margin:26px 0 18px}html[dir="rtl"] .project-feature-copy h2{line-height:1.42;letter-spacing:0}.project-feature-copy p{color:#93a0a3;line-height:1.85;margin:0 0 26px;max-width:520px}html[dir="rtl"] .project-feature-copy p{line-height:2.05}.project-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px}.project-meta span{border:1px solid var(--wa-line);border-radius:999px;padding:8px 11px;color:#8f9b9f;font-size:10px}.project-feature-link{align-self:flex-start;display:flex;align-items:center;gap:14px;font-weight:750}.project-feature-link b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--wa-accent);color:#071006}.project-feature-media{position:relative;overflow:hidden;background:#071017}.project-feature-media::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px}.project-feature-media img{position:absolute;inset:7% 4%;width:92%;height:86%;object-fit:contain;transition:.45s}.project-feature:hover img{transform:scale(1.025)}.project-feature-badge{position:absolute;right:26px;bottom:26px;width:220px;padding:18px;border:1px solid var(--wa-line);border-radius:18px;background:rgba(5,10,12,.92);backdrop-filter:blur(18px)}html[dir="rtl"] .project-feature-badge{right:auto;left:26px}.project-feature-badge small{display:block;color:var(--wa-accent);font-size:9px;letter-spacing:.12em}.project-feature-badge b{display:block;margin:8px 0 5px;font-size:14px}.project-feature-badge span{display:block;color:#7f8c90;font-size:10px;line-height:1.55}
.project-list{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:18px}.project-item{grid-column:span 6;border:1px solid var(--wa-line);border-radius:28px;overflow:hidden;background:#080c0e;min-width:0}.project-item:nth-child(3n){grid-column:span 12;display:grid;grid-template-columns:1fr 1fr}.project-item-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#071017}.project-item:nth-child(3n) .project-item-media{aspect-ratio:auto;min-height:410px}.project-item-media::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,7,9,.25));z-index:1;pointer-events:none}.project-item-media img{width:100%;height:100%;object-fit:cover;transition:.45s}.project-item:hover img{transform:scale(1.035)}.project-number{position:absolute;right:16px;top:16px;z-index:2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(5,9,11,.88);border:1px solid var(--wa-line);font-size:9px;color:#dce3e5}.project-item-body{padding:28px}.project-item:nth-child(3n) .project-item-body{display:flex;flex-direction:column;justify-content:center;padding:46px}.project-item-body small{color:var(--wa-accent);font-size:9px;letter-spacing:.12em}.project-item-body h3{font-size:clamp(24px,2.4vw,34px);line-height:1.22;letter-spacing:-.035em;margin:13px 0 12px}html[dir="rtl"] .project-item-body h3{line-height:1.55;letter-spacing:0}.project-item-body p{margin:0;color:#8e9b9f;line-height:1.75;font-size:14px}html[dir="rtl"] .project-item-body p{line-height:2}.project-item-link{display:inline-flex;align-items:center;gap:10px;margin-top:24px;font-size:12px;font-weight:750}.project-item-link span{color:var(--wa-accent)}
.project-empty{grid-column:1/-1;padding:70px 24px;text-align:center;border:1px solid var(--wa-line);border-radius:28px;color:#89969a}
.projects-capability{border-top:1px solid var(--wa-line);border-bottom:1px solid var(--wa-line);background:#06090a}.capability-row{min-height:110px;display:grid;grid-template-columns:.55fr 1.45fr;gap:40px;align-items:center}.capability-row>p{font-size:11px;color:#788589;margin:0}.capability-row>div{display:flex;flex-wrap:wrap;align-items:center;gap:18px;color:#9ca8aa;font-size:11px;letter-spacing:.08em}.capability-row i{font-style:normal;color:var(--wa-accent)}
.footer-socials svg{width:18px;height:18px}
@media(max-width:1080px){.projects-hero-inner{grid-template-columns:1fr;gap:24px;min-height:auto}.projects-hero-index{min-height:280px}.archive-orbit{width:250px;height:250px}.archive-orbit i:nth-child(1){animation-name:pOrbit1Tablet}.archive-orbit i:nth-child(2){animation-name:pOrbit2Tablet}.archive-orbit i:nth-child(3){animation-name:pOrbit3Tablet}@keyframes pOrbit1Tablet{from{transform:rotate(0) translateX(122px)}to{transform:rotate(360deg) translateX(122px)}}@keyframes pOrbit2Tablet{from{transform:rotate(110deg) translateX(87px)}to{transform:rotate(470deg) translateX(87px)}}@keyframes pOrbit3Tablet{from{transform:rotate(220deg) translateX(58px)}to{transform:rotate(580deg) translateX(58px)}}.archive-label{right:10%;top:10px}.project-feature{grid-template-columns:1fr}.project-feature-media{min-height:470px}.project-list{grid-template-columns:1fr}.project-item,.project-item:nth-child(3n){grid-column:auto;display:block}.project-item:nth-child(3n) .project-item-media{min-height:0;aspect-ratio:16/10}.project-item:nth-child(3n) .project-item-body{padding:28px}.capability-row{grid-template-columns:1fr;gap:14px;padding-block:28px}}
@media(max-width:720px){.projects-hero{padding-top:105px}.projects-hero-inner{padding-bottom:42px}.projects-hero h1{font-size:clamp(58px,16vw,78px)}html[dir="rtl"] .projects-hero h1{font-size:clamp(50px,14vw,70px);line-height:1.24}.projects-hero-text{font-size:16px;margin-top:25px}.projects-hero-index{min-height:215px}.archive-orbit{width:190px;height:190px}.archive-orbit::before{inset:30px}.archive-orbit::after{inset:58px}.archive-orbit b{font-size:46px}.archive-orbit i:nth-child(1){animation-name:pOrbit1Mobile}.archive-orbit i:nth-child(2){animation-name:pOrbit2Mobile}.archive-orbit i:nth-child(3){animation-name:pOrbit3Mobile}@keyframes pOrbit1Mobile{from{transform:rotate(0) translateX(92px)}to{transform:rotate(360deg) translateX(92px)}}@keyframes pOrbit2Mobile{from{transform:rotate(110deg) translateX(66px)}to{transform:rotate(470deg) translateX(66px)}}@keyframes pOrbit3Mobile{from{transform:rotate(220deg) translateX(43px)}to{transform:rotate(580deg) translateX(43px)}}.archive-label{display:none}.project-filter-wrap{align-items:flex-start;flex-direction:column;padding-block:20px}.project-filter{overflow:auto;flex-wrap:nowrap;width:100%;padding-bottom:2px}.project-filter button{white-space:nowrap}.project-count{align-self:flex-end}.projects-showcase{padding:54px 0 72px}.project-feature{min-height:0}.project-feature-copy{padding:28px}.project-feature-media{min-height:320px}.project-feature-badge{right:14px;bottom:14px;width:185px}.project-item-body{padding:22px}.capability-row>div{gap:12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.archive-orbit i{animation:none!important}}

/* Approval v2: simplified projects hero (archive orbit removed) */
.projects-hero-inner{grid-template-columns:1fr!important;gap:0!important;min-height:430px!important;padding-bottom:58px!important}
.projects-hero-copy{max-width:1120px!important}
.projects-hero h1{max-width:1120px!important}
html[dir="rtl"] .projects-hero-copy{margin-inline-start:auto;text-align:right}
html[dir="ltr"] .projects-hero-copy{margin-inline-end:auto;text-align:left}
.projects-hero-index,.archive-label,.archive-orbit{display:none!important}
@media(max-width:1100px){.projects-hero-inner{grid-template-columns:1fr!important;min-height:390px!important;padding-bottom:48px!important}}
@media(max-width:720px){.projects-hero-inner{min-height:auto!important;padding-bottom:36px!important}}

/* Approval v3: Arabic hero copy aligned to the right edge */
html[dir="rtl"] .projects-hero-copy{
  width:min(100%,920px)!important;
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:0!important;
  text-align:right!important;
  justify-self:end!important;
}
html[dir="rtl"] .projects-hero .wa-eyebrow,
html[dir="rtl"] .projects-hero h1,
html[dir="rtl"] .projects-hero-text{
  text-align:right!important;
}
html[dir="rtl"] .projects-hero-text{
  margin-left:auto!important;
  margin-right:0!important;
}
html[dir="ltr"] .projects-hero-copy{
  width:min(100%,920px)!important;
  max-width:920px!important;
  margin-left:0!important;
  margin-right:auto!important;
  text-align:left!important;
  justify-self:start!important;
}
@media(max-width:720px){
  html[dir="rtl"] .projects-hero-copy,
  html[dir="ltr"] .projects-hero-copy{
    width:100%!important;
    max-width:none!important;
  }
}