@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+Arabic:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#07111f;--orange:#ff771c;--paper:#f8f9fb;--ink:#101a29;--muted:#69717e;--line:#d8dde3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:16px/1.7 Inter,'Noto Sans Arabic',Arial,sans-serif;color:var(--ink);background:var(--paper)}[lang=ar] body{font-family:'Noto Sans Arabic',Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:800;letter-spacing:-.055em;line-height:1.03}h1{font-size:clamp(64px,7.6vw,116px)}h2{font-size:clamp(42px,5.1vw,78px)}h3{line-height:1.25}p{color:var(--muted)}[lang=ar] h1,[lang=ar] h2{letter-spacing:-.045em;line-height:1.3}main>section{padding:100px 6vw}main{overflow:hidden}img{max-width:100%}video{width:100%;max-height:85vh;background:#03070d}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 24px;line-height:1.5;font-size:14px;font-weight:700;min-height:48px}.orange{background:var(--orange);color:var(--navy)}.button:hover{background:#ff923f;color:var(--navy)}.text-link{display:inline-block;padding-bottom:7px;border-bottom:1px solid currentColor;font-size:15px}.logo{width:147px;height:57px;display:block;position:relative;overflow:hidden;background:#fff;flex-shrink:0}.logo img{position:absolute;width:170px;max-width:none;height:auto;left:-10px;top:-46px}#site-header{position:fixed;top:0;inset-inline:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 4vw;background:rgba(7,17,31,.13);color:white;transition:background .2s,box-shadow .2s}#site-header.scrolled,body:not(:has(.hero)) #site-header{background:var(--navy);box-shadow:0 1px 0 #ffffff1c}#site-header nav{display:flex;gap:28px;font-size:14px}#site-header nav a:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:20px}.lang{font-size:13px;border-bottom:1px solid #fff7}.header-actions .button{padding:12px 17px}.menu-toggle,.quick-contact{display:none}.hero{position:relative;min-height:780px;height:100svh;max-height:1100px;display:flex;align-items:center;color:white;padding-top:140px}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media .visual{height:100%;width:100%;opacity:.48}.hero-media .visual img{object-fit:cover}.hero-video{position:absolute;inset:0;height:100%;width:100%;max-height:none;object-fit:cover;opacity:.72}.hero-shade{background:linear-gradient(90deg,#07111ff5 0%,#07111f99 45%,#07111f33),linear-gradient(0deg,#07111f88,transparent 35%)}[dir=rtl] .hero-shade{transform:scaleX(-1)}.hero-content{position:relative;z-index:1;max-width:880px}.hero .eyebrow{color:#c8d4e8;font-size:11px}.hero h1{margin-bottom:25px}.hero h1 em{font-style:normal;color:white}.hero-content>p:not(.eyebrow){max-width:540px;font-size:18px;color:#e1e6ed}.hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.hero-actions>.button+.button{background:transparent;color:white;border:1px solid #ffffff80}.hero-actions>.button+.button:hover{background:white;color:var(--navy)}.hero-bottom{position:absolute;bottom:30px;inset-inline:6vw;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.reel-link,.hero-pause{background:transparent;color:white;border:1px solid #fff5;padding:12px 18px;min-height:44px}.hero-pause{padding:7px 14px}.position-strip{background:var(--navy);color:#aab7ca;display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding:27px 5vw;font-size:15px;letter-spacing:.11em;font-weight:600}.position-strip i{color:var(--orange);font-style:normal}.section-top{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:60px}.section-top h2{margin:0}.section-top p{max-width:400px;font-size:15px;margin:0}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:65px 32px;align-items:start}.project-card{grid-column:span 6}.project-card.card-0{grid-column:span 8}.project-card.card-1{grid-column:span 4;margin-top:110px}.project-card.card-2{grid-column:span 5}.project-card.card-3{grid-column:span 7;margin-top:90px}.project-card.card-4{grid-column:span 12}.project-card.card-4 .project-link{aspect-ratio:2.15}.project-card.card-5{grid-column:span 6}.project-card:last-child{grid-column:span 6;margin-top:100px}.project-link{display:block;position:relative;aspect-ratio:1.43;overflow:hidden;background:#e7eaf0}.visual{position:relative;width:100%;aspect-ratio:var(--ratio,1.7);overflow:hidden;background:#0d1826}.visual img{position:absolute;max-width:none;object-fit:fill;transition:filter .3s}.project-link>.visual{position:absolute;inset:0;height:100%}.project-link:hover .visual img{filter:brightness(.87)}.project-view{position:absolute;bottom:22px;inset-inline-end:22px;background:#fff;color:#07111f;padding:10px 16px;font-size:13px;transform:translateY(5px);opacity:0;transition:.2s}.project-link:hover .project-view,.project-link:focus-visible .project-view{opacity:1;transform:none}.project-meta{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-top:20px}.project-meta h3{font-size:24px;margin-bottom:5px;letter-spacing:-.03em}.project-meta span{font-size:12px;color:var(--muted)}.project-meta p{font-size:13px;text-align:end;max-width:190px}.featured{padding:0!important;background:var(--navy);position:relative}.featured>a{display:block;position:relative}.featured .visual{height:75vh;min-height:520px;max-height:820px}.featured .visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07111fca,transparent 65%)}.feature-copy{position:absolute;bottom:55px;inset-inline:6vw;color:white}.feature-copy .eyebrow,.feature-copy p{color:#f0f2f6}.feature-copy h2{margin-bottom:10px}.service-row{border-top:1px solid var(--line)}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row summary{display:flex;align-items:center;gap:35px;list-style:none;cursor:pointer;padding:29px 0}.service-row summary::-webkit-details-marker{display:none}.service-row summary>span{font-size:14px}.service-row summary>span:last-child{margin-inline-start:auto;font-size:26px;font-weight:300}.service-row h3{font-size:clamp(26px,3.3vw,47px);letter-spacing:-.04em;margin:0}.service-row[open] summary{color:#b74a00}.service-row[open] summary>span:last-child{transform:rotate(45deg)}.service-row>div{padding:0 65px 35px;max-width:800px}.service-row>div a{text-decoration:underline;font-size:14px}.showreel-section{padding:0!important}.showreel-cover{position:relative;display:block;width:100%;height:640px;background:var(--navy);color:white;text-align:start;padding:60px 6vw;overflow:hidden}.showreel-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}.reel-title{position:relative;font-size:clamp(45px,6vw,92px);font-weight:800;letter-spacing:-.05em;line-height:1.06}.play-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fff9;border-radius:50%;width:110px;height:110px;display:grid;place-items:center;font-size:25px;backdrop-filter:blur(8px)}.reel-caption{position:absolute;bottom:30px;inset-inline:6vw;font-size:13px}.process{background:#eef1f5}.process>div{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:50px}.process article{border-top:1px solid #aeb8c6;padding-top:22px}.process article span{font-size:13px;color:#ab4905}.process h3{font-size:26px;margin:20px 0 15px}.process p{font-size:15px}.about-strip{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;gap:0 7vw}.about-strip>.eyebrow{grid-column:1/-1;color:#9fadc2}.about-strip p:not(.eyebrow){font-size:24px;color:#d0d9e5}.about-strip .text-link{justify-self:start;grid-column:2}.clients>div{display:flex;gap:60px;align-items:center;flex-wrap:wrap}.clients img{width:140px;max-height:80px;object-fit:contain;filter:grayscale(1)}.clients img:hover{filter:none}.testimonials blockquote{margin:0 0 40px}.testimonials blockquote p{font-size:34px;color:var(--ink)}footer{padding:95px 6vw 25px;background:#050d18;color:white}footer>.eyebrow{color:#8193ac}footer>h2{max-width:900px;margin-bottom:35px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1.2fr .6fr;gap:35px;border-top:1px solid #ffffff25;margin-top:90px;padding-top:35px;font-size:14px}.footer-brand{font-weight:700}.footer-brand small{display:block;color:#8e9bb0;font-weight:400;margin-top:7px}.footer-grid nav,.social-links{display:flex;flex-direction:column;gap:10px}.contact-links{display:flex;flex-direction:column;gap:13px;overflow-wrap:anywhere}.contact-links a:hover{color:var(--orange)}.footer-bottom{border-top:1px solid #ffffff20;padding-top:25px;margin-top:45px;display:flex;gap:30px;flex-wrap:wrap;color:#8e9bb0;font-size:12px}.floating-talk{position:fixed;bottom:24px;inset-inline-end:25px;z-index:25;background:var(--orange);color:var(--navy);padding:13px 21px;border-radius:50px;box-shadow:0 7px 30px #0002;font-weight:700;font-size:14px;display:flex;gap:15px}.floating-talk>span{font-size:20px}dialog{border:0;color:var(--ink);padding:0;box-shadow:0 0 100px #0004}dialog::backdrop{background:#020711b8;backdrop-filter:blur(4px)}.drawer{width:min(640px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;margin:0;margin-inline-start:auto;padding:65px 42px;background:#f8f9fb;overflow-y:auto}.drawer h2{font-size:54px}.drawer>.contact-links{font-size:24px;margin:40px 0}.close{position:absolute;top:12px;inset-inline-end:18px;background:transparent;color:inherit;font-size:30px;width:44px;height:44px;z-index:2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{font-size:13px;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;padding:13px 8px;border:0;border-bottom:1px solid #aeb7c5;background:#edf0f5;color:var(--ink);margin-top:7px;min-height:48px;border-radius:0;font-size:16px}.form-grid textarea{resize:vertical}.form-grid .wide{grid-column:1/-1}.form-note{font-size:13px;margin-top:20px}.form-status:empty{display:none}.form-status{padding:20px;margin-top:25px;border:1px solid var(--line)}.form-status a{color:#a84600;text-decoration:underline}.form-status p{font-size:14px}.reel-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:#000;color:white;margin:0;display:none;place-items:center;padding:50px 0}.reel-dialog[open]{display:grid}.reel-dialog video{max-height:90dvh}.menu-dialog{margin:0;width:100vw;height:100dvh;max-height:100dvh;max-width:100vw;padding:85px 7vw;background:var(--navy);color:white}.menu-dialog nav{display:flex;flex-direction:column;gap:20px;font-size:36px;font-weight:700;margin-bottom:30px}.menu-dialog>.contact-links{margin-top:30px;font-size:15px}.project-intro,.contact-page,.about-page,.policy,.service-page{padding-top:160px!important}.project-intro h1{margin-bottom:25px}.project-intro .eyebrow{color:#a04808}.project-lead{font-size:23px;max-width:800px}.project-intro dl{display:flex;gap:55px;flex-wrap:wrap;margin-top:45px;max-width:1000px}.project-intro dt{font-size:12px;color:var(--muted);margin-bottom:8px}.project-intro dd{margin:0;font-size:15px}.project-hero{padding:0 3vw}.project-hero>.visual{max-height:85vh}.story{display:grid;grid-template-columns:1fr 1fr;gap:60px 90px}.story h2{font-size:38px}.story p{font-size:18px}.story .eyebrow{font-size:12px}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px}.case-gallery:empty{display:none}.case-gallery img{width:100%;height:auto}.project-contact{background:#e9edf4}.project-contact>a{margin-inline-start:25px;text-decoration:underline}.next-project{display:block;background:var(--navy);color:white;padding:75px 6vw}.next-project span{display:block;color:#b5c1d1;font-size:14px;margin-bottom:25px}.next-project strong{display:block;font-size:clamp(40px,7vw,100px);letter-spacing:-.05em;line-height:1.1}.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.contact-page h1{font-size:clamp(44px,5vw,76px)}.contact-page .contact-links{font-size:19px;margin:35px 0}.big-copy{font-size:clamp(25px,3.3vw,45px);max-width:1000px;color:var(--ink);letter-spacing:-.025em;line-height:1.5}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1000px;margin:50px 0}.about-columns p{font-size:20px}.about-line{font-size:20px;border-block:1px solid var(--line);padding-block:25px;margin-bottom:50px}.service-page{max-width:1100px}.service-page ul{padding:0;list-style:none;font-size:28px}.service-page li{border-bottom:1px solid var(--line);padding:20px 0}.policy{max-width:1000px}.policy h1{font-size:60px}.policy p{font-size:19px}.skip{position:fixed;top:-100px;inset-inline-start:20px;z-index:99;background:white;padding:15px}.skip:focus{top:15px}.custom-cursor{pointer-events:none;position:fixed;z-index:90;width:80px;height:80px;border-radius:50%;background:var(--orange);color:var(--navy);display:none;place-items:center;font-size:14px;font-weight:bold;transform:translate(-50%,-50%)}
@media(min-width:900px) and (hover:hover) and (pointer:fine){.cursor-enabled [data-cursor]:hover{cursor:none}.custom-cursor.active{display:grid}}@media(max-width:1100px){#site-header nav{gap:15px}.header-actions{gap:15px}h1{font-size:80px}.footer-grid{grid-template-columns:1fr 1fr}.project-meta{display:block}.project-meta p{text-align:start}.drawer{padding:60px 30px}.hero{min-height:730px}}@media(max-width:800px){#site-header{padding:12px 5vw}.logo{width:122px;height:48px}.logo img{width:143px;left:-9px;top:-39px}#site-header nav,.header-actions>.button{display:none}.menu-toggle,.quick-contact{display:block;background:transparent;color:inherit;min-width:44px;min-height:44px}.quick-contact{font-size:13px;border:1px solid #fff5;padding:8px 13px}.menu-toggle{font-size:24px}.header-actions{gap:10px}.hero{min-height:680px;height:94svh;padding:125px 6vw 100px!important;max-height:950px}.hero h1{font-size:clamp(48px,10.4vw,76px);letter-spacing:-.055em}[lang=ar] .hero h1{font-size:clamp(51px,12vw,80px);line-height:1.25}.hero .eyebrow{font-size:9px}.hero-content>p:not(.eyebrow){font-size:16px;max-width:330px}.hero-actions{gap:10px}.hero-actions .button{font-size:12px;padding:13px 15px}.hero-bottom{bottom:20px;font-size:10px;gap:8px}.hero-bottom>a{max-width:100px}.reel-link{font-size:11px;padding:10px}.position-strip{font-size:10px;gap:10px;padding:20px 4vw}.section-top{display:block;margin-bottom:35px}.section-top h2{font-size:48px;margin-bottom:20px}.section-top p{font-size:14px;max-width:500px}main>section{padding:65px 6vw}.project-grid{display:flex;flex-direction:column;gap:38px}.project-card{width:100%;margin:0!important}.project-card .project-link{aspect-ratio:1.4}.project-card.card-4 .project-link{aspect-ratio:1.4}.project-meta{display:flex;padding-top:14px}.project-meta h3{font-size:21px}.project-meta p{font-size:12px;max-width:140px;text-align:end}.project-meta span{font-size:11px}.project-view{display:none}.featured .visual{height:510px;min-height:0}.feature-copy{bottom:35px}.feature-copy h2{font-size:47px}.service-row summary{gap:20px;padding:24px 0}.service-row h3{font-size:25px}.service-row summary>span{font-size:12px}.service-row>div{padding:0 0 30px 40px;font-size:15px}.showreel-cover{height:470px;padding:35px 6vw}.reel-title{font-size:48px}.play-circle{width:80px;height:80px;font-size:20px}.reel-caption{font-size:11px;bottom:20px}.process>div{grid-template-columns:1fr 1fr;gap:30px}.process h2{font-size:42px}.process h3{font-size:23px}.process p{font-size:14px}.about-strip{display:block}.about-strip h2{font-size:48px}.about-strip p:not(.eyebrow){font-size:22px}.about-strip .text-link{margin-top:10px}footer{padding:65px 6vw 90px}footer>h2{font-size:45px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px;margin-top:55px;font-size:13px}.footer-bottom{font-size:11px;gap:20px}.floating-talk{bottom:16px;inset-inline-end:16px;font-size:13px;padding:11px 17px}.drawer{padding:70px 24px 35px;width:100%}.drawer h2{font-size:43px}.drawer>.contact-links{font-size:23px}.form-grid{gap:18px 14px}.form-grid label{font-size:12px}.project-intro,.contact-page,.about-page,.policy,.service-page{padding-top:125px!important}.project-intro h1{font-size:52px}.project-lead{font-size:18px}.project-intro dl{gap:25px}.project-intro dd{font-size:14px}.project-intro{padding-bottom:40px}.story{grid-template-columns:1fr;gap:35px}.story h2{font-size:34px}.story p{font-size:17px}.case-gallery{grid-template-columns:1fr}.project-contact h2{font-size:37px}.project-contact>a{display:block;margin:20px 0 0}.contact-page{grid-template-columns:1fr;gap:45px}.contact-page h1{font-size:49px}.about-page h1{font-size:65px}.about-columns{grid-template-columns:1fr;gap:15px;margin:35px 0}.about-line{font-size:13px}.policy h1{font-size:43px}.service-page h1{font-size:48px}.service-page ul{font-size:22px}.custom-cursor{display:none!important}}@media(max-width:360px){.header-actions{gap:4px}.quick-contact{display:none}.form-grid{grid-template-columns:1fr}.hero h1{font-size:43px}.project-meta{display:block}.project-meta p{text-align:start}.process>div{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-video{display:none}.custom-cursor{display:none!important}}

/* Keep supplied imagery at its original crop proportions. */
.project-link,.project-card.card-4 .project-link,.project-card .project-link{aspect-ratio:auto}.project-link>.visual{position:relative;height:auto}.featured .visual{height:auto;min-height:0;max-height:none}.project-hero>.visual{max-height:none}.hero-media .visual{height:auto;position:absolute;top:50%;transform:translateY(-50%);opacity:.48}.hero-media .visual img{object-fit:fill}.case-gallery{align-items:start}.case-gallery figure{margin:0}.case-gallery figcaption{font-size:14px;color:var(--muted);margin-top:15px}.feature-copy{inset-inline-end:35%;text-shadow:0 1px 15px #0008}.feature-copy h2{font-size:clamp(35px,5vw,78px)}@media(max-width:800px){.feature-copy{bottom:25px;inset-inline-end:10%}.feature-copy h2{font-size:35px}.feature-copy .eyebrow{margin-bottom:8px}.feature-copy p{margin-bottom:8px}.featured .visual{min-height:0}.project-meta span,.form-grid label,.form-note{font-size:14px}}@media(prefers-reduced-motion:reduce){.cursor-enabled [data-cursor]:hover{cursor:auto}}

.visual.full-image{aspect-ratio:auto}.visual.full-image img{position:relative;display:block;width:100%;height:auto;left:auto;top:auto}.case-gallery{max-width:1000px;margin:auto;gap:45px}.case-gallery figure{max-width:360px;justify-self:center;width:100%}.case-gallery .visual{width:100%} .hero .eyebrow{font-size:12px}@media(max-width:800px){.case-gallery{grid-template-columns:1fr 1fr;gap:20px}.case-gallery figcaption{font-size:13px}.hero .eyebrow{font-size:11px}}

.logo{width:150px;height:65px}.logo img{top:-45px}.hero-video{opacity:1}.hero{min-height:740px}.showreel-cover img{opacity:.2}@media(max-width:800px){.logo{width:125px;height:55px}.logo img{top:-37px}.hero{min-height:710px}.hero-bottom{bottom:25px}.hero-shade{background:linear-gradient(90deg,#07111feb,#07111f88),linear-gradient(0deg,#07111f99,transparent)}}

@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}