:root{--bg:#151714;--panel:#20231e;--ink:#f3f0e9;--muted:#b0b3a9;--line:#ffffff26;--accent:#ff6b16;--paper:#eeece4;--black:#242720;--pad:clamp(22px,5.5vw,100px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.8 'Manrope','Noto Sans Arabic',sans-serif}html[lang=ar] body{font-family:'Noto Sans Arabic','Manrope',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}img{display:block;max-width:100%}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}.skip{position:fixed;top:-100px;z-index:300;background:var(--accent);color:var(--bg);padding:12px 20px}.skip:focus{top:0}.loading{min-height:80vh;display:grid;place-content:center;letter-spacing:10px}#header{height:98px;position:relative;z-index:50;border-bottom:1px solid var(--line);background:var(--bg)}.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:0 var(--pad)}.brand{width:186px;flex-shrink:0}.brand img{width:100%;height:46px;object-fit:contain}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{color:var(--muted);font-size:12px;position:relative;padding:10px 0;white-space:nowrap}.nav-links a.active,.nav-links a:hover{color:var(--ink)}.nav-links a.active:after{content:'';position:absolute;bottom:0;inset-inline-start:0;width:16px;height:2px;background:var(--accent)}.nav-actions{display:flex;align-items:center;gap:25px}.language-list{display:flex;gap:12px;align-items:center;direction:ltr}.language-list a{font-size:11px;color:var(--muted)}.language-list a[aria-current]{color:var(--accent)}.nav-contact{font-size:12px;border:1px solid var(--line);padding:10px 18px;display:flex;align-items:center;gap:20px}.arrow{display:inline-block;font-family:Arial,sans-serif;font-size:22px;font-weight:400;line-height:1}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px}.menu-toggle span{display:block;width:24px;height:1px;background:var(--ink);margin:7px auto}.hero{position:relative;min-height:720px;min-height:calc(100svh - 98px);isolation:isolate;overflow:hidden}.hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.85}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#151714 0%,#151714ed 29%,#15171465 62%,#15171408 100%)}[dir=rtl] .hero:before{background:linear-gradient(270deg,#151714 0%,#151714ed 29%,#15171465 62%,#15171408 100%)}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:calc(100svh - 205px);padding:65px var(--pad) 80px;gap:7vw}.eyebrow{font-size:10px;letter-spacing:2.8px;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:12px;margin:0 0 32px}.eyebrow:before{content:'';display:inline-block;width:27px;height:1px;background:var(--accent)}[lang=ar] .eyebrow{letter-spacing:0;font-size:12px}.hero h1{font:400 clamp(66px,7.8vw,128px)/.98 'Cormorant Garamond',serif;letter-spacing:-3px;margin:0 0 28px}.hero h1 em{font-weight:400;color:var(--accent)}[lang=ar] .hero h1{font-family:'Noto Sans Arabic',sans-serif;font-size:clamp(45px,4.9vw,83px);line-height:1.45;letter-spacing:-2px;font-weight:400}[lang=ar] .hero h1 em{font-style:normal}.hero-description{font-size:14px;max-width:420px;color:#c7cabf;line-height:2;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button{display:inline-flex;gap:35px;align-items:center;justify-content:space-between;background:var(--accent);color:#191b16;padding:15px 23px;min-height:54px;font-size:12px;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{background:#ff863f;transform:translateY(-2px)}.button.outline{background:transparent;color:inherit;border-color:currentColor}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:12px;padding:12px 0;border-bottom:1px solid var(--line)}.text-link:hover{color:var(--accent)}.hero-side{align-self:end;justify-self:end;max-width:160px;border-inline-start:1px solid #ffffff66;padding-inline-start:20px;margin-bottom:15px;font-size:10px;color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 8px #000}.hero-side strong{display:block;font-size:26px;letter-spacing:0;font-weight:400}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px var(--pad);border-top:1px solid var(--line);gap:20px;font-size:10px;letter-spacing:1px;text-transform:uppercase}.slide-control{display:flex;gap:9px;align-items:center;direction:ltr}.slide-control button{border:0;background:none;width:32px;height:32px;position:relative;font-size:10px;color:#aaa}.slide-control button.active{color:var(--ink)}.slide-control button:after{content:'';position:absolute;bottom:0;inset-inline:5px;height:1px;background:#777}.slide-control button.active:after{background:var(--accent)}.scroll-link{display:flex;gap:15px;align-items:center}.section{padding:110px var(--pad)}.section.paper{background:var(--paper);color:var(--black)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.section-top .eyebrow{margin-bottom:18px}.section-title{font:400 clamp(40px,4.8vw,74px)/1.1 'Cormorant Garamond',serif;letter-spacing:-1.5px;margin:0}.section-title em{color:var(--accent);font-weight:400}[lang=ar] .section-title{font-family:'Noto Sans Arabic',sans-serif;font-size:clamp(29px,3.6vw,53px);line-height:1.6;letter-spacing:-1px}.paper .eyebrow{color:#6b7063}.paper .text-link{border-color:#24272040}.intro-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;align-items:start}.intro-copy{padding-top:10px;color:#64695e;font-size:15px;line-height:2.1}.intro-copy p{margin:0 0 30px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #24272026;margin-top:50px;padding-top:30px;gap:20px}.stat strong{font:400 57px/1.2 'Cormorant Garamond',serif;display:block}.stat span{font-size:10px;color:#74786d}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 30px}.project-card{display:block;min-width:0}.project-card:first-child.wide{grid-column:1/-1}.project-image{position:relative;overflow:hidden;background:var(--panel);aspect-ratio:1.42}.project-card.wide .project-image{aspect-ratio:2.25}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s,filter .65s}.project-card:hover .project-image img{transform:scale(1.035);filter:brightness(1.1)}.image-arrow{position:absolute;bottom:18px;inset-inline-end:18px;border:1px solid #ffffff70;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;background:#1116;backdrop-filter:blur(8px)}.project-meta{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-top:20px}.project-meta h3{font-weight:400;font-size:20px;line-height:1.6;margin:0}.project-meta span{font-size:10px;color:var(--muted);white-space:nowrap}.project-tag{position:absolute;top:20px;inset-inline-start:20px;background:#151714dc;color:#fff;padding:5px 12px;font-size:9px;letter-spacing:.5px}.project-index{font-size:10px;color:var(--accent);margin-bottom:8px;direction:ltr;text-align:start}.section-foot{display:flex;align-items:center;justify-content:space-between;margin-top:50px;border-top:1px solid var(--line);padding-top:24px;gap:20px}.section-foot p{color:var(--muted);font-size:12px;max-width:450px}.systems-preview{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:center}.system-feature{aspect-ratio:.88;overflow:hidden;position:relative}.system-feature img{width:100%;height:100%;object-fit:cover}.image-label{position:absolute;inset:auto 20px 20px;background:#151714db;color:#fff;padding:16px 20px;display:flex;justify-content:space-between;gap:15px;font-size:11px}.system-rows{margin-top:30px}.system-row{border-bottom:1px solid #2427202c;display:flex;padding:23px 0;align-items:center;gap:20px}.system-row>span:first-child{font:12px 'Manrope';color:#92978a}.system-row h3{font-size:19px;font-weight:400;margin:0;flex:1}.system-row:hover h3{color:#d34d00}.system-row .arrow{color:#6b7063}.manifesto{padding:90px var(--pad);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:40px;align-items:center}.manifesto .eyebrow{max-width:200px;margin:0}.manifesto p{font:400 clamp(30px,4.5vw,70px)/1.2 'Cormorant Garamond',serif;max-width:800px;margin:0}.manifesto em{color:var(--accent);font-weight:400}[lang=ar] .manifesto p{font:400 clamp(25px,3vw,45px)/1.8 'Noto Sans Arabic';letter-spacing:-.6px}.cta{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:end}.cta p{color:var(--muted);max-width:400px;line-height:2;margin-bottom:28px}.cta .section-title{font-size:clamp(48px,5.5vw,88px)}[lang=ar] .cta .section-title{font-size:clamp(30px,4.2vw,65px)}#footer{padding:50px var(--pad) 22px;border-top:1px solid var(--line);background:#11130f}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:50px}.footer-brand{width:220px;margin-bottom:23px}.footer-brand img{width:100%}.footer-note{color:#90978a;max-width:240px;font-size:11px}.footer-column h3{font-size:10px;font-weight:400;color:#8b9483;letter-spacing:1px;margin:0 0 22px}.footer-column a,.footer-column p{display:block;font-size:11px;line-height:2.5;margin:0;color:#c1c7ba}.footer-column a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--line);margin-top:60px;padding-top:23px;font-size:9px;color:#8b9483}.footer-bottom a{color:#c1c7ba}.page-heading{padding:80px var(--pad) 55px;border-bottom:1px solid var(--line)}.page-heading h1{font:400 clamp(56px,7.2vw,112px)/1.1 'Cormorant Garamond',serif;margin:0 0 25px;letter-spacing:-2px}[lang=ar] .page-heading h1{font:400 clamp(37px,5vw,76px)/1.5 'Noto Sans Arabic';letter-spacing:-1.5px}.page-heading .lead{color:var(--muted);max-width:600px;line-height:2;font-size:14px;margin-bottom:0}.heading-line{display:flex;justify-content:space-between;gap:30px;align-items:end}.heading-count{font:400 75px/1 'Cormorant Garamond';color:var(--accent);white-space:nowrap}.heading-count small{font:10px 'Manrope';color:var(--muted);display:block;text-align:center;margin-top:10px}.archive-section{padding:40px var(--pad) 100px}.archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:40px;padding-bottom:25px;border-bottom:1px solid var(--line)}.filters{display:flex;flex-wrap:wrap;gap:10px}.filter{background:none;border:1px solid var(--line);padding:8px 14px;color:var(--muted);font-size:11px;min-height:42px}.filter:hover{border-color:var(--accent);color:var(--ink)}.filter.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.search{position:relative;min-width:230px;max-width:100%}.search input{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);padding:12px 30px 12px 0;font-size:12px}.search:after{content:'⌕';position:absolute;right:5px;top:4px;font-size:26px;color:var(--muted)}[dir=rtl] .search input{padding:12px 0 12px 30px}[dir=rtl] .search:after{right:auto;left:5px}.result-line{color:var(--muted);font-size:11px;margin-bottom:30px}.no-results{text-align:center;padding:70px 20px;grid-column:1/-1;color:var(--muted)}.load-more{display:flex;justify-content:center;margin-top:55px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 25px}.catalog-card{min-width:0}.catalog-card .project-image{aspect-ratio:1.15}.catalog-card h2{font-size:18px;line-height:1.6;font-weight:400;margin:18px 0 4px}.catalog-card p{color:var(--muted);font-size:11px;line-height:2;margin:0}.detail-top{padding:50px var(--pad) 45px}.back-link{font-size:11px;color:var(--muted);display:inline-flex;gap:20px;align-items:center;margin-bottom:40px}.detail-top h1{font:400 clamp(40px,5vw,78px)/1.2 'Cormorant Garamond';max-width:900px;margin:15px 0 25px}[lang=ar] .detail-top h1{font:400 clamp(28px,4vw,58px)/1.7 'Noto Sans Arabic'}.detail-line{display:flex;justify-content:space-between;align-items:end;gap:35px}.detail-line p{color:var(--muted);max-width:580px;line-height:2}.detail-facts{display:flex;gap:35px;align-items:center}.detail-facts div{padding-inline-start:25px;border-inline-start:1px solid var(--line)}.detail-facts span{font-size:9px;color:var(--muted);display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.detail-facts strong{font-size:12px;font-weight:400}.detail-cover{margin:0 var(--pad);height:clamp(300px,58vw,700px);max-height:78vh;background:var(--panel);border:0;display:block;width:calc(100% - var(--pad)*2);padding:0;overflow:hidden;position:relative}.detail-cover img{width:100%;height:100%;object-fit:contain}.detail-cover .image-arrow{position:absolute}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery button{border:0;background:var(--panel);padding:0;aspect-ratio:1.3;overflow:hidden}.gallery button img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gallery button:hover img{transform:scale(1.04)}.gallery-section{padding:45px var(--pad) 100px}.gallery-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:25px}.gallery-heading h2{font-size:12px;color:var(--ink);font-weight:400}.detail-next{border-top:1px solid var(--line);padding:60px var(--pad);display:flex;justify-content:space-between;align-items:center;gap:30px}.detail-next h2{font:400 44px/1.3 'Cormorant Garamond';margin:10px 0}[lang=ar] .detail-next h2{font:400 30px/1.8 'Noto Sans Arabic'}.detail-next small{font-size:10px;color:var(--muted)}.detail-next>.arrow{font-size:45px;color:var(--accent)}.studio-picture{width:100%;height:550px;object-fit:cover;object-position:center}.studio-text{font-size:18px;line-height:2.2;max-width:850px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.studio-grid img{width:100%;max-height:600px;object-fit:contain}.studio-grid p{color:var(--muted);line-height:2.2}.service-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:50px}.service-intro p{margin:0;color:var(--muted);line-height:2}.document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.document{border:1px solid var(--line);padding:25px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px}.document small{display:block;color:var(--muted);font-size:10px;margin-top:12px}.document:hover{border-color:var(--accent)}.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:12%}.contact-block{margin-bottom:35px}.contact-block h2{font-size:10px;color:var(--muted);font-weight:400;letter-spacing:1px;margin-bottom:10px}.contact-block p{font-size:16px;margin:0}.contact-block>a:not(.text-link){font:400 clamp(19px,2vw,30px)/1.5 'Manrope';display:inline-block}.contact-block .text-link{margin-top:12px}.social-links{display:flex;gap:25px}.contact-form{border-top:1px solid var(--line);padding-top:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.field{display:block;margin-bottom:25px}.field>span{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.field input,.field select,.field textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);padding:12px 0;outline-offset:3px;border-radius:0;min-width:0}.field select option{color:var(--ink);background:var(--bg)}.field textarea{resize:vertical;min-height:110px}.form-note{font-size:10px;color:var(--muted);line-height:2;margin-top:15px}.contact-form .button{width:100%}.contact-address{padding:45px var(--pad);background:var(--paper);color:var(--black);display:flex;justify-content:space-between;align-items:center;gap:35px}.contact-address p{font-size:15px}.contact-address .text-link{border-color:#24272040}.archive-ending{padding:50px var(--pad);background:var(--paper);color:var(--black);display:flex;align-items:center;justify-content:space-between;gap:35px}.archive-ending h2{font:400 36px/1.4 'Cormorant Garamond';margin:0}[lang=ar] .archive-ending h2{font:400 24px/1.8 'Noto Sans Arabic'}dialog{padding:0;border:0;max-width:100vw;max-height:100svh;width:100vw;height:100svh;background:#0b0d0af5;color:#fff;inset:0;margin:0}dialog::backdrop{background:#000c}dialog[open]{display:grid;grid-template-columns:70px 1fr 70px;align-items:center;padding:55px 20px;z-index:100}.light-close{position:absolute;right:25px;top:15px;width:44px;height:44px;background:none;border:1px solid #fff4;font-size:30px;z-index:2}.light-prev,.light-next{border:0;background:none;font-size:30px;width:50px;height:55px}dialog figure{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}dialog figure img{max-height:calc(100svh - 140px);max-width:100%;object-fit:contain}dialog figcaption{font-size:11px;text-align:center;margin-top:15px;color:#bbb}.reveal{animation:reveal .65s both}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.error-panel{padding:100px var(--pad);min-height:65vh}.error-panel h1{font:400 60px 'Cormorant Garamond'}@media(min-width:1600px){.hero-grid{max-width:1800px;margin:auto}.hero-description{font-size:16px}}@media(max-width:1200px){.nav-links{gap:18px}.nav-actions{gap:18px}.nav-contact{display:none}.hero-grid{gap:3vw}.hero h1{font-size:90px}[lang=ar] .hero h1{font-size:59px}.footer-grid{gap:30px}.archive-toolbar{align-items:start;flex-direction:column}.search{width:100%;max-width:350px}}@media(max-width:900px){#header{height:82px}.brand{width:158px}.brand img{height:38px}.menu-toggle{display:block}.nav-shell{gap:20px}.nav-actions{margin-inline-start:auto}.nav-links{display:none;position:absolute;inset:82px 0 auto;background:var(--bg);padding:30px var(--pad);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:5px}.nav-links.open{display:flex}.nav-links a{font-size:16px;padding:12px 0}.nav-links a.active:after{bottom:7px}.hero{min-height:calc(100svh - 82px)}.hero-grid{min-height:calc(100svh - 177px);grid-template-columns:1fr 120px;padding-block:70px 60px}.hero h1{font-size:80px}[lang=ar] .hero h1{font-size:52px}.hero-description{max-width:380px}.hero-bottom{padding-block:20px}.hero:before{background:linear-gradient(90deg,#151714f9,#151714a9 58%,#15171422)}[dir=rtl] .hero:before{background:linear-gradient(270deg,#151714f9,#151714a9 58%,#15171422)}.section{padding-block:75px}.intro-layout{gap:7%}.systems-preview{gap:6%}.section-title{font-size:48px}[lang=ar] .section-title{font-size:33px}.project-meta{display:block}.project-meta h3{font-size:18px}.project-meta span{display:block;margin-top:7px}.cta{gap:50px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid .footer-column:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-line{display:block}.detail-facts{margin-block:25px}.studio-grid,.contact-layout{gap:55px}.service-intro{gap:40px}.document-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){body{font-size:13px}.nav-shell{gap:10px}.brand{width:135px}.language-list{gap:10px}.language-list a{font-size:10px}.nav-actions{gap:10px}.hero-grid{grid-template-columns:1fr;padding-top:70px;padding-bottom:45px;min-height:calc(100svh - 175px)}.hero h1{font-size:72px;letter-spacing:-2px;max-width:350px}[lang=ar] .hero h1{font-size:44px;line-height:1.5;letter-spacing:-1.5px}.hero-description{font-size:12px;max-width:310px}.hero-side{display:none}.hero-photo{object-position:62% center}.hero:before{background:linear-gradient(90deg,#151714ed,#151714a6)}[dir=rtl] .hero:before{background:linear-gradient(270deg,#151714ed,#151714a6)}.eyebrow{font-size:9px;margin-bottom:25px}[lang=ar] .eyebrow{font-size:10px}.hero-actions{gap:20px}.button{padding:13px 18px;gap:25px;font-size:11px}.hero-bottom{font-size:8px;gap:8px;letter-spacing:.3px}.hero-bottom>span{display:none}.slide-control{gap:3px}.hero-bottom .scroll-link{margin-inline-start:auto}.section{padding-block:60px}.intro-layout,.systems-preview,.cta,.studio-grid,.contact-layout,.service-intro{grid-template-columns:1fr;gap:35px}.section-top{margin-bottom:30px;align-items:start}.section-top>.text-link{font-size:10px;gap:12px}.section-title{font-size:42px}[lang=ar] .section-title{font-size:28px;line-height:1.7}.intro-copy{font-size:13px}.stats{margin-top:30px;padding-top:20px;gap:15px}.stat strong{font-size:44px}.stat span{font-size:9px}.project-grid{grid-template-columns:1fr;gap:35px}.project-card.wide .project-image{aspect-ratio:1.3}.project-image{aspect-ratio:1.3}.project-meta{display:flex;gap:20px;padding-top:12px}.project-meta h3{font-size:17px}.project-meta span{font-size:9px;white-space:normal}.project-tag{top:12px;inset-inline-start:12px}.section-foot{margin-top:35px;align-items:start;flex-direction:column;gap:8px}.system-feature{aspect-ratio:1.1}.system-row{padding:20px 0}.system-row h3{font-size:17px}.manifesto{padding-block:50px;flex-direction:column;align-items:start;gap:25px}.manifesto p{font-size:38px}[lang=ar] .manifesto p{font-size:25px}.cta .section-title{font-size:52px}[lang=ar] .cta .section-title{font-size:35px}.cta p{font-size:12px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-brand-block{grid-column:1/-1}.footer-brand{width:190px}.footer-note{max-width:300px}.footer-grid .footer-column:last-child{grid-column:1/-1}.footer-column h3{margin-bottom:12px}.footer-bottom{margin-top:35px;align-items:start;flex-wrap:wrap;font-size:8px}.page-heading{padding-block:50px 35px}.page-heading h1{font-size:60px}[lang=ar] .page-heading h1{font-size:39px}.page-heading .lead{font-size:12px}.heading-line{gap:20px}.heading-count{font-size:50px}.heading-count small{font-size:9px}.archive-section{padding-block:25px 60px}.archive-toolbar{gap:20px;margin-bottom:25px}.filters{gap:7px}.filter{font-size:10px;padding:7px 10px}.catalog-grid{gap:30px 16px}.catalog-card h2{font-size:14px}.catalog-card p{font-size:10px;line-height:1.9}.catalog-card .project-image{aspect-ratio:.85}.catalog-card .image-arrow{width:30px;height:30px;bottom:8px;inset-inline-end:8px;font-size:16px}.detail-top{padding-block:30px}.back-link{margin-bottom:25px}.detail-top h1{font-size:39px}[lang=ar] .detail-top h1{font-size:29px}.detail-facts{gap:20px;flex-wrap:wrap}.detail-facts div{padding-inline-start:15px}.detail-facts strong{font-size:11px}.detail-cover{height:320px;max-height:65vh}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-section{padding-top:25px;padding-bottom:50px}.gallery-heading{font-size:9px}.detail-next{padding-block:35px}.detail-next h2{font-size:30px}[lang=ar] .detail-next h2{font-size:21px}.studio-picture{height:300px}.studio-text{font-size:15px;line-height:2}.studio-grid img{max-height:450px}.service-intro p{font-size:12px}.document-grid{grid-template-columns:1fr}.contact-layout{gap:35px}.contact-block{margin-bottom:25px}.contact-block>a:not(.text-link){font-size:23px}.form-row{gap:18px}.field{margin-bottom:20px}.contact-address{align-items:start;flex-direction:column;gap:5px;padding-block:25px}.contact-address p{font-size:13px}.archive-ending{align-items:start;flex-direction:column;padding-block:35px;gap:20px}.archive-ending h2{font-size:30px}[lang=ar] .archive-ending h2{font-size:22px}dialog[open]{grid-template-columns:35px 1fr 35px;padding:60px 5px 25px}.light-prev,.light-next{width:30px;font-size:23px}dialog figcaption{font-size:9px;line-height:1.8}.light-close{right:15px;top:12px}.scroll-link{font-size:8px}.hero .eyebrow{max-width:300px}.heading-line h1{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* Frame the architectural geometry above the source image's embedded caption. */
.hero-photo{height:230%;object-position:center top}
.hero-side{align-self:start;padding-top:0;margin-top:22px}
[hidden]{display:none!important}
.nav-links .mobile-only{display:none}@media(max-width:900px){.nav-links .mobile-only{display:block}}
/* Arabic typography: architectural display forms paired with a readable text face. */
html[lang=ar]{--ar-display:'Alexandria',sans-serif;--ar-text:'IBM Plex Sans Arabic','Manrope',sans-serif}
html[lang=ar] body{font-family:var(--ar-text);font-size:16px;line-height:1.95;font-weight:400}
html[lang=ar] :is(h1,h2,h3,p,a,span,button,label,input,select,textarea){letter-spacing:normal}
html[lang=ar] :is(.hero h1,.section-title,.page-heading h1,.detail-top h1,.manifesto p,.detail-next h2,.archive-ending h2,.project-meta h3,.catalog-card h2,.system-row h3){font-family:var(--ar-display);font-weight:400;letter-spacing:0}
html[lang=ar] em{font-style:normal;font-weight:500}
html[lang=ar] .hero h1{font-size:clamp(42px,4.65vw,76px);line-height:1.7;margin-bottom:25px}
html[lang=ar] .hero-description{font-size:16px;line-height:2;max-width:440px}
html[lang=ar] .eyebrow{font-family:var(--ar-text);font-size:13px;font-weight:500;line-height:1.9}
html[lang=ar] .nav-links a{font-size:14px;font-weight:400}
html[lang=ar] :is(.button,.nav-contact,.text-link){font-size:14px;font-weight:500}
html[lang=ar] .section-title{font-size:clamp(29px,3.4vw,52px);line-height:1.8}
html[lang=ar] :is(.intro-copy,.page-heading .lead,.detail-line p,.studio-grid p,.service-intro p,.cta p){font-size:16px;line-height:2}
html[lang=ar] .page-heading h1{font-size:clamp(34px,4.65vw,70px);line-height:1.7}
html[lang=ar] .detail-top h1{font-size:clamp(28px,3.8vw,58px);line-height:1.8}
html[lang=ar] .project-meta h3{font-size:20px;line-height:1.9}
html[lang=ar] .catalog-card h2{font-size:18px;line-height:1.9}
html[lang=ar] .catalog-card p{font-size:14px;line-height:2}
html[lang=ar] :is(.project-tag,.filter,.field>span,.gallery-heading h2){font-size:13px}
html[lang=ar] :is(.result-line,.project-meta>span,.footer-note,.form-note,.footer-column a,.footer-column p,.stat span){font-size:13px;line-height:2}
html[lang=ar] :is(input,select,textarea){font-family:var(--ar-text);font-size:16px}
html[lang=ar] .manifesto p{font-size:clamp(25px,3vw,45px);line-height:1.9}
html[lang=ar] .system-row h3{font-size:19px;line-height:1.8}
html[lang=ar] .cta .section-title{font-size:clamp(30px,4.2vw,64px)}
html[lang=ar] .detail-next h2{font-size:30px;line-height:1.9}
@media(max-width:900px){html[lang=ar] .nav-links a{font-size:17px}html[lang=ar] .hero h1{font-size:clamp(39px,5.9vw,55px)}html[lang=ar] .section-title{font-size:34px}}
@media(max-width:600px){
 html[lang=ar] .hero h1{font-size:clamp(29px,9.2vw,40px);line-height:1.8;max-width:100%}
 html[lang=ar] .hero-description{font-size:15px;line-height:2.05;max-width:340px}
 html[lang=ar] .hero-grid{padding-top:45px;padding-bottom:40px}
 html[lang=ar] .eyebrow{font-size:12px}
 html[lang=ar] .hero .eyebrow{font-size:11px}
 html[lang=ar] .section-title{font-size:27px;line-height:1.9}
 html[lang=ar] .section-top{flex-wrap:wrap;gap:12px}
 html[lang=ar] .section-top>.text-link{font-size:13px}
 html[lang=ar] .page-heading h1{font-size:33px;line-height:1.8}
 html[lang=ar] .detail-top h1{font-size:27px;line-height:1.85}
 html[lang=ar] .project-meta h3{font-size:17px}
 html[lang=ar] .project-meta>span{font-size:12px}
 html[lang=ar] .catalog-card h2{font-size:15px;line-height:1.95}
 html[lang=ar] .catalog-card p{font-size:13px;line-height:1.95}
 html[lang=ar] .filter{font-size:12px}
 html[lang=ar] .manifesto p{font-size:24px;line-height:2}
 html[lang=ar] .cta .section-title{font-size:31px;line-height:1.9}
 html[lang=ar] .detail-next h2{font-size:22px;line-height:1.9}
 html[lang=ar] .stat span{font-size:12px}
 html[lang=ar] .footer-column h3{font-size:12px}
}
/* Arj Al Noor — an architectural composition in light, type and motion. */
#header{position:sticky;top:0;transition:background .35s,border-color .35s;isolation:isolate}
#header.is-scrolled{background:#151714ed;border-color:#ffffff1f;backdrop-filter:blur(18px)}
.brand-ar{display:block;font:400 27px/1.45 'Alexandria',sans-serif;color:var(--ink);white-space:nowrap;letter-spacing:0}
.brand-ar>span{color:var(--accent)}.brand-tag{display:block;font:400 10px/1.7 'IBM Plex Sans Arabic',sans-serif;color:var(--muted);margin-top:4px;letter-spacing:0}
.footer-brand .brand-ar{font-size:38px}.footer-brand .brand-tag{font-family:'Manrope';font-size:9px;letter-spacing:1.6px}
.hero-premium{overflow:hidden;background:#151714}
.hero-premium .hero-grid{position:relative;gap:5vw;padding-block:65px 80px;max-width:1800px;margin-inline:auto}
.hero-copy{position:relative;z-index:2;min-width:0}
.hero-premium .hero-photo{transform:translate3d(var(--pointer-x,0px),calc(var(--hero-drift,0px) + var(--pointer-y,0px)),0) scale(1.04);transform-origin:50% 20%;transition:transform .45s ease-out}
.hero-premium .hero-photo-previous{z-index:-2;opacity:.85;transition:opacity 1.4s ease;will-change:opacity}
.hero-premium .hero-photo-previous.is-leaving{opacity:0}
.hero-grid-lines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:16.667% 25%;opacity:.3;z-index:-1}
.hero-outline{position:absolute;inset-inline:3%;bottom:72px;font:500 clamp(70px,12.2vw,200px)/1 'Manrope';letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px #ffffff12;pointer-events:none;z-index:-1;direction:ltr;white-space:nowrap;text-align:center}
.hero-word-line{display:block;overflow:hidden;padding-block:.06em;margin-block:-.06em}
.hero-word-line>span{display:block}
.hero-statement{font-size:19px;font-weight:400;color:var(--ink);margin:16px 0 20px;line-height:1.7;max-width:540px}
html[lang=ar] .hero-premium h1{font-family:'Alexandria';font-size:clamp(70px,8.4vw,134px);font-weight:300;line-height:1.35;letter-spacing:0;margin-bottom:5px;white-space:nowrap}
html[lang=ar] .hero-premium h1 em{font-weight:400}
html[lang=ar] .hero-statement{font-family:'Alexandria';font-size:clamp(18px,1.65vw,27px);line-height:1.9;font-weight:400;margin-top:20px}
.hero-premium .hero-description{max-width:465px;margin-bottom:32px}
.hero-geometry{position:relative;align-self:center;justify-self:stretch;aspect-ratio:1.22;border:1px solid #ffffff2a;transform:translate3d(calc(var(--pointer-x,0px)*-1),calc(var(--pointer-y,0px)*-1),0);transition:transform 1s ease;opacity:calc(.4 + var(--hero-depth,1)*.6)}
.geometry-corner{position:absolute;width:30px;height:30px;border:2px solid var(--accent)}.corner-a{top:-1px;inset-inline-start:-1px;border-inline-end:0;border-bottom:0}.corner-b{bottom:-1px;inset-inline-end:-1px;border-inline-start:0;border-top:0}
.geometry-label,.geometry-footer{position:absolute;inset-inline:22px;display:flex;justify-content:space-between;gap:20px;direction:ltr;font:9px/1.8 'Manrope';letter-spacing:1.8px;color:#fff9;text-shadow:0 1px 10px #000}.geometry-label{top:22px}.geometry-footer{bottom:22px}.geometry-cross{position:absolute;top:45%;left:46%;font:300 45px/1 'Manrope';color:#ff6b1680}
.hero-premium .hero-bottom{position:relative;background:#15171425;backdrop-filter:blur(3px)}
.hero-slides{display:flex;gap:14px;align-items:center;direction:ltr}
.motion-toggle,.hero-step{border:1px solid #ffffff2c;background:#15171444;display:grid;place-items:center;color:var(--ink);width:44px;height:44px;border-radius:50%;flex-shrink:0}
.motion-toggle:hover,.hero-step:hover{border-color:var(--accent);color:var(--accent)}
.pause-bars{display:block;width:10px;height:12px;border-inline:2px solid currentColor}.motion-toggle.is-paused .pause-bars{width:0;height:0;border:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;margin-left:3px}
.hero-step{display:none;font:26px/1 Arial}
.material-ribbon{padding:28px var(--pad);border-block:1px solid var(--line);display:flex;gap:5vw;align-items:center;background:#1b1e18;color:#d9decd;overflow:hidden}
.material-ribbon>span:not(.ribbon-plus):not(.ribbon-year){font:400 clamp(20px,2.5vw,38px)/1.6 'Cormorant Garamond',serif}
html[lang=ar] .material-ribbon>span:not(.ribbon-plus):not(.ribbon-year){font-family:'Alexandria';font-size:clamp(17px,2.4vw,34px);font-weight:300}
.ribbon-plus{color:var(--accent);font:300 30px/1 'Manrope'}.ribbon-year{margin-inline-start:auto;white-space:nowrap;font:10px 'Manrope';color:var(--muted);letter-spacing:1px}
.reading-progress{position:fixed;inset:0 0 auto;height:2px;background:var(--accent);z-index:200;transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}
[dir=rtl] .reading-progress{transform-origin:right}
.project-card .project-image,.catalog-card .project-image{transition:clip-path .7s cubic-bezier(.2,.7,.1,1);clip-path:inset(0)}
.project-card:hover .project-image,.catalog-card:hover .project-image{clip-path:inset(6px)}
.image-arrow{transition:transform .45s,background .45s,color .45s,border-color .45s}
.project-card:hover .image-arrow,.catalog-card:hover .image-arrow{background:var(--accent);color:#151714;border-color:var(--accent);transform:rotate(4deg)}
.project-meta h3,.catalog-card h2{transition:color .3s}.project-card:hover h3,.catalog-card:hover h2{color:var(--accent)}
.system-feature img{transition:transform 1.2s cubic-bezier(.2,.7,.1,1)}.system-feature:hover img{transform:scale(1.035)}
.motion-enabled:not(.motion-paused) .motion-reveal{transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.motion-enabled:not(.motion-paused) .motion-reveal:not(.is-visible){opacity:0;transform:translateY(28px)}
.motion-enabled:not(.motion-paused) .hero.is-entered .hero-word-line>span{animation:architectural-line 1.05s cubic-bezier(.2,.7,.15,1) both;animation-delay:calc(.12s + var(--line,0)*.1s)}
.motion-enabled:not(.motion-paused) .hero.is-entered .hero-copy>.eyebrow{animation:architectural-fade .8s .1s both}
.motion-enabled:not(.motion-paused) .hero.is-entered .hero-statement{animation:architectural-fade 1s .3s both}
.motion-enabled:not(.motion-paused) .hero.is-entered .hero-description{animation:architectural-fade 1s .4s both}
.motion-enabled:not(.motion-paused) .hero.is-entered .hero-actions{animation:architectural-fade 1s .5s both}
.motion-enabled:not(.motion-paused) .hero.is-entered .hero-geometry{animation:architectural-frame 1.3s .25s both}
@keyframes architectural-line{from{transform:translateY(110%);opacity:.2}to{transform:translateY(0);opacity:1}}
@keyframes architectural-fade{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes architectural-frame{from{opacity:0;clip-path:inset(48% 0)}to{opacity:1;clip-path:inset(0)}}
@media(max-width:1100px){html[lang=ar] .hero-premium h1{font-size:8.4vw}.hero-geometry{aspect-ratio:1;}.geometry-label,.geometry-footer{font-size:8px;letter-spacing:1px;inset-inline:16px}}
@media(max-width:900px){.brand-ar{font-size:24px}.hero-geometry{display:none}.hero-premium .hero-grid{grid-template-columns:1fr}.hero-copy{max-width:650px}html[lang=ar] .hero-premium h1{font-size:clamp(72px,10.4vw,100px)}.hero-premium .hero-description{max-width:450px}.hero-outline{font-size:13vw;bottom:80px}.material-ribbon{gap:4vw;padding-block:22px}.ribbon-year{font-size:9px}}
@media(max-width:600px){
 .brand-ar{font-size:22px}.brand-tag{font-size:9px}.brand{width:140px}.nav-shell{gap:10px}.language-list{gap:9px}
 .hero-premium .hero-grid{padding-block:48px 44px;min-height:calc(100svh - 170px)}
 html[lang=ar] .hero-premium h1{font-size:clamp(51px,15.8vw,74px);line-height:1.45;white-space:nowrap}
 html[lang=ar] .hero-statement{font-size:18px;line-height:1.9;margin-block:16px 18px}
 .hero-premium .hero-description{margin-bottom:24px}.hero-premium .hero-actions{gap:12px 20px;align-items:center}
 html[lang=ar] .hero-premium .hero-description{font-size:16px;line-height:2}
 .hero-premium .hero-bottom{padding-block:14px;min-height:78px}.hero-slides{gap:6px}.hero-step{display:grid}.slide-control button{display:none;width:32px;height:44px;font-size:11px}.slide-control button.active{display:block}.slide-control{gap:0}
 .hero-outline{font-size:14vw;bottom:92px;opacity:.55}
 .material-ribbon{padding-block:20px;gap:20px;justify-content:space-between}.ribbon-year{display:none}.ribbon-plus{font-size:22px}html[lang=ar] .material-ribbon>span:not(.ribbon-plus):not(.ribbon-year){font-size:18px}
 .footer-brand .brand-ar{font-size:34px}
}
@media(max-width:360px){.brand{width:126px}.brand-ar{font-size:20px}.hero-slides{gap:3px}.hero-step,.motion-toggle{width:40px;height:40px}.hero-premium .scroll-link{font-size:8px;gap:8px}html[lang=ar] .hero-premium h1{font-size:15.8vw}html[lang=ar] .hero-statement{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hero-premium .hero-photo,.hero-geometry{transform:none!important}.motion-reveal{opacity:1!important;transform:none!important}.motion-toggle{display:none}.project-card .project-image,.catalog-card .project-image{clip-path:none!important}}