@font-face{font-family:Thmanyah;src:url('../fonts/thmanyahsans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Thmanyah;src:url('../fonts/thmanyahsans-Medium.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Thmanyah;src:url('../fonts/thmanyahsans-Bold.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Thmanyah;src:url('../fonts/thmanyahsans-Light.woff2') format('woff2');font-weight:300;font-display:swap}
:root{--paper:#e5e5e5;--black:#1a1a18;--yellow:#fff000;--gutter:4.1vw;--line:#bdbdbb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:50px}body{margin:0;background:var(--paper);color:var(--black);font:400 16px/1.4 Thmanyah,Arial,sans-serif;-webkit-font-smoothing:antialiased}body,main{overflow-x:clip}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.045em;line-height:1.12}h2{font-size:clamp(32px,3.3vw,62px)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;cursor:pointer;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{border:0}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #2585ed;outline-offset:5px}::selection{background:var(--yellow);color:var(--black)}.skip{position:fixed;top:-90px;left:20px;z-index:200;background:white;padding:15px}.skip:focus{top:50px}.corner-mark{position:fixed;left:15px;top:12px;z-index:95;color:white;mix-blend-mode:difference;font-size:23px;line-height:1;font-weight:700;direction:ltr}.admin-bar .corner-mark{top:45px}.floating-nav{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:46px;min-height:58px;padding:12px 23px;background:#fff;border-radius:60px;color:#181817;box-shadow:0 20px 35px #0002;white-space:nowrap;max-width:calc(100% - 30px)}.nav-brand{font-size:28px;font-weight:500;letter-spacing:-.06em;line-height:1;direction:ltr}.floating-nav nav{display:flex;gap:33px;align-items:center;font-size:15px}.floating-nav nav a{position:relative}.floating-nav nav a:after{content:'';height:1px;background:currentColor;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .3s}.floating-nav nav a:hover:after{transform:scaleX(1)}#lang{padding:0;background:transparent;font-size:11px;border-left:1px solid #ddd;padding-left:14px;margin-left:-27px;min-height:25px}.hero{padding:23vh var(--gutter) 0;position:relative;min-height:94vh}.hero h1{font-size:clamp(46px,6.4vw,130px);line-height:1.08;font-weight:500;letter-spacing:-.053em;position:relative;z-index:2}.hero h1>span{display:block}.hero h1 .second-line{margin-left:16.1%;margin-top:8px}.creative-eye{position:absolute;left:var(--gutter);top:calc(23vh + 6.2vw);width:12vw;max-width:225px;min-width:90px;pointer-events:none}.creative-eye svg{width:100%;overflow:visible}.eye-blob{fill:#080808;transform-origin:100px 100px;animation:blob-shift 9s ease-in-out infinite}.eye-white{transform-origin:100px 115px;animation:blink 6s infinite}.pupil{transform:translate(var(--eye-x,0px),var(--eye-y,0px));transition:transform .14s;fill:#080808}.hero-bottom{margin-top:23vh;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:4vw}.hero-bottom p{font-size:clamp(17px,1.53vw,27px);font-weight:500;line-height:1.38;max-width:460px;letter-spacing:-.025em}.circle-arrow,.case-arrow,.work-heading i,.footer i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--black);font-size:26px;font-style:normal;transition:background .3s,transform .3s}.circle-arrow:hover{background:var(--yellow);transform:translateY(5px)}.discipline-marquee{margin:95px calc(-1 * var(--gutter)) 0;padding:0 0 50px;overflow:hidden}.discipline-marquee>div{width:max-content;display:flex;align-items:center;gap:80px;animation:marquee 38s linear infinite}.discipline-marquee span{font-size:26px;letter-spacing:-.035em;font-weight:500;white-space:nowrap}.discipline-marquee span:nth-child(3n){font-size:20px;text-transform:uppercase;letter-spacing:.025em;max-width:115px;white-space:normal;line-height:1.05}.showcase{height:64vw;max-height:850px;min-height:380px;position:relative;overflow:hidden;background:#09090b;color:white;isolation:isolate}.showcase>img{width:100%;height:100%;object-fit:cover;animation:visual-pan 18s ease-in-out infinite alternate;filter:brightness(.85)}.showcase:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0005,transparent 60%);pointer-events:none}.showcase-top{position:absolute;left:var(--gutter);right:var(--gutter);top:32px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.07em;z-index:2}.showcase-title{position:absolute;bottom:8%;left:var(--gutter);font-size:clamp(45px,7.7vw,140px);line-height:.98;letter-spacing:-.055em;z-index:2}.showcase-title em{font-style:normal;color:#e1e2ed}.motion-toggle{position:absolute;right:var(--gutter);bottom:35px;border:1px solid #fff6;color:#fff;background:#0002;border-radius:50%;width:42px;height:42px;z-index:3}.paused .showcase>img,.paused .creative-eye *,.paused .discipline-marquee>div{animation-play-state:paused}.section{padding:70px var(--gutter) 150px}.rule{border-top:1px solid var(--line);padding-top:16px}.eyebrow{display:inline-block;padding:4px 9px;border:1px solid currentColor;border-radius:30px;font-size:12px;line-height:1.35;font-weight:400}.studio{padding-top:110px;padding-bottom:150px}.studio-statement{font-size:clamp(24px,2.4vw,44px);line-height:1.2;letter-spacing:-.035em;margin:62px 8.6% 0;max-width:1450px}.dark-zone{background:var(--black);color:#e9e9e6;--line:#5a5a56}.work{padding-top:60px;padding-bottom:115px}.work-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.work-heading button{display:flex;align-items:center;gap:15px;background:none;font-size:14px;padding:0}.work-heading i{width:33px;height:33px;font-size:25px}.work-heading button:hover i{background:var(--yellow);transform:rotate(-35deg)}.case-track{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter);cursor:grab}.case-track::-webkit-scrollbar{display:none}.case-track.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.case-card{position:relative;flex:0 0 calc((100vw - var(--gutter)*2 - 32px)/3);height:42vw;max-height:690px;min-height:390px;scroll-snap-align:start;overflow:hidden;background:#575751}.case-art{height:100%;width:100%;position:relative;overflow:hidden;isolation:isolate}.case-art>img{height:100%;width:100%;object-fit:cover;transition:transform .8s}.case-card:hover .case-art>img{transform:scale(1.06)}.case-name{position:absolute;left:17px;right:40px;bottom:18px;z-index:3;font-size:16px;color:#fff;text-shadow:0 1px 15px #0008;line-height:1.2}.case-card:nth-child(2) .case-name,.case-card:nth-child(6) .case-name{color:#222;text-shadow:none}.case-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-30%);width:60px;height:60px;font-size:30px;opacity:0;z-index:3;transition:.3s}.case-card:hover .case-arrow{opacity:1;transform:translate(-50%,-50%)}.carousel-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.case-hint{font-size:11px;color:#aaa;text-transform:uppercase;letter-spacing:.08em}.carousel-controls>div{display:flex;gap:8px}.carousel-controls button{border:1px solid #64645d;background:transparent;border-radius:50%;width:35px;height:35px;font-size:20px}.carousel-controls button:hover{background:var(--yellow);border-color:var(--yellow);color:#111}.case-track.expanded{display:grid;grid-template-columns:repeat(3,1fr);margin-right:0;padding:0;overflow:visible}.case-track.expanded .case-card{height:40vw;min-height:0}.why{padding-top:20px;padding-bottom:150px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4.5%;margin-top:35px}.big-number{color:var(--yellow);font-size:clamp(85px,10.5vw,180px);line-height:1;font-weight:300;letter-spacing:-.075em;display:block;margin-bottom:25px;direction:ltr}.why h3{font-size:clamp(27px,3.15vw,52px);min-height:2.4em;margin-bottom:30px;font-weight:300;line-height:1.07}.why p{font-size:15px;line-height:1.48;color:#c0c0bb;max-width:380px}.services{padding-top:20px;padding-bottom:140px}.split{display:grid;grid-template-columns:1fr 1fr;gap:4vw;margin-top:42px}.split h2{max-width:520px}.pillars{display:grid;grid-template-columns:1fr 1fr;gap:35px}.pillars h3{font-size:20px;color:var(--yellow);font-weight:500;letter-spacing:-.025em;margin-bottom:12px}.pillars ul{list-style:none;margin:0;padding:0;font-size:16px;line-height:1.6;color:#d1d1cc}.contact{padding-top:20px;padding-bottom:140px}.contact .split{margin-top:55px}.pill-button{display:inline-flex;align-items:center;gap:30px;background:#fff;color:#181817;border-radius:50px;font-size:14px;padding:15px 30px;min-height:48px;transition:.25s}.pill-button:hover{background:var(--yellow);transform:translateY(-3px)}.contact-copy .pill-button{margin-top:40px}.contact-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-poster{aspect-ratio:.84;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.poster-one{background:#e4e4dc;color:#181817}.contact-poster>span{font-size:clamp(110px,17vw,290px);letter-spacing:-.13em;line-height:.8;transform:translateX(-8%)}.poster-two{background:var(--yellow);color:#181817}.poster-two>span{font-size:clamp(110px,16vw,260px);transform:none;transition:transform 1s;letter-spacing:0}.contact-panel:hover .poster-two>span{transform:rotate(100deg)}.contact-poster small{position:absolute;bottom:18px;left:17px;font-size:9px;letter-spacing:.07em}.contact-panel h3{color:var(--yellow);font-size:20px;margin-top:13px;line-height:1.25;letter-spacing:-.025em}.contact-panel>span{font-size:11px;color:#a5a59d}.contact-panel p{font-size:11px;margin-top:8px}.footer{background:var(--yellow);color:#1b1b14;display:grid;grid-template-columns:1fr 1fr;gap:4vw;padding-top:60px;padding-bottom:90px;overflow:hidden}.footer-left{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:90px}.footer-location{font-size:14px;line-height:1.4}.footer-location>span{font-size:17px}.footer-location p{margin-top:5px}.footer-location>a{display:block;margin-top:8px}.footer-lang{display:block;margin-top:28px;padding:5px 12px;font-size:11px;background:#fff;border-radius:30px}.footer-right nav{display:flex;flex-direction:column}.footer-right nav a{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #4f4a20;padding:10px 0;font-size:clamp(23px,2.4vw,43px);letter-spacing:-.04em;line-height:1.2}.footer-right nav a:last-child{border-bottom:1px solid #4f4a20}.footer i{width:32px;height:32px;font-size:25px}.footer-right nav a:hover i{background:var(--black);color:var(--yellow);transform:rotate(-35deg)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;margin-top:38px}.footer-wordmark{grid-column:1/-1;font-size:clamp(120px,25vw,460px);line-height:.9;font-weight:500;letter-spacing:-.09em;margin:90px 0 0;direction:ltr}.reveal{transition:opacity .8s,transform .8s}.js .reveal:not(.visible){opacity:0;transform:translateY(35px)}.art-1{background:radial-gradient(ellipse at 85% 10%,#e9e6da,transparent 65%),linear-gradient(140deg,#647c7d,#b8b6a0)}.architecture{position:absolute;inset:23% 21%;perspective:700px}.architecture i{position:absolute;bottom:0;left:8%;width:60%;height:95%;transform:skewY(-10deg);background:linear-gradient(90deg,#c4bdac,#e1e0d5 68%,#707d73 68%);box-shadow:20px 35px 30px #263c3630}.architecture i:nth-child(2){left:53%;height:63%;bottom:-12%}.architecture i:nth-child(3){left:-37%;width:45%;height:37%;bottom:-15%}.visual-label{position:absolute;top:20px;left:18px;font-size:8px;letter-spacing:.1em;color:#fff8}.art-2{background:#dff798;color:#263d20}.akhdr{font-size:clamp(65px,8vw,160px);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2;font-weight:700}.akhdr small{font-size:13px;font-weight:400}.orbit{position:absolute;inset:25% 10%;border:1px solid #7b9155;border-radius:50%;transform:rotate(-32deg)}.orbit:before{content:'';position:absolute;inset:12%;border:1px solid #7b9155;border-radius:50%}.art-3{background:#436c86}.wave-art{height:100%;padding:15%;display:flex;align-items:center;background:repeating-radial-gradient(ellipse at 100% 130%,#85aabc 0 2px,#436c86 3px 25px);font-size:clamp(60px,6vw,115px);color:#eee9dc;letter-spacing:-.06em;line-height:1}.art-4{background:#ff6144;color:#512211}.motion-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(100px,18vw,290px);font-weight:700;letter-spacing:-.14em}.motion-art span{font-size:.65em;color:#ffcfb2;transform:rotate(-10deg)}.art-5{background:#041a38}.art-6{background:#d1c3e3;color:#412551}.infinity-art{height:100%;display:grid;place-items:center;font-size:clamp(100px,23vw,350px);font-weight:300;transform:rotate(-28deg)}.single-project{padding:150px var(--gutter) 100px}.single-project h1{font-size:clamp(55px,8vw,135px);margin:60px 0 25px}.single-copy{font-size:clamp(20px,2vw,32px);max-width:850px;margin-bottom:55px}.single-art{height:70vw;max-height:950px;min-height:380px}.single-art .architecture{inset:15% 35%}.single-art .akhdr{font-size:25vw}.single-art .wave-art{font-size:19vw}.single-art .motion-art{font-size:45vw}.single-art .infinity-art{font-size:45vw}.single-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:45px;font-size:24px}.back{font-size:14px}.index-content{padding:160px var(--gutter) 100px}.index-content h1{font-size:60px;margin-bottom:35px}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] p{letter-spacing:0}html[dir=rtl] .hero h1{line-height:1.35;font-size:5.8vw}html[dir=rtl] .hero h1 .second-line{margin-left:0;margin-right:16.1%}html[dir=rtl] .creative-eye{left:auto;right:var(--gutter);top:calc(23vh + 8vw)}html[dir=rtl] .case-track{margin-right:0;margin-left:calc(-1 * var(--gutter));padding-right:0;padding-left:var(--gutter)}html[dir=rtl] .case-track.expanded{margin-left:0;padding-left:0}html[dir=rtl] .case-name{left:40px;right:17px}html[dir=rtl] #lang{border-left:0;border-right:1px solid #ddd;padding-left:0;padding-right:14px;margin-left:0;margin-right:-27px}html[dir=rtl] .why h3{line-height:1.4;min-height:2.8em}html[dir=rtl] .studio-statement{line-height:1.6}html[dir=rtl] .contact h2{line-height:1.35}.showcase-title,.showcase-top,.discipline-marquee,.case-art,.contact-poster{direction:ltr}@keyframes blob-shift{0%,100%{transform:rotate(-8deg) scale(1,.95);border-radius:20%}35%{transform:rotate(15deg) scale(.7,1.13)}65%{transform:rotate(-15deg) scale(1.07,.8)}}@keyframes blink{0%,41%,46%,100%{transform:scaleY(1)}43%{transform:scaleY(.05)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes visual-pan{from{transform:scale(1)}to{transform:scale(1.1) translateY(-1%)}}
@media(min-width:1900px){:root{--gutter:6vw}.hero{padding-top:20vh}.creative-eye{top:calc(20vh + 6.2vw)}.hero-bottom{margin-top:20vh}}
@media(max-width:900px){.floating-nav{gap:32px}.floating-nav nav{gap:23px}#lang{margin-left:-17px}html[dir=rtl] #lang{margin-right:-17px}.hero{padding-top:22vh;min-height:83vh}.creative-eye{top:calc(22vh + 6.2vw)}.hero-bottom{margin-top:21vh}.hero-bottom p{font-size:17px}.discipline-marquee{margin-top:75px;padding-bottom:35px}.discipline-marquee span{font-size:22px}.section{padding-bottom:100px}.studio{padding-top:75px}.studio-statement{margin:45px 5% 0;font-size:28px}.case-card{flex-basis:44vw;height:55vw}.case-track.expanded{grid-template-columns:1fr 1fr}.case-track.expanded .case-card{height:55vw}.why h3{font-size:28px;min-height:3.3em}.why p{font-size:13px}.big-number{font-size:100px}.pillars{gap:25px}.pillars h3{font-size:18px}.pillars ul{font-size:14px}.contact .split{grid-template-columns:1fr}.contact-copy{display:flex;justify-content:space-between;align-items:center}.contact-copy .pill-button{margin:0}.contact-panels{width:65%;margin-left:auto;margin-top:25px}.footer-wordmark{margin-top:65px}.single-bottom{font-size:20px}}
@media(max-width:600px){:root{--gutter:22px}.corner-mark{font-size:19px;left:12px;top:12px}.admin-bar .corner-mark{top:55px}.floating-nav{bottom:14px;padding:13px 17px;gap:18px;min-height:54px;max-width:calc(100% - 22px);width:max-content;box-shadow:0 10px 35px #0003}.nav-brand{font-size:22px}.floating-nav nav{gap:16px;font-size:11px}.floating-nav nav a:first-child{font-size:0}.floating-nav nav a:first-child:before{content:'Services';font-size:11px}html[dir=rtl] .floating-nav nav a:first-child:before{content:'الخدمات'}#lang{font-size:10px;margin-left:-7px;padding-left:10px}html[dir=rtl] #lang{margin-right:-7px;padding-right:10px}.hero{padding-top:145px;min-height:0}.hero h1{font-size:clamp(37px,8.8vw,54px);line-height:1.08;letter-spacing:-.055em}.hero h1 .second-line{margin:12px 0 0 15%;max-width:85%}.creative-eye{width:68px;min-width:0;left:16px;top:245px}.hero-bottom{margin-top:110px;grid-template-columns:1fr 3fr;gap:25px}.hero-bottom p{font-size:15px;line-height:1.4;max-width:290px}.circle-arrow{width:33px;height:33px;font-size:22px}.discipline-marquee{margin-top:65px;padding-bottom:35px}.discipline-marquee>div{gap:40px}.discipline-marquee span{font-size:20px}.discipline-marquee span:nth-child(3n){font-size:15px;max-width:80px}.showcase{height:115vw;min-height:380px}.showcase>img{object-position:52% center}.showcase-top{top:22px;font-size:8px;gap:35px}.showcase-top span:last-child{text-align:right;max-width:110px}.showcase-title{font-size:12vw;bottom:55px}.motion-toggle{width:30px;height:30px;bottom:18px;right:20px;font-size:11px}.section{padding:45px var(--gutter) 75px}.rule{padding-top:13px}.eyebrow{font-size:10px;padding:3px 7px}.studio{padding-top:50px;padding-bottom:80px}.studio-statement{font-size:24px;line-height:1.24;margin:40px 0 0;letter-spacing:-.035em}h2{font-size:31px}.work-heading{align-items:flex-start;gap:18px;margin-bottom:30px}.work-heading h2{font-size:28px;max-width:190px}.work-heading button{gap:8px;font-size:10px;padding-top:4px}.work-heading i{width:25px;height:25px;font-size:20px;flex-shrink:0}.case-card{flex-basis:79vw;height:108vw;min-height:350px}.case-track{gap:12px}.case-track.expanded{grid-template-columns:1fr;gap:20px}.case-track.expanded .case-card{height:116vw;min-height:330px}.case-name{font-size:17px}.case-art .akhdr{font-size:100px}.wave-art{font-size:75px}.motion-art{font-size:180px}.infinity-art{font-size:250px}.case-hint{font-size:9px}.carousel-controls button{width:31px;height:31px;font-size:17px}.why-grid{grid-template-columns:1fr;gap:50px;margin-top:35px}.big-number{font-size:105px;margin-bottom:20px}.why h3{font-size:35px;min-height:0;margin-bottom:20px}.why p{font-size:15px;max-width:100%}.split{grid-template-columns:1fr;gap:38px;margin-top:35px}.pillars{gap:32px 20px}.pillars h3{font-size:18px}.pillars ul{font-size:14px;line-height:1.65}.contact .split{margin-top:40px}.contact-copy{display:block}.contact-copy h2{font-size:35px}.contact-copy .pill-button{margin-top:30px}.contact-panels{width:100%;margin-top:8px;gap:13px}.contact-poster>span{font-size:110px}.poster-two>span{font-size:105px}.contact-poster small{font-size:6px;left:10px;bottom:12px}.contact-panel h3{font-size:18px}.contact-panel>span{font-size:9px}.contact-panel p{font-size:9px}.footer{grid-template-columns:1fr;gap:45px;padding-bottom:100px}.footer-left{gap:35px}.footer-location{font-size:13px}.footer-right nav a{font-size:26px;padding-block:13px}.footer-wordmark{font-size:25vw;margin:10px 0 0}.footer-bottom{font-size:10px}.single-project{padding:120px var(--gutter) 75px}.single-project h1{font-size:52px;margin-top:40px}.single-copy{font-size:20px}.single-art{height:110vw}.single-art .architecture{inset:22%}.single-art .akhdr{font-size:28vw}.single-art .wave-art{font-size:22vw}.single-bottom{align-items:flex-start;gap:20px;font-size:18px}.single-bottom .pill-button{white-space:nowrap;padding:13px 20px}html[dir=rtl] .hero h1{font-size:8vw;line-height:1.4}html[dir=rtl] .hero h1 .second-line{margin:10px 15% 0 0}html[dir=rtl] .creative-eye{top:240px;right:14px;width:62px}html[dir=rtl] .why h3{min-height:0}html[dir=rtl] .contact-panels{margin-right:0}.index-content h1{font-size:40px}}
@media(max-width:380px){:root{--gutter:18px}.floating-nav{gap:14px;padding:13px 15px}.floating-nav nav{gap:13px}.floating-nav nav a:nth-child(2){display:none}.hero{padding-top:130px}.hero h1{font-size:35px}.creative-eye{top:224px;width:54px}.hero-bottom{gap:18px;margin-top:95px}.hero-bottom p{font-size:14px}.contact-poster>span{font-size:90px}.contact-panel h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal:not(.visible){opacity:1;transform:none}}