:root{--bg:#090a0b;--surface:#111315;--ink:#eae9e5;--muted:#a2a5a7;--line:#333638;--copper:#c79b78;--sans:"Space Grotesk",sans-serif;--display:"Barlow Condensed",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#626466 var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}::selection{background:var(--copper);color:var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;background:none;border:0;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--copper);outline-offset:6px}img{display:block;max-width:100%;height:auto}video{display:block;width:100%;max-height:85svh;background:#050505}button:disabled{opacity:.4;cursor:default}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:var(--bg);padding:15px}.skip:focus{top:15px}#header{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:start;justify-content:space-between;padding:34px 42px}.brand{font-size:12px;font-weight:600;letter-spacing:.19em;line-height:1.6}.brand span{display:block;color:var(--muted);font-size:10px;letter-spacing:.35em;font-weight:400}.nav-wrap{display:flex;gap:38px;align-items:start}.nav{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.nav a{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.lang{padding:4px 0;font-size:11px;border-bottom:1px solid var(--muted)}.hero{height:100svh;min-height:690px;max-height:1200px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 54% 77%,#29231c33,transparent 45%),var(--bg)}#stage{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.hero-title{position:absolute;top:21%;left:17%;width:68%;text-align:center;margin:0;font-family:var(--display);font-size:clamp(110px,14.7vw,232px);font-weight:700;letter-spacing:-.025em;line-height:.79;z-index:0;pointer-events:none}.hero-title span{display:block;font-weight:600;font-size:.68em;letter-spacing:.08em;margin-top:.13em;color:#a8a9a8}.hero-figure{position:absolute;inset:28% 25% 9%;display:flex;justify-content:center;align-items:center;z-index:2;pointer-events:none;will-change:transform}.hero-figure img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(15px 20px 22px #0008)}.hero-index{position:absolute;left:42px;top:24%;width:190px;z-index:5;display:flex;flex-direction:column;align-items:start;gap:11px}.hero-index a{font-size:10px;font-weight:500;text-transform:uppercase;max-width:170px;color:#929798;transition:color .2s,transform .2s}.hero-index a:hover{color:#fff;transform:translate(4px)}.hero-index .index-label{color:var(--ink);font-size:9px;letter-spacing:.2em;margin-bottom:10px}.hero-index .index-all{border-bottom:1px solid var(--line);padding-bottom:7px;margin-top:8px;color:var(--ink)}.hero-bottom{position:absolute;bottom:32px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:end;z-index:6}.hero-bottom p{font-size:11px;line-height:1.8;margin:0;color:var(--muted)}.hero-bottom p strong{color:var(--ink);font-weight:400}.outline-link{display:inline-flex;align-items:center;gap:35px;border:1px solid #696a67;padding:15px 20px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,color .2s}.outline-link:hover{background:var(--ink);color:var(--bg)}.icon{width:17px;height:17px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0}.scroll-cue{position:absolute;right:43px;top:48%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.25em;display:flex;align-items:center;gap:18px}.scroll-cue:before{content:"";height:65px;width:1px;background:var(--muted)}.hero-note{position:absolute;left:50%;bottom:27px;transform:translate(-50%);font-size:8px;letter-spacing:.2em;color:#929798}.work-preview{position:absolute;left:260px;top:50%;width:180px;aspect-ratio:1.5;object-fit:cover;z-index:7;opacity:0;pointer-events:none;transition:opacity .2s,transform .3s;transform:translateY(8px)}.work-preview.show{opacity:1;transform:translateY(0)}.section{padding:110px 6vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px;gap:30px}.section-head h2,.page-title{font-family:var(--display);font-size:clamp(56px,7vw,112px);line-height:.95;font-weight:600;letter-spacing:-.02em;margin:0}.section-head p{max-width:300px;color:var(--muted);line-height:1.7}.small-link{font-size:11px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--muted);padding-bottom:8px;display:inline-flex;align-items:center;gap:25px}.selected-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px 40px}.project-tile:nth-child(2n){margin-top:120px}.project-image{position:relative;overflow:hidden;background:#151719;aspect-ratio:1.25}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .3s}.project-tile:hover .project-image img{transform:scale(1.035)}.tile-caption{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.tile-caption h3{font-size:15px;font-weight:500;margin:0 0 7px}.tile-caption p{font-size:10px;color:var(--muted);margin:0;text-transform:uppercase;letter-spacing:.07em}.tile-caption .icon{margin-top:3px}.archive-link{margin-top:60px;display:flex;justify-content:center}.statement{border-block:1px solid var(--line);padding:80px 6vw;display:grid;grid-template-columns:1fr 2fr;gap:50px}.statement small{color:var(--muted);text-transform:uppercase;letter-spacing:.15em}.statement p{margin:0;font-size:clamp(23px,3.4vw,48px);line-height:1.3;letter-spacing:-.025em;max-width:24ch}.statement a{grid-column:2;margin-top:10px;justify-self:start}.contact-strip{padding:110px 6vw}.contact-strip h2{font-family:var(--display);font-size:clamp(60px,9vw,140px);font-weight:600;line-height:1;margin:0 0 35px;max-width:11ch}#footer{border-top:1px solid var(--line);padding:30px 6vw;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:10px;color:var(--muted)}.socials{display:flex;gap:24px}.page{padding:190px 6vw 90px;min-height:85svh}.page-lead{max-width:60ch;color:var(--muted);font-size:16px;line-height:1.8;margin:25px 0 45px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:45px 0 35px}.filter{padding:10px 16px;border:1px solid var(--line);font-size:11px}.filter.active{color:var(--bg);background:var(--ink);border-color:var(--ink)}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 24px}.archive-grid .project-tile{margin:0}.archive-grid .project-image{aspect-ratio:1}.archive-grid .tile-caption h3{font-size:13px}.back{display:inline-flex;gap:12px;color:var(--muted);font-size:11px;margin-bottom:30px}.detail-head{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;margin-bottom:45px}.detail-head h1{font-family:var(--display);font-size:clamp(58px,7vw,112px);font-weight:600;line-height:1;margin:0}.detail-head p{color:var(--muted);line-height:1.8}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{border:1px solid var(--line);padding:6px 9px;font-size:10px;color:var(--muted)}.gallery{display:grid;gap:35px}.gallery figure{margin:0;background:#101213}.gallery figure img{width:100%;max-height:90svh;object-fit:contain}.gallery figcaption{padding:14px 0;background:var(--bg);color:var(--muted);font-size:11px}.project-next{margin-top:55px;display:flex;justify-content:space-between;gap:20px}.about-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:7vw;margin-top:50px}.about-photo{width:100%;max-height:680px;object-fit:cover;filter:saturate(.5)}.info-block{padding:25px 0;border-top:1px solid var(--line)}.info-block h2{font-size:13px;font-weight:500;margin:0 0 15px}.info-block p{color:var(--muted);line-height:1.9;max-width:65ch}.service-row{display:grid;grid-template-columns:2fr 1fr .65fr;gap:25px;padding:35px 0;border-top:1px solid var(--line);align-items:center}.service-row h2{font-size:24px;font-weight:400;margin:0 0 12px}.service-row p{color:var(--muted);line-height:1.7;max-width:45ch;margin:0}.service-meta{color:var(--muted);font-size:12px;line-height:2}.service-price{text-align:end;font-size:35px}.service-price small{font-size:10px;display:block;color:var(--muted);margin-bottom:6px}.shop-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:7vw;margin-top:40px;align-items:center}.shop-layout h2{font-size:35px}.shop-layout p{line-height:1.8;color:var(--muted)}.shop-price{font-size:48px;display:block;margin:30px 0}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-form{display:grid;gap:22px;margin-top:15px}.contact-form label{font-size:12px;display:grid;gap:10px}.contact-form input,.contact-form textarea,.contact-form select{background:var(--surface);color:var(--ink);border:1px solid #55585a;padding:14px;width:100%;border-radius:0;color-scheme:dark;caret-color:var(--copper)}.contact-form textarea{min-height:130px;resize:vertical}.contact-form button{justify-content:space-between}.form-note{font-size:11px;color:var(--muted);line-height:1.6}.contact-links{display:flex;flex-direction:column;gap:22px;margin-top:35px;align-items:start}.no-webgl{background:radial-gradient(ellipse at 50% 90%,#463b2a55,transparent 60%)}.error-media{padding:25px;color:var(--muted)}[dir=rtl]{--sans:"Tajawal",sans-serif}[dir=rtl] .hero-title{font-family:Tajawal,sans-serif;font-size:clamp(80px,11vw,160px);line-height:1.1;top:24%;letter-spacing:0}[dir=rtl] .hero-title span{font-size:.5em;letter-spacing:0}[dir=rtl] .nav{align-items:flex-start}[dir=rtl] .brand{letter-spacing:0}[dir=rtl] .hero-index a{font-size:12px}[dir=rtl] .page-title,[dir=rtl] .section-head h2,[dir=rtl] .detail-head h1,[dir=rtl] .contact-strip h2{font-family:Tajawal,sans-serif;line-height:1.2;font-size:clamp(45px,6vw,85px)}@media(min-width:1600px){.hero-index{top:30%}}@media(max-width:1000px){.hero-index{width:150px;left:25px;gap:10px}.hero-index a{max-width:140px;font-size:9px}.hero-title{left:17%;width:70%;top:27%}.hero-figure{inset:34% 20% 11%}.nav-wrap{gap:25px}#header{padding:25px}.hero-bottom{left:25px;right:25px}.hero-note{display:none}.archive-grid{grid-template-columns:repeat(2,1fr)}.service-row{grid-template-columns:2fr 1fr}.service-meta{grid-row:2}.service-price{grid-column:2;grid-row:1}.detail-head{grid-template-columns:1fr;gap:12px}}@media(max-width:600px){#header{padding:22px}.brand{font-size:10px;letter-spacing:.12em}.brand span{font-size:8px}.nav-wrap{gap:24px}.nav{gap:8px}.nav a{font-size:9px;letter-spacing:.1em}.nav a{min-height:22px;padding:4px 0}.nav{gap:0}.hero{min-height:730px;max-height:1000px}.hero-title{top:27%;left:4%;width:92%;font-size:24vw;line-height:.85}.hero-title span{font-size:.66em;letter-spacing:.05em}.hero-figure{inset:36% 8% 14%}.hero-index{inset:auto 22px 8.7%;width:auto;flex-direction:row;gap:18px}.hero-index a{display:none}.hero-index .index-all{display:inline-flex;margin:0;font-size:9px;border:0;padding:0}.hero-index .index-label{display:none}.hero-bottom{bottom:25px;left:22px;right:22px}.hero-bottom p{font-size:9px}.hero-bottom .outline-link{padding:12px;gap:15px;font-size:9px}.scroll-cue{display:none}.section{padding:70px 22px}.section-head{align-items:start;margin-bottom:30px}.section-head h2{font-size:58px}.section-head .small-link{font-size:9px;gap:8px;white-space:nowrap;margin-top:8px}.selected-grid{display:block}.project-tile{display:block;margin-bottom:35px}.project-tile:nth-child(2n){margin-top:0}.selected-grid .project-image{aspect-ratio:1.25}.tile-caption h3{font-size:14px}.statement{padding:50px 22px;display:block}.statement small{display:block;margin-bottom:25px}.statement p{font-size:29px;max-width:25ch}.statement a{margin-top:30px}.contact-strip{padding:65px 22px}.contact-strip h2{font-size:65px}#footer{padding:25px 22px;align-items:start;flex-direction:column;gap:20px}.socials{gap:22px}.page{padding:175px 22px 65px}.page-title{font-size:65px}.page-lead{font-size:14px}.archive-grid{gap:28px 13px}.archive-grid .tile-caption h3{font-size:12px}.archive-grid .tile-caption p{font-size:8px;line-height:1.5}.archive-grid .tile-caption .icon{display:none}.filter{font-size:10px;padding:10px 12px}.about-layout,.shop-layout,.contact-layout{grid-template-columns:1fr;gap:35px}.about-photo{max-height:430px}.detail-head h1{font-size:62px}.service-row h2{font-size:20px}.service-row p{font-size:12px}.service-price{font-size:29px}.project-next .small-link{font-size:9px;gap:8px}.gallery{gap:20px}[dir=rtl] .hero-title{top:28%;font-size:19vw}[dir=rtl] .hero-index a{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-figure{will-change:auto}}body.scene-home{overflow:hidden}body.scene-home #header{position:fixed}body.scene-home #footer{display:none}.immersive-home{height:100svh;min-height:0;max-height:none;background:#08090a}.immersive-home #stage{z-index:1;pointer-events:none}.immersive-home .hero-title{top:27%;left:15%;width:70%;font-family:Arial,Helvetica,sans-serif;font-size:clamp(90px,10vw,165px);font-weight:700;line-height:.94;letter-spacing:-.035em;z-index:2}.immersive-home .hero-title span{font-size:1em;font-weight:400;letter-spacing:-.04em;color:#f5f4f1;margin-top:.03em}.immersive-home .hero-figure{inset:37% 35% 15%;z-index:3}.scene-scroll{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto;z-index:5;scrollbar-width:none;touch-action:pan-y;overscroll-behavior:contain;outline-offset:-3px}.scene-scroll::-webkit-scrollbar{display:none}.scene-sticky{position:sticky;top:0;width:100%;height:100%;pointer-events:none}.scene-fill{height:600%;pointer-events:none}.immersive-home .hero-index{left:40px;top:14.5%;bottom:13%;width:240px;gap:0;overflow-y:auto;scrollbar-width:none;z-index:12}.index-project{text-align:start;font:500 11px/1.4 var(--sans);color:#94999e;text-transform:uppercase;padding:4px 0;min-height:24px;max-width:225px;transition:color .2s,transform .2s;flex-shrink:0}.index-project:hover{color:#fff}.index-project.active{color:#fff;font-size:14px;font-weight:700;transform:translate(0)}.immersive-home .hero-index .index-all{font-size:9px;margin-top:15px;max-width:225px}.scene-steps{position:absolute;right:40px;top:42%;display:flex;flex-direction:column;gap:16px;z-index:14;opacity:0;pointer-events:none;transition:opacity .25s}.scene-steps button{width:64px;height:64px;border:1px solid #888;border-radius:50%;display:grid;place-items:center;transition:color .15s,border-color .15s,transform .15s}.scene-steps button:hover{color:var(--copper);border-color:var(--copper)}.scene-steps button:active{transform:scale(.96)}.scene-active-link{position:absolute;left:50%;bottom:15%;transform:translate(-50%);z-index:13;font-size:12px;opacity:0;pointer-events:none;padding:16px;max-width:55%;text-align:center;border-bottom:1px solid #777}.immersive-home .scroll-cue{z-index:12}.immersive-home .hero-bottom{z-index:12;pointer-events:none}.immersive-home .hero-bottom a{pointer-events:auto}.scene-about{position:absolute;inset:0;z-index:11;display:flex;flex-direction:column;justify-content:center;padding:100px 12vw;background:#090a0bf5;opacity:0;visibility:hidden;pointer-events:none}.scene-about h2{font-size:clamp(48px,6vw,88px);font-weight:400;letter-spacing:-.03em;margin:0 0 45px}.scene-about-content{display:grid;grid-template-columns:minmax(180px,320px) 1fr;gap:6vw;align-items:center}.scene-about img{width:100%;aspect-ratio:1;object-fit:cover}.scene-about p{font-size:clamp(17px,1.8vw,27px);line-height:1.6;max-width:55ch}.scene-about p+p{font-size:16px;color:var(--muted)}.scene-about a{margin-top:15px}.scene-load{position:absolute;z-index:15;left:50%;bottom:10%;transform:translate(-50%);font-size:11px;color:var(--muted);pointer-events:none}.scene-load:empty{display:none}.scene-failure{display:block;color:var(--ink);font-size:12px;max-width:55ch;text-align:center}.scene-home .hero-index .index-all .icon{width:13px}.immersive-home .hero-note{display:none}.about-photo{image-rendering:auto;filter:none}.scene-home .brand{font-size:11px;letter-spacing:.2em}.scene-home .nav a{font-size:12px;letter-spacing:.15em}.scene-home .nav-wrap{gap:32px}[dir=rtl] .immersive-home .hero-title{font-family:Tajawal,sans-serif;top:28%;font-size:clamp(78px,10vw,150px);line-height:1.05}[dir=rtl] .immersive-home .hero-title span{font-weight:400;letter-spacing:0}[dir=rtl] .index-project{text-align:right;font-size:12px}[dir=rtl] .index-project.active{font-size:15px}@media(max-width:1000px){.immersive-home .hero-index{left:25px;width:180px}.index-project{font-size:10px;max-width:175px}.scene-home .hero-title{left:15%;width:70%}.scene-steps{right:25px}.scene-steps button{width:48px;height:48px}}@media(max-width:767px){.immersive-home .hero-index{display:none}.immersive-home .hero-title{top:27%;left:4%;width:92%;font-size:12.6vw;line-height:1}.immersive-home .hero-title span{font-size:1.01em;letter-spacing:-.04em}.immersive-home .hero-figure{inset:39% 24% 19%}.scene-home #header{padding:22px}.scene-home .brand{font-size:9px;letter-spacing:.1em}.scene-home .brand span{font-size:8px}.scene-home .nav a{font-size:9px;min-height:22px}.scene-home .nav-wrap{gap:20px}.scene-steps{right:16px;top:auto;bottom:22%;gap:12px}.scene-steps button{width:40px;height:40px}.scene-active-link{bottom:17%;max-width:75%;width:max-content;font-size:11px}.immersive-home .scroll-cue{display:flex;right:22px;top:46%;font-size:8px}.immersive-home .hero-bottom{left:22px;right:22px;bottom:22px}.immersive-home .hero-bottom p{font-size:9px;max-width:205px}.immersive-home .hero-bottom .outline-link{padding:13px;gap:14px}.scene-about{padding:125px 25px 100px}.scene-about h2{font-size:39px;margin:0 0 25px}.scene-about-content{display:flex;flex-direction:column;gap:20px;align-items:start}.scene-about img{width:150px}.scene-about p{font-size:18px;margin:0 0 15px}.scene-about p+p{font-size:13px}.scene-load{bottom:13%;font-size:10px;white-space:nowrap}[dir=rtl] .immersive-home .hero-title{font-size:15vw;top:26%}.scene-about-content .small-link{font-size:12px}}@media(prefers-reduced-motion:reduce){.scene-steps,.scene-active-link{transition:none}}:root{--display:"Changa",sans-serif}.hero-title,.immersive-home .hero-title,[dir=rtl] .immersive-home .hero-title{font-family:Changa,Tajawal,sans-serif!important;font-weight:600;letter-spacing:-.02em;line-height:1.05}.immersive-home .hero-title span{font-family:inherit;font-weight:500;font-size:.87em;letter-spacing:.015em}.page-title,.section-head h2,.detail-head h1,.contact-strip h2,[dir=rtl] .page-title,[dir=rtl] .section-head h2,[dir=rtl] .detail-head h1,[dir=rtl] .contact-strip h2{font-family:Changa,Tajawal,sans-serif}.project-tile[data-fit=contain] .project-image img{object-fit:contain}.scene-active-link{font-family:Changa,Tajawal,sans-serif}