/* BADR Atelier V36.26 — Image-Free Cinematic Interface */
:root{--badr-gold:#d7b35b;--badr-gold-2:#b88a2f;--badr-ink:#06100d;--badr-ink-2:#0a1813;--badr-cream:#f4efe4}
html{scroll-behavior:smooth}
body.badr-cinematic-v3623{background:#f4efe4}
body.badr-cinematic-v3623 .badr-cinematic-intro{position:fixed;inset:0;z-index:2147482500;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#040a08 0%,#071510 48%,#020705 100%);color:#fff;isolation:isolate;opacity:1;visibility:visible;transition:opacity .72s cubic-bezier(.22,.61,.36,1),visibility .72s ease}
body.badr-cinematic-v3623 .badr-cinematic-intro::before{content:"";position:absolute;inset:-12%;z-index:0;background:
radial-gradient(circle at 72% 36%,rgba(215,179,91,.18),transparent 19%),
radial-gradient(circle at 22% 77%,rgba(104,146,126,.13),transparent 24%),
repeating-linear-gradient(90deg,rgba(255,255,255,.032) 0 1px,transparent 1px 84px),
repeating-linear-gradient(0deg,rgba(255,255,255,.024) 0 1px,transparent 1px 84px),
linear-gradient(135deg,transparent 0 47%,rgba(215,179,91,.08) 47.2% 47.35%,transparent 47.5% 100%);
transform:perspective(900px) rotateX(58deg) translateY(10%) scale(1.28);transform-origin:center;animation:badrGridDrift 7s ease-in-out infinite alternate;opacity:.95}
body.badr-cinematic-v3623 .badr-cinematic-intro::after{content:"";position:absolute;inset:0;z-index:1;background:
linear-gradient(90deg,rgba(1,5,4,.72),transparent 52%,rgba(1,5,4,.28)),
radial-gradient(ellipse at 78% 50%,transparent 0 18%,rgba(215,179,91,.09) 18.2% 18.6%,transparent 18.8% 25%,rgba(215,179,91,.045) 25.2% 25.6%,transparent 25.8%),
linear-gradient(180deg,rgba(255,255,255,.018),transparent 32%,rgba(0,0,0,.24));box-shadow:inset 0 0 0 1px rgba(215,179,91,.12);pointer-events:none}
body.badr-cinematic-v3623 .badr-cinematic-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
body.badr-cinematic-v3623 .bci-shell{position:relative;z-index:5;width:min(1180px,calc(100% - 46px));min-height:78vh;display:flex;flex-direction:column;justify-content:space-between;padding:4.5vh 0 5.8vh}
body.badr-cinematic-v3623 .bci-shell::before{content:"";position:absolute;right:1%;top:50%;width:min(38vw,520px);aspect-ratio:1;border:1px solid rgba(215,179,91,.20);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 36px rgba(215,179,91,.022),0 0 0 94px rgba(215,179,91,.014);animation:badrOrbit 9s linear infinite}
body.badr-cinematic-v3623 .bci-shell::after{content:"";position:absolute;right:8%;top:50%;width:min(23vw,320px);aspect-ratio:1;border:1px dashed rgba(255,255,255,.12);transform:translateY(-50%) rotate(45deg);animation:badrSquare 11s ease-in-out infinite alternate}
body.badr-cinematic-v3623[data-page="contact"] .bci-shell::after{border-radius:50% 50% 50% 8%;transform:translateY(-50%) rotate(-22deg)}
body.badr-cinematic-v3623[data-page="investors"] .bci-shell::before{border-radius:28% 72% 52% 48%/46% 42% 58% 54%}
body.badr-cinematic-v3623[data-page="developers"] .bci-shell::after{clip-path:polygon(50% 0,100% 88%,0 88%);border-radius:0}
body.badr-cinematic-v3623[data-page="team"] .bci-shell::before{box-shadow:70px 34px 0 -1px rgba(0,0,0,0),70px 34px 0 0 rgba(215,179,91,.10),-58px 50px 0 0 rgba(255,255,255,.055)}
body.badr-cinematic-v3623 .bci-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
body.badr-cinematic-v3623 .bci-brand{width:clamp(160px,18vw,255px);font:inherit;letter-spacing:0;text-transform:none}
body.badr-cinematic-v3623 .bci-brand img{display:block;width:100%;height:auto;max-height:94px;object-fit:contain;object-position:left center;filter:drop-shadow(0 10px 25px rgba(0,0,0,.28))}
body.badr-cinematic-v3623 .bci-brand small{display:block;margin-top:9px;font:600 8px/1.3 'Montserrat',Arial,sans-serif;letter-spacing:.14em;color:rgba(255,255,255,.76);text-transform:uppercase}
body.is-ar.badr-cinematic-v3623 .bci-brand small{font-family:'Tajawal',Arial,sans-serif;letter-spacing:0;font-size:11px}
body.badr-cinematic-v3623 .bci-index{font:600 10px/1 'Montserrat',Arial,sans-serif;letter-spacing:.18em;color:rgba(255,255,255,.54);padding-top:5px}
body.badr-cinematic-v3623 .bci-copy{position:relative;max-width:min(790px,83vw);padding:0 0 2.5vh}
body.badr-cinematic-v3623 .bci-copy::before{content:"";position:absolute;left:-22px;top:-34px;width:92px;height:92px;border-left:1px solid rgba(215,179,91,.40);border-top:1px solid rgba(215,179,91,.40);opacity:.72;animation:badrCorner 2.2s ease both}
body.badr-cinematic-v3623 .bci-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:var(--badr-gold);font:700 11px/1.2 'Montserrat',Arial,sans-serif;letter-spacing:.20em;text-transform:uppercase}
body.badr-cinematic-v3623 .bci-eyebrow::before{content:"";width:48px;height:1px;background:currentColor;opacity:.9;box-shadow:72px 0 0 rgba(215,179,91,.23)}
body.badr-cinematic-v3623 .bci-title{margin:0;max-width:15ch;font:500 clamp(42px,7.1vw,105px)/.94 'Montserrat',Arial,sans-serif;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 6px 36px rgba(0,0,0,.3)}
body.badr-cinematic-v3623 .bci-title-en{display:inline-block;animation:badrTitleIn 1.05s .12s cubic-bezier(.2,.72,.2,1) both}
body.badr-cinematic-v3623 .bci-title-ar{display:block;margin-top:13px;font-family:'Tajawal',Arial,sans-serif;font-weight:500;font-size:.52em;line-height:1.16;letter-spacing:0;direction:rtl;text-align:left;animation:badrTitleIn 1.05s .24s cubic-bezier(.2,.72,.2,1) both}
body.is-ar.badr-cinematic-v3623 .bci-copy{margin-left:auto;text-align:right}
body.is-ar.badr-cinematic-v3623 .bci-title-ar{text-align:right}
body.is-ar.badr-cinematic-v3623 .bci-eyebrow{justify-content:flex-start;flex-direction:row-reverse}
body.badr-cinematic-v3623 .bci-bottom{display:flex;align-items:center;gap:18px;color:rgba(255,255,255,.62);font:600 9px/1 'Montserrat',Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
body.badr-cinematic-v3623 .bci-line{position:relative;flex:0 1 340px;height:1px;background:rgba(255,255,255,.14);overflow:hidden}
body.badr-cinematic-v3623 .bci-line::after{content:"";position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(90deg,var(--badr-gold),#fff0b6,var(--badr-gold));transform-origin:left;animation:badrIntroLine 1.65s cubic-bezier(.22,.61,.36,1) both}

/* Image-free atmospheric hero layer on general pages. Native project/investor imagery remains untouched. */
body.badr-cinematic-v3623 .badr-v3623-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#07110e,#102019 58%,#07110e)!important}
body.badr-cinematic-v3623 .badr-v3623-hero::before{content:"";position:absolute;inset:-16%;z-index:-2;background:
radial-gradient(circle at 76% 36%,rgba(215,179,91,.17),transparent 24%),
repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 96px),
repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 96px);transform:rotate(-4deg) scale(1.06);animation:badrHeroGrid 16s ease-in-out infinite alternate}
body.badr-cinematic-v3623 .badr-v3623-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,10,8,.90) 0%,rgba(3,10,8,.62) 48%,rgba(3,10,8,.18) 100%),linear-gradient(180deg,transparent,rgba(3,10,8,.45));pointer-events:none}
body.badr-cinematic-v3623 .page-hero.badr-v3623-hero,body.badr-cinematic-v3623 .career-hero.badr-v3623-hero{min-height:min(76vh,760px);display:flex;align-items:center}
body.badr-cinematic-v3623 .badr-v3623-hero :is(.h1,h1,h2){color:#fff;text-shadow:0 5px 30px rgba(0,0,0,.20)}
body.badr-cinematic-v3623 .badr-v3623-hero :is(.lead,p){color:rgba(255,255,255,.82)}
body.badr-cinematic-v3623 .badr-v3623-hero .eyebrow,body.badr-cinematic-v3623 .badr-v3623-hero .section-label{color:var(--badr-gold)}
body.badr-cinematic-v3623::before{content:"";position:fixed;inset:0;z-index:-20;background:linear-gradient(180deg,#f7f3ea,#f1ecdf);pointer-events:none}

@keyframes badrGridDrift{from{transform:perspective(900px) rotateX(58deg) translate3d(-1.5%,8%,0) scale(1.28)}to{transform:perspective(900px) rotateX(58deg) translate3d(1.5%,12%,0) scale(1.34)}}
@keyframes badrOrbit{to{transform:translateY(-50%) rotate(360deg)}}
@keyframes badrSquare{from{transform:translateY(-50%) rotate(35deg) scale(.94)}to{transform:translateY(-50%) rotate(58deg) scale(1.05)}}
@keyframes badrTitleIn{from{opacity:0;transform:translateY(22px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes badrCorner{from{opacity:0;transform:scale(.7)}to{opacity:.72;transform:scale(1)}}
@keyframes badrIntroLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes badrHeroGrid{from{transform:rotate(-5deg) scale(1.05) translateX(-1%)}to{transform:rotate(-3deg) scale(1.12) translateX(1%)}}

@media(max-width:760px){
 body.badr-cinematic-v3623 .bci-shell{width:min(100% - 30px,1180px);min-height:82vh;padding:3.4vh 0 4.5vh}
 body.badr-cinematic-v3623 .bci-brand{width:154px} body.badr-cinematic-v3623 .bci-brand img{max-height:72px}
 body.badr-cinematic-v3623 .bci-title{font-size:clamp(38px,12vw,64px);max-width:12ch}
 body.badr-cinematic-v3623 .bci-title-ar{font-size:.48em}
 body.badr-cinematic-v3623 .bci-copy{max-width:92vw}
 body.badr-cinematic-v3623 .bci-line{flex-basis:120px}
 body.badr-cinematic-v3623 .bci-shell::before{width:78vw;right:-38%;opacity:.7}
 body.badr-cinematic-v3623 .bci-shell::after{width:54vw;right:-26%;opacity:.56}
 body.badr-cinematic-v3623 .page-hero.badr-v3623-hero,body.badr-cinematic-v3623 .career-hero.badr-v3623-hero{min-height:64vh}
}
@media(prefers-reduced-motion:reduce){body.badr-cinematic-v3623 *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.15s!important}}