.language-switcher[data-astro-cid-l4evwy7q] {
  display: inline-flex;
  gap: .28rem;
  align-items: center;
  direction: ltr;
  unicode-bidi: isolate;
}

.language-link[data-astro-cid-l4evwy7q] {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 30px;
  padding: .28rem .15rem;
  opacity: .48;
  border-bottom: 1px solid #0000;
  transition: opacity .2s, border-color .2s;
}

.language-link[data-astro-cid-l4evwy7q] img[data-astro-cid-l4evwy7q] {
  width: 22px;
  height: auto;
  border-radius: 1px;
}

.language-link[data-astro-cid-l4evwy7q]:hover, .language-link[data-astro-cid-l4evwy7q]:focus-visible, .language-link[data-astro-cid-l4evwy7q].active {
  opacity: 1;
}

.language-link[data-astro-cid-l4evwy7q].active {
  border-color: var(--accent);
}

.language-switcher--labels[data-astro-cid-l4evwy7q] {
  display: flex;
  gap: .75rem;
  flex-wrap: wrap;
}

.language-switcher--labels[data-astro-cid-l4evwy7q] .language-link[data-astro-cid-l4evwy7q] {
  font-size: .92rem;
}
.footer[data-astro-cid-nns7i3if] {
  position: relative;
  overflow: hidden;
  border-top: 1px solid #ffffff14;
  background: linear-gradient(#0d0d0f 0%, #080809 100%);
  padding: 7rem 0 2rem;
}

.footer[data-astro-cid-nns7i3if]:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg,transparent,var(--accent),transparent);
  opacity: .45;
}

.footer-grid[data-astro-cid-nns7i3if] {
  display: grid;
  grid-template-columns: 1.2fr 1fr .8fr .6fr;
  gap: 2.5rem;
  position: relative;
  z-index: 2;
}

.footer[data-astro-cid-nns7i3if] h2[data-astro-cid-nns7i3if] {
  margin: 0 0 1rem;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #77777d;
}

.footer[data-astro-cid-nns7i3if] p[data-astro-cid-nns7i3if] {
  color: #aaaab0;
  line-height: 1.6;
  max-width: 28rem;
}

.brand[data-astro-cid-nns7i3if] {
  display: inline-block;
  font-weight: 800;
  margin-bottom: 1rem;
}

.footer-services[data-astro-cid-nns7i3if] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .45rem 1rem;
}

.footer-services[data-astro-cid-nns7i3if] a[data-astro-cid-nns7i3if], .footer-nav[data-astro-cid-nns7i3if] a[data-astro-cid-nns7i3if] {
  color: #9a9aa1;
  font-size: .86rem;
}

.footer-services[data-astro-cid-nns7i3if] a[data-astro-cid-nns7i3if]:hover, .footer-nav[data-astro-cid-nns7i3if] a[data-astro-cid-nns7i3if]:hover, .footer-legal[data-astro-cid-nns7i3if] a[data-astro-cid-nns7i3if]:hover {
  color: #fff;
}

.footer-nav[data-astro-cid-nns7i3if] {
  display: grid;
  gap: .45rem;
}

.footer-bottom[data-astro-cid-nns7i3if] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 8rem;
  position: relative;
  z-index: 2;
  color: #888890;
  font-size: .82rem;
}

.footer-legal[data-astro-cid-nns7i3if] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.wordmark[data-astro-cid-nns7i3if] {
  position: absolute;
  left: 50%;
  right: auto;
  bottom: -.18em;
  transform: translateX(-50%);
  width: max-content;
  text-align: center;
  font-size: clamp(7rem, 19vw, 23rem);
  font-weight: 900;
  line-height: .65;
  opacity: .035;
  direction: ltr;
  unicode-bidi: isolate;
  white-space: nowrap;
  pointer-events: none;
}

html[lang="ar"] .footer[data-astro-cid-nns7i3if] h2[data-astro-cid-nns7i3if] {
  text-transform: none;
  letter-spacing: normal;
}

@media (width <= 900px) {
  .footer[data-astro-cid-nns7i3if] {
    padding-top: 4.5rem;
  }

  .footer-grid[data-astro-cid-nns7i3if] {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .footer-services[data-astro-cid-nns7i3if] {
    grid-template-columns: 1fr 1fr;
  }

  .footer-bottom[data-astro-cid-nns7i3if] {
    margin-top: 5rem;
  }
}
/* bricolage-grotesque-vietnamese-wght-normal */
@font-face {
  font-family: 'Bricolage Grotesque Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* bricolage-grotesque-latin-ext-wght-normal */
@font-face {
  font-family: 'Bricolage Grotesque Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* bricolage-grotesque-latin-wght-normal */
@font-face {
  font-family: 'Bricolage Grotesque Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}:root {
  --header-height:88px;
  --bg:#050505; --surface:#111111; --surface-2:#141416; --text:#f5f5f2;
  --muted:#9a9aa1; --muted-dark:#5e5e66; --wine:#4a0018; --accent:#d90e43; --accent-soft:#e94d8a;
  --line:rgba(245,245,242,.1); --line-strong:rgba(245,245,242,.22);
  --font-latin:"Bricolage Grotesque Variable","Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  --font-arabic:"Thmanyah",var(--font-latin);
  --page-pad:clamp(20px,4vw,64px); --max:1760px; --radius-pill:999px;
  --ease-out:cubic-bezier(.16,1,.3,1); color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--bg);scroll-behavior:smooth}
html.is-menu-open,html.is-drawer-open{overflow:hidden}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-latin);font-size:clamp(1rem,.95vw,1.0625rem);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip;min-width:320px}
html[lang="ar"] body{font-family:var(--font-arabic);direction:rtl}
main{display:block;overflow-x:clip}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
img,svg,video{display:block;max-width:100%}
h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
::selection{background:var(--accent);color:var(--text)}
:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:1rem;top:1rem;z-index:300;padding:.7rem 1rem;background:var(--text);color:var(--bg);transform:translateY(-200%)}
.skip-link:focus{transform:none}
.site-shell{width:min(calc(100% - (var(--page-pad)*2)),var(--max));margin-inline:auto}
.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.78rem;font-weight:700}
.display{margin:0;font-weight:800;font-stretch:75%;font-variation-settings:"opsz" 96;font-size:clamp(3rem,8vw,9rem);line-height:.88;letter-spacing:-.012em;text-transform:uppercase}
.lead{max-width:44rem;color:#d0d0d2;font-size:clamp(1.05rem,1.6vw,1.45rem);line-height:1.5}
.hero{min-height:100svh;display:grid;align-items:end;padding:10rem 0 4rem;position:relative;overflow:clip;background:radial-gradient(circle at 74% 30%,rgba(217,14,67,.18),transparent 34%),linear-gradient(180deg,#080808 0%,#050505 100%)}
.hero::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.hero-grid{display:grid;gap:2rem;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:end}
.hero-meta{align-self:end;padding-bottom:.8rem}
html[lang="ar"] .display{letter-spacing:normal;text-transform:none;line-height:1.03}

/* Header */
.site-header{--scroll-p:0;position:fixed;z-index:120;top:14px;left:clamp(14px,6vw,112px);right:clamp(14px,4vw,64px);min-height:64px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:clamp(.9rem,1.5vw,1.5rem);padding:8px 10px 8px 16px;border:1px solid var(--line);border-radius:var(--radius-pill);background:rgba(12,12,13,.78);backdrop-filter:blur(20px) saturate(1.25);box-shadow:0 12px 50px rgba(0,0,0,.2);transition:top .35s,left .35s,right .35s,background .35s}
.site-header.is-scrolled{top:8px;left:18px;right:18px;background:rgba(10,10,11,.9)}
.site-brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:750;white-space:nowrap}
.site-brand img{width:25px;height:30px}
.site-brand small{font-weight:450;opacity:.7}
.primary-nav{display:flex;align-items:center;align-self:stretch}
.primary-nav ul{display:flex;align-items:center;justify-content:center;width:100%;gap:clamp(.8rem,1.6vw,1.8rem)}
.primary-nav li{display:flex;align-items:center}
.nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.35rem 0;font-weight:650;line-height:1.2;color:rgba(245,245,242,.9)}
.nav-link::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .25s var(--ease-out)}
.nav-link[aria-current="page"]::after{transform:scaleX(1)}
.nav-services__trigger i{width:8px;height:8px;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7}
.header-actions{display:flex;align-items:center;gap:.9rem}
.header-cta,.mobile-project-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.35rem;border-radius:var(--radius-pill);background:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 24px rgba(217,14,67,.24)}
.header-cta:hover,.header-cta:focus-visible,.mobile-project-cta:hover,.mobile-project-cta:focus-visible{background:#e61750}
.menu-toggle{display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-strong);place-content:center;gap:6px}
.menu-toggle span:not(.sr-only){display:block;width:18px;height:1.5px;background:var(--text);transition:transform .35s var(--ease-out)}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(3.75px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){transform:translateY(-3.75px) rotate(-45deg)}
.header-progress{position:absolute;left:24px;right:24px;bottom:-1px;height:1px;overflow:hidden}
.header-progress i{display:block;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(var(--scroll-p))}

/* Services mega-menu */
.services-mega{--mega-top:90px;position:fixed;z-index:110;top:var(--mega-top);left:50%;width:min(1120px,calc(100vw - 4rem));transform:translate(-50%,-8px);opacity:0;transition:opacity .22s,transform .22s var(--ease-out)}
.services-mega.is-open{opacity:1;transform:translate(-50%,0)}
.services-mega__inner{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.8fr);gap:2rem;padding:1.3rem 1.5rem;border:1px solid rgba(245,245,242,.09);border-radius:22px;background:rgba(10,10,12,.94);backdrop-filter:blur(22px);box-shadow:0 24px 80px rgba(0,0,0,.55)}
.mega-label{margin-bottom:.55rem;font-size:.66rem;font-weight:800;letter-spacing:.1em;color:rgba(245,245,242,.42)}
.mega-list--video{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:1.4rem}
.mega-creative{padding-inline-start:1.4rem;border-inline-start:1px solid rgba(245,245,242,.07)}
.mega-item{position:relative;display:grid;grid-template-columns:2rem minmax(0,1fr) auto;grid-template-areas:"n t a" ". d .";column-gap:.5rem;align-items:baseline;padding:.75rem .25rem .75rem .6rem;border-radius:10px;transition:background .2s}
.mega-item::before{content:"";position:absolute;inset-inline-start:0;inset-block:.72rem;width:2px;background:var(--accent);transform:scaleY(0);transition:transform .2s var(--ease-out)}
.mega-item:hover,.mega-item:focus-visible{background:rgba(245,245,242,.035)}
.mega-item:hover::before,.mega-item:focus-visible::before{transform:scaleY(1)}
.mega-n{grid-area:n;color:rgba(245,245,242,.38);font-size:.68rem;font-weight:700}
.mega-title{grid-area:t;font-size:.98rem;font-weight:750;line-height:1.2}
.mega-desc{grid-area:d;margin-top:.14rem;color:rgba(245,245,242,.48);font-size:.77rem;line-height:1.35}
.mega-item i{grid-area:a;align-self:center;width:7px;height:9px;background:var(--accent);clip-path:polygon(0 0,100% 50%,0 100%);opacity:0;transform:translateX(-6px);transition:.2s}
.mega-item:hover i,.mega-item:focus-visible i{opacity:1;transform:none}
.mega-all{grid-column:1/-1;justify-self:start;margin-top:.4rem;padding:.35rem 0;border-bottom:1px solid var(--line-strong);font-size:.78rem;font-weight:750;text-transform:uppercase}
.mega-all::before{content:"";display:inline-block;width:7px;height:9px;margin-inline-end:.7rem;background:var(--accent);clip-path:polygon(0 0,100% 50%,0 100%)}

/* Mobile menu */
.mobile-menu{position:fixed;inset:0;z-index:105;display:flex;flex-direction:column;justify-content:flex-start;gap:2rem;padding:100px var(--page-pad) 36px;background:var(--bg);overflow-y:auto;overscroll-behavior:contain}
.mobile-menu nav{margin-top:auto}
.mobile-main>li{border-top:1px solid var(--line)}
.mobile-main>li>a,.mobile-services-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.8rem 0;font-size:clamp(2rem,10vw,2.6rem);font-weight:800;font-stretch:75%;line-height:1;text-transform:uppercase;text-align:start}
.mobile-services-toggle i{width:12px;height:12px;margin-inline-end:.4rem;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(45deg);transition:transform .3s}
.mobile-services-toggle[aria-expanded="true"]{color:var(--accent)}
.mobile-services-toggle[aria-expanded="true"] i{transform:rotate(-135deg)}
.mobile-services{padding:0 0 1rem}
.mobile-services li a{display:flex;align-items:baseline;gap:.9rem;padding:.6rem 0;font-size:1.08rem;font-weight:600}
.mobile-services li a span{min-width:1.6rem;color:var(--accent);font-size:.7rem;font-weight:750}
.mobile-services__all{font-size:.8rem!important;text-transform:uppercase;color:var(--text)}
.mobile-project-cta{align-self:flex-start}
.mobile-main a[aria-current="page"]{color:var(--accent)}

/* Contact drawer */
.drawer{position:fixed;inset:0;z-index:160}
.drawer__overlay{position:absolute;inset:0;background:rgba(5,5,5,.62);backdrop-filter:blur(3px);opacity:0;transition:opacity .42s;cursor:default}
.drawer.is-open .drawer__overlay{opacity:1}
.drawer__panel{position:absolute;inset-block:0;inset-inline-end:0;width:min(46vw,720px);min-width:380px;max-width:100vw;height:100dvh;overflow:hidden;border-inline-start:1px solid rgba(245,245,242,.1);background:rgba(12,9,11,.6);backdrop-filter:blur(28px) saturate(1.35);box-shadow:-40px 0 100px rgba(0,0,0,.55);transform:translateX(105%);transition:transform .5s cubic-bezier(.16,1,.3,1)}
html[dir="rtl"] .drawer__panel{transform:translateX(-105%)}
.drawer.is-open .drawer__panel{transform:none}
.drawer__panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(85% 55% at 100% 0%,rgba(74,0,24,.35),transparent 60%),radial-gradient(70% 45% at 0% 100%,rgba(217,14,67,.1),transparent 60%)}
.drawer__scroll{position:relative;z-index:1;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;padding:clamp(4.5rem,9vh,6.5rem) clamp(1.6rem,4vw,3.4rem) calc(3rem + env(safe-area-inset-bottom,0px))}
.drawer__close{position:absolute;z-index:2;top:1.4rem;inset-inline-end:1.4rem;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-strong)}
.drawer__close svg{width:16px;height:16px}
.drawer__eyebrow{display:flex;align-items:center;gap:.55rem;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.drawer__eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.drawer h2{margin-top:1rem;font-size:clamp(2.5rem,4.2vw,3.7rem);line-height:.98;text-transform:uppercase}
html[lang="ar"] .drawer h2{text-transform:none;line-height:1.1}
.drawer__lead{margin-top:1.1rem;max-width:30rem;color:rgba(245,245,242,.72)}
.drawer__form{margin-top:2.3rem;display:grid;gap:1.25rem}
.dfield{display:grid;gap:.5rem}.dfield>span,.dfield legend{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(245,245,242,.6)}
html[lang="ar"] .dfield>span,html[lang="ar"] .dfield legend{text-transform:none;letter-spacing:normal}
.dfield small{font-weight:500;letter-spacing:normal;text-transform:none;color:var(--muted-dark)}
.dfield input,.dfield textarea{width:100%;padding:.8rem 0;background:none;border:0;border-bottom:1px solid var(--line-strong);border-radius:0;color:var(--text);font:inherit}
.dfield input:focus,.dfield textarea:focus{outline:none;border-bottom-color:var(--accent)}
.dfield textarea{resize:vertical}
.dfield--types{border:0;margin:0;padding:0}
.dtypes{display:flex;flex-wrap:wrap;gap:.5rem}
.dtypes label{position:relative}.dtypes input{position:absolute;inset:0;opacity:0}
.dtypes span{display:inline-flex;padding:.48rem .9rem;border:1px solid rgba(245,245,242,.16);border-radius:var(--radius-pill);background:rgba(245,245,242,.04);font-size:.86rem;font-weight:650}
.dtypes input:checked+span{background:var(--accent);border-color:var(--accent)}
.drawer__submit{width:100%;min-height:58px;margin-top:.5rem;border:0;border-radius:var(--radius-pill);background:var(--accent);font-weight:800;text-transform:uppercase}
html[lang="ar"] .drawer__submit{text-transform:none}
.drawer__status{min-height:1.2rem;color:var(--muted);font-size:.85rem}.drawer__status.is-error{color:var(--accent-soft)}.drawer__status.is-ok{color:#3ddc84}

@media(max-width:1100px){.primary-nav{display:none}.site-header{grid-template-columns:auto 1fr auto}.header-actions{justify-self:end}.header-cta{display:none}.menu-toggle{display:grid}}
@media(max-width:899px){
  :root{--header-height:72px}
  .site-header{left:10px;right:10px;top:8px;grid-template-columns:1fr auto;padding:7px 7px 7px 14px}
  .header-actions{display:none}
  .menu-toggle{display:grid}
  .header-progress{display:none}
  .services-mega{display:none}
  .drawer__panel{width:100%;min-width:0;border-inline-start:0}
  .drawer__scroll{padding:5.4rem 1.25rem 2.4rem}
  .drawer h2{font-size:2.45rem}
}
@media(max-width:820px){.hero{min-height:auto;padding-top:9rem}.hero-grid{grid-template-columns:1fr}.hero-meta{max-width:32rem}.display{font-size:clamp(3.6rem,18vw,6.2rem)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

.drawer-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}