:root{--violet:#DC143C;--red:#DC143C;--ink:#020203;--paper:#FFFFFF;--lime:#ABABAB;--iron:#545454;--steel:#ABABAB}body{background:#020203;font-family:'Barlow',Arial,sans-serif}h1,h2{font-weight:300}.navigation{background:rgba(2,2,3,.28);color:#fff;border:1px solid rgba(255,255,255,.24);box-shadow:0 10px 28px #0003,inset 0 1px 0 #ffffff18;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);height:54px}.navigation nav a,.navigation nav button,.navigation .nav-cta{background:rgba(255,255,255,.04);color:inherit;border:1px solid transparent}.navigation nav a:hover,.navigation nav button:hover,.navigation .nav-cta:hover{background:rgba(255,255,255,.16);border-color:#ffffff20}.navigation .nav-cta{background:rgba(255,255,255,.13);border-color:#ffffff20}.navigation .nav-symbol{padding:0 12px}.nav-symbol img{width:22px;height:30px;display:block}.nav-name img{width:100px;height:auto;display:block}.navigation .nav-name{padding:10px 13px 10px 5px}.language-toggle{background:rgba(255,255,255,.1);border:1px solid #ffffff28;border-radius:5px;padding:10px 13px;font:11px 'Noto Sans Arabic','Barlow',sans-serif;color:inherit;line-height:1.7}.navigation.on-light{color:#020203;background:rgba(255,255,255,.32);border-color:rgba(2,2,3,.18);box-shadow:0 10px 28px #0001,inset 0 1px 0 #fff8}.navigation.on-light nav a:hover,.navigation.on-light nav button:hover,.navigation.on-light .nav-cta{background:rgba(2,2,3,.07);border-color:rgba(2,2,3,.1)}.navigation.on-light .language-toggle{background:#ffffff38;border-color:#02020324}.hero-section,.beyond-section,.work-section,.universe-section,.closing-section,footer{background:#020203}.hero-frame{background:radial-gradient(ellipse at 51% 105%,rgba(255,255,255,.26),rgba(220,20,60,.95) 25%,rgba(220,20,60,.36) 55%,#020203 100%)}.hero-frame h1 span,.closing-copy h2 span{color:#ABABAB}.hero-chrome{opacity:.92}.brand-wordmark{width:165px;height:auto;display:block}.hero-foot p,.hero-top{color:#fff;opacity:.72}.star-fallback{color:#ABABAB;text-shadow:5px 15px #020203}.button,.dialog-close,.collection-controls button,.portfolio-filters button,.media-download{border:1px solid rgba(255,255,255,.27);background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 20px #0001;backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);color:#fff;font-weight:500}.button.white,.button.ghost{background:rgba(255,255,255,.12);color:#fff}.button:hover,.dialog-close:hover,.media-download:hover{background:rgba(255,255,255,.2);border-color:#ffffff60}.button.dark-button{background:rgba(2,2,3,.07);color:#020203;border-color:#02020326}.button.dark-button:hover{background:rgba(2,2,3,.13)}.collection-controls button{border-color:#02020325;background:#ffffff40;color:#020203;border-radius:50%;width:35px;height:35px}.section-eyebrow{color:#ABABAB}.section-eyebrow.dark,.collection-note,.collection-controls span{color:#545454}.purple{background:radial-gradient(ellipse at 50% 5%,rgba(255,255,255,.25),#DC143C 40%,#020203 100%);color:#fff}.lime{background:radial-gradient(ellipse at 90% 0%,#ABABAB,#545454 48%,#020203 100%);color:#fff}.black{background:radial-gradient(ellipse at 70% 95%,#545454,#020203 67%);color:#fff}.pink{background:radial-gradient(ellipse at 55% 0%,#FFFFFF,#ABABAB 74%,#545454 100%);color:#020203}.capability-card{border:1px solid #ffffff30;box-shadow:inset 0 1px 0 #ffffff40,0 20px 50px #0002}.card-top>span{background:rgba(2,2,3,.23);backdrop-filter:blur(10px);border:1px solid #ffffff16}.pink .card-top>span{background:#ffffff30;border-color:#02020318}.pink .card-hint{color:#020203}.purple-light{background:#DC143C;opacity:.5}.limits-heading span{color:#DC143C}.studio-copy{color:#ABABAB}.studio-caption{color:#545454}.work-heading h2{font-size:42px}.project{border:1px solid #ffffff17}.project img{object-fit:contain;background:#020203}.project-title{font-size:clamp(38px,4.5vw,70px);letter-spacing:-2px;font-weight:400}.project-meta{padding:8px 12px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0202034d;border:1px solid #ffffff24;border-radius:4px}.project-title b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(14px);border:1px solid #ffffff40;flex-shrink:0;letter-spacing:0}.project:after{background:linear-gradient(#02020350,transparent 35%,transparent 40%,#020203dc)}.work-bottom{color:#ABABAB}.work-progress i{background:#DC143C}.universe-light{background:radial-gradient(ellipse at 83% 90%,#DC143C30,transparent 35%),radial-gradient(ellipse at 10% 3%,#DC143C25,transparent 25%)}.universe-copy>p:last-of-type{color:#ABABAB}.closing-frame{background:radial-gradient(ellipse at 70% 108%,#ffffff35,#DC143C 28%,#DC143C55 55%,#020203 90%)}.closing-copy>p:not(.section-eyebrow){color:#fff}.contact-intro>p:not(.section-eyebrow),.form-note{color:#545454}#brief-status{color:#DC143C}.contact-section form .underlined{color:#020203;background:#02020305;border:1px solid #02020325;border-radius:5px;padding:14px 18px;backdrop-filter:blur(14px)}input:focus,textarea:focus{border-bottom-color:#DC143C}.underlined{border-color:#ffffff45}.footer-logo{line-height:1;padding:20px 0;display:block}.footer-logo img{width:100%;max-width:1500px;height:auto;display:block}footer{color:#ABABAB}footer #motion-toggle{border:1px solid #ffffff22;border-radius:4px;padding:9px 12px;background:#ffffff08;backdrop-filter:blur(12px)}dialog{background:rgba(2,2,3,.87);border-color:#ffffff30;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}dialog::backdrop{background:#020203ad}.dialog-close{border-radius:5px}.search-label{color:#ABABAB}#search-input{border-color:#545454}#search-results>p{color:#ABABAB}.portfolio-section{padding:90px 6% 100px;background:#020203}.portfolio-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px}.portfolio-intro h2{font-size:clamp(44px,5vw,75px)}.portfolio-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.portfolio-filters button{padding:11px 19px;border-radius:30px;font-size:12px}.portfolio-filters button.active{background:rgba(220,20,60,.45);border-color:#DC143C}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}.portfolio-card{padding:0;background:none;border:0;text-align:start;min-width:0}.portfolio-poster{position:relative;aspect-ratio:4/3;overflow:hidden;display:block;border:1px solid #ffffff20;border-radius:9px;background:#020203}.portfolio-poster img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.portfolio-card:hover img{transform:scale(1.035)}.portfolio-play{position:absolute;inset:auto 18px 18px auto;min-width:42px;height:42px;padding:0 13px;display:grid;place-items:center;backdrop-filter:blur(16px);background:#ffffff16;border:1px solid #ffffff5c;border-radius:24px;font-size:16px}.portfolio-caption{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:15px 0 0;font-size:18px}.portfolio-caption small{font-size:10px;color:#ABABAB;white-space:nowrap}.portfolio-category{font-size:10px;display:block;color:#ABABAB;margin-top:8px}.portfolio-count{font-size:10px;letter-spacing:1px;color:#ABABAB;margin-top:34px}.portfolio-card[hidden]{display:none}.project-video{width:100%;max-height:68svh;display:block;background:#020203;border-radius:7px;margin-top:23px}.document-gallery{display:grid;gap:18px;margin-top:25px}.document-gallery img{margin:0!important;border-radius:4px}.media-download{display:inline-flex;gap:16px;padding:13px 20px;border-radius:5px;margin:14px 0 0;color:#fff;font-size:12px}.project-details-header{max-width:690px}#details-content .project-details-header h2{font-size:clamp(32px,5vw,50px)}#details-content p{color:#ABABAB}.brand-subline{font-family:'Cinzel Decorative',Georgia,serif}
html[lang=ar] body{font-family:'Noto Sans Arabic',Arial,sans-serif}html[lang=ar] h1,html[lang=ar] h2{letter-spacing:0;line-height:1.25;font-weight:400}html[lang=ar] .hero-frame h1{font-size:clamp(60px,6.5vw,100px);margin-top:38px}html[lang=ar] .hero-chrome{right:auto;left:-7%}html[lang=ar] .hero-content{left:auto;right:40px;line-height:1.85;max-width:350px}html[lang=ar] .hero-foot p{text-align:left}html[lang=ar] .hero-top,html[lang=ar] .section-eyebrow,html[lang=ar] .tiny{letter-spacing:0}html[lang=ar] .card-orbit{direction:ltr}html[lang=ar] .capability-card{direction:rtl;text-align:right}html[lang=ar] .card-bottom{font-size:25px;letter-spacing:0;line-height:1.45}html[lang=ar] .card-hint{font-size:10px}html[lang=ar] .card-top small{direction:ltr}html[lang=ar] .statement-strip{font-size:56px;letter-spacing:0;direction:rtl}html[lang=ar] .beyond-heading{left:auto;right:4%;font-size:clamp(70px,9vw,140px)}html[lang=ar] .limits-heading{right:auto;left:5%;text-align:left;font-size:clamp(85px,9vw,140px)}html[lang=ar] .studio-copy{left:auto;right:5%;line-height:1.9}html[lang=ar] .studio-caption{right:auto;left:5%;letter-spacing:0}html[lang=ar] .work-track{direction:ltr}html[lang=ar] .project{direction:rtl;text-align:right}html[lang=ar] .project-title{font-size:clamp(30px,3.5vw,55px);letter-spacing:0;line-height:1.4}html[lang=ar] .project-meta{right:25px;left:auto;letter-spacing:0}html[lang=ar] .work-bottom,html[lang=ar] .portfolio-count{letter-spacing:0}html[lang=ar] .closing-copy{left:auto;right:5%;max-width:58%;top:26%}html[lang=ar] .closing-chrome{right:auto;left:-22%}html[lang=ar] .closing-copy h2{font-size:clamp(48px,5.5vw,87px)}html[lang=ar] .contact-intro h2{font-size:clamp(35px,3.8vw,58px)}html[lang=ar] .universe-copy{left:auto;right:30%;max-width:45%}html[lang=ar] .universe-copy h2{font-size:clamp(34px,4vw,60px)}html[lang=ar] .portfolio-play{inset:auto auto 18px 18px}html[lang=ar] .navigation{font-size:11px}html[lang=ar] .navigation .nav-name{padding:10px 5px 10px 13px}.portfolio-poster,.hero-actions,.collection-controls,.work-progress{direction:ltr}html[lang=ar] .hero-actions{direction:rtl}html[lang=ar] #card-counter{direction:ltr}html[lang=ar] .brand-wordmark{direction:ltr}
@media(max-width:850px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navigation{gap:0;font-size:10px}.navigation a,.navigation nav button{padding:12px}.nav-name img{width:85px}.navigation .nav-name{padding:10px 9px}.language-toggle{padding:8px 10px;font-size:10px}html[lang=ar] .hero-chrome{left:-30%}html[lang=ar] .hero-content{right:30px;max-width:320px}html[lang=ar] .closing-chrome{left:-40%}html[lang=ar] .universe-copy{right:26%;max-width:60%}.portfolio-intro{gap:25px}}
@media(max-width:560px){.navigation{width:calc(100% - 26px);top:14px;height:46px;border-radius:8px}.navigation .nav-symbol{padding:0 7px}.nav-symbol img{width:17px;height:23px}.nav-name img{width:73px}.navigation .nav-name{padding:8px 5px;margin-right:auto}.navigation .nav-cta{font-size:9px;padding:9px 9px}.language-toggle{padding:5px 7px;font-size:9px;margin:0 4px}.menu-toggle{background:#ffffff0d;color:inherit;border:1px solid #ffffff20;padding:7px 8px}.navigation nav{background:rgba(2,2,3,.7);border:1px solid #ffffff30;backdrop-filter:blur(22px);top:51px}.navigation.on-light nav{background:rgba(255,255,255,.75);border-color:#02020320}.navigation nav a,.navigation nav button{background:#ffffff06}.brand-wordmark{width:125px}.hero-frame h1{font-size:58px}.hero-content{font-size:12px}.hero-foot p{display:none}.button{font-size:11px}.card-bottom{font-size:27px}.work-heading h2{font-size:33px}.project-title{font-size:36px}.project-meta{font-size:8px;padding:6px 9px}.project-title b{width:37px;height:37px;font-size:17px}.portfolio-section{padding:65px 7%}.portfolio-intro{display:block;margin-bottom:27px}.portfolio-intro h2{font-size:44px;margin-top:20px}.portfolio-filters{gap:8px}.portfolio-filters button{font-size:10px;padding:10px 13px}.portfolio-grid{grid-template-columns:1fr;gap:30px}.portfolio-caption{font-size:21px}.portfolio-caption small{font-size:11px}.portfolio-category{font-size:11px}.portfolio-play{font-size:16px}.project-video{max-height:68svh}.footer-logo{padding:10px 0}html[lang=ar] .hero-frame h1{font-size:51px;line-height:1.35;max-width:100%;margin-top:32px}html[lang=ar] .hero-chrome{left:-36%}html[lang=ar] .hero-content{right:25px;left:25px;max-width:285px;font-size:11px;line-height:1.8;bottom:107px}html[lang=ar] .hero-scroll{left:25px;right:auto;bottom:32px}html[lang=ar] .hero-actions{gap:8px}html[lang=ar] .button{font-size:10px;padding:12px 13px}html[lang=ar] .navigation .nav-name{margin-left:auto;margin-right:0;padding:8px 5px}html[lang=ar] .navigation .nav-cta{font-size:9px}html[lang=ar] .capability-card{padding:21px}html[lang=ar] .card-bottom{font-size:22px;line-height:1.5}html[lang=ar] .statement-strip{font-size:37px}html[lang=ar] .beyond-heading{font-size:67px;top:15%;right:6%}html[lang=ar] .limits-heading{font-size:68px;bottom:26%;left:6%;line-height:1.3}html[lang=ar] .studio-copy{right:6%;left:6%;bottom:5%;font-size:9px;line-height:1.8}html[lang=ar] .studio-caption{top:30%;left:6%;font-size:7px}html[lang=ar] .universe-copy{left:7%;right:7%;max-width:none;top:35%}html[lang=ar] .universe-copy h2{font-size:35px;line-height:1.4}html[lang=ar] .closing-copy{right:7%;top:19%;max-width:86%}html[lang=ar] .closing-copy h2{font-size:43px;line-height:1.35}html[lang=ar] .closing-chrome{left:-47%}html[lang=ar] .contact-intro h2{font-size:34px;line-height:1.45}html[lang=ar] .portfolio-intro h2{font-size:36px}html[lang=ar] .project-title{font-size:31px}html[lang=ar] .project-meta{right:17px;max-width:85%;font-size:8px}html[lang=ar] .work-heading h2{font-size:28px}html[lang=ar] .portfolio-caption{font-size:19px}html[lang=ar] .portfolio-filters button{font-size:10px}}
a:focus-visible,button:focus-visible{outline-color:#DC143C}.collection-section{background:#FFFFFF;color:#020203}.contact-section{color:#020203}input,textarea{color:#020203;border-color:#02020335}#details-content ul{color:#ABABAB}@media(max-width:560px){.hero-content{text-shadow:0 2px 8px #020203}}html[lang=ar] .brand-subline{font-family:inherit}
.background-motion{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.brand-animation{mix-blend-mode:screen;opacity:1;overflow:hidden}.hero-chrome.brand-animation{right:-4%;width:64%;height:100%;top:0}.closing-chrome.brand-animation{right:-7%;width:70%;height:110%;top:-5%}html[lang=ar] .hero-chrome.brand-animation{right:auto;left:-4%}html[lang=ar] .closing-chrome.brand-animation{right:auto;left:-7%}@media(max-width:850px){.hero-chrome.brand-animation{width:85%;right:-25%}html[lang=ar] .hero-chrome.brand-animation{left:-25%;right:auto}}@media(max-width:560px){.hero-chrome.brand-animation{width:118%;height:69%;top:25%;right:-30%}.closing-chrome.brand-animation{width:123%;height:86%;right:-33%;top:27%}html[lang=ar] .hero-chrome.brand-animation{left:-30%;right:auto}html[lang=ar] .closing-chrome.brand-animation{left:-33%;right:auto}}
.brand-animation.has-alpha,.brand-animation.has-alpha .background-motion{mix-blend-mode:normal}.brand-animation .background-motion{background:transparent}
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.14em;flex-shrink:0;pointer-events:none;color:inherit}.card-symbol .ui-icon{width:1em;height:1em}.button .ui-icon,.underlined .ui-icon,.media-download .ui-icon{width:1.2em;height:1.2em}.menu-toggle{display:none;align-items:center;justify-content:center}.menu-toggle .ui-icon{width:15px;height:15px}.collection-controls .ui-icon{width:19px;height:19px}.card-hint .ui-icon{width:1em;height:1em}.project-title b .ui-icon{width:1em;height:1em}.portfolio-play .ui-icon{width:18px;height:18px}@media(max-width:560px){.menu-toggle{display:inline-flex}.card-symbol .ui-icon{width:85px;height:85px}}

/* Fill the scene with the landscape emblem while keeping the complete rotation. */
.brand-animation .background-motion{object-fit:cover}

@media(max-width:560px){.hero-chrome.brand-animation{width:100%;height:65%;top:26%;right:-5%}.closing-chrome.brand-animation{width:100%;height:75%;right:-5%;top:27%}html[lang=ar] .hero-chrome.brand-animation,html[lang=ar] .closing-chrome.brand-animation{left:-5%;right:auto}}

.brand-animation.scene-animation,.brand-animation.scene-animation .background-motion{mix-blend-mode:normal}
.hero-chrome.brand-animation.scene-animation,.closing-chrome.brand-animation.scene-animation,html[lang=ar] .hero-chrome.brand-animation.scene-animation,html[lang=ar] .closing-chrome.brand-animation.scene-animation{inset:0;width:100%;height:100%;opacity:1}
.scene-animation .background-motion{object-fit:cover}
.scene-animation:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,2,3,.48),transparent 70%);pointer-events:none}
html[lang=ar] .scene-animation:after{background:linear-gradient(270deg,rgba(2,2,3,.48),transparent 70%)}
.hero-scroll{z-index:3}.hero-frame h1,.closing-copy h2{text-shadow:0 2px 24px #02020360}
.contact-business{display:grid;gap:18px;justify-items:start;margin-top:18px}.business-location{display:grid;grid-template-columns:1fr auto;gap:6px 18px;padding:17px 20px;border:1px solid #02020325;border-radius:8px;background:#02020305;backdrop-filter:blur(16px);font-size:13px;line-height:1.6}.business-location>span:first-child{color:#545454;font-size:11px}.business-location strong{font-weight:500;grid-column:1}.business-location>span:last-child{grid-column:2;grid-row:1 / 3;align-self:center}

.hero-chrome.brand-animation.scene-animation,.closing-chrome.brand-animation.scene-animation,html[lang=ar] .hero-chrome.brand-animation.scene-animation,html[lang=ar] .closing-chrome.brand-animation.scene-animation{opacity:.4}