:root {--bg:#0b0c0e;--bg-soft:#111316;--ink:#f4f4ed;--muted:#9b9d9e;--line:#303238;--lime:#edff78;--black:#151618;--font-title:'Space Grotesk','Arial Black',sans-serif;--font-body:'DM Sans',Arial,sans-serif;--arabic:'IBM Plex Sans Arabic',Tahoma,sans-serif;--radius:3px;--container:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}::selection{background:var(--lime);color:var(--black)}[hidden]{display:none!important}body.modal-open{overflow:hidden} .shell{overflow:hidden}.skip-link{position:absolute;z-index:90;top:-100px;left:16px;background:var(--lime);color:#000;padding:12px}.skip-link:focus{top:12px}.topbar{height:92px;max-width:var(--container);padding:0 64px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin:auto;border-bottom:1px solid #25272a;position:relative;z-index:12}.logo{display:inline-flex;flex-direction:column;align-items:start;gap:0;font-weight:700;font-family:var(--font-title);line-height:1}.logo>span{letter-spacing:-.1em;font-size:33px;white-space:nowrap}.logo-mark{color:var(--lime);letter-spacing:0;padding-left:6px;font-size:22px;vertical-align:3px}.logo small{font-size:8px;letter-spacing:.19em;color:var(--muted);font-family:var(--font-body);font-weight:700;margin-top:5px}.desktop-nav{display:flex;align-items:center;gap:32px;margin-left:auto;margin-right:15px}.desktop-nav a{font-size:13px;font-weight:600;transition:color .2s}.desktop-nav a:hover,.mobile-nav a:hover{color:var(--lime)}.header-actions{display:flex;align-items:center;gap:17px}.language-switch{border:0;background:transparent;color:#c7c7c6;font-size:12px;font-weight:700;padding:12px 3px;white-space:nowrap}.language-switch span{color:var(--lime)}.header-cta{background:var(--lime);color:var(--black);min-width:136px;padding:16px 17px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;font-weight:800;letter-spacing:.05em;transition:transform .2s,background .2s}.header-cta:hover,.btn-primary:hover{background:#fff;transform:translateY(-2px)}.header-cta span:last-child{font-size:18px}.mobile-menu-btn{display:none;border:0;background:transparent;padding:12px}.mobile-menu-btn span{display:block;background:#fff;height:2px;width:24px;margin:6px}.mobile-nav{background:#171819;position:absolute;left:0;right:0;z-index:20;padding:20px 30px;box-shadow:0 20px 40px #0008}.mobile-nav a{display:block;padding:15px;border-bottom:1px solid #ffffff15}
.hero{max-width:var(--container);margin:auto;padding:52px 64px 52px;min-height:640px;display:grid;grid-template-columns:52% 48%;gap:0}.hero-copy{display:flex;flex-direction:column;min-width:0;z-index:2;padding-top:56px}.eyebrow,.section-kicker{font-size:11px;font-weight:700;letter-spacing:.12em}.hero-eyebrow{color:#bcbfbb;display:flex;align-items:center;gap:12px;white-space:nowrap}.eyebrow-bar{width:30px;height:2px;background:var(--lime)}.hero h1{font-family:var(--font-title);font-size:clamp(65px,7.4vw,118px);line-height:.95;letter-spacing:-.085em;margin:32px -110px 27px 0;font-weight:700;position:relative;z-index:3}.title-outline{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.title-star{font-size:.38em;color:var(--lime);vertical-align:top;display:inline-block;padding:5px 0 0 12px;letter-spacing:0;animation:slow-turn 14s linear infinite}.hero-description{font-size:16px;line-height:1.8;color:#bcbdbf;max-width:430px;margin:0 0 31px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:52px;border:0;border-radius:0;padding:17px 22px;font-size:11px;font-weight:800;letter-spacing:.08em;line-height:1.4;transition:transform .2s,background .2s}.btn-primary{background:var(--lime);color:#151615;min-width:171px}.btn span:last-child[aria-hidden]{font-size:19px;line-height:1}.btn-ghost{background:transparent;color:var(--ink);padding:12px 0;gap:12px}.btn-ghost:hover{color:var(--lime)}.play-icon{width:43px;height:43px;border:1px solid #686a6c;border-radius:50%;display:grid;place-items:center;font-size:11px;padding-left:2px}.hero-foot{display:flex;justify-content:space-between;align-items:center;width:90%;margin-top:auto;padding-top:43px;font-size:10px;color:#797c80;letter-spacing:.11em}.scroll-indicator{display:flex;align-items:center;gap:12px}.scroll-line{width:35px;height:1px;background:#7c7e7d}
.hero-visual{position:relative;min-height:530px;background:radial-gradient(circle at 75% 31%,#292d30 0,#151719 36%,#101112 68%,#18191c 100%);overflow:hidden;border:1px solid #2e3034;isolation:isolate}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:53px 53px;mask-image:linear-gradient(130deg,#fff8,transparent 80%)}.visual-orbit{position:absolute;border:1px solid #ffffff26;border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%) rotate(-25deg);width:440px;height:440px}.orbit-two{width:630px;height:360px;transform:translate(-50%,-50%) rotate(36deg)}.visual-object{position:absolute;width:290px;height:290px;left:22%;top:20%;border-radius:44% 56% 58% 42% / 46% 37% 63% 54%;background:radial-gradient(circle at 28% 27%,#ffffff 0,#e3e6cf 14%,#9ba397 32%,#353f41 60%,#111516 79%);box-shadow:18px 37px 70px #000b, inset -30px -40px 30px #0006;transform:rotate(-20deg);animation:blob-float 8s ease-in-out infinite;display:grid;place-items:center}.visual-glyph{font-family:var(--font-title);font-weight:700;font-size:215px;line-height:1;color:#101517a8;transform:rotate(21deg);text-shadow:1px 1px 0 #ffffff44}.visual-float-card{position:absolute;right:4%;bottom:13%;width:230px;height:198px;background:var(--lime);color:#101211;padding:17px 18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 23px 65px #0008;transform:rotate(8deg);animation:card-float 7s ease-in-out infinite}.visual-float-card>span:last-child{font-family:var(--font-title);font-size:25px;line-height:1.02;letter-spacing:-.06em;font-weight:600}.visual-float-card b{font-weight:700}.micro-label{font-family:var(--font-body);font-size:8px;letter-spacing:.1em;font-weight:800}.signal-lines{display:flex;align-items:end;height:38px;gap:7px;margin:0 0 -4px}.signal-lines i{display:block;width:6px;height:20px;background:#151615;animation:signal 1.6s ease-in-out infinite alternate}.signal-lines i:nth-child(2){height:35px;animation-delay:.2s}.signal-lines i:nth-child(3){height:13px;animation-delay:.1s}.signal-lines i:nth-child(4){height:29px;animation-delay:.55s}.signal-lines i:nth-child(5){height:17px;animation-delay:.4s}.visual-label{position:absolute;top:23px;left:25px;display:flex;gap:8px;align-items:center;color:#dedede;font-size:9px;font-weight:700;letter-spacing:.15em}.visual-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #edff7830}.visual-number{position:absolute;left:22px;bottom:19px;font-family:var(--font-title);font-size:48px;letter-spacing:-.1em;line-height:1}.visual-number span{font-size:14px;letter-spacing:0;color:#a4a4a4}.vertical-label{position:absolute;right:18px;top:30px;writing-mode:vertical-rl;font-size:9px;font-weight:700;letter-spacing:.13em;color:#cacaca}.marquee{background:var(--lime);color:#17181a;height:52px;display:flex;align-items:center;overflow:hidden;transform:rotate(-.5deg) scale(1.01);margin:8px 0 0}.marquee-track{white-space:nowrap;font-family:var(--font-title);font-size:16px;letter-spacing:.09em;font-weight:700;word-spacing:18px;animation:marquee 32s linear infinite}.marquee-track span{font-size:23px;vertical-align:-2px;margin:0 17px}
.section-wrap{max-width:var(--container);padding:135px 64px 0;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:54px}.section-kicker{display:flex;align-items:center;gap:17px;color:#c4c6c5}.kicker-index{color:var(--lime)}.section-heading h2{font-family:var(--font-title);font-size:clamp(43px,5.6vw,79px);line-height:1.03;letter-spacing:-.068em;font-weight:600;margin:23px 0 0}.section-heading h2 em{font-style:normal;color:var(--lime)}.section-heading>p{font-size:14px;line-height:1.75;max-width:310px;color:#9c9fa1;margin:0 0 5px}.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px;padding-bottom:22px;border-bottom:1px solid #333437}.filters{display:flex;flex-wrap:wrap;gap:10px}.filter{border:1px solid #35373b;background:transparent;color:#b5b7b8;padding:9px 16px;font-size:11px;font-weight:700;letter-spacing:.01em;transition:background .2s,color .2s}.filter:hover{border-color:#9fa39d;color:#fff}.filter.active{background:var(--lime);border-color:var(--lime);color:#111}.work-count{white-space:nowrap;color:#999;font-size:10px;letter-spacing:.12em}.work-count b{color:var(--lime);font-size:12px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:51px 22px}.project-card{min-width:0;display:block;outline-offset:6px}.card-art{position:relative;isolation:isolate;height:auto;aspect-ratio:1.43;overflow:hidden;border:1px solid #333;display:grid;place-items:center;transform:translateZ(0)}.card-art:after{content:'';position:absolute;z-index:4;inset:0;background:linear-gradient(0deg,#0005,transparent 40%);pointer-events:none}.card-art img,.card-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3}.card-art video{z-index:4}.card-art .art-base{position:absolute;inset:0;overflow:hidden}.card-art .art-base:after{position:absolute;font-family:var(--font-title);font-weight:700;letter-spacing:-.11em;line-height:.88;text-align:center;white-space:pre;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.card-art .art-base:before{content:'';position:absolute;z-index:1}.cover-pulse{background:radial-gradient(circle at 70% 45%,#fd8e60,transparent 34%),linear-gradient(135deg,#4b2058,#ee4e50 70%,#ffbf6c)}.cover-pulse:before{width:62%;aspect-ratio:1;border:55px solid #ffdaaa;border-radius:50%;top:8%;left:25%;transform:rotate(-15deg);filter:drop-shadow(20px 25px 9px #76205260);animation:blob-float 9s infinite ease-in-out}.cover-pulse:after{content:'PULSE';color:#fff5e4;font-size:clamp(45px,7vw,115px);mix-blend-mode:overlay}.cover-afterglow{background:linear-gradient(25deg,#170b11 5%,#441b35 48%,#ff9565 100%)}.cover-afterglow:before{width:48%;height:85%;top:-22%;left:27%;border-radius:47%;background:linear-gradient(95deg,#feba73,#ff5128 55%,#551932);box-shadow:35px 20px 60px #0009;transform:rotate(33deg)}.cover-afterglow:after{content:'AFTER\a GLOW';color:#ffefe3;font-size:clamp(42px,7vw,100px);font-style:italic}.cover-form{background:#c7c9ba}.cover-form:before{width:48%;height:77%;background:#22272b;border-radius:3% 60% 3% 55%;left:23%;top:12%;transform:rotate(18deg);box-shadow:inset -28px 0 #464b50,30px 24px #acae9f}.cover-form:after{content:'F';font-size:clamp(150px,22vw,280px);color:#eeefdf;mix-blend-mode:difference}.cover-loop{background:linear-gradient(145deg,#a9f6c9,#3f9bc3 58%,#304482)}.cover-loop:before{width:60%;aspect-ratio:1;top:11%;left:17%;border:42px solid #f1ffc6;border-radius:50%;transform:rotate(-23deg);box-shadow:18px 18px 0 #2f749f}.cover-loop:after{content:'LOOP';color:#263e46;font-size:clamp(80px,12vw,170px)}.cover-objects{background:radial-gradient(circle at 40% 50%,#ffedc9,#d5c1ae 48%,#82756f)}.cover-objects:before{left:32%;top:16%;width:38%;height:68%;background:linear-gradient(115deg,#222,#464749 25%,#0c0d0e 78%,#5d6061);border-radius:16% 16% 28% 28%;transform:rotate(-18deg);box-shadow:26px 32px 25px #5a4e3a60,inset 9px 0 #ffffff22}.cover-objects:after{content:'OBJ';font-size:clamp(85px,13vw,180px);color:#e6cba8;mix-blend-mode:difference}.cover-echo{background:#dfef79}.cover-echo:before{inset:-7%;border:2px solid #141514;border-radius:50%;box-shadow:0 0 0 50px #dfef79,0 0 0 53px #101010,0 0 0 95px #dfef79,0 0 0 98px #101010}.cover-echo:after{content:'ECHO';font-size:clamp(95px,15vw,200px);color:#111;transform:translate(-50%,-50%) rotate(-9deg)!important}.card-tag{z-index:5;position:absolute;left:18px;top:18px;font-size:9px;letter-spacing:.11em;font-weight:800;background:#151515da;color:white;padding:9px 11px}.card-play{position:absolute;z-index:5;right:20px;bottom:20px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#111;font-size:19px;transition:transform .2s}.project-card:hover .card-play{transform:rotate(45deg) scale(1.07)}.project-card:hover .card-art{border-color:#a3a6a2}.card-art .art-base{transition:transform .6s ease}.project-card:hover .art-base{transform:scale(1.05)}.card-meta{display:flex;align-items:center;gap:9px;margin:20px 0 8px;font-size:10px;letter-spacing:.12em;font-weight:700;color:#97999b}.card-meta span:first-child{color:var(--lime)}.card-title-row{display:flex;justify-content:space-between;align-items:start;gap:10px}.card-title-row h3{font-size:clamp(20px,2.4vw,27px);font-family:var(--font-title);margin:0;line-height:1.2;letter-spacing:-.04em;font-weight:600}.card-title-row .card-year{font-size:11px;color:#888}.card-subline{color:#8f9395;font-size:12px;margin-top:8px}.demo-notice{margin:30px 0 0;color:#898b8d;font-size:11px;line-height:1.7}
.statement{max-width:1440px;min-height:470px;margin:150px auto 0;background:radial-gradient(ellipse at center,#272c1c 0,#16191b 60%,#111315 100%);padding:65px 40px;display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative;overflow:hidden;text-align:center;border-block:1px solid #292d2b}.statement:before,.statement:after{content:'';border-radius:50%;border:1px solid #65704233;width:560px;height:560px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.statement:after{width:800px;height:800px}.statement-asterisk{font-size:46px;color:var(--lime);line-height:1;position:relative;z-index:1}.statement p{font-family:var(--font-title);font-size:clamp(31px,5vw,66px);line-height:1.14;letter-spacing:-.07em;position:relative;z-index:1;font-weight:600}.statement em{font-style:normal;color:var(--lime)}.statement-index{font-size:10px;letter-spacing:.14em;color:#939b8c;position:relative;z-index:1}.about-section{padding-top:145px}.about-content{display:grid;grid-template-columns:44% 1fr;gap:8%;align-items:center}.about-shape{height:350px;background:#e6f777;color:#141414;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.about-shape:before{content:'';position:absolute;width:270px;height:270px;border-radius:50%;border:60px solid #0f1618;transform:rotate(45deg);box-shadow:23px 23px #7b953f}.shape-sun{font-size:250px;font-family:var(--font-title);position:relative;z-index:2;mix-blend-mode:overlay;animation:slow-turn 28s linear infinite}.about-shape-small,.about-shape-bottom{position:absolute;z-index:3;top:19px;left:22px;font-size:10px;font-weight:800;letter-spacing:.12em}.about-shape-bottom{top:auto;bottom:18px}.about-text{max-width:550px}.about-lead{font-size:clamp(23px,3vw,35px)!important;color:var(--ink)!important;line-height:1.4!important;font-family:var(--font-title);letter-spacing:-.04em}.about-text>p:not(.about-lead){font-size:15px;color:#a3a6a6;line-height:1.95}.about-pill-list{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.about-pill-list span{border:1px solid #3b3d3f;font-size:10px;color:#bdbfc0;padding:9px 12px;letter-spacing:.09em;font-weight:700}.text-link{display:inline-flex;gap:27px;border-bottom:1px solid var(--lime);padding:12px 0;color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.08em}.services-section{padding-bottom:155px}.service-list{border-top:1px solid #343537}.service-row{display:grid;grid-template-columns:70px 1fr 1fr 34px;align-items:center;gap:20px;padding:25px 4px;border-bottom:1px solid #343537;transition:background .2s}.service-row:hover{background:#151719}.service-index{color:var(--lime);font-size:11px}.service-name{font-family:var(--font-title);font-size:clamp(20px,2.5vw,32px);letter-spacing:-.045em;font-weight:600}.service-desc{color:#8a8d90;font-size:12px;line-height:1.5}.service-arrow{text-align:right;color:var(--lime);font-size:20px}.contact-section{background:var(--lime);color:var(--black);padding:64px max(64px,calc((100vw - 1312px)/2)) 80px}.contact-top{display:flex;align-items:start;justify-content:space-between}.contact-top .section-kicker{color:#2d311c}.contact-top .kicker-index{color:#676c33}.contact-spark{font-size:54px;line-height:.8}.contact-section h2{font-family:var(--font-title);font-weight:700;letter-spacing:-.08em;line-height:1.05;font-size:clamp(55px,9.2vw,125px);margin:36px 0 60px}.contact-section h2 em{font-style:normal;-webkit-text-stroke:1.8px var(--black);color:transparent}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:25px}.contact-bottom p{font-size:16px;line-height:1.7;max-width:350px}.btn-dark{background:#151515;color:var(--lime);min-width:255px}.btn-dark:hover{transform:translateY(-3px);background:#303030}.footer{max-width:var(--container);margin:auto;padding:55px 64px 25px;display:grid;grid-template-columns:1fr 1fr auto;gap:25px;align-items:center}.footer p{color:#a5a8a7;font-size:13px}.social-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:19px}.social-links a{font-size:12px;font-weight:600;color:#bfc2bf;border-bottom:1px solid #777;padding-bottom:6px}.social-links a:hover{color:var(--lime)}.social-blank{font-size:10px;color:#777}.footer-bottom{grid-column:1/-1;margin-top:35px;border-top:1px solid #303235;padding-top:22px;display:flex;align-items:center;justify-content:space-between;color:#7f8283;font-size:10px;letter-spacing:.1em}.footer-bottom a:hover{color:var(--lime)}
.modal{border:1px solid #3d4041;background:#111316;color:var(--ink);padding:0;width:min(930px,94vw);max-height:92vh;overflow-y:auto;box-shadow:0 35px 120px #000b;overscroll-behavior:contain}.modal::backdrop{background:#000c;backdrop-filter:blur(10px)}.modal-close{position:sticky;top:17px;float:right;margin:17px 17px -60px 0;z-index:10;border:1px solid #858585;background:#18191bdc;color:#fff;width:41px;height:41px;border-radius:50%;display:grid;place-items:center}.project-detail{padding:38px}.project-hero-art{width:100%;aspect-ratio:1.75;position:relative;overflow:hidden;display:grid;place-items:center;margin-bottom:30px}.project-hero-art .art-base{position:absolute;inset:0}.project-hero-art .art-base:after{position:absolute;font-family:var(--font-title);font-weight:700;letter-spacing:-.09em;line-height:.88;text-align:center;white-space:pre;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.project-hero-art .art-base:before{position:absolute;z-index:1}.project-hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.project-name{font-size:clamp(35px,6vw,66px);font-family:var(--font-title);letter-spacing:-.065em;line-height:1.05;margin:20px 0}.project-detail p{line-height:1.8;color:#adb0b1}.project-detail-meta{display:flex;gap:35px;flex-wrap:wrap;border-block:1px solid #383b3c;padding:18px 0;margin:25px 0}.detail-meta-group{display:flex;flex-direction:column;gap:9px;max-width:280px}.detail-meta-label{font-size:10px;color:var(--lime);font-weight:700;letter-spacing:.1em}.detail-meta-value{font-size:13px;color:#ddd}.detail-placeholder{background:#20231b;padding:20px;font-size:12px;color:#e3e6d2;line-height:1.7;border-left:3px solid var(--lime)}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:22px}.gallery-grid img{width:100%;aspect-ratio:1.4;object-fit:cover}.project-video{width:100%;aspect-ratio:16/9;border:0;background:#000;margin:20px 0}.modal-reel{max-width:800px}.reel-content{padding:35px}.reel-content h2{font-size:clamp(30px,5vw,52px);font-family:var(--font-title);letter-spacing:-.06em}.reel-preview{aspect-ratio:16/9;background:radial-gradient(circle at 50% 50%,#33382e,#0b0c0e 70%);display:grid;place-items:center;position:relative;overflow:hidden}.reel-preview span{font-family:var(--font-title);font-size:clamp(40px,8vw,95px);font-weight:800;letter-spacing:-.1em;color:var(--lime);animation:preview-pulse 3s ease-in-out infinite}.reel-preview:after{content:'SHOWREEL PREVIEW / ADD YOUR VIDEO URL';position:absolute;bottom:15px;font-size:10px;letter-spacing:.15em;color:#ddd}.modal-contact{max-width:650px;padding:40px}.contact-form-head h2{font-family:var(--font-title);font-size:clamp(35px,5vw,59px);letter-spacing:-.06em;margin:17px 0}.contact-form-head p{color:#a9acab;line-height:1.7;margin-bottom:26px}.modal-contact form{display:grid;gap:18px}.modal-contact label{display:flex;flex-direction:column;gap:9px}.modal-contact label span{font-size:10px;letter-spacing:.1em;font-weight:700;color:var(--lime)}.modal-contact input,.modal-contact textarea,.modal-contact select{width:100%;border:1px solid #454849;border-radius:0;background:#191c1e;color:#fff;padding:14px;font-size:14px;outline-color:var(--lime)}.form-actions{display:flex;gap:13px;flex-wrap:wrap}.btn-outline{border:1px solid #969b88;background:transparent;color:#fff}.form-status{font-size:12px!important;color:var(--lime)!important;margin:0!important;min-height:19px}
html[lang="ar"] body{font-family:var(--arabic)}html[lang="ar"] .hero-copy,html[lang="ar"] .section-heading,html[lang="ar"] .about-text,html[lang="ar"] .contact-section{text-align:right}html[lang="ar"] .hero h1,html[lang="ar"] .section-heading h2,html[lang="ar"] .statement p,html[lang="ar"] .contact-section h2,html[lang="ar"] .about-lead{font-family:var(--arabic);letter-spacing:-.04em}html[lang="ar"] .hero h1{margin:32px 0 27px -100px;font-size:clamp(57px,7vw,106px)}html[lang="ar"] .hero-copy{direction:rtl}html[lang="ar"] .hero-eyebrow{flex-direction:row-reverse;justify-content:end}html[lang="ar"] .hero-actions{justify-content:start}html[lang="ar"] .hero-foot{direction:ltr}html[lang="ar"] .section-heading,html[lang="ar"] .section-kicker{direction:rtl}html[lang="ar"] .section-kicker{justify-content:flex-start}html[lang="ar"] .card-title-row{direction:rtl}html[lang="ar"] .card-meta{direction:rtl}html[lang="ar"] .about-text{direction:rtl}html[lang="ar"] .service-row{direction:rtl}html[lang="ar"] .contact-section{direction:rtl}html[lang="ar"] .project-detail,html[lang="ar"] .contact-form-head,html[lang="ar"] .modal-contact form{direction:rtl;text-align:right}html[lang="ar"] .statement{direction:rtl}html[lang="ar"] .marquee{direction:ltr}html[lang="ar"] .desktop-nav{margin-left:0;margin-right:auto}
@keyframes blob-float{0%,100%{transform:rotate(-20deg) translateY(0)}50%{transform:rotate(-14deg) translateY(-16px)}}@keyframes card-float{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(5deg) translateY(-13px)}}@keyframes slow-turn{to{transform:rotate(360deg)}}@keyframes signal{to{height:7px}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes preview-pulse{50%{transform:scale(.91);opacity:.65}}
@media(max-width:1050px){.topbar,.hero,.section-wrap,.footer{padding-left:36px;padding-right:36px}.hero{grid-template-columns:54% 46%;min-height:570px}.hero h1{font-size:clamp(60px,8vw,96px)}.hero-visual{min-height:470px}.visual-object{width:245px;height:245px}.visual-glyph{font-size:180px}.contact-section{padding-left:36px;padding-right:36px}.desktop-nav{gap:17px}.section-wrap{padding-top:100px}}
@media(max-width:760px){.topbar{height:74px;padding:0 22px}.logo>span{font-size:29px}.desktop-nav,.header-cta{display:none}.mobile-menu-btn{display:block}.header-actions{gap:17px}.hero{display:flex;flex-direction:column;padding:35px 22px 36px;gap:35px}.hero-copy{padding-top:21px}.hero h1{font-size:clamp(64px,13.5vw,100px);margin:25px 0 18px}.hero-description{font-size:15px;margin-bottom:22px}.hero-foot{display:none}.hero-visual{min-height:420px}.visual-object{left:23%;top:17%}.visual-float-card{width:200px;height:165px}.visual-float-card>span:last-child{font-size:22px}.marquee{height:43px}.marquee-track{font-size:13px}.section-wrap{padding:85px 22px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:clamp(45px,9vw,70px)}.section-heading>p{margin-top:18px}.work-toolbar{flex-direction:column;align-items:start;gap:12px}.filters{gap:7px}.filter{padding:8px 11px;font-size:10px}.project-grid{gap:35px 15px}.card-art{aspect-ratio:1.05}.card-meta{font-size:9px;margin-top:13px}.card-title-row h3{font-size:20px}.card-tag{top:9px;left:9px;font-size:8px;padding:6px}.card-play{height:34px;width:34px;right:10px;bottom:10px}.statement{min-height:340px;margin-top:110px;padding:45px 20px}.about-content{grid-template-columns:1fr;gap:30px}.about-shape{height:310px}.about-lead{font-size:25px!important}.services-section{padding-bottom:90px}.service-row{grid-template-columns:35px 1fr 20px;gap:12px}.service-desc{grid-column:2;grid-row:2;font-size:12px}.service-arrow{grid-column:3;grid-row:1}.service-name{font-size:22px}.contact-section{padding:54px 22px}.contact-section h2{font-size:clamp(57px,10.5vw,93px);margin:30px 0 45px}.contact-bottom{flex-direction:column;align-items:start}.footer{padding:45px 22px 25px;grid-template-columns:1fr auto}.footer p{grid-column:1/-1;grid-row:2}.social-links{grid-column:2;grid-row:1;gap:10px}.footer-bottom{margin-top:10px}.project-detail{padding:24px 19px}.modal-contact{padding:28px 20px}}
@media(max-width:520px){.hero h1{font-size:clamp(55px,13.2vw,72px)}.hero-eyebrow{font-size:9px}.hero-actions{gap:13px}.btn{padding:15px 16px;font-size:10px}.btn-primary{min-width:auto}.play-icon{width:35px;height:35px}.hero-visual{min-height:340px}.visual-object{width:200px;height:200px;left:18%;top:14%}.visual-glyph{font-size:140px}.visual-orbit{width:350px;height:350px}.visual-float-card{width:165px;height:143px;right:5%;bottom:12%;padding:12px}.visual-float-card>span:last-child{font-size:18px}.visual-number{font-size:36px}.project-grid{grid-template-columns:1fr;gap:34px}.card-art{aspect-ratio:1.32}.card-title-row h3{font-size:24px}.section-heading h2{font-size:clamp(39px,11vw,60px)}.statement p{font-size:clamp(32px,8vw,52px)}.contact-section h2{font-size:clamp(49px,10.2vw,68px)}.contact-bottom p{font-size:14px}.contact-spark{font-size:34px}.footer{grid-template-columns:1fr}.social-links{grid-column:1;grid-row:3;justify-content:flex-start}.footer p{grid-column:1;grid-row:2}.footer-bottom{display:flex;gap:20px;align-items:start;flex-wrap:wrap}.gallery-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}

/* AMR / GRAPHIC DESIGNER IDENTITY — v2 editorial art direction */
:root{--bg:#0c0e12;--bg-soft:#14161b;--ink:#f4f2e9;--muted:#afb1ae;--line:#34363b;--lime:#ecff7a;--font-title:'Space Grotesk','Arial Black',sans-serif}
.logo small{font-size:8px;letter-spacing:.15em;color:#aaaca8;font-weight:700}
.hero{grid-template-columns:53% 47%;padding-top:57px;min-height:650px}
.hero-copy{padding-top:64px}
.hero h1{font-size:clamp(65px,7.35vw,105px);margin-right:-132px;line-height:.99;letter-spacing:-.082em}
.title-outline{-webkit-text-stroke:0;color:var(--lime)}
.hero-description{font-size:16px;max-width:450px}
.about-link .play-icon{font-size:24px;color:var(--lime);border-color:#6f726c}
.hero-visual.graphic-hero{min-height:530px;background:#191d23;border-color:#34373a;overflow:hidden}
.graphic-hero .visual-grid{background-size:28px 28px;opacity:.38;mask-image:none;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px)}
.graphic-corner{position:absolute;width:27px;height:27px;z-index:6;pointer-events:none}
.graphic-corner-tl{left:13px;top:13px;border-left:2px solid var(--lime);border-top:2px solid var(--lime)}
.graphic-corner-br{right:13px;bottom:13px;border-right:2px solid var(--lime);border-bottom:2px solid var(--lime)}
.poster-secondary{position:absolute;top:8%;left:12%;height:80%;width:62%;background:#5866ef;color:#fff;transform:rotate(-11deg);border:1px solid #252c95;box-shadow:15px 20px 40px #07080e85;display:flex;flex-direction:column;justify-content:space-between;padding:20px;overflow:hidden}
.poster-secondary>span{font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.12em}
.poster-secondary>strong{font-family:var(--font-title);font-size:clamp(30px,4.9vw,63px);letter-spacing:-.075em;line-height:.95;font-weight:700;position:relative;z-index:1}
.poster-secondary>i{font-style:normal;font-size:190px;color:#a1a8ff80;position:absolute;left:26%;top:6%;line-height:1}
.poster-primary{position:absolute;top:11%;left:27%;height:78%;width:63%;background:#f2efe7;color:#111419;transform:rotate(6deg);padding:22px 21px 19px;box-shadow:22px 23px 36px #050506b8;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;z-index:2;border:1px solid #dad7cc}
.poster-top,.poster-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;font-weight:800;font-size:clamp(8px,.66vw,10px);line-height:1.35;letter-spacing:.07em;position:relative;z-index:2}
.poster-bottom{align-items:end}
.poster-title{position:relative;z-index:2;font-family:var(--font-title);font-weight:700;letter-spacing:-.11em;font-size:clamp(58px,6.3vw,91px);line-height:.85;white-space:nowrap;margin-top:10px}
.poster-period{color:#5369fb}
.poster-shape{position:absolute;right:-7%;top:38%;width:56%;aspect-ratio:1;background:var(--lime);border-radius:50%;display:grid;place-items:center;z-index:1}
.poster-shape span{font-size:clamp(118px,14vw,205px);color:#1b2121;line-height:1;transform:rotate(-17deg)}
.graphic-sticker{position:absolute;bottom:12%;left:7%;z-index:4;width:129px;height:129px;background:var(--lime);color:#101515;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-18deg);box-shadow:8px 16px 23px #0006;border:1px solid #101515}
.graphic-sticker span{font-size:11px;font-weight:800;letter-spacing:.04em}
.graphic-sticker b{font-size:45px;line-height:1}
.graphic-visual-label{position:absolute;bottom:16px;right:46px;z-index:5;font-size:8px;letter-spacing:.13em;font-weight:700;color:#cbd0cc}
.graphic-visual-label span{color:var(--lime);margin-left:8px}
.marquee{background:var(--lime)}
.section-heading h2 em,.contact-section h2 em{font-style:normal}
.statement{background:radial-gradient(ellipse at center,#23292a,#14171c 60%,#101216);border-block:1px solid #3b3e40}
.statement-asterisk{color:var(--lime)}
.about-shape{background:linear-gradient(155deg,#5866ef 0%,#4856c7 48%,#22274e 100%)}
.shape-sun{color:var(--lime)}
.card-art .cover-form{background:#ede8de}
.card-art .cover-form:before{background:#262d2d;transform:rotate(-9deg);border-radius:6px 55% 4px 40%}
.card-art .cover-form:after{content:'N';color:#f1f1e4;mix-blend-mode:difference}
.card-art .cover-pulse{background:radial-gradient(circle at 70% 45%,#ee6f4b,transparent 34%),linear-gradient(135deg,#5d1230,#d44648 70%,#ffad67)}
.card-art .cover-pulse:after{content:'SIGNAL';color:#fff9e8;font-size:clamp(39px,6vw,95px)}
.card-art .cover-echo{background:#eaf77f}
.card-art .cover-echo:after{content:'TYPE\aLAB';font-size:clamp(58px,8vw,118px);color:#111}
.card-art .cover-afterglow:after{content:'CUT\aEDIT';font-size:clamp(63px,8vw,120px)}
.card-art .cover-objects:after{content:'OBJECTS';font-size:clamp(45px,7vw,105px)}
.card-art .cover-form,.card-art .cover-pulse,.card-art .cover-echo,.card-art .cover-objects{animation:none}
.about-pill-list span:first-child{border-color:#8e9af7;color:#d8dbff}
.social-blank{display:none}
@media(max-width:1050px){.hero h1{font-size:clamp(62px,7.7vw,90px)}.poster-title{font-size:clamp(52px,6.3vw,76px)}.graphic-sticker{width:100px;height:100px}.graphic-sticker span{font-size:9px}.graphic-sticker b{font-size:37px}}
@media(max-width:760px){.hero{min-height:0;padding-top:30px;gap:31px}.hero-copy{padding-top:22px}.hero h1{font-size:clamp(56px,11.3vw,86px);margin:28px 0 21px}.hero-description{max-width:560px}.hero-visual.graphic-hero{min-height:480px}.poster-primary{top:9%;left:26%;width:63%;height:81%}.poster-secondary{top:7%;left:11%;height:80%}.poster-title{font-size:clamp(62px,10vw,99px)}.graphic-sticker{width:125px;height:125px;left:9%;bottom:11%}.graphic-sticker span{font-size:10px}.graphic-sticker b{font-size:45px}}
@media(max-width:520px){.hero h1{font-size:clamp(48px,11vw,70px);margin-right:0}.hero-visual.graphic-hero{min-height:375px}.poster-primary{padding:13px 12px;top:9%;left:26%;height:78%;width:66%}.poster-secondary{padding:14px;top:11%;left:10%;height:75%}.poster-title{font-size:clamp(48px,11.8vw,64px);letter-spacing:-.11em}.poster-shape span{font-size:115px}.poster-top,.poster-bottom{font-size:7px}.poster-secondary>strong{font-size:38px}.poster-secondary>i{font-size:120px}.graphic-sticker{width:92px;height:92px;left:6%;bottom:9%}.graphic-sticker span{font-size:7px}.graphic-sticker b{font-size:31px}.graphic-visual-label{font-size:7px;bottom:8px;right:27px}html[lang="ar"] .hero h1{font-size:clamp(44px,9vw,67px);margin:27px 0 20px}}

/* Arabic typography and desktop navigation tune-up */
html[lang="ar"] .hero h1{font-size:clamp(54px,5.25vw,78px);margin:34px 0 26px;line-height:1.12;letter-spacing:-.045em}
html[lang="ar"] .desktop-nav{margin-left:auto;margin-right:0}
@media(max-width:760px){html[lang="ar"] .hero h1{font-size:clamp(45px,8.9vw,65px);margin:27px 0 19px}}
@media(min-width:761px){html[lang="ar"] .hero-copy{padding-right:27px}}
html[lang="ar"] .hero-eyebrow{flex-direction:row;justify-content:flex-start}

/* BY AMR — EDITORIAL PREMIUM v3 identity overrides */
:root{--bg:#0b0b0b;--black:#0b0b0b;--ink:#f4f2ea;--lime:#d8f35c;--muted:#a6a69f;--font-title:'Space Grotesk',sans-serif}
.logo>span{letter-spacing:-.095em;font-size:31px;white-space:nowrap;font-weight:700}.logo-mark{font-size:1em;vertical-align:baseline;padding-left:0;letter-spacing:-.12em}
.topbar{border-bottom:1px solid #ffffff26}.hero h1{font-size:clamp(67px,7.2vw,117px);letter-spacing:-.095em}.title-outline{-webkit-text-stroke:1.5px #f4f2ea}.hero-visual.graphic-hero{background:#141414;border-color:#ffffff24}.poster-primary{filter:saturate(.65)}.poster-secondary{filter:saturate(.75)}.graphic-sticker{background:#d8f35c}.header-cta{background:transparent;color:#f4f2ea;border:1px solid #a5a59b;border-radius:25px;min-width:130px}.header-cta:hover{background:#d8f35c;color:#101010}.btn-primary{border-radius:25px}.filter{border-radius:24px}.card-art{filter:saturate(.80)}.statement{background:#efeee7;color:#101010}.statement em{color:#191919}.footer-logo .logo-mark{font-size:1em}
@media(max-width:760px){.logo>span{font-size:26px}.hero h1{font-size:clamp(54px,11vw,82px)}}

/* V4 / TYPOGRAPHY FIRST — deliberate editorial home layout */
.hero.hero-type{display:block;max-width:1520px;min-height:0;padding:43px 60px 0;overflow:hidden}.hero-type-top{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.hero-type .hero-eyebrow{font-size:11px;letter-spacing:.18em}.hero-disciplines{border-left:1px solid #6d6b62;padding-left:22px;display:grid;gap:8px;font-size:10px;color:#bab9b3;letter-spacing:.12em}.hero-type-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #52534b;margin-top:36px;gap:12px}.hero.hero-type h1{font-family:var(--font-title);font-size:clamp(112px,18.6vw,310px);white-space:nowrap;line-height:.83;letter-spacing:-.115em;margin:0 0 16px -13px;color:#f4f2ea;font-weight:700}.giant-dot{color:#d8f35c}.hero-type-byline{display:flex;flex-direction:column;align-items:end;gap:12px;min-width:100px;margin-bottom:22px;text-align:right;font:600 12px/1.45 var(--font-title);letter-spacing:.1em;color:#f4f2ea}.byline-symbol{font-size:54px;color:#d8f35c;line-height:1}.hero-type-foot{display:flex;justify-content:space-between;align-items:end;gap:42px;padding:30px 0 38px}.hero-type-tagline{font:400 clamp(27px,3.15vw,47px)/1.06 var(--font-title);letter-spacing:-.055em;color:#f4f2ea;margin:0 0 12px}.hero-type .hero-description{max-width:440px;margin:0;font-size:13px;line-height:1.7}.hero-type-actions{display:flex;flex-direction:column;align-items:flex-end;gap:20px}.hero-type-actions .scroll-indicator{font-size:10px;color:#8b8b83;letter-spacing:.15em}.hero-editorial-art{min-height:290px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(113deg,#252521,#151515 50%,#33342d);border:1px solid #3e4039;display:flex;align-items:center;padding:34px 50px;margin:0 0 10px}.hero-editorial-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.editorial-art-copy{display:flex;flex-direction:column;justify-content:space-between;min-height:228px;z-index:2;color:#e9e7dd}.editorial-art-copy span{font-size:10px;letter-spacing:.2em}.editorial-art-copy strong{font:700 clamp(42px,6vw,94px)/.95 var(--font-title);letter-spacing:-.085em}.editorial-art-copy strong span{color:#d8f35c;font-size:inherit;letter-spacing:inherit}.editorial-art-disc{position:absolute;right:8%;top:-53%;font-size:540px;color:#d8f35c;line-height:1;transform:rotate(-16deg);opacity:.92}.editorial-art-code{position:absolute;right:27px;bottom:22px;z-index:3;font-size:10px;letter-spacing:.2em;color:#f4f2ea}.hero-type+.marquee{margin-top:0}.demo-notice{max-width:940px}.hero.hero-type .btn-primary{border-radius:28px}.hero.hero-type .scroll-indicator{display:flex}
html[lang="ar"] .hero.hero-type{direction:ltr}html[lang="ar"] .hero-type-top,html[lang="ar"] .hero-type-foot{direction:rtl}html[lang="ar"] .hero-type-heading{direction:ltr}html[lang="ar"] .hero.hero-type h1{font-family:var(--font-title);font-size:clamp(112px,18.6vw,310px);letter-spacing:-.115em;margin:0 0 16px -13px}html[lang="ar"] .hero-type-tagline{font-family:var(--arabic);letter-spacing:-.025em}html[lang="ar"] .hero-type-actions{align-items:flex-start}html[lang="ar"] .hero-disciplines{direction:ltr;text-align:left}html[lang="ar"] .hero-editorial-art{direction:ltr}
@media(max-width:1050px){.hero.hero-type{padding:35px 34px 0}.hero.hero-type h1,html[lang="ar"] .hero.hero-type h1{font-size:18vw}.hero-type-byline{font-size:10px}.editorial-art-disc{font-size:430px;top:-25%}}
@media(max-width:760px){.hero.hero-type{padding:35px 22px 0;gap:0}.hero-type-top{flex-direction:column;gap:22px}.hero-disciplines{grid-template-columns:repeat(2,minmax(0,1fr));border-left:0;border-top:1px solid #45463f;padding:12px 0 0;width:100%;font-size:9px}.hero-type-heading{display:block;margin-top:42px}.hero.hero-type h1,html[lang="ar"] .hero.hero-type h1{font-size:clamp(77px,20vw,151px);margin:0 0 14px -4px}.hero-type-byline{flex-direction:row;align-items:center;justify-content:space-between;margin:0 0 18px;text-align:left}.byline-symbol{font-size:33px}.hero-type-foot{flex-direction:column;align-items:stretch;gap:26px;padding:29px 0 30px}.hero-type-actions{flex-direction:row;justify-content:space-between;align-items:center}.hero-type .hero-description{font-size:13px}.hero-editorial-art{min-height:250px;padding:25px 20px}.editorial-art-copy{min-height:210px}.editorial-art-copy strong{font-size:clamp(32px,7.7vw,65px)}.editorial-art-disc{font-size:270px;right:-15%;top:-12%}.editorial-art-copy span{font-size:8px}.editorial-art-code{font-size:8px;right:16px}.hero-type .hero-eyebrow{white-space:normal}}
@media(max-width:390px){.hero.hero-type h1,html[lang="ar"] .hero.hero-type h1{font-size:19.2vw}.hero-type-actions .scroll-indicator{display:none}.editorial-art-disc{opacity:.45}}

/* V5 project pages — existing typography and palette retained. */
[hidden]{display:none!important}.project-page{padding-top:60px;padding-bottom:80px}.project-page>.section-kicker{margin-top:35px}.project-page .project-name{max-width:100%;overflow-wrap:anywhere}.project-cover{margin:35px 0}.project-media{position:relative;display:block;margin:0;background:#16181a;min-width:0}.project-media img{display:block;width:100%;height:auto;object-fit:contain}.media-status{display:none;color:#b8bab6;padding:24px;text-align:center}.is-loading .media-status,.is-missing .media-status{display:block}.is-loading{min-height:100px}.is-missing img{display:none}.card-art>.project-media{position:absolute;inset:0;z-index:2;display:grid;place-items:center}.card-art>.project-media img{position:static;object-fit:contain;max-height:100%;width:100%;height:100%}.card-art .media-status{position:absolute;inset:0;display:grid;place-items:center;background:#16181a}.card-art .project-media:not(.is-loading):not(.is-missing) .media-status{display:none}.project-story{white-space:normal;max-width:800px;line-height:1.9}.project-page .gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;margin:30px 0}.project-page .gallery-grid img{height:auto;object-fit:contain}.project-links{display:flex;gap:24px;flex-wrap:wrap;margin:30px 0}.project-pagination{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #3d4041;margin-top:50px;padding-top:30px}.project-pagination a{max-width:48%;overflow-wrap:anywhere}.project-page .project-video{width:100%;aspect-ratio:16/9;border:0;height:auto}.video-frame{margin:32px 0}.video-loading{padding:16px;color:#b8bab6}.media-unavailable{padding:35px;color:#b8bab6}.project-cover .project-hero-art{margin:0}html[dir="rtl"] .project-page{text-align:right}
@media(max-width:760px){.project-page{padding:35px 22px 60px}.project-page .gallery-grid{grid-template-columns:1fr}.project-page .project-detail-meta{flex-wrap:wrap}.project-pagination{gap:16px}.project-page .project-name{font-size:clamp(30px,9vw,58px)}}

.studio-block{margin:32px 0}.studio-image-block{display:grid;gap:20px}.studio-block-two-images,.studio-block-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-block-full-image{margin-inline:calc(-1 * min(4vw,40px))}.studio-block p{white-space:pre-wrap;line-height:1.9}.studio-preview-banner{border:1px solid #d8f35c;padding:16px;color:#d8f35c}.studio-project-blocks{min-width:0}.studio-project-blocks img{max-width:100%;height:auto;object-fit:contain}@media(max-width:760px){.studio-block-two-images,.studio-block-gallery{grid-template-columns:1fr}.studio-block-full-image{margin-inline:-10px}}