@font-face{font-family:Arabic;src:url(/fonts/arabic.woff2) format("woff2");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eeeae2;color:#30312c;font-family:Arial,Arabic,sans-serif;font-size:15px;line-height:1.65}body,button,input,select,textarea{font-family:Arial,Arabic,sans-serif}html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea,html[lang=ar] select{font-family:Arabic,Tahoma,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h1,h2,.wordmark,.footer-top p{font-family:Editorial,Georgia,Arabic,serif;font-weight:400;letter-spacing:-.055em;line-height:1.04}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .footer-top p{font-family:Arabic,Tahoma,sans-serif;letter-spacing:-.045em;line-height:1.4}h1{font-size:clamp(66px,9.5vw,156px)}h2{font-size:clamp(44px,6vw,92px)}h3{font-size:26px;line-height:1.3}em{font-family:inherit;font-weight:400}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none}button:disabled{cursor:default}button:active,.button:active{transform:scale(.98)}:focus-visible{outline:2px solid #a25135;outline-offset:5px}main:focus{outline:0}img{display:block;width:100%;height:100%;object-fit:cover}::selection{background:#ae694d;color:#fff}.skip{position:fixed;top:-100px;z-index:99;background:#eeeae2;padding:12px}.skip:focus{top:0}header{height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:#eeeae2;position:relative;z-index:10;border-bottom:1px solid #d3cec4}.wordmark{font-size:42px;letter-spacing:-.06em;line-height:1}.wordmark span{font:10px Arial;vertical-align:top;margin-inline-start:4px}nav{display:flex;align-items:center;gap:38px;font-size:13px}nav a.active{border-bottom:1px solid}.nav-inquiry{margin-inline-start:28px}.language{border-inline-start:1px solid #bdb9af;padding-inline-start:22px}.arrow{display:inline-block;margin-inline-start:10px}html[dir=rtl] .arrow{transform:scaleX(-1)}.page{padding:110px 6%}.section-no{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.cinema{height:240vh}.hero{height:calc(100svh - 88px);min-height:600px;max-height:1100px;position:sticky;top:0;color:#fffdf6;overflow:hidden;background:#75654e}.hero-images,.hero-image,.hero-scrim{position:absolute;inset:0}.hero-image{opacity:0;transition:opacity 1s cubic-bezier(.77,0,.175,1);transform:scale(1.04)}.hero-image.shown{opacity:1}.hero-scrim{background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 50%,rgba(0,0,0,.65))}.hero-heading{position:absolute;top:7%;inset-inline-start:6%}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase}.hero h1{font-size:clamp(80px,10.5vw,162px);margin-top:24px;line-height:.98}.hero h1 em{line-height:1.1;display:inline-block}.hero-bottom{position:absolute;bottom:9%;inset-inline:6%;display:flex;align-items:end;gap:38px}.hero-count{font-family:Georgia,serif;font-size:60px;line-height:1}.hero-count small{font:12px Arial;opacity:.65}.hero-project{animation:projectIn .7s cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column;min-width:230px}.hero-project>span{font:34px Editorial,Georgia,serif}.hero-project small{font-size:11px;letter-spacing:.04em;margin-top:7px}.scroll-note{margin-inline-start:auto;font-size:10px;letter-spacing:.1em}.hero-progress{position:absolute;bottom:0;height:3px;width:100%;background:#fff3}.hero-progress i{display:block;inset:0;height:100%;background:#ede3cf;transform-origin:left;transition:transform .7s cubic-bezier(.23,1,.32,1)}.philosophy{padding-top:150px;padding-bottom:140px}.philosophy h2{margin:50px 0 60px;margin-inline-start:18%;font-size:clamp(46px,6.8vw,104px)}.philosophy h2 em{display:block;color:#9c6149;line-height:1.2}.philosophy-bottom{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:8%;align-items:end}.coordinate{font-size:10px;letter-spacing:.1em}.philosophy-bottom p{max-width:410px}.text-link{font-size:12px;border-bottom:1px solid;padding:0 0 10px;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;white-space:nowrap}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:60px}.section-heading h2{font-size:clamp(42px,5.5vw,80px)}.selected{background:#e1dbcf}.selected-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px 9%}.selected-grid .project-1{margin-top:180px}.selected-grid .project-2{grid-column:1 / -1;width:70%;margin-inline-start:auto}.project-card{display:block;min-width:0;animation:projectIn .6s cubic-bezier(.23,1,.32,1)}.project-picture{aspect-ratio:1.32;overflow:hidden;position:relative;background:#cfc5b5}.project-picture img{transition:transform .9s cubic-bezier(.23,1,.32,1)}.image-arrow{position:absolute;bottom:18px;inset-inline-end:18px;color:#fff;border:1px solid #ffffff80;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;background:#2224}.image-arrow .arrow{margin:0}.project-caption{display:flex;gap:20px;border-top:1px solid #b9b2a5;margin-top:20px;padding-top:17px;align-items:start}.project-number{font:12px Georgia;line-height:2}.project-caption h3{font:32px Editorial,Georgia,Arabic,serif;letter-spacing:-.025em}.project-caption p,.project-caption small{font-size:11px}.project-caption small{margin-inline-start:auto;text-align:end;opacity:.8}.material-story{min-height:850px;position:relative;background:#292923;color:#f3eee2;display:grid;grid-template-columns:54% 46%}.material-story>img{min-height:850px}.material-copy{padding:120px 11%;display:flex;flex-direction:column;align-items:start;justify-content:center}.material-copy>span{font-size:11px;margin-bottom:50px}.material-copy h2{font-size:clamp(42px,5vw,78px)}.material-copy p{margin:35px 0;max-width:330px}.atelier-tease h2{margin:35px 0 55px}.comparison{margin:30px 0}.comparison-stage{aspect-ratio:1.9;position:relative;background:#a79a86;overflow:hidden;direction:ltr}.comparison-stage>img,.after{position:absolute;inset:0}.after{width:100%;height:100%}.comparison-line{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none}.comparison-line span{position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:#f2eee5;color:#292923;display:grid;place-items:center;font-size:23px}.before-label,.after-label{position:absolute;bottom:20px;background:#292923dd;color:#fff;padding:6px 12px;font-size:9px;letter-spacing:.12em}.before-label{left:20px}.after-label{right:20px}.slider-label{display:flex;align-items:center;gap:20px;font-size:11px;margin-top:20px}.slider-label input{flex:1;accent-color:#82533d;min-width:60px}.slider-label output{min-width:35px}footer{background:#2b2c27;color:#eeeae2;padding:90px 6% 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:85px}.footer-top p{font-size:clamp(40px,5.5vw,84px);line-height:1.15}.round-link{border:1px solid #a3a093;width:100px;height:100px;border-radius:50%;display:grid;place-items:center;font-size:38px}.round-link .arrow{margin:0}.footer-base{display:flex;justify-content:space-between;border-top:1px solid #55554c;padding-top:25px;font-size:10px;gap:20px}.index-title{position:relative}.index-title h1{margin-top:35px}.index-title sup{font:14px Arial;vertical-align:top;letter-spacing:0;padding:15px}.filters{display:flex;gap:32px;flex-wrap:wrap;border-bottom:1px solid #bdb7ab;margin:80px 0 65px}.filters button{padding:16px 0;color:#69675f;font-size:13px}.filters button[aria-pressed=true]{border-bottom:2px solid #30312c;color:#30312c}.filters sup{padding-inline-start:7px;font-size:9px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px 7%}.projects-grid .project-card:nth-child(2n){margin-top:140px}.projects-grid .project-card:nth-child(3n) .project-picture{aspect-ratio:.96}.project-hero{height:82svh;min-height:550px;position:relative;color:#fff}.project-hero>img,.project-hero-overlay{position:absolute;inset:0}.project-hero-overlay{background:linear-gradient(transparent 20%,#0009)}.project-hero>div:last-child{position:absolute;bottom:10%;inset-inline:6%}.project-hero a{position:absolute;top:-160px;font-size:12px}.project-hero p{font-size:11px;letter-spacing:.1em;margin-bottom:25px}.project-hero h1{font-size:clamp(60px,9vw,140px);margin-bottom:15px}.project-hero span{font-size:13px}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-bottom:1px solid #bdb7ab;padding-bottom:40px;margin-bottom:85px;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.facts b{display:block;font-size:13px;font-weight:400;letter-spacing:0;margin-top:10px}.project-intro h2{max-width:900px}.narrative{display:grid;grid-template-columns:1fr 2fr;gap:10%;margin-top:60px}.narrative p{max-width:570px;font-size:18px;line-height:1.85}.detail-panorama{height:85vh;position:relative;overflow:hidden}.detail-panorama img{object-position:50% 75%;transform:scale(1.16)}.detail-panorama figcaption{position:absolute;bottom:25px;left:6%;font-size:10px;background:#eeeae2;padding:8px 12px}.decision{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;align-items:center}.decision h2{margin:35px 0;font-size:68px}.decision p{max-width:470px}.plan{background:#e0dacd;padding:25px}.plan svg{width:100%;height:auto;display:block}.plan figcaption{font-size:9px;border-top:1px solid #c4bbac;padding-top:20px}.material-section{border-top:1px solid #c4bbac}.material-section h2{font-size:55px;margin-bottom:60px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.swatch{height:180px;margin-bottom:18px}.texture-0{background-image:repeating-linear-gradient(0deg,transparent,transparent 4px,#00000005 5px,#ffffff15 8px)}.texture-1{background-image:repeating-linear-gradient(20deg,transparent 0px,#ffffff18 1px,transparent 3px,transparent 9px)}.texture-2{background-image:repeating-linear-gradient(90deg,#00000009 0px,transparent 1px,transparent 6px)}.texture-3{background-image:repeating-linear-gradient(0deg,#ffffff12 0px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,#00000005 0px,transparent 1px,transparent 3px)}.swatches span{font-size:10px}.swatches h3{font-size:17px;margin-top:8px}.material-note{max-width:600px;font-size:12px;margin-top:45px}.closing{height:700px;position:relative;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6%;text-align:center;background:#292923;overflow:hidden}.closing img{position:absolute;inset:0;opacity:.38;object-position:20% 50%;transform:scale(1.12)}.closing h2,.closing small{position:relative}.closing h2{max-width:850px;font-size:clamp(48px,6vw,90px)}.closing small{margin-top:50px;font-size:10px}.next-project{display:grid;grid-template-columns:1fr auto;gap:20px}.next-project>span{grid-column:1/-1;font-size:11px}.next-project h2{font-size:clamp(42px,6vw,80px)}.next-project>.arrow{font-size:70px}.studio-opening{display:grid;grid-template-columns:1.2fr .8fr;column-gap:7%}.studio-opening>.section-no{grid-column:1/-1;margin-bottom:35px}.studio-opening h1{font-size:clamp(60px,8vw,124px);grid-column:1/-1;margin-bottom:60px}.studio-opening img{height:610px}.studio-opening>p{max-width:390px;align-self:center;font-size:23px;line-height:1.8}.methodology{background:#e0dacd}.methodology h2{margin-bottom:70px}.method-row{display:grid;grid-template-columns:.3fr 1fr 1fr;gap:6%;border-top:1px solid #bab3a5;padding:35px 0}.method-row>span{font-size:11px}.method-row h3{font:36px Editorial,Georgia,Arabic,serif}.method-row p{max-width:430px}.credits{max-width:1100px}.credits h2{font-size:55px;margin-bottom:30px}.credits p{margin-bottom:20px}.inquiry{display:grid;grid-template-columns:1fr 1fr;gap:10%;min-height:900px}.inquiry h1{font-size:clamp(60px,7vw,106px);margin:30px 0}.inquiry-aside>p{max-width:340px}.steps{list-style:none;margin:45px 0;padding:0}.steps li{border-bottom:1px solid #d3ccc0;max-width:340px}.steps button{display:flex;gap:20px;padding:15px 0;font-size:12px;width:100%;text-align:start;opacity:.45}.steps .current button{opacity:1}.steps button:disabled{opacity:.3}.inquiry-aside>small{font-size:11px}.inquiry-form{padding-top:15px;min-width:0}.inquiry-form h2{font-size:44px;margin:35px 0 40px}.form-progress{position:relative;height:35px;border-bottom:2px solid #d3ccc0}.form-progress span{font-size:11px}.form-progress i{height:2px;background:#7a4b36;position:absolute;bottom:-2px;width:100%;transform-origin:left;transition:transform .2s ease}.inquiry-form fieldset{border:0;padding:0;margin:0 0 28px}.inquiry-form legend{font-size:13px;margin-bottom:15px}.choices{display:grid;gap:10px}.choices button{border:1px solid #c2bbad;padding:16px;display:flex;justify-content:space-between;font-size:13px;text-align:start}.choices button[aria-pressed=true]{background:#30312c;color:#eeeae2;border-color:#30312c}.priorities{grid-template-columns:1fr 1fr}.inquiry-form label{display:flex;flex-direction:column;gap:10px;font-size:13px;margin-bottom:25px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{border:1px solid #bfb7a8;background:#f7f4ee;padding:15px;width:100%;border-radius:0}.inquiry-form textarea{resize:vertical}.inquiry-form input::placeholder{color:#736f65}.field-help{font-size:11px}.form-error{font-size:12px;color:#9b3328;margin:20px 0}.form-status{font-size:12px;color:#455743;margin:20px 0}.form-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}.button{padding:16px 24px;background:#30312c;color:#fff;display:inline-flex;align-items:center;gap:20px;font-size:12px;border:1px solid #30312c;white-space:nowrap;transition:transform .16s cubic-bezier(.23,1,.32,1)}.button.secondary{background:transparent;color:#30312c}.export-actions{display:flex;gap:12px;flex-wrap:wrap}.brief{white-space:pre-wrap;font:14px/1.9 Arial,Arabic,sans-serif;background:#e1dbcf;border-top:2px solid #30312c;padding:28px;overflow-wrap:anywhere;margin-bottom:30px}.reveal.visible{animation:projectIn .9s cubic-bezier(.23,1,.32,1)}@keyframes projectIn{0%{opacity:.35;transform:translateY(20px);clip-path:inset(0 0 4% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}@media(hover:hover)and (pointer:fine){.project-card:hover img{transform:scale(1.04)}.text-link:hover,.nav-inquiry:hover{color:#9b543a}.hero-project:hover .arrow{transform:translate(4px,-4px)}}@media(min-width:1700px){.page{padding-inline:max(6%,calc((100vw - 1500px)/2))}}@media(max-width:1000px){header{padding-inline:5%;height:76px}nav{gap:23px}.nav-inquiry{margin-inline-start:0}.page{padding:80px 6%}.hero{min-height:560px}.philosophy h2{margin-inline-start:8%}.philosophy-bottom{grid-template-columns:1fr 2fr}.philosophy-bottom .text-link{grid-column:2;justify-self:start}.selected-grid{gap:50px 6%}.selected-grid .project-1{margin-top:100px}.material-story{min-height:600px}.material-story>img{min-height:600px}.material-copy{padding:70px 9%}.material-copy h2{font-size:48px}.decision{grid-template-columns:1fr}.decision h2{font-size:58px}.decision .plan{margin-top:35px}.studio-opening img{height:480px}.studio-opening>p{font-size:19px}.inquiry{gap:6%}.inquiry h1{font-size:72px}.inquiry-form h2{font-size:36px}.priorities{grid-template-columns:1fr}.brief{padding:20px;font-size:13px}}@media(max-width:600px){header{height:100px;align-items:start;padding-top:16px;flex-wrap:wrap}.wordmark{font-size:32px}nav{height:43px;width:100%;order:2;gap:23px;font-size:11px;justify-content:space-between}.language{position:absolute;inset-inline-end:5%;top:17px;padding-inline-start:16px}.nav-inquiry .arrow{margin-inline-start:5px}.page{padding:65px 6%}h1{font-size:66px}h2{font-size:43px}.cinema{height:215vh}.hero{height:calc(100svh - 100px);min-height:550px}.hero-heading{top:8%}.hero h1{font-size:85px;margin-top:20px;letter-spacing:-.06em}.hero-image{object-position:58% center}.hero-bottom{bottom:10%;gap:18px;flex-wrap:wrap}.hero-count{font-size:44px}.hero-project{min-width:190px}.hero-project>span{font-size:29px}.hero-project small{font-size:9px}.scroll-note{width:100%;margin-top:20px;margin-inline-start:0}.eyebrow{font-size:9px;letter-spacing:.09em}.philosophy h2{margin:35px 0;font-size:48px}.philosophy-bottom{grid-template-columns:1fr;gap:25px}.philosophy-bottom p{font-size:14px}.philosophy-bottom .text-link{grid-column:1;justify-self:start}.section-heading{align-items:start;gap:25px;flex-direction:column;margin-bottom:35px}.section-heading h2{font-size:47px}.selected-grid,.projects-grid{grid-template-columns:1fr;gap:45px}.selected-grid .project-1,.projects-grid .project-card:nth-child(2n){margin-top:0}.selected-grid .project-2{width:100%}.project-caption{gap:12px;margin-top:14px;padding-top:13px}.project-caption h3{font-size:28px}.project-caption p{font-size:10px}.project-caption small{font-size:9px}.project-picture{aspect-ratio:1.2}.material-story{grid-template-columns:1fr}.material-story>img{height:440px;min-height:0}.material-copy{padding:55px 8%}.material-copy>span{margin-bottom:30px}.material-copy h2{font-size:52px}.comparison-stage{aspect-ratio:1.2}.slider-label{flex-wrap:wrap;gap:10px}.slider-label input{width:100%;flex:auto;order:3}.before-label,.after-label{font-size:7px;padding:5px 7px;bottom:12px}.before-label{left:12px}.after-label{right:12px}.comparison-line span{width:40px;height:40px}.atelier-tease h2{margin-bottom:35px}.footer-top{padding-bottom:50px;align-items:end;gap:20px}.footer-top p{font-size:39px}.round-link{width:55px;height:55px;flex-shrink:0;font-size:24px}footer{padding:60px 6% 25px}.footer-base{flex-direction:column;gap:12px;font-size:9px}.index-title h1{font-size:76px}.index-title sup{font-size:11px}.section-no{font-size:9px}.filters{gap:22px;margin:45px 0 35px}.filters button{font-size:11px}.project-hero{height:75svh;min-height:510px}.project-hero h1{font-size:60px}.project-hero a{top:-100px}.project-hero p{font-size:9px}.project-hero>div:last-child{bottom:8%}.facts{grid-template-columns:1fr 1fr;margin-bottom:45px;row-gap:25px}.facts b{font-size:12px}.narrative{grid-template-columns:1fr;gap:25px;margin-top:35px}.narrative p{font-size:16px}.detail-panorama{height:450px}.detail-panorama figcaption{font-size:8px;max-width:85%}.decision h2{font-size:48px}.plan{padding:12px}.plan figcaption{font-size:8px}.material-section h2{font-size:41px;margin-bottom:35px}.swatches{grid-template-columns:1fr 1fr;gap:30px 15px}.swatch{height:135px}.swatches h3{font-size:14px}.material-note{font-size:11px}.closing{height:500px;padding:8%}.closing h2{font-size:45px}.next-project>.arrow{font-size:42px}.next-project h2{font-size:44px}.studio-opening{grid-template-columns:1fr}.studio-opening h1{font-size:65px;margin-bottom:35px}.studio-opening img{height:430px}.studio-opening>p{font-size:20px;margin-top:35px}.methodology h2{margin-bottom:40px}.method-row{grid-template-columns:30px 1fr;gap:15px;padding:25px 0}.method-row h3{font-size:30px}.method-row p{grid-column:2;font-size:13px}.credits h2{font-size:42px}.credits p{font-size:14px}.inquiry{grid-template-columns:1fr;gap:45px}.inquiry h1{font-size:76px}.steps{display:flex;gap:8px;justify-content:space-between;margin:30px 0 15px}.steps li{flex:1}.steps button{font-size:9px;display:block;line-height:1.5}.steps button span{display:block;margin-bottom:5px}.inquiry-aside>small{font-size:10px}.inquiry-form h2{font-size:37px;margin-bottom:30px}.priorities{grid-template-columns:1fr 1fr}.choices button{font-size:11px;padding:13px}.inquiry-form label,.inquiry-form legend{font-size:12px}.export-actions .button{font-size:11px;padding:14px 17px}html[lang=ar] .hero h1{font-size:69px;line-height:1.4}html[lang=ar] .hero-heading{top:8%}html[lang=ar] .hero-project>span{font-family:Arabic,Tahoma,sans-serif;font-size:26px}html[lang=ar] .project-caption h3{font-family:Arabic,Tahoma,sans-serif;font-size:24px}html[lang=ar] .index-title h1{font-size:68px}}.hero-project>span{animation:titleReveal .6s cubic-bezier(.23,1,.32,1)}.hero-project small{animation:titleReveal .6s cubic-bezier(.23,1,.32,1) 80ms backwards}@keyframes titleReveal{0%{opacity:.2;transform:translateY(14px);clip-path:inset(0 0 100%)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}.detail-1 .project-intro h2{margin-inline-start:20%}.detail-1 .decision>div{order:2}.detail-1 .decision .plan{order:1}.detail-2 .detail-panorama{height:65vh}.detail-2 .material-section{background:#ded4c0}.detail-3 .project-hero{height:90svh}.detail-3 .project-intro{background:#ded5c5}.detail-3 .closing{align-items:start;text-align:start}.detail-4 .detail-panorama{margin-inline:6%;height:70vh}.detail-4 .material-section h2{text-align:end}.detail-5 .project-hero>img{object-position:50% 58%}@media(max-width:600px){.detail-1 .project-intro h2{margin-inline-start:0}.detail-1 .decision>div{order:0}.detail-1 .decision .plan{order:1}.detail-2 .detail-panorama,.detail-4 .detail-panorama{height:440px}.detail-3 .project-hero{height:75svh}.detail-4 .material-section h2{text-align:start}}html[lang=ar] .hero-project>span,html[lang=ar] .project-caption h3,html[lang=ar] .method-row h3{font-family:Arabic,Tahoma,sans-serif}html{scroll-behavior:auto}.cinema{height:auto}.cinema .hero{position:relative;top:auto;height:100svh;min-height:600px;max-height:none}.hero-image{transition:none;will-change:transform,opacity}.desert-atmosphere{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.2;background:radial-gradient(ellipse at 5% 22%,#fbe5b480,transparent 38%);animation:desertLight 24s ease-in-out infinite alternate}.hero-scrim{z-index:2}.hero-heading,.hero-bottom,.hero-progress{z-index:3}.hero-heading{pointer-events:none}.hero-bottom{bottom:8%}.architecture-study{display:grid;grid-template-columns:36% minmax(0,1fr);background:#ded6c5;padding:100px 6%;gap:5%;align-items:center}.study-intro h2{font-size:clamp(44px,5vw,76px);line-height:1.08;letter-spacing:-.04em}.study-intro p{font-size:14px;line-height:1.95;max-width:360px;margin:35px 0}.study-intro>span{font-size:9px;letter-spacing:.1em}.study-display{min-width:0}.massing-canvas{height:490px;touch-action:none}.massing-canvas canvas{width:100%;height:100%}.study-controls{display:flex;gap:30px;border-top:1px solid #b9ac93;padding:20px 0}.study-controls label{font-size:11px;display:flex;flex-direction:column;gap:12px;flex:1}.study-controls input{width:100%;accent-color:#8d6344}.study-display>small{font-size:10px;color:#5e5648}.lens-stage{position:relative;width:100%;height:100%;overflow:hidden;touch-action:pan-y;cursor:crosshair}.lens-stage>img{transform:none;object-position:center}.detail-lens{position:absolute;left:0;top:0;width:220px;height:220px;border-radius:50%;border:1px solid #ffffffb0;box-shadow:0 12px 45px #0005,inset 0 0 0 8px #fff2;opacity:0;pointer-events:none;transition:opacity .18s cubic-bezier(.23,1,.32,1);background-repeat:no-repeat;z-index:2;will-change:transform}.inspecting .detail-lens{opacity:1}.detail-lens>span{position:absolute;bottom:17px;left:50%;transform:translate(-50%);font:10px monospace;background:#2229;color:#fff;padding:3px 7px}.detail-lens>i{position:absolute;width:12px;height:12px;left:calc(50% - 6px);top:calc(50% - 6px);border:1px solid #fff8;border-radius:50%}.lens-instruction{position:absolute;top:20px;inset-inline-end:20px;background:#e9e3d5e8;color:#3e3b31;font-size:10px;padding:10px 14px;z-index:3}.comparison-stage{touch-action:pan-y;cursor:ew-resize}.comparison-stage>img,.comparison-stage .after img{object-position:center;object-fit:cover}.comparison-line span{box-shadow:0 4px 20px #0004}.material-section .swatch{transition:transform .22s cubic-bezier(.23,1,.32,1)}@media(hover:hover)and (pointer:fine){.material-section .swatch:hover{transform:translateY(-7px)}}@keyframes desertLight{0%{transform:translate3d(-3%,0,0);opacity:.12}to{transform:translate3d(5%,2%,0);opacity:.28}}@media(max-width:900px){.architecture-study{grid-template-columns:1fr;padding:70px 6%;gap:20px}.study-intro{display:grid;grid-template-columns:1fr 1fr;gap:20px}.study-intro p{margin:0;align-self:center}.study-intro>span{grid-column:1/-1}.massing-canvas{height:430px}}@media(max-width:600px){.cinema .hero{height:100svh;min-height:600px}.hero h1{font-size:80px}.architecture-study{padding:60px 6%}.study-intro{display:block}.study-intro h2{font-size:52px}.study-intro p{margin:25px 0}.massing-canvas{height:345px}.study-controls{gap:18px}.study-controls label{font-size:10px}.study-display>small{font-size:9px}.detail-lens{width:145px;height:145px}.lens-instruction{top:12px;inset-inline-end:12px;font-size:9px;padding:8px}.hero-bottom{bottom:10%}html[lang=ar] .study-intro h2{font-size:45px;line-height:1.4}}.lens-stage.inspecting{touch-action:none}.slider-label input{direction:ltr}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}